@charset "utf-8";

.dropdown-menu {
    min-width: 200px
}

.dropdown-menu.columns-2 {
    min-width: 240px !important;
    overflow-x: hidden
}

.dropdown-menu.columns-3 {
    min-width: 240px !important;
    overflow-x: hidden
}

.haiti-container {
    margin: 0 0 20px 0;
    padding: 19px 25px 15px 25px;
    box-shadow: 0 2px 1px rgb(0 0 0 / 10%);
    overflow: auto;
    width: 950px;
    background-color: #fff;
    border-radius: 2px;
    position: relative
}

#haiti {
    left: 40px;
    top: 60px
}

.haiti-text-top-right {
    font-size: 24px;
    color: #ffc !important;
    position: absolute;
    left: 500px;
    top: 100px
}

.haiti-text-top-right-2 {
    font-size: 30px;
    color: #c36 !important;
    position: absolute;
    left: 515px;
    top: 135px
}

.haiti-text-top-right-3 {
    font-size: 30px;
    color: #ffc !important;
    position: absolute;
    left: 510px;
    top: 175px
}

.haiti-text-bottm-left-1 {
    font-size: 18px;
    color: #ffc !important;
    position: absolute;
    left: 120px;
    top: 390px;
    text-align: center;
    line-height: 1.2
}

.haiti-text-bottom-left-2 {
    font-weight: 700;
    font-size: 22px;
    color: #1b3d6e !important;
    position: absolute;
    left: 102px;
    top: 480px;
    text-align: center
}

.haiti-text-bottom-left-3 {
    font-size: 17px;
    color: #ffc !important;
    position: absolute;
    left: 105px;
    top: 520px;
    width: 320px;
    line-height: 1.2
}

.haiti-text-bottom-right-1 {
    font-size: 22px;
    color: #1b3d6e !important;
    position: absolute;
    left: 545px;
    top: 550px;
    line-height: 1.2
}

.haiti-text-bottom-right-2 {
    font-size: 17px;
    width: 370px;
    color: #1b3d6e !important;
    position: absolute;
    left: 515px;
    top: 615px;
    line-height: 1.1
}

.haiti-text-bottom-right-3 {
    font-size: 18px;
    font-weight: 400;
    width: 370px;
    color: #c36 !important;
    position: absolute;
    left: 505px;
    top: 680px;
    text-align: center
}

.haiti-link {
    width: 300px;
    height: 70px;
    position: absolute;
    left: 527px;
    top: 740px
}

@media (max-width:767px) {
    .calendar-v2 {
        font-size: 6.5pt
    }

    .past-calendar-v2 {
        font-size: 6.5pt
    }

    .dropdown-header {
        padding: 0 .75rem
    }

    .sub-nav-custom-padding {
        padding: 0 20px !important
    }

    .sub-nav-custom-margin {
        margin-top: 0;
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    .dropdown-menu.multi-column {
        min-width: 600px !important
    }

    .calendar-v2 {
        font-size: 15px
    }

    .past-calendar-v2 {
        font-size: 15px
    }
}

@media (min-width:992px) {
    .dropdown-menu.multi-column {
        min-width: 700px !important
    }
}

@media (min-width:1200px) {
    .dropdown-menu.multi-column {
        min-width: 750px !important
    }
}

@media (min-width:1400px) {
    .dropdown-menu.multi-column {
        min-width: 800px !important
    }
}

.multi-column-dropdown {
    list-style: none;
    margin: 0;
    padding: 0
}

.multi-column-dropdown li a {
    display: block;
    clear: both;
    white-space: normal;
    text-decoration: none;
    padding: 0.4rem 0rem !important;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s
}

.multi-column-dropdown li a:hover {
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s;
    display: block;
    clear: both;
    white-space: normal;
    text-decoration: none;
}

@media(min-width:1400px) {
    .container {
        max-width: 1340px
    }
}

@media(min-width:1200px) {
    .container-narrow {
        max-width: 1140px
    }
}

.navbar-light .navbar-nav .nav-link {
    color: var(--primary);
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: -.5px;
    text-align: center;
    white-space: nowrap
}

.navbar-light .navbar-nav .nav-item .btn-cherry:hover {
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    background-color: #fff
}

.navbar-brand {
    max-width: 290px;
    min-width: 260px
}

@media(min-width:768px) {
    .navbar-brand {
        max-width: 375px
    }
}

@media(min-width:992px) {
    .navbar-brand {
        max-width: 450px
    }
}

@media(min-width:992px) {
    .navbar-light .navbar-nav .nav-link {
        text-align: left;
        margin-right: 10px
    }
}

@media(min-width:992px) {
    .navbar-light .navbar-nav .nav-link {
        font-size: 90%
    }

    .navbarSocial {
        width: 33%
    }

    .hnmc-g-nav-logo {
        width: 33%;
        padding: 0 !important;
        margin: 0 !important
    }
}

@media(min-width:1200px) {
    .navbar-light .navbar-nav .nav-link {
        font-size: 90%
    }
}

@media(min-width:1400px) {
    .navbar-light .navbar-nav .nav-link {
        font-size: 90%
    }
}

.holyname-pre-nav {
    background: var(--light);
    background: #f8f8f8 !important
}

.holyname-pre-nav .navbar.navbar-light {
    padding: 0 1rem
}

.btn {
    padding: .5rem 1rem;
    font-size: 95%;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px
}

.btn.btn-primary {
    color: #fff !important
}

section {
    position: relative
}

form label {
    /* color: var(--primary);
    font-size: 80%;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px COMMENTED OUT BY PENTERA */
}

form .form-control {
    background: var(--light);
    border: none;
    box-shadow: none
}

.opacity-1 {
    opacity: .1 !important
}

.opacity-2 {
    opacity: .2 !important
}

.opacity-3 {
    opacity: .3 !important
}

.opacity-4 {
    opacity: .4 !important
}

.opacity-5 {
    opacity: .5 !important
}

.opacity-6 {
    opacity: .6 !important
}

.opacity-7 {
    opacity: .7 !important
}

.opacity-8 {
    opacity: .8 !important
}

.opacity-9 {
    opacity: .9 !important
}

.opacity-10 {
    opacity: 1 !important
}

.overlay {
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: .5
}

.overlay-inner {
    z-index: 3;
    position: relative
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0 !important;
    margin-bottom: .5rem !important
}

.global-nav .navbar-nav .nav-item a:not(.btn) {
    z-index: 2;
    position: relative;
    color: var(--dark);
    text-shadow: none;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s
}

.global-nav .navbar-nav .nav-item-custom a:not(.btn)::after,
.global-nav .navbar-nav .nav-item-custom a:not(.btn)::before {
    border-top: none !important;
    border-bottom: none !important;
    left: 0;
    width: 100% !important
}

.global-nav .navbar-nav .nav-item-custom a:not(.btn)::after,
.global-nav .navbar-nav .nav-item-custom a:not(.btn)::before {
    position: absolute;
    left: 0;
    margin-left: 0 !important;
    width: 100% !important;
    height: 2px;
    background: #38bfbd;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    -moz-transition: opacity .3s, -moz-transform .3s;
    transition: opacity .3s, transform .3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px)
}

.global-nav .navbar-nav .nav-item-custom a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scaleY(0);
    transform-origin: bottom center;
    background: #123559;
    color: #fff !important;
    z-index: -1;
    transition: transform .7s
}

.global-nav .navbar-nav .nav-item-custom a:hover::after {
    transform: scaleY(1)
}

.global-nav .navbar-nav .nav-item-custom a:not(.btn)::before {
    bottom: 0;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px)
}

.global-nav .navbar-nav .nav-item-custom a:not(.btn)::after {
    bottom: 0;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px)
}

.global-nav .navbar-nav .nav-item-custom a:not(.btn):focus::after,
.global-nav .navbar-nav .nav-item-custom a:not(.btn):focus::before,
.global-nav .navbar-nav .nav-item-custom a:not(.btn):hover::after,
.global-nav .navbar-nav .nav-item-custom a:not(.btn):hover::before {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0)
}

.global-nav .navbar-nav .nav-item-custom .nav-item-images a:not(.btn)::after,
.global-nav .navbar-nav .nav-item-custom .nav-item-images a:not(.btn)::before {
    border-top: none !important;
    border-bottom: none !important
}

.global-nav .navbar-nav .nav-item-custom .nav-item-images a:not(.btn)::after,
.global-nav .navbar-nav .nav-item-custom .nav-item-images a:not(.btn)::before {
    position: absolute;
    left: 0;
    margin-left: 0 !important;
    width: 100% !important;
    height: 2px;
    background: #38bfbd;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    -moz-transition: opacity .3s, -moz-transform .3s;
    transition: opacity .3s, transform .3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px)
}

.holyname-pre-nav a:not(.btn) {
    position: relative;
    color: var(--dark) !important;
    color: #123559 !important;
    text-shadow: none;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
    padding: .75rem .5rem;
    font-size: .9rem;
    font-weight: 500;
    letter-spacing: -.5px;
    color: var(--dark);
    text-transform: capitalize
}

.holyname-pre-nav a:active,
.holyname-pre-nav a:focus,
.holyname-pre-nav a:hover {
    color: var(--primary) !important;
    color: #38bfbd !important
}

footer a {
    color: var(--white)
}

footer h5 {
    position: relative
}

footer h5:after {
    content: '';
    display: block;
    margin-top: 1rem;
    margin-bottom: 1rem;
    height: 2px;
    width: 100%;
    background: var(--primary)
}

h1.underline:after {
    content: '';
    background: var(--primary);
    width: 100px;
    height: 2px;
    display: block;
    margin-top: 1rem;
    background-color: #38bfbd
}

.nav-pills .nav-link {
    font-size: 16px
}

.buttonfx {
    transition: .3s color;
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    color: #fff
}

.buttonfx-light-1 {
    transition: .3s color;
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    color: #1d2c3c;
    font-family: ProximaNova-regular, Arial, Helvetica, sans-serif;
    font-size: 1.2rem !important
}

.buttonfx:after,
.buttonfx:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: #38bfbd;
    border-bottom: #38bfbd 3px solid;
    z-index: -1;
    transform: translate3D(0, 101%, 0);
    transition: all .3s
}

.buttonfx-light-1:after,
.buttonfx-light-1:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: #38bfbd;
    border-bottom: #38bfbd 2px solid;
    z-index: -1;
    transform: translate3D(0, 101%, 0);
    transition: all .3s
}

.buttonfx:before {
    background: #386080;
    z-index: -2;
    transform: translate3D(0, 0, 0)
}

.buttonfx-light-1:before {
    background: #f2f2f2;
    z-index: -2;
    transform: translate3D(0, 0, 0)
}

.buttonfx:hover {
    color: #fff;
    border-bottom: none !important;
    border-bottom: #38bfbd 3px solid
}

.buttonfx-light-1:hover {
    color: #fff;
    border-bottom: none !important;
    border-bottom: #38bfbd 3px solid
}

.buttonfx:hover:after {
    transform: translate3D(0, 0, 0);
    transition: all .3s
}

.buttonfx-light-1:hover:after {
    transform: translate3D(0, 0, 0);
    transition: all .3s
}

.buttonfx:after {
    top: 0;
    z-index: -1;
    transform: translate3D(0, 100%, 0);
    border-bottom: none !important;
    border-bottom: #38bfbd 3px solid
}

.buttonfx-light-1:after {
    top: 0;
    z-index: -1;
    transform: translate3D(0, 100%, 0);
    border-bottom: none !important;
    border-bottom: #38bfbd 3px solid
}

.buttonfx:hover:after {
    transform: translate3D(0, 0, 0);
    transition: all .5s
}

.buttonfx-light-1:hover:after {
    transform: translate3D(0, 0, 0);
    transition: all .5s
}

.buttonfx:focus:after {
    color: #fff;
    background: #cde4e2;
    transform: translate3D(0, 0, 0);
    transition: all .5s
}

.buttonfx-light-1:focus:after {
    color: #fff;
    background: #cde4e2;
    transform: translate3D(0, 0, 0);
    transition: all .5s
}

.accordion-container {
    margin: 0;
    margin-left: 0
}

.accordion-container-last {
    border-bottom: 1px solid #e8e8e8 !important
}

.accordion .fa {
    margin-right: .5rem
}

.accordion-side-nav .fa {
    margin-right: .5rem
}

.calendar {
    font-size: 12px !important;
    font-family: ProximaNova-Regular, Arial, Helvetica, sans-serif;
    color: #0164a5;
    line-height: 10px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.calendar-v2 {
    font-family: ProximaNova-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #2484c6 !important;
    text-decoration: none
}

.cal-cat-tabs {
    color: #386080;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 16px
}

.cal-cat-tabs-active {
    color: #2484c6 !important;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 16px
}

a.past-calendar:link {
    font-size: 12px !important;
    font-family: ProximaNova-Regular, Arial, Helvetica, sans-serif;
    color: green;
    line-height: 10px
}

a.calendar:hover {
    font-size: 12px;
    font-family: ProximaNova-Regular, Arial, Helvetica, sans-serif;
    color: #656565;
    line-height: 10px;
    text-decoration: underline
}

.caltime {
    font-size: 15px;
    font-family: ProximaNova-Regular, Arial, Helvetica, sans-serif;
    color: #1d2c3c;
    line-height: 12px
}

.past-caltime {
    font-size: 15px;
    font-family: ProximaNova-Regular, Arial, Helvetica, sans-serif;
    color: #9d9d9d;
    line-height: 12px
}

.calleft {
    border: 1px solid #d7d7d7;
    border-width: 0 1px 1px 1px
}

.calright {
    border: 1px solid #d7d7d7;
    border-width: 0 1px 1px 0
}

.callefttop {
    border: 1px solid #fff;
    border-width: 1px 1px 0 1px;
    font-size: 11px;
    font-family: ProximaNova-Regular, Arial, Helvetica, sans-serif;
    color: #fff;
    font-weight: 700;
    border-top-color: #0065a5;
    border-left-color: #0065a5;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #0065a5;
    text-align: center
}

.calrighttop {
    border: 1px solid #fff;
    border-width: 1px 1px 0 0;
    font-size: 11px;
    font-family: ProximaNova-Regular, Arial, Helvetica, sans-serif;
    color: #fff;
    font-weight: 700;
    border-top-color: #0065a5;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #0065a5;
    text-align: center
}

.cal-cell {
    background-color: #fff;
    padding-left: 4px;
    vertical-align: top
}

.cal-cell:hover {
    background-color: #d8e8f3
}

.past-cal-cell {
    background-color: #ebebeb;
    padding-left: 4px;
    vertical-align: top
}

.past-cal-cell:hover {
    background-color: #d8e8f3
}

.day-of-mo {
    text-align: right;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 10px;
    color: #000
}

.past-day-of-mo {
    text-align: right;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 10px;
    color: #9d9d9d
}

.calendar-tbl {
    width: 100%;
    padding: 0;
    border: 0
}

.calendar-inner-tbl {
    width: 100%;
    background-color: #fbfbfb !important
}

.dayofWeek {
    width: 14.25%;
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 16px
}

.tab-pane-custom {
    border-left: #dee2e6 solid 1px;
    border-right: #dee2e6 solid 1px;
    border-bottom: #dee2e6 solid 1px;
    width: 100% !important
}

.select-category-link {
    width: 100% !important
}

.select-category-link a:active,
a:focus {
    outline: 0;
    border: none;
    -moz-outline-style: none
}

h2.title:before {
    display: block;
    font-size: 20px;
    color: #b9b9b9;
    margin-bottom: 5px;
    margin-top: 30px
}

h2.contact:after,
h2.finder:after,
h2.medical:after,
h2.title:after,
h3.title:after {
    content: ' ';
    display: block;
    width: 60px;
    margin: 20px auto 0 auto;
    border-bottom: 4px dotted #b9b9b9
}

.title {
    text-align: center;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .title {
        margin-bottom: 50px
    }
}

.bubble {
    width: 100%;
    border-radius: 2px;
    background: #fafafa;
    display: inline-block;
    margin-bottom: 25px;
    border: 1px solid #e8e8e8;
    box-shadow: 0 1px 3px 0 rgba(49, 47, 51, .1);
    padding: 15px 15px 10px 15px;
    transition: .15s box-shadow
}

.bubble-profile {
    margin-top: 30px;
    margin-bottom: 10px
}

.bubble-profile .text-primary {
    font-size: 26px
}

@media (min-width:768px) {
    .bubble {
        padding: 25px 25px 20px 25px
    }

    .bubble:hover {
        box-shadow: 0 1px 7px 0 rgba(49, 47, 51, .2)
    }
}

.bubble h3 {
    margin: 0;
    font-size: 16px
}

.bubble h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 0
}

.bubble p {
    cursor: default
}

.bubble ul {
    display: table
}

.bubble svg {
    margin-top: 4px;
    width: 16px;
    float: left;
    height: 16px;
    vertical-align: middle;
    margin-right: 10px;
    display: block
}

.bubble a {
    display: table;
    color: #e38339;
    font-size: 15px;
    font-weight: 500
}

.bubble a.button {
    color: #fff;
    margin: 0 auto 0 auto
}

.bubble a.view-all-services {
    margin: 0
}

.bubble a.zoc-doc {
    display: inline-block;
    background: #38bfbd;
    width: 100%;
    color: #fff;
    padding: 5px 5px;
    font-size: 13.5px;
    text-decoration: none;
    margin-top: 10px;
    border-radius: 3px
}

.bubble a.profile {
    display: inline-block;
    background: #0694cb;
    width: 100%;
    color: #fff;
    padding: 5px 5px;
    font-size: 13.5px;
    margin-top: 10px;
    text-decoration: none;
    border-radius: 3px
}

@media (min-width:768px) {
    .bubble a {
        font-size: 15px
    }

    .bubble .sm-12 a.zoc-doc {
        margin-right: -15px
    }

    .bubble .sm-12 a.profile {
        margin-left: -15px
    }
}

.bubble.physician-card .column {
    padding: 0
}

.bubble.physician-card .sm-12 {
    padding: 0 7.5px
}

.physician-card p {
    line-height: 1.7;
    margin: 0
}

.physician-card h4 {
    margin: 10px 0 3px 0
}

.physician-card h4.name {
    margin: 0;
    font-size: 26px !important;
    text-align: center
}

.physician-card p.specialty {
    font-weight: 400;
    margin: 0;
    text-align: left
}

@media (min-width:768px) {

    .physician-card h4,
    .physician-card h4.name,
    .physician-card p.specialty {
        text-align: left
    }
}

@media (max-width:767px) {
    .bubble.physician-card>.column:first-child {
        padding: 0 7.5px
    }
}

.physician-card a.profile,
.physician-card a.zoc-doc {
    margin-bottom: 5px
}

.bubble form {
    width: 100%;
    display: table
}

.bubble form h4 {
    margin-bottom: 10px;
    margin-top: 5px
}

.bubble img {
    border-radius: 2px;
    max-width: 165px;
    width: 100%;
    height: auto;
    padding-right: 15px
}

.bubble img.img-profile {
    max-width: 200px;
    width: 100%;
    height: auto
}

@media (min-width:768px) {
    .bubble img {
        margin-right: 15px
    }

    .zoc-doc-profile {
        text-align: center;
        margin-top: 25px !important
    }

    .patient-story {
        margin: 15px
    }

    .patient-video {
        width: 450px;
        height: 265px;
        float: right;
        margin-left: 25px;
        margin-bottom: 10px
    }

    .third-col-nav-menu {
        margin-top: 5px
    }
}

@media (max-width:767px) {
    .bubble img {
        display: block;
        margin: auto;
        max-width: 165px;
        padding-bottom: 10px
    }

    .zoc-doc-profile {
        text-align: center;
        margin-top: 25px !important;
        margin-bottom: 30px !important
    }

    .patient-story {
        text-align: center !important;
        margin-bottom: 35px
    }

    .patient-video {
        width: 100%;
        height: auto;
        margin-bottom: 25px
    }

    .third-col-nav-menu {
        margin-top: 0;
        padding-top: 0
    }
}

@media (min-width:992px) {
    .bubble.physician-card {
        height: 290px
    }

    .bubble.physician-card-Profile {
        height: auto !important
    }

    .phy-card-location {
        height: 140px
    }

    .phy-card-location-special {
        height: 115px
    }
}

@media screen and (max-width:1281px) {
    .imgSummary {
        max-width: 150px;
        height: auto;
        width: auto
    }
}

@media screen and (max-width:740px) {
    .imgSummary {
        max-width: 125px;
        height: auto;
        width: auto
    }
}

@media screen and (max-width:490px, max-width:641px) {
    .imgSummary {
        max-width: 125px;
        height: auto;
        width: auto
    }

    .imgDetail {
        max-width: 100%;
        height: auto;
        width: auto
    }
}

@media only screen and (min-width :480px) and (max-width :767px) {
    .imgDetail {
        max-width: 150px;
        height: auto;
        width: auto
    }

    .imgcell {
        width: 40%
    }

    .imgSummary {
        max-width: 125px;
        height: auto;
        width: auto
    }
}

.physicians-label {
    font-weight: 600;
    font-size: 17px
}

.img-responsive {
    width: 100%;
    height: auto;
    display: block
}

.phy_contact_row {
    padding-top: 15px
}

.warningmsg {
    color: #fa764a;
    font-size: 18px
}

figure {
    position: relative;
    overflow: hidden;
    margin: 10px 1%;
    background: #726fb9;
    text-align: center;
    cursor: pointer !important
}

figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-bottom: 20px;
    cursor: pointer !important
}

figcaption>h2 {
    margin-top: 0;
    padding-top: 100px;
    padding-bottom: 0
}

figure.effect-bubba:hover h2 {
    margin-top: 0;
    padding-top: 70px;
    padding-bottom: 0
}

.ot-portfolio-item figure figcaption>a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0
}

.ot-portfolio-item figure figcaption,
.ot-portfolio-item figure figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

figure.effect-bubba {
    background: #000;
    margin-bottom: 0
}

figure.effect-bubba img {
    opacity: .55;
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

figure.effect-bubba:hover img {
    opacity: .8
}

figure.effect-bubba figcaption::after,
figure.effect-bubba figcaption::before {
    position: absolute;
    top: 25px;
    right: 30px;
    bottom: 35px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s
}

figure.effect-bubba figcaption::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1)
}

figure.effect-bubba figcaption::after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0)
}

figure.effect-bubba h2 {
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    text-transform: uppercase;
    padding-top: 30%;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
}

figure.effect-bubba p {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding-top: 20px;
    padding-bottom: 0;
    padding-left: 2.5em;
    padding-right: 2.5em;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
}

figure.effect-bubba:hover figcaption::after,
figure.effect-bubba:hover figcaption::before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

figure.effect-bubba:hover h2 {
    padding-top: 40px !important
}

.episode {
    font-size: 18px;
    font-weight: 400;
    text-transform: none !important
}

.story-line-summary {
    font-size: 14px !important;
    font-weight: 400;
    text-transform: none !important
}

.hr-episodes {
    max-width: 50px;
    border-width: 1px;
    border-color: #fff;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 8px;
    margin-bottom: 0
}

.patient-story {
    width: 100%;
    height: auto;
    display: block;
    max-width: 450px;
    float: right !important;
    border-radius: 1px;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .2), 0 8px 25px 0 rgba(0, 0, 0, .25)
}

.patient-story-callout-dr {
    padding: 20px !important;
    background-color: #0095cc !important;
    color: #fff !important;
    text-align: center
}

.patient-story-callout-dr a {
    color: #fff !important;
    font-size: 20px
}

.video-container {
    position: relative;
    padding-top: 35px;
    margin-top: 1%
}

.video-container iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: auto;
    max-width: 450px;
    max-height: 312px
}

.menu-large {
    position: static !important
}

.megamenu {
    padding: 20px 4% !important;
    margin-top: -1px !important;
    width: 100%;
    background-color: #f9f9f9
}

.megamenu>li>ul {
    padding: 0;
    margin: 0
}

.megamenu>li>ul>li {
    list-style: none
}

.megamenu>li>ul>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.428571429;
    white-space: normal;
    font-size: 17px;
    color: #737373
}

.megamenu>li>ul>li>p {
    display: block;
    padding: 0 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.428571429;
    white-space: normal;
    font-size: 17px;
    color: #737373
}

.megamenu>li>ul>li>ul>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.428571429;
    white-space: normal;
    font-size: 17px;
    color: #737373;
    margin-left: 0
}

.megamenu .multi-column-dropdown>li>a {
    -webkit-transition: border 250ms ease-out;
    -moz-transition: border 250ms ease-out;
    -o-transition: border 250ms ease-out;
    transition: border 250ms ease-out
}

.megamenu .multi-column-dropdown>li>a:focus,
.megamenu .multi-column-dropdown>li>a:hover {
    text-decoration: none;
    color: #659dd3
}

.megamenu .multi-column-dropdown>li>a>span {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #123559;
    font-family: ProximaNova-Regular, Arial, Helvetica, sans-serif;
    font-size: 1.1rem;
    font-weight: 400
}

.megamenu .multi-column-dropdown>li>a>span:hover {
    color: #38bfbd
}

.megamenu.disabled>a,
.megamenu.disabled>a:focus,
.megamenu.disabled>a:hover {
    color: #999
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:visited {
    background-color: #38bfbd !important;
    color: #fff !important
}

.navbar-default .navbar-nav>li:focus,
.navbar-default .navbar-nav>li:hover,
.navbar-default .navbar-nav>li>:visited {
    background-color: #38bfbd !important;
    color: #fff !important
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #38bfbd
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #38bfbd
}

.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #38bfbd
}

.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: #38bfbd
}

.border-style {
    border-bottom: solid 4px #38bfbd;
    color: #cde4e2
}

.border-style:hover {
    border-bottom: solid 3px #cde4e2
}

.megamenu.disabled>a:focus,
.megamenu.disabled>a:hover {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    cursor: not-allowed
}

.blue-button {
    display: inline-block;
    background: #0694cb !important;
    width: 100%;
    color: #fff;
    padding: 5px 5px;
    font-size: 13.5px;
    margin-top: 10px;
    text-decoration: none;
    border-radius: 3px;
    padding: 10px
}

.blue-button:hover {
    color: #fff !important;
    background: #007dae !important;
    text-decoration: none
}

.sidenav-accordion-card {
    border-radius: 5px;
    border: 0 !important
}

.sidenav-accordion-card-header {
    padding: 0 !important;
    border-radius: 5px;
    border-bottom: #38bfbd 3px solid;
    background-color: #386080
}

.sidenav-accordion-card-body {
    padding: 5px 0 1px 0;
    background-color: #eaeaea
}

.sidenav-accordion-card-body-cont1 {
    padding: 1px 15px 0 15px;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important
}

.sidenav-accordion-card-body-cont-3 {
    padding: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

.sidenav-accordion-card-body-cont2 {
    margin-top: 0;
    padding-top: 0;
    padding-left: 10px
}

.sidenav-accordion-card-body-cont2 a {
    background-color: #fff !important;
    margin-left: -10px !important;
    padding-left: 25px !important
}

.link-custom {
    color: #fff;
    background: #fff;
    margin: 5px 0 padding-right:-6px !important;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s
}

.link-custom:hover {
    border-bottom: #38bfbd 9px solid;
    box-shadow: inset 300px 0 0 0 #0064a5;
    color: #fff
}

#collapse1 .link-custom-active {
    background-color: #38bfbd !important;
    color: #fff !important;
    z-index: 9999 !important
}

#collapse1 .link-custom-not-active {
    z-index: 0 !important
}

.sidenav-accordion-card-body-cont2 a:active,
.sidenav-accordion-card-body-cont2 a:focus {
    background-color: #38bfbd !important;
    color: #fff
}

.sidenav-accordion-title {
    padding: 0;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    font-size: 17px;
    font-weight: 400 !important;
    height: 40px
}

.sidenav-accordion-title-2 {
    padding: 5px;
    height: 40px
}

.tooltip-custom .tooltip-inner {
    background-color: #0065a4 !important;
    color: #fff !important;
    font-size: 12px;
    max-width: 600px !important;
    text-align: left !important;
    padding: 10px;
    border: 2px solid #fff;
    border-radius: 2px;
    box-shadow: 0 0 8px 4px #666;
    margin: 0
}

.tooltip.bs-tether-element-attached-top .tooltip-inner::before {
    border-bottom-color: red
}

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before,
.tooltip.bs-tooltip-top .arrow::before {
    content: "";
    border-top-color: #0064a5
}

.Health-Network {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    background-color: #1d2c3c !important;
    overflow-x: hidden;
    transition: .5s;
    padding-top: 60px;
    color: #fff !important
}

.Health-Network a {
    padding: 8px 8px 8px 16px;
    text-decoration: none;
    font-size: 25px;
    color: #dedede !important;
    display: block;
    transition: .3s;
    font-size: 16px;
    border-bottom: thin solid #384452
}

.Health-Network a:hover {
    color: #fff !important
}

.Health-Network .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    text-align: right !important;
    color: #fff !important;
    border-bottom: none !important
}

@media screen and (max-height:450px) {
    .Health-Network {
        padding-top: 15px
    }

    .Health-Network a {
        font-size: 18px
    }
}

.Health-Network-links {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #fff !important;
    display: block;
    transition: .3s;
    font-size: 14px
}

.custom-bullets-list ul,
li {
    padding: 0;
    margin: 0;
    list-style: none
}

.custom-bullets-list ul {
    margin: 2em 0
}

.custom-bullets-list li {
    margin: .25em;
    margin-left: .75em
}

.custom-bullets-list li:before {
    content: '\f105 \f105';
    font-family: FontAwesome;
    float: left;
    margin-left: -1.5em;
    font-size: 18px;
    font-weight: 600
}

.custom-ordered-list li:before {
    float: left;
    margin-left: 1.5em;
    font-size: 18px;
    font-weight: 600
}

.custom-bullets-nested-list {
    margin-top: 15px !important
}

.custom-bullets-nested-list li:before {
    content: '\f105';
    font-family: FontAwesome;
    float: left;
    margin-left: -1.5em;
    font-size: 18px;
    font-weight: 600
}

.custom-bullets-nested-list li {
    margin-top: 15px !important;
    border: none !important;
    padding: 1px 30px !important;
    margin: 0 !important
}

.custom-ordered-list li {
    padding: 3px 0 0 10px;
    margin: 2px 0 3px 0;
    list-style: decimal !important
}

.reset-list li {
    list-style: none !important
}

#Other-Resources-Widget {
    background-color: #fff;
    margin-top: 25px;
    border: 1px solid #ddd
}

#Other-Resources-Widget h5 {
    padding: 15px 15px 15px 20px;
    margin-bottom: 0px !important;
    color: #123559 !important;
    font-weight: 400;
    font-size: 18px;
    background-color: #f2f2f2
}

#Other-Resources-Widget div {
    padding: 0px 5px
}

#Other-Resources-Widget div a {
    width: 100%;
    text-align: left;
    color: #123559 !important;
    font-weight: 600;
    font-size: 14px;
}

#Other-Resources-Widget div a:hover {
    color: #38bfbd !important
}

#side-nav-icons:hover {
    saturate: #123559 !important
}

.link-navy {
    color: #386080 !important
}

.main-header-midnight {
    color: #123559;
    font-size: 34px;
    font-weight: 800
}

.sub-header {
    color: #0065a5
}

.body-links {
    color: #2484c6 !important;
    text-decoration: none;
    font-size: 1.1rem
}

.fw-600 {
    font-weight: 600
}

.cherry-text {
    color: #df3a52
}

.body-sub-container {
    background-color: #f5f5f5;
    box-shadow: 4px 3px 16px #ccc;
    padding: 20px 20px 5px 20px;
    margin: 40px 0
}

.body-sub-first-container {
    background-color: #f5f5f5;
    box-shadow: 4px 3px 16px #ccc;
    padding: 20px 20px 5px 20px;
    margin: 5px 0 40px 0
}

.body-warning-sub-container {
    background-color: #fa764a;
    color: #fff;
    box-shadow: 4px 3px 16px #ccc;
    padding: 15px 15px 2px 20px;
    margin: 40px 0
}

.body-sub-container p,
.body-sub-first-container p,
.body-warning-sub-container p {
    padding: 5px 0 0 0
}

.body-sub-container img,
.body-sub-first-container img,
.body-warning-sub-container img {
    max-width: 200px;
    max-height: 300px;
    width: 100% !important;
    height: auto !important;
    margin-bottom: 15px
}

.body-sub-container .row .body-sub-first-container {
    padding-bottom: 20px
}

.body-warning-sub-container a {
    color: #fff;
    text-decoration: underline;
    font-size: 18px
}

.btn-cherry {
    color: #fff;
    background-color: #38bfbd;
    border-color: #38bfbd;
    font-weight: 700;
    font-size: 14px;
    transition: all .5s ease-in-out
}

.btn-cherry:hover {
    background-color: #fff;
    color: #38bfbd;
    border-color: #38bfbd
}

.btn-cherry.disabled,
.btn-cherry:disabled {
    color: #212529;
    background-color: #fa764a;
    border-color: #fa764a
}

.btn-cherry:not(:disabled):not(.disabled).active,
.btn-cherry:not(:disabled):not(.disabled):active,
.show>.btn-cherry.dropdown-toggle {
    color: #fff;
    background-color: #2c9896;
    border-color: #2a8e8c
}

.btn-cherry:not(:disabled):not(.disabled).active:focus,
.btn-cherry:not(:disabled):not(.disabled):active:focus,
.show>.btn-cherry.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(53, 168, 167, .5);
    color: #fff
}

.btn-cherry:focus {
    box-shadow: 0 0 0 .2rem rgba(53, 168, 167, .5);
    color: #fff
}

.btn-peach {
    color: #fff;
    background-color: #fa764a;
    border-color: #fa764a;
    font-weight: 700;
    font-size: 14px;
    transition: all .5s ease-in-out;
    height: 43px;
    padding-top: 11px !important;
    vertical-align: middle
}

.btn-peach:hover {
    background-color: #fff;
    border-color: #fa764a;
    color: #fa764a !important
}

.btn-peach.focus,
.btn-peach:focus {
    box-shadow: 0 0 0 .2rem rgba(53, 168, 167, .5)
}

.btn-peach.disabled,
.btn-peach:disabled {
    color: #212529;
    background-color: #fa764a;
    border-color: #fa764a
}

.btn-peach:not(:disabled):not(.disabled).active,
.btn-peach:not(:disabled):not(.disabled):active,
.show>.btn-peach.dropdown-toggle {
    color: #fff;
    background-color: #2c9896;
    border-color: #2a8e8c
}

.btn-peach:not(:disabled):not(.disabled).active:focus,
.btn-peach:not(:disabled):not(.disabled):active:focus,
.show>.btn-peach.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(53, 168, 167, .5)
}

.body-button-link {
    border-radius: 4px;
    color: #fff;
    font-weight: 700;
    padding-top: 10px;
    letter-spacing: .05rem;
    transition: ease-in ease-out;
    transition: color .5s;
    webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s
}

.body-button-link:hover {
    color: #1d2c3c !important
}

.body-button-links2 {
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    min-height: 42px;
    padding-top: 10px;
    letter-spacing: .05rem;
    transition: ease-in ease-out;
    transition: color .5s;
    webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    font-size: 14px
}

.body-button-links2:hover {
    color: #1d2c3c !important
}

.body-button-links3 {
    padding-bottom: 5px
}

.body-button-links2-vertical-line {
    text-align: center;
    padding: 4px 0 5px 15px;
    margin-left: 10px;
    border-left: 1px solid #fff
}

.body-button-links2-bg {
    background-color: #38bfbd
}

.button-lines-animation {
    display: inline-block;
    position: relative;
    background: 0 0;
    border: none;
    color: #386080;
    font-size: 22px;
    cursor: pointer;
    margin: 20px 30px;
    text-decoration: none
}

.button-lines-animation:hover {
    color: #38bfbd
}

.button-lines-animation span {
    display: block;
    transition: all .2s linear
}

.button-lines-animation span:hover {
    color: #38bfbd
}

.button-lines-animation:hover::after,
.button-lines-animation:hover::before {
    width: 100%;
    color: #38bfbd
}

.button-lines-animation:hover span::after,
.button-lines-animation:hover span::before {
    height: 100%;
    color: #38bfbd
}

.body-button-links3 {
    border-radius: 4px;
    color: #38bfbd;
    font-weight: 700;
    height: 45px;
    padding-top: 11px;
    transition: ease-in ease-out;
    transition: color .5s;
    webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s
}

.body-button-links3:hover {
    color: #386080 !important
}

.body-button-links3-vertical-line {
    text-align: center;
    padding: 4px 0 5px 15px;
    margin-left: 10px;
    border-left: 1px solid #38bfbd
}

.body-button-links3-bg {
    background-color: #fff
}

.body-button-links4 {
    border-radius: 4px;
    color: #ffdb53;
    font-weight: 700;
    height: 45px;
    padding-top: 11px;
    transition: ease-in ease-out;
    transition: color .5s;
    webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s
}

.body-button-links4:hover {
    color: #123559 !important
}

.body-button-links4-vertical-line {
    text-align: center;
    padding: 4px 0 5px 15px;
    margin-left: 10px;
    border-left: 1px solid #38bfbd
}

.body-button-links4-bg {
    background-color: #fff
}

.text-uppercase {
    text-transform: uppercase
}

.btn-nopadding {
    padding: 0;
    font-size: 16px
}

.btn-padding {
    padding: .3em .1em .3em .75em
}

.btn-divider-left {
    border-left: 1px solid #1e4d76
}

.btn-divider-left {
    border-left: 1px solid #cde4e2;
    margin-left: .4em
}

.btn-divider-right {
    border-right: 1px solid #cde4e2
}

SA: 6/1/2020: for main navigation links Start -->.main-nav-links {
    text-transform: lowercase !important;
    color: #0065a5 !important;
    padding: 0 !important;
    display: inline-block !important;
    background-color: #f9f9f9 !important
}

.main-nav-links:hover {
    text-decoration: underline !important
}

#main-nav-btn a:hover {
    color: #1d2c3c !important
}

.main-nav-links-custom {
    display: inline-block;
    position: relative;
    background: 0 0;
    border: none;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    border-radius: 2px;
    font-weight: 600
}

.main-nav-links-custom-light-2 {
    display: inline-block;
    position: relative;
    background: 0 0;
    border: none;
    color: #1d2c3c;
    font-size: 18px;
    cursor: pointer;
    background-color: #f2f2f2;
    border-radius: 2px;
    font-weight: 400
}

.main-nav-items-links-custom {
    display: inline-block;
    position: relative;
    background: none;
    border: none;
    color: #bf3740 !important;
    font-size: 14px !important;
    cursor: pointer;
    margin: 0 0;
    border-radius: 2px;
    font-weight: 400 !important;
    text-align: left !important
}

.main-nav-items-links-custom:hover,
.main-nav-links-custom:hover {
    text-decoration: none;
    color: #e3f3ff
}

.main-nav-links-custom-light-2:hover {
    text-decoration: none;
    color: #38bfbd
}

.main-nav-links-custom span {
    display: block;
    border-radius: 4px
}

.main-nav-links-custom-light-2 span {
    display: block;
    border-radius: 4px
}

.main-nav-items-links-custom span {
    display: block;
    padding: 1px 0;
    border-radius: 4px;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: none !important
}

.test::first-letter {
    font-weight: lighter !important
}

.btn-4::after {
    right: 0;
    bottom: 0;
    transition-duration: .4s
}

.btn-4 span::after {
    right: 0;
    bottom: 0;
    transition-duration: .4s
}

.btn-4::before {
    left: 0;
    top: 0;
    transition-duration: .4s
}

.btn-4 span::before {
    left: 0;
    top: 0;
    transition-duration: .4s
}

.dropdown-header {
    color: #38bfbd !important;
    font-size: 22px !important;
    font-weight: 600
}

.menu-hr {
    display: block;
    height: 3px;
    border: 0;
    border-top: 2px solid #38bfbd;
    margin: .5em 0;
    padding: 0
}

.menu-divider {
    color: red
}

.main-nav-container {
    padding: 10px 0
}

.main-nav-container {
    padding-left: 3%;
}

.body-button-links3 {
    margin: 50px 0 20px 0
}

.dropdown-header {
    padding: .5rem .75rem
}

@media (max-width:575px) {
    .main-nav-links-custom {
        margin: 5px 0 1px 0;
        border-bottom: 1px solid #ccc;
        width: 100%
    }

    .main-nav-links-custom span {
        padding: 1px 1px;
        text-align: left
    }

    .body-button-links3 {
        margin: 0;
        padding: 10px 2px;
        width: 100%
    }

    #main-nav-btn a {
        width: 100%
    }

    .main-nav-list-items {
        padding: 1px 0 !important
    }

    .last-main-nav-list-items {
        padding-top: 15px !important
    }

    .megamenu {
        margin-top: 3px !important
    }

    .footer-title {
        margin-top: 10% !important
    }

    .accordion__item__header {
        font-size: 16px
    }
}

@media (min-width:576px) and (max-width:991px) {
    .main-nav-links-custom {
        margin: 0 0 10px 0;
        border-bottom: 1px solid #ccc;
        width: 100%;
        text-align: left
    }

    .main-nav-links-custom span {
        padding: 1px 1px;
        text-align: left
    }

    #main-nav-btn a {
        width: 100%
    }

    .footer-title {
        margin-top: 5% !important
    }

    .accordion__item__header {
        font-size: 16px
    }
}

@media (min-width:992px) {
    .main-nav-links-custom {
        margin: 20px 0
    }

    .main-nav-links-custom span {
        padding: 1px 5px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .main-nav-links-custom {
        margin: 20px 0
    }

    .main-nav-links-custom span {
        padding: 1px 5px
    }
}

@media (min-width:1200px) {
    .main-nav-links-custom {
        margin: 20px 0
    }

    .main-nav-links-custom span {
        padding: 1px 5px
    }
}

.footer {
    padding: 60px 4%;
    width: 100% !important;
    background: #123559;
    color: #f9f9f9
}

.footer-title {
    position: relative;
    color: #f9f9f9;
    font-size: 20px;
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 20px;
    padding-bottom: 10px
}

.footer-title:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 25%;
    height: 2px;
    background: #38bfbd
}

.footer-address {
    font-size: 18px !important
}

.footer-address:hover {
    color: #fff !important
}

.footer-links a {
    padding: 10px 0;
    border-bottom: 1px solid #3c3c3c;
    color: #f9f9f9;
    display: block;
    transition: color .5s ease-in-out;
    text-decoration: none
}

.footer-links a:hover {
    color: #38bfbd
}

.footer-social-links li {
    display: inline-block
}

.footer-social-links a {
    width: 40px;
    height: 40px;
    font-size: 16px;
    float: left;
    margin-right: 10px;
    padding: 10px;
    border: 1px solid #404040;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    line-height: 1;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    background: #38bfbd
}

.footer-social-links a:hover {
    background: #fff;
    color: #38bfbd
}

.footer-bottom {
    width: 100%;
    padding: 25px 0;
    text-align: center;
    color: #fff;
    background-color: #1d2c3c
}

.footer-newsletter {
    padding: 50px 0;
    background: #386080;
    margin: 3px 0 0 0
}

.footer-newsletter h4 {
    font-size: 24px;
    margin: 0 0 20px 0;
    padding: 0;
    line-height: 1;
    font-weight: 600;
    color: #fff
}

.footer-newsletter p {
    font-size: 14px;
    margin: 0 0 20px 0;
    padding: 5px 0 0 0;
    line-height: 1;
    font-weight: 400;
    color: #fff
}

.footer-newsletter form {
    margin-top: 30px;
    background: #fff;
    padding: 6px 10px;
    position: relative;
    border-radius: 5px
}

.footer-newsletter form input[type=email] {
    border: 0;
    padding: 4px;
    width: calc(100% - 100px);
    opacity: .6;
    font-style: italic
}

.footer-newsletter form input[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border: 0;
    background: 0 0;
    font-size: 16px;
    padding: 0 20px;
    margin: 3px;
    background: #38bfbd;
    color: #fff;
    transition: .3s;
    border-radius: 5px
}

.footer-newsletter form input[type=submit]:hover {
    background: #386080
}

.accordion-title {
    text-align: center;
    font-family: ProximaNova-Regular, Arial, Helvetica, sans-serif;
    margin-top: 50px;
    margin-bottom: 50px
}

.accordion__item {
    margin-bottom: 30px;
    transition: .5s all
}

.accordion__item-side-nav {
    margin-top: 4px;
    margin-bottom: 30px;
    transition: .5s all
}

.accordion__item-side-nav-2 {
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    transition: .5s all
}

.accordion__item__header {
    background-color: #f5f5f5;
    padding: 15px 25px;
    cursor: pointer;
    position: relative;
    font-family: ProximaNova-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    box-shadow: 4px 3px 16px #ccc;
    font-size: 18px;
    color: #386080;
    transition: .5s all
}

.accordion__item__header-btn {
    padding: 9px 25px;
    cursor: pointer;
    position: relative;
    font-family: ProximaNova-Regular, Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #386080;
    transition: .5s all
}

.accordion__item__header-link {
    padding: 9px 25px;
    cursor: pointer;
    position: relative;
    font-family: ProximaNova-Regular, Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #386080;
    color: #f1f1f2;
    transition: .5s all
}

.accordion__item__header-link::before {
    content: "\f055";
    font-family: FontAwesome;
    font-size: 20px;
    color: #0065a4
}

.accordion__item__header-side-nav {
    background-color: #386080;
    padding-top: 5px !important;
    cursor: pointer;
    position: relative;
    font-family: ProximaNova-Regular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    transition: .5s all;
    height: 43px
}

.accordion__item__header-side-nav-2 {
    background-color: #f2f2f2;
    padding-top: 10px !important;
    padding-left: 15px !important;
    cursor: pointer;
    position: relative;
    font-family: ProximaNova-Regular, Arial, Helvetica, sans-serif;
    font-weight: 900 !important;
    font-size: 14px;
    color: #38bfbd;
    transition: .5s all;
    height: 40px;
    text-transform: uppercase;
    letter-spacing: .02em
}

.accordion__item__header-side-nav-2:hover {
    color: #386080
}

.accordion__item__header::before {
    height: 15px;
    width: 15px;
    content: "";
    position: absolute;
    right: 25px;
    top: 20px;
    transition: .5s all;
    transform: rotate(45deg);
    border-right: 2px solid #386080;
    border-bottom: 2px solid #386080
}

.accordion__item__header-side-nav::before {
    height: 15px;
    width: 15px;
    content: "";
    position: absolute;
    right: 25px;
    top: 10px;
    transition: .5s all;
    transform: rotate(45deg);
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff
}

.accordion__item__header-side-nav-2::before {
    height: 15px;
    width: 15px;
    content: "";
    position: absolute;
    right: 25px;
    top: 10px;
    transition: .5s all;
    transform: rotate(45deg);
    border-right: 2px solid #38bfbd;
    border-bottom: 2px solid #38bfbd
}

.accordion__item__header::after {
    transition: .5s all !important
}

.accordion__item__header-btn::after {
    transition: .5s all !important
}

.accordion__item__header-link::after {
    transition: .5s all !important
}

.accordion__item__header-side-nav::after {
    transition: .5s all !important
}

.accordion__item__header-side-nav-2::after {
    transition: .5s all !important
}

.accordion-toggle:after {
    color: #fff !important
}

.accordion-toggle.collapsed:before {
    color: #fff !important
}

.accordion__item__header.active {
    background-color: #f5f5f5;
    color: #386080;
    transition: .5s all
}

.accordion__item__header-btn.active {
    background-color: #f5f5f5;
    color: #386080;
    transition: .5s all
}

.accordion__item__header-side-nav.active {
    background-color: #386080;
    color: #fff;
    transition: .5s all
}

.accordion__item__header-side-nav-2.active {
    background-color: #f2f2f2;
    color: #38bfbd;
    transition: .5s all
}

.accordion__item__header.active::before {
    transform: rotate(-135deg);
    top: 23px
}

.accordion__item__header-btn.active::before {
    transform: rotate(-135deg);
    top: 23px
}

.accordion__item__header-link.active::before {
    content: "\f056";
    font-family: FontAwesome;
    font-size: 20px;
    color: #0065a4;
    top: 23px
}

.accordion__item__header-link.active::after {
    top: 23px
}

.accordion__item__header-side-nav.active::before {
    transform: rotate(-135deg);
    top: 17px
}

.accordion__item__header-side-nav-2.active::before {
    transform: rotate(-135deg);
    top: 17px
}

.accordion__item__header[aria-expanded=true]::after {
    color: #fff !important
}

.accordion__item__header-btn[aria-expanded=true]::after {
    color: #fff !important
}

.accordion__item__header-link[aria-expanded=true]::after {
    color: #fff !important
}

.accordion__item__header-side-nav[aria-expanded=true]::after {
    color: #fff !important
}

.accordion__item__header-side-nav-2[aria-expanded=true]::after {
    color: #38bfbd !important
}

.accordion__item__content {
    overflow-y: hidden;
    padding: 0;
    display: none;
    background-color: #f5f5f5;
    padding: 25px 10px 15px 15px;
    box-shadow: 4px 3px 16px #ccc
}

.accordion__item__content-btn {
    overflow-y: hidden;
    padding: 0;
    display: none;
    padding: 25px 10px 15px 0
}

.accordion__item__content-link {
    overflow-y: hidden;
    display: none
}

@media (min-width:768px) {
    .accordion__item__content-link {
        padding: 0
    }
}

@media (max-width:767px) {
    .accordion__item__content-link {
        padding: 25px 10px 15px 10px
    }
}

.accordion__item__content-side-nav {
    overflow-y: hidden;
    padding: 0;
    display: none;
    background-color: #f5f5f5;
    padding: 25px 10px 15px 15px;
    box-shadow: 4px 3px 8px #ccc
}

.accordion__item__content::after,
.accordion__item__content::before {
    transition: .5s all !important
}

.accordion__item__content-btn::after,
.accordion__item__content-btn::before {
    transition: .5s all !important
}

.accordion__item__content-link::after,
.accordion__item__content-link::before {
    transition: .5s all !important
}

.accordion__item__content-side-nav::after,
.accordion__item__content-side-nav::before {
    transition: .5s all !important
}

.accordion__item__content-side-nav-2 {
    overflow-y: hidden;
    padding: 0;
    display: none;
    background-color: #f5f5f5
}

.accordion__item__content-2::after,
.accordion__item__content-2::before {
    transition: .5s all !important
}

.accordion__item__content-side-nav-2::after,
.accordion__item__content-side-nav-2::before {
    transition: .5s all !important
}

.overlay-interior-banner {
    background-color: rgba(18, 53, 89, .5) !important;
    padding: 10px 10px 0 20px !important;
    margin: 0 4% !important
}

.goog-te-banner-frame.skiptranslate {
    display: none !important
}

body {
    top: 0 !important
}

.goog-te-menu-frame {
    max-width: 100% !important
}

.goog-te-menu2 {
    max-width: 100% !important;
    overflow-x: scroll !important;
    box-sizing: border-box !important;
    height: auto !important
}

.services-custom-bg {
    background: url(../images/hero-bg.jpg) top center no-repeat;
    position: relative
}

.services-custom-bg:before {
    content: "";
    background: rgba(255, 255, 255, .75);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0
}

.trending-custom-bg {
    /* background: url(../images/trending-1800.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    position: relative COMMENTED OUT BY PENTERA */
}

.trending-custom-bg:before {
    content: "";
    background: rgba(255, 255, 255, .75);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0
}

.divider-short {
    display: block;
    width: 60px;
    height: 1px;
    margin: 0 auto;
    margin-bottom: 10px
}

.divider-short-teal {
    display: block;
    width: 60px;
    height: 3px;
    margin: 0 auto;
    margin-bottom: 10px
}

.bg-gray .divider-short,
.color-dark .divider-short,
.divider-short,
.divider-short-teal {
    background: #aaa
}

.color-light .divider-short {
    background: #fefefe
}

.divider-short-teal {
    background: #38bfbd
}

.why-us {
    background: #f1f8ff;
    background: #f1fbfa
}

.why-us .content {
    padding: 60px 100px 0 100px
}

.why-us .content h3 {
    font-weight: 400;
    font-size: 34px
}

.why-us .content h4 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 5px
}

.why-us .content p {
    font-size: 15px;
    color: #848484
}

.why-us .video-box {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 400px;
    position: relative
}

.why-us .accordion-list {
    padding: 0 100px 60px 100px
}

.why-us .accordion-list ul {
    padding: 0;
    list-style: none
}

.why-us .accordion-list li+li {
    margin-top: 15px
}

.why-us .accordion-list li {
    padding: 20px;
    background: #fff;
    border-radius: 4px
}

.why-us .accordion-list a {
    display: block;
    position: relative;
    font-family: ProximaNova-Regular, Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    padding-right: 30px;
    outline: 0;
    color: #38bfbd
}

.why-us .accordion-list span {
    color: #0880e8;
    font-weight: 600;
    font-size: 18px;
    padding-right: 10px
}

.why-us .accordion-list i {
    font-size: 24px;
    position: absolute;
    right: 0;
    top: 0
}

.why-us .accordion-list p {
    margin-bottom: 0;
    padding: 10px 0 0 0
}

.why-us .accordion-list .icon-show {
    display: none
}

.why-us .accordion-list a.collapsed {
    color: #38bfbd
}

.why-us .accordion-list a.collapsed:hover {
    color: #98cbcc
}

.why-us .accordion-list a.collapsed .icon-show {
    display: inline-block
}

.why-us .accordion-list a.collapsed .icon-close {
    display: none
}

.why-us .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#38bfbd 50%, rgba(56, 191, 189, .4) 52%);
    border-radius: 50%;
    display: block;
    position: absolute;
    left: calc(50% - 47px);
    top: calc(50% - 47px);
    overflow: hidden
}

.why-us .play-btn::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
    z-index: 100;
    transition: all .4s cubic-bezier(.55, .055, .675, .19)
}

.why-us .play-btn::before {
    content: '';
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(8, 128, 232, .7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0)
}

.why-us .play-btn:hover::after {
    border-left: 15px solid #0880e8;
    transform: scale(20)
}

.why-us .play-btn:hover::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0
}

@media (max-width:1024px) {

    .why-us .accordion-list,
    .why-us .content {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:992px) {
    .why-us .content {
        padding-top: 30px
    }

    .why-us .accordion-list {
        padding-bottom: 30px
    }
}

@media (max-width:767px) {

    #helpYou .col-sm-12,
    #helpYou .col-xs-12 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }
}

@-webkit-keyframes pulsate-btn {
    0% {
        transform: scale(.6, .6);
        opacity: 1
    }

    100% {
        transform: scale(1, 1);
        opacity: 0
    }
}

@keyframes pulsate-btn {
    0% {
        transform: scale(.6, .6);
        opacity: 1
    }

    100% {
        transform: scale(1, 1);
        opacity: 0
    }
}

#helpYou .icon-box {
    padding: 20px 10px 20px 10px;
    transition: ease-in-out .3s;
    border: 1px solid rgba(205, 228, 226, .8);
    overflow: hidden;
    height: auto !important
}

#helpYou .icon-box::after {
    content: '';
    clear: both;
    display: block
}

#helpYou .icon-box i {
    font-size: 32px;
    line-height: 1;
    color: #38bfbd;
    padding-bottom: 5px;
    float: left !important
}

#helpYou .icon-box h3 {
    font-weight: 600;
    padding: 0;
    line-height: 1;
    font-size: 18px;
    line-height: 26px;
    text-align: center !important
}

#helpYou .icon-box h3 a {
    color: #386080;
    transition: ease-in-out .3s;
    text-align: center !important;
    font-weight: 400
}

#helpYou .icon-box h3 a:hover {
    color: #38bfbd
}

#helpYou .icon-box:hover {
    border-color: #38bfbd
}

#helpYou .icon-box .icon {
    display: flex;
    transition: ease-in-out .3s;
    position: relative;
    float: left;
    padding-left: 30px !important;
    margin-top: -5px !important
}

.testimonials .testimonial-wrap {
    padding-left: 50px
}

.testimonials .testimonial-item {
    box-sizing: content-box;
    padding: 30px 30px 30px 60px;
    margin: 30px 15px;
    min-height: 200px;
    box-shadow: 0 0 20px 0 rgba(11, 35, 65, .1);
    position: relative;
    background: #fff
}

.testimonials .testimonial-item .testimonial-img {
    width: 90px;
    border-radius: 10px;
    border: 6px solid #fff;
    position: absolute;
    left: -45px
}

.testimonials .testimonial-item h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 10px 0 5px 0;
    color: #111
}

.testimonials .testimonial-item h4 {
    font-size: 14px;
    color: #999;
    margin: 0
}

.testimonials .testimonial-item .quote-icon-left,
.testimonials .testimonial-item .quote-icon-right {
    color: #faad88;
    font-size: 26px
}

.testimonials .testimonial-item .quote-icon-left {
    display: inline-block;
    left: -5px;
    position: relative
}

.testimonials .testimonial-item .quote-icon-right {
    display: inline-block;
    right: -5px;
    position: relative;
    top: 10px
}

.testimonials .testimonial-item p {
    font-style: italic;
    margin: 15px auto 15px auto
}

.testimonials .owl-dots,
.testimonials .owl-nav {
    margin-top: 5px;
    text-align: center
}

.testimonials .owl-dot {
    display: inline-block;
    margin: 0 5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #ddd !important
}

.testimonials .owl-dot.active {
    background-color: #fa764a !important;
    border: none
}

.owl-carousel .owl-nav {
    display: block !important
}

.owl-carousel .owl-next,
.owl-carousel .owl-prev {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 60px !important;
    left: auto;
    right: 0
}

.owl-carousel .owl-prev {
    left: 0;
    right: auto
}

@media (max-width:767px) {
    .testimonials .testimonial-wrap {
        padding-left: 0
    }

    .testimonials .testimonial-item {
        padding: 30px;
        margin: 15px
    }

    .testimonials .testimonial-item .testimonial-img {
        position: static;
        left: auto
    }
}

#testimonials .btn-get-started {
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 12px 32px;
    border-radius: 5px;
    transition: .5s;
    line-height: 1;
    margin: 20px 0 0 0;
    color: #fff;
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
    border: 2px solid #38bfbd;
    background: #38bfbd
}

#testimonials .btn-get-started:hover {
    background: #fff;
    color: #38bfbd;
    text-decoration: none
}

@media (max-width:767px) {
    #testimonials .btn-get-started {
        width: 100%;
        text-align: center
    }
}

.counts {
    padding: 20px 0 80px 0;
    background: rgba(205, 228, 226, .3)
}

.counts .count-box {
    box-shadow: -10px -5px 40px 0 rgba(0, 0, 0, .1);
    padding: 30px;
    width: 100%;
    background: rgba(255, 255, 255, .7)
}

.counts .count-box i {
    display: block;
    font-size: 30px;
    color: #0065a5;
    float: left
}

.counts .count-box span {
    font-size: 42px;
    line-height: 24px;
    display: block;
    font-weight: 700;
    color: #0b2341;
    margin-left: 50px
}

.counts .count-box .special-symbol {
    font-size: 36px;
    line-height: 24px;
    display: block;
    font-weight: 700;
    color: #0b2341;
    margin-left: 15px
}

.counts .count-box p {
    padding: 30px 0 0 0;
    margin: 0;
    font-family: ProximaNova-Regular, Arial, Helvetica, sans-serif;
    font-size: 14px
}

.counts .count-box a {
    font-weight: 600;
    display: block;
    margin-top: 20px;
    color: #164682;
    font-size: 18px;
    font-family: ProximaNova-Regular, Arial, Helvetica, sans-serif;
    transition: ease-in-out .3s
}

.counts .count-box a:hover {
    color: #2169c4
}

.main-nav-list-items a>span {
    font-family: ProximaNovaCond-Semibold, Arial, Helvetica, sans-serif;
    letter-spacing: .5px;
    line-height: 1
}

.navbarHolyName a {
    font-weight: 600 !important;
    letter-spacing: .5px !important
}

.fa-xxs {
    font-size: 8px !important;
    vertical-align: top !important
}

.team .member {
    text-align: center;
    margin-bottom: 80px;
    position: relative
}

.team .member .pic {
    overflow: hidden
}

.team .member .member-info {
    position: absolute;
    bottom: 4%;
    left: 3%;
    right: 3%;
    background: #fff;
    background: rgba(255, 255, 255, .9);
    padding: 20px 0;
    color: #2f4d5a;
    box-shadow: 0 2px 15px rgba(0, 0, 0, .1);
    max-height: 95px;
    overflow: hidden;
    transition: max-height .5s ease-in-out
}

.team .member:hover .member-info {
    max-height: 300px
}

.team .member h4 {
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 18px;
    color: #2f4d5a;
    position: relative;
    padding-bottom: 10px;
    margin-top: -5px !important
}

.team .member h4::after {
    content: '';
    position: absolute;
    display: block;
    width: 50px;
    height: 1px;
    background: #b1cbd7;
    bottom: 0;
    left: calc(50% - 25px)
}

.team .member span {
    display: block;
    font-size: 16px
}

.team .member p {
    display: block;
    font-size: 14px
}

.team .member .social {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px
}

.team .member .social a {
    transition: color .3s;
    color: #2484c6;
    font-size: 16px
}

.team .member .social a:hover {
    color: #67b0d1
}

.team .member .social i {
    font-size: 16px;
    margin: 0 2px
}

@media (max-width:992px) {
    .team .member {
        margin-bottom: 110px
    }
}

.services {
    padding-top: 50px
}

.services .icon-box {
    padding: 30px;
    border-radius: 6px;
    background: #fff;
    transition: ease-in-out .3s
}

.services .icon-box i {
    float: left;
    color: #2484c6;
    font-size: 40px
}

.services .icon-box .fa-arrow-right {
    font-size: 16px;
    color: #2484c6;
    padding-top: 5px
}

.services .icon-box h4 {
    margin-bottom: 15px;
    padding-top: 15px;
    font-size: 16px !important;
    font-family: ProximaNova-bold, Arial, Helvetica, sans-serif
}

.services .sub-title {
    font-weight: 600
}

.services .icon-box h4 a {
    color: #2484c6;
    transition: .3s;
    font-size: 18px !important;
    font-weight: 400
}

.services .read-story {
    margin-top: 5px
}

.services .read-story a {
    color: #05579e;
    font-size: 16px !important;
    font-weight: 600
}

.services .icon-box:hover a {
    color: #3498db
}

.services .icon-box p {
    line-height: 24px;
    font-size: 14px
}

.services .icon-box:hover {
    box-shadow: 5px 4px 22px rgba(0, 0, 0, .15)
}

.services .icon-box:hover h4 a {
    color: #3498db
}

.body-page-content {
    padding-left: 4%;
    padding-right: 4%
}

.body-page-content-right a {
    color: #38bfbd !important;
    text-decoration: none;
    font-size: 1.1rem
}

.body-page-content-right>p.patient-story-callout-dr a {
    color: #fff !important;
    font-size: 20px
}

.optional-form-fields {
    font-size: 12px !important;
    font-style: italic !important;
    color: #959595 !important
}

.chk-mark-custom {
    color: #38bfbd !important
}

.x-mark-custom {
    color: #df3a52 !important
}

.mt-50-custom {
    margin-top: 50px !important
}

.mb-50-custom {
    margin-bottom: 50px !important
}

.border-bottom-gray {
    border-bottom: #dee2e6 solid 1px !important
}

.font-color-dark-equa {
    color: #38bfbd
}

.card {
    font-weight: 400;
    border: 0;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
}

.card[class*=border] {
    border: 1px solid #9e9e9e;
    -webkit-box-shadow: none;
    box-shadow: none
}

.card .card-body h1,
.card .card-body h2,
.card .card-body h3,
.card .card-body h4,
.card .card-body h5,
.card .card-body h6 {
    font-weight: 400
}

.card .card-body .card-title a {
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.card .card-body .card-title a:hover {
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.card .card-body .card-text {
    font-size: .9rem;
    font-weight: 400;
    color: #747373
}

.card .md-form label {
    font-weight: 300
}

.md-form.input-group label {
    top: 0;
    margin-bottom: 0
}

.md-form.input-group .input-group-text {
    background-color: #e0e0e0
}

.md-form.input-group .input-group-text.md-addon {
    font-weight: 500;
    background-color: transparent;
    border: 0
}

.md-form.input-group .form-control {
    padding: .375rem .75rem;
    margin: 0
}

.md-form {
    position: relative;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.md-form-select {
    padding-top: .05rem
}

.md-form input:not([type]),
.md-form input[type=date]:not(.browser-default),
.md-form input[type=datetime-local]:not(.browser-default),
.md-form input[type=datetime]:not(.browser-default),
.md-form input[type=email]:not(.browser-default),
.md-form input[type=number]:not(.browser-default),
.md-form input[type=password]:not(.browser-default),
.md-form input[type=phone]:not(.browser-default),
.md-form input[type=search-md],
.md-form input[type=search]:not(.browser-default),
.md-form input[type=tel]:not(.browser-default),
.md-form input[type=text]:not(.browser-default),
.md-form input[type=time]:not(.browser-default),
.md-form input[type=url]:not(.browser-default),
.md-form select.md-select,
.md-form textarea.md-textarea {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

.md-form input:not([type]):focus:not([readonly]),
.md-form input[type=date]:not(.browser-default):focus:not([readonly]),
.md-form input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
.md-form input[type=datetime]:not(.browser-default):focus:not([readonly]),
.md-form input[type=email]:not(.browser-default):focus:not([readonly]),
.md-form input[type=number]:not(.browser-default):focus:not([readonly]),
.md-form input[type=password]:not(.browser-default):focus:not([readonly]),
.md-form input[type=phone]:not(.browser-default):focus:not([readonly]),
.md-form input[type=search-md]:focus:not([readonly]),
.md-form input[type=search]:not(.browser-default):focus:not([readonly]),
.md-form input[type=tel]:not(.browser-default):focus:not([readonly]),
.md-form input[type=text]:not(.browser-default):focus:not([readonly]),
.md-form input[type=time]:not(.browser-default):focus:not([readonly]),
.md-form input[type=url]:not(.browser-default):focus:not([readonly]),
.md-form select.md-select:focus:not([readonly]),
.md-form textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #4285f4;
    -webkit-box-shadow: 0 1px 0 0 #4285f4;
    box-shadow: 0 1px 0 0 #4285f4
}

.md-form input:not([type]):focus:not([readonly])+label,
.md-form input[type=date]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type=datetime]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type=email]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type=number]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type=password]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type=phone]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type=search-md]:focus:not([readonly])+label,
.md-form input[type=search]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type=tel]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type=text]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type=time]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type=url]:not(.browser-default):focus:not([readonly])+label,
.md-form select.md-select:focus:not([readonly])+label,
.md-form textarea.md-textarea:focus:not([readonly])+label {
    color: #4285f4;
    color: #2484c6
}

.md-form select.md-select:focus:not([readonly])+label {
    color: #2484c6;
    -webkit-transform: translateY(-14px) scale(.8);
    transform: translateY(-14px) scale(.8)
}

select:valid~label {
    color: #2484c6;
    -webkit-transform: translateY(-14px) scale(.8);
    transform: translateY(-14px) scale(.8)
}

.md-form input:not([type])+label::after,
.md-form input[type=date]:not(.browser-default)+label::after,
.md-form input[type=datetime-local]:not(.browser-default)+label::after,
.md-form input[type=datetime]:not(.browser-default)+label::after,
.md-form input[type=email]:not(.browser-default)+label::after,
.md-form input[type=number]:not(.browser-default)+label::after,
.md-form input[type=password]:not(.browser-default)+label::after,
.md-form input[type=phone]:not(.browser-default)+label::after,
.md-form input[type=search-md]+label::after,
.md-form input[type=search]:not(.browser-default)+label::after,
.md-form input[type=tel]:not(.browser-default)+label::after,
.md-form input[type=text]:not(.browser-default)+label::after,
.md-form input[type=time]:not(.browser-default)+label::after,
.md-form input[type=url]:not(.browser-default)+label::after,
.md-form select.md-select+label::after,
.md-form textarea.md-textarea+label::after {
    position: absolute;
    top: 65px;
    display: block;
    content: "";
    opacity: 0;
    -webkit-transition: .2s opacity ease-out, .2s color ease-out;
    transition: .2s opacity ease-out, .2s color ease-out
}

.md-form input:not([type]).valid,
.md-form input:not([type]):focus.valid,
.md-form input[type=date]:not(.browser-default).valid,
.md-form input[type=date]:not(.browser-default):focus.valid,
.md-form input[type=datetime-local]:not(.browser-default).valid,
.md-form input[type=datetime-local]:not(.browser-default):focus.valid,
.md-form input[type=datetime]:not(.browser-default).valid,
.md-form input[type=datetime]:not(.browser-default):focus.valid,
.md-form input[type=email]:not(.browser-default).valid,
.md-form input[type=email]:not(.browser-default):focus.valid,
.md-form input[type=number]:not(.browser-default).valid,
.md-form input[type=number]:not(.browser-default):focus.valid,
.md-form input[type=password]:not(.browser-default).valid,
.md-form input[type=password]:not(.browser-default):focus.valid,
.md-form input[type=phone]:not(.browser-default).valid,
.md-form input[type=phone]:not(.browser-default):focus.valid,
.md-form input[type=search-md].valid,
.md-form input[type=search-md]:focus.valid,
.md-form input[type=search]:not(.browser-default).valid,
.md-form input[type=search]:not(.browser-default):focus.valid,
.md-form input[type=tel]:not(.browser-default).valid,
.md-form input[type=tel]:not(.browser-default):focus.valid,
.md-form input[type=text]:not(.browser-default).valid,
.md-form input[type=text]:not(.browser-default):focus.valid,
.md-form input[type=time]:not(.browser-default).valid,
.md-form input[type=time]:not(.browser-default):focus.valid,
.md-form input[type=url]:not(.browser-default).valid,
.md-form input[type=url]:not(.browser-default):focus.valid,
.md-form select.md-select:focus.valid,
.md-form textarea.md-textarea.valid,
.md-form textarea.md-textarea:focus.valid {
    border-bottom: 1px solid #00c851;
    -webkit-box-shadow: 0 1px 0 0 #00c851;
    box-shadow: 0 1px 0 0 #00c851
}

.md-form input:not([type]).valid+label:after,
.md-form input:not([type]):focus.valid+label:after,
.md-form input[type=date]:not(.browser-default).valid+label:after,
.md-form input[type=date]:not(.browser-default):focus.valid+label:after,
.md-form input[type=datetime-local]:not(.browser-default).valid+label:after,
.md-form input[type=datetime-local]:not(.browser-default):focus.valid+label:after,
.md-form input[type=datetime]:not(.browser-default).valid+label:after,
.md-form input[type=datetime]:not(.browser-default):focus.valid+label:after,
.md-form input[type=email]:not(.browser-default).valid+label:after,
.md-form input[type=email]:not(.browser-default):focus.valid+label:after,
.md-form input[type=number]:not(.browser-default).valid+label:after,
.md-form input[type=number]:not(.browser-default):focus.valid+label:after,
.md-form input[type=password]:not(.browser-default).valid+label:after,
.md-form input[type=password]:not(.browser-default):focus.valid+label:after,
.md-form input[type=phone]:not(.browser-default).valid+label:after,
.md-form input[type=phone]:not(.browser-default):focus.valid+label:after,
.md-form input[type=search-md].valid+label:after,
.md-form input[type=search-md]:focus.valid+label:after,
.md-form input[type=search]:not(.browser-default).valid+label:after,
.md-form input[type=search]:not(.browser-default):focus.valid+label:after,
.md-form input[type=tel]:not(.browser-default).valid+label:after,
.md-form input[type=tel]:not(.browser-default):focus.valid+label:after,
.md-form input[type=text]:not(.browser-default).valid+label:after,
.md-form input[type=text]:not(.browser-default):focus.valid+label:after,
.md-form input[type=time]:not(.browser-default).valid+label:after,
.md-form input[type=time]:not(.browser-default):focus.valid+label:after,
.md-form input[type=url]:not(.browser-default).valid+label:after,
.md-form input[type=url]:not(.browser-default):focus.valid+label:after,
.md-form select.md-select:focus.valid+label:after,
.md-form textarea.md-textarea.valid+label:after,
.md-form textarea.md-textarea:focus.valid+label:after {
    color: #00c851;
    content: attr(data-success);
    opacity: 1
}

.md-form input:not([type]).invalid,
.md-form input:not([type]):focus.invalid,
.md-form input[type=date]:not(.browser-default).invalid,
.md-form input[type=date]:not(.browser-default):focus.invalid,
.md-form input[type=datetime-local]:not(.browser-default).invalid,
.md-form input[type=datetime-local]:not(.browser-default):focus.invalid,
.md-form input[type=datetime]:not(.browser-default).invalid,
.md-form input[type=datetime]:not(.browser-default):focus.invalid,
.md-form input[type=email]:not(.browser-default).invalid,
.md-form input[type=email]:not(.browser-default):focus.invalid,
.md-form input[type=number]:not(.browser-default).invalid,
.md-form input[type=number]:not(.browser-default):focus.invalid,
.md-form input[type=password]:not(.browser-default).invalid,
.md-form input[type=password]:not(.browser-default):focus.invalid,
.md-form input[type=phone]:not(.browser-default).invalid,
.md-form input[type=phone]:not(.browser-default):focus.invalid,
.md-form input[type=search-md].invalid,
.md-form input[type=search-md]:focus.invalid,
.md-form input[type=search]:not(.browser-default).invalid,
.md-form input[type=search]:not(.browser-default):focus.invalid,
.md-form input[type=tel]:not(.browser-default).invalid,
.md-form input[type=tel]:not(.browser-default):focus.invalid,
.md-form input[type=text]:not(.browser-default).invalid,
.md-form input[type=text]:not(.browser-default):focus.invalid,
.md-form input[type=time]:not(.browser-default).invalid,
.md-form input[type=time]:not(.browser-default):focus.invalid,
.md-form input[type=url]:not(.browser-default).invalid,
.md-form input[type=url]:not(.browser-default):focus.invalid,
.md-form select.md-select:focus.invalid,
.md-form textarea.md-textarea.invalid,
.md-form textarea.md-textarea:focus.invalid {
    border-bottom: 1px solid #f44336;
    -webkit-box-shadow: 0 1px 0 0 #f44336;
    box-shadow: 0 1px 0 0 #f44336
}

.md-form input:not([type]).invalid+label:after,
.md-form input:not([type]):focus.invalid+label:after,
.md-form input[type=date]:not(.browser-default).invalid+label:after,
.md-form input[type=date]:not(.browser-default):focus.invalid+label:after,
.md-form input[type=datetime-local]:not(.browser-default).invalid+label:after,
.md-form input[type=datetime-local]:not(.browser-default):focus.invalid+label:after,
.md-form input[type=datetime]:not(.browser-default).invalid+label:after,
.md-form input[type=datetime]:not(.browser-default):focus.invalid+label:after,
.md-form input[type=email]:not(.browser-default).invalid+label:after,
.md-form input[type=email]:not(.browser-default):focus.invalid+label:after,
.md-form input[type=number]:not(.browser-default).invalid+label:after,
.md-form input[type=number]:not(.browser-default):focus.invalid+label:after,
.md-form input[type=password]:not(.browser-default).invalid+label:after,
.md-form input[type=password]:not(.browser-default):focus.invalid+label:after,
.md-form input[type=phone]:not(.browser-default).invalid+label:after,
.md-form input[type=phone]:not(.browser-default):focus.invalid+label:after,
.md-form input[type=search-md].invalid+label:after,
.md-form input[type=search-md]:focus.invalid+label:after,
.md-form input[type=search]:not(.browser-default).invalid+label:after,
.md-form input[type=search]:not(.browser-default):focus.invalid+label:after,
.md-form input[type=tel]:not(.browser-default).invalid+label:after,
.md-form input[type=tel]:not(.browser-default):focus.invalid+label:after,
.md-form input[type=text]:not(.browser-default).invalid+label:after,
.md-form input[type=text]:not(.browser-default):focus.invalid+label:after,
.md-form input[type=time]:not(.browser-default).invalid+label:after,
.md-form input[type=time]:not(.browser-default):focus.invalid+label:after,
.md-form input[type=url]:not(.browser-default).invalid+label:after,
.md-form input[type=url]:not(.browser-default):focus.invalid+label:after,
.md-form select.md-select:focus.invalid+label:after,
.md-form textarea.md-textarea.invalid+label:after,
.md-form textarea.md-textarea:focus.invalid+label:after {
    color: #f44336;
    content: attr(data-error);
    opacity: 1
}

.md-form input:not([type]).form-control.valid+label:after,
.md-form input:not([type]).form-control:focus.valid+label:after,
.md-form input[type=date]:not(.browser-default).form-control.valid+label:after,
.md-form input[type=date]:not(.browser-default).form-control:focus.valid+label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control.valid+label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control:focus.valid+label:after,
.md-form input[type=datetime]:not(.browser-default).form-control.valid+label:after,
.md-form input[type=datetime]:not(.browser-default).form-control:focus.valid+label:after,
.md-form input[type=email]:not(.browser-default).form-control.valid+label:after,
.md-form input[type=email]:not(.browser-default).form-control:focus.valid+label:after,
.md-form input[type=number]:not(.browser-default).form-control.valid+label:after,
.md-form input[type=number]:not(.browser-default).form-control:focus.valid+label:after,
.md-form input[type=password]:not(.browser-default).form-control.valid+label:after,
.md-form input[type=password]:not(.browser-default).form-control:focus.valid+label:after,
.md-form input[type=phone]:not(.browser-default).form-control.valid+label:after,
.md-form input[type=phone]:not(.browser-default).form-control:focus.valid+label:after,
.md-form input[type=search-md].form-control.valid+label:after,
.md-form input[type=search-md].form-control:focus.valid+label:after,
.md-form input[type=search]:not(.browser-default).form-control.valid+label:after,
.md-form input[type=search]:not(.browser-default).form-control:focus.valid+label:after,
.md-form input[type=tel]:not(.browser-default).form-control.valid+label:after,
.md-form input[type=tel]:not(.browser-default).form-control:focus.valid+label:after,
.md-form input[type=text]:not(.browser-default).form-control.valid+label:after,
.md-form input[type=text]:not(.browser-default).form-control:focus.valid+label:after,
.md-form input[type=time]:not(.browser-default).form-control.valid+label:after,
.md-form input[type=time]:not(.browser-default).form-control:focus.valid+label:after,
.md-form input[type=url]:not(.browser-default).form-control.valid+label:after,
.md-form input[type=url]:not(.browser-default).form-control:focus.valid+label:after,
.md-form select.md-select.form-control:focus.valid+label:after,
.md-form textarea.md-textarea.form-control.valid+label:after,
.md-form textarea.md-textarea.form-control:focus.valid+label:after {
    top: 4.1rem
}

.md-form input:not([type]).form-control.invalid+label:after,
.md-form input:not([type]).form-control:focus.invalid+label:after,
.md-form input[type=date]:not(.browser-default).form-control.invalid+label:after,
.md-form input[type=date]:not(.browser-default).form-control:focus.invalid+label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control.invalid+label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control:focus.invalid+label:after,
.md-form input[type=datetime]:not(.browser-default).form-control.invalid+label:after,
.md-form input[type=datetime]:not(.browser-default).form-control:focus.invalid+label:after,
.md-form input[type=email]:not(.browser-default).form-control.invalid+label:after,
.md-form input[type=email]:not(.browser-default).form-control:focus.invalid+label:after,
.md-form input[type=number]:not(.browser-default).form-control.invalid+label:after,
.md-form input[type=number]:not(.browser-default).form-control:focus.invalid+label:after,
.md-form input[type=password]:not(.browser-default).form-control.invalid+label:after,
.md-form input[type=password]:not(.browser-default).form-control:focus.invalid+label:after,
.md-form input[type=phone]:not(.browser-default).form-control.invalid+label:after,
.md-form input[type=phone]:not(.browser-default).form-control:focus.invalid+label:after,
.md-form input[type=search-md].form-control.invalid+label:after,
.md-form input[type=search-md].form-control:focus.invalid+label:after,
.md-form input[type=search]:not(.browser-default).form-control.invalid+label:after,
.md-form input[type=search]:not(.browser-default).form-control:focus.invalid+label:after,
.md-form input[type=tel]:not(.browser-default).form-control.invalid+label:after,
.md-form input[type=tel]:not(.browser-default).form-control:focus.invalid+label:after,
.md-form input[type=text]:not(.browser-default).form-control.invalid+label:after,
.md-form input[type=text]:not(.browser-default).form-control:focus.invalid+label:after,
.md-form input[type=time]:not(.browser-default).form-control.invalid+label:after,
.md-form input[type=time]:not(.browser-default).form-control:focus.invalid+label:after,
.md-form input[type=url]:not(.browser-default).form-control.invalid+label:after,
.md-form input[type=url]:not(.browser-default).form-control:focus.invalid+label:after,
.md-form select.md-select.form-control:focus.invalid+label:after,
.md-form textarea.md-textarea.form-control.invalid+label:after,
.md-form textarea.md-textarea.form-control:focus.invalid+label:after {
    top: 4rem
}

.md-form input:not([type]).form-control-lg.valid+label:after,
.md-form input:not([type]).form-control-lg:focus.valid+label:after,
.md-form input[type=date]:not(.browser-default).form-control-lg.valid+label:after,
.md-form input[type=date]:not(.browser-default).form-control-lg:focus.valid+label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control-lg.valid+label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control-lg:focus.valid+label:after,
.md-form input[type=datetime]:not(.browser-default).form-control-lg.valid+label:after,
.md-form input[type=datetime]:not(.browser-default).form-control-lg:focus.valid+label:after,
.md-form input[type=email]:not(.browser-default).form-control-lg.valid+label:after,
.md-form input[type=email]:not(.browser-default).form-control-lg:focus.valid+label:after,
.md-form input[type=number]:not(.browser-default).form-control-lg.valid+label:after,
.md-form input[type=number]:not(.browser-default).form-control-lg:focus.valid+label:after,
.md-form input[type=password]:not(.browser-default).form-control-lg.valid+label:after,
.md-form input[type=password]:not(.browser-default).form-control-lg:focus.valid+label:after,
.md-form input[type=phone]:not(.browser-default).form-control-lg.valid+label:after,
.md-form input[type=phone]:not(.browser-default).form-control-lg:focus.valid+label:after,
.md-form input[type=search-md].form-control-lg.valid+label:after,
.md-form input[type=search-md].form-control-lg:focus.valid+label:after,
.md-form input[type=search]:not(.browser-default).form-control-lg.valid+label:after,
.md-form input[type=search]:not(.browser-default).form-control-lg:focus.valid+label:after,
.md-form input[type=tel]:not(.browser-default).form-control-lg.valid+label:after,
.md-form input[type=tel]:not(.browser-default).form-control-lg:focus.valid+label:after,
.md-form input[type=text]:not(.browser-default).form-control-lg.valid+label:after,
.md-form input[type=text]:not(.browser-default).form-control-lg:focus.valid+label:after,
.md-form input[type=time]:not(.browser-default).form-control-lg.valid+label:after,
.md-form input[type=time]:not(.browser-default).form-control-lg:focus.valid+label:after,
.md-form input[type=url]:not(.browser-default).form-control-lg.valid+label:after,
.md-form input[type=url]:not(.browser-default).form-control-lg:focus.valid+label:after,
.md-form select.md-select.form-control-lg:focus.valid+label:after,
.md-form textarea.md-textarea.form-control-lg.valid+label:after,
.md-form textarea.md-textarea.form-control-lg:focus.valid+label:after {
    top: 4.6rem
}

.md-form input:not([type]).form-control-lg.invalid+label:after,
.md-form input:not([type]).form-control-lg:focus.invalid+label:after,
.md-form input[type=date]:not(.browser-default).form-control-lg.invalid+label:after,
.md-form input[type=date]:not(.browser-default).form-control-lg:focus.invalid+label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control-lg.invalid+label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control-lg:focus.invalid+label:after,
.md-form input[type=datetime]:not(.browser-default).form-control-lg.invalid+label:after,
.md-form input[type=datetime]:not(.browser-default).form-control-lg:focus.invalid+label:after,
.md-form input[type=email]:not(.browser-default).form-control-lg.invalid+label:after,
.md-form input[type=email]:not(.browser-default).form-control-lg:focus.invalid+label:after,
.md-form input[type=number]:not(.browser-default).form-control-lg.invalid+label:after,
.md-form input[type=number]:not(.browser-default).form-control-lg:focus.invalid+label:after,
.md-form input[type=password]:not(.browser-default).form-control-lg.invalid+label:after,
.md-form input[type=password]:not(.browser-default).form-control-lg:focus.invalid+label:after,
.md-form input[type=phone]:not(.browser-default).form-control-lg.invalid+label:after,
.md-form input[type=phone]:not(.browser-default).form-control-lg:focus.invalid+label:after,
.md-form input[type=search-md].form-control-lg.invalid+label:after,
.md-form input[type=search-md].form-control-lg:focus.invalid+label:after,
.md-form input[type=search]:not(.browser-default).form-control-lg.invalid+label:after,
.md-form input[type=search]:not(.browser-default).form-control-lg:focus.invalid+label:after,
.md-form input[type=tel]:not(.browser-default).form-control-lg.invalid+label:after,
.md-form input[type=tel]:not(.browser-default).form-control-lg:focus.invalid+label:after,
.md-form input[type=text]:not(.browser-default).form-control-lg.invalid+label:after,
.md-form input[type=text]:not(.browser-default).form-control-lg:focus.invalid+label:after,
.md-form input[type=time]:not(.browser-default).form-control-lg.invalid+label:after,
.md-form input[type=time]:not(.browser-default).form-control-lg:focus.invalid+label:after,
.md-form input[type=url]:not(.browser-default).form-control-lg.invalid+label:after,
.md-form input[type=url]:not(.browser-default).form-control-lg:focus.invalid+label:after,
.md-form select.md-select.form-control-lg:focus.invalid+label:after,
.md-form textarea.md-textarea.form-control-lg.invalid+label:after,
.md-form textarea.md-textarea.form-control-lg:focus.invalid+label:after {
    top: 4.6rem
}

.md-form input:not([type]).form-control-sm.valid+label:after,
.md-form input:not([type]).form-control-sm:focus.valid+label:after,
.md-form input[type=date]:not(.browser-default).form-control-sm.valid+label:after,
.md-form input[type=date]:not(.browser-default).form-control-sm:focus.valid+label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control-sm.valid+label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control-sm:focus.valid+label:after,
.md-form input[type=datetime]:not(.browser-default).form-control-sm.valid+label:after,
.md-form input[type=datetime]:not(.browser-default).form-control-sm:focus.valid+label:after,
.md-form input[type=email]:not(.browser-default).form-control-sm.valid+label:after,
.md-form input[type=email]:not(.browser-default).form-control-sm:focus.valid+label:after,
.md-form input[type=number]:not(.browser-default).form-control-sm.valid+label:after,
.md-form input[type=number]:not(.browser-default).form-control-sm:focus.valid+label:after,
.md-form input[type=password]:not(.browser-default).form-control-sm.valid+label:after,
.md-form input[type=password]:not(.browser-default).form-control-sm:focus.valid+label:after,
.md-form input[type=phone]:not(.browser-default).form-control-sm.valid+label:after,
.md-form input[type=phone]:not(.browser-default).form-control-sm:focus.valid+label:after,
.md-form input[type=search-md].form-control-sm.valid+label:after,
.md-form input[type=search-md].form-control-sm:focus.valid+label:after,
.md-form input[type=search]:not(.browser-default).form-control-sm.valid+label:after,
.md-form input[type=search]:not(.browser-default).form-control-sm:focus.valid+label:after,
.md-form input[type=tel]:not(.browser-default).form-control-sm.valid+label:after,
.md-form input[type=tel]:not(.browser-default).form-control-sm:focus.valid+label:after,
.md-form input[type=text]:not(.browser-default).form-control-sm.valid+label:after,
.md-form input[type=text]:not(.browser-default).form-control-sm:focus.valid+label:after,
.md-form input[type=time]:not(.browser-default).form-control-sm.valid+label:after,
.md-form input[type=time]:not(.browser-default).form-control-sm:focus.valid+label:after,
.md-form input[type=url]:not(.browser-default).form-control-sm.valid+label:after,
.md-form input[type=url]:not(.browser-default).form-control-sm:focus.valid+label:after,
.md-form select.md-select.form-control-sm:focus.valid+label:after,
.md-form textarea.md-textarea.form-control-sm.valid+label:after,
.md-form textarea.md-textarea.form-control-sm:focus.valid+label:after {
    top: 3.7rem
}

.md-form input:not([type]).form-control-sm.invalid+label:after,
.md-form input:not([type]).form-control-sm:focus.invalid+label:after,
.md-form input[type=date]:not(.browser-default).form-control-sm.invalid+label:after,
.md-form input[type=date]:not(.browser-default).form-control-sm:focus.invalid+label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control-sm.invalid+label:after,
.md-form input[type=datetime-local]:not(.browser-default).form-control-sm:focus.invalid+label:after,
.md-form input[type=datetime]:not(.browser-default).form-control-sm.invalid+label:after,
.md-form input[type=datetime]:not(.browser-default).form-control-sm:focus.invalid+label:after,
.md-form input[type=email]:not(.browser-default).form-control-sm.invalid+label:after,
.md-form input[type=email]:not(.browser-default).form-control-sm:focus.invalid+label:after,
.md-form input[type=number]:not(.browser-default).form-control-sm.invalid+label:after,
.md-form input[type=number]:not(.browser-default).form-control-sm:focus.invalid+label:after,
.md-form input[type=password]:not(.browser-default).form-control-sm.invalid+label:after,
.md-form input[type=password]:not(.browser-default).form-control-sm:focus.invalid+label:after,
.md-form input[type=phone]:not(.browser-default).form-control-sm.invalid+label:after,
.md-form input[type=phone]:not(.browser-default).form-control-sm:focus.invalid+label:after,
.md-form input[type=search-md].form-control-sm.invalid+label:after,
.md-form input[type=search-md].form-control-sm:focus.invalid+label:after,
.md-form input[type=search]:not(.browser-default).form-control-sm.invalid+label:after,
.md-form input[type=search]:not(.browser-default).form-control-sm:focus.invalid+label:after,
.md-form input[type=tel]:not(.browser-default).form-control-sm.invalid+label:after,
.md-form input[type=tel]:not(.browser-default).form-control-sm:focus.invalid+label:after,
.md-form input[type=text]:not(.browser-default).form-control-sm.invalid+label:after,
.md-form input[type=text]:not(.browser-default).form-control-sm:focus.invalid+label:after,
.md-form input[type=time]:not(.browser-default).form-control-sm.invalid+label:after,
.md-form input[type=time]:not(.browser-default).form-control-sm:focus.invalid+label:after,
.md-form input[type=url]:not(.browser-default).form-control-sm.invalid+label:after,
.md-form input[type=url]:not(.browser-default).form-control-sm:focus.invalid+label:after,
.md-form select.md-select.form-control-sm:focus.invalid+label:after,
.md-form textarea.md-textarea.form-control-sm.invalid+label:after,
.md-form textarea.md-textarea.form-control-sm:focus.invalid+label:after {
    top: 3.6rem
}

.md-form>input[type=date]:not(.browser-default) {
    color: transparent
}

.md-form>input[type=date]:not(.browser-default)+label {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.md-form>input[type=time]:not(.browser-default)+label,
.md-form>input[type]:-webkit-autofill:not(.browser-default):not([type=search])+label {
    font-size: .8rem;
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.md-form .was-validated input[type=text]:valid+label {
    color: #00c851 !important
}

.md-form .was-validated input[type=text]:invalid+label {
    color: #f44336 !important
}

.md-form .was-validated .form-control:valid:focus {
    -webkit-box-shadow: 0 1px 0 0 #00c851 !important;
    box-shadow: 0 1px 0 0 #00c851 !important
}

.md-form .was-validated .form-control:valid {
    border-color: #00c851 !important
}

.md-form .was-validated .form-control:invalid:focus {
    -webkit-box-shadow: 0 1px 0 0 #f44336 !important;
    box-shadow: 0 1px 0 0 #f44336 !important
}

.md-form .was-validated .form-control:invalid {
    border-color: #f44336 !important
}

.md-form .form-control {
    height: auto;
    padding: .6rem 0 .4rem 0;
    margin: 0 0 .5rem 0;
    background-color: transparent;
    border-radius: 0
}

.md-form .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.md-form .form-control:disabled,
.md-form .form-control[readonly] {
    background-color: transparent;
    border-bottom: 1px solid #bdbdbd
}

.md-form .form-control.is-valid {
    border-color: #00c851
}

.md-form .form-control.is-valid:focus {
    border-color: #00c851 !important;
    -webkit-box-shadow: 0 1px 0 0 #00c851 !important;
    box-shadow: 0 1px 0 0 #00c851 !important
}

.md-form .form-control.is-invalid {
    border-color: #f44336
}

.md-form .form-control.is-invalid:focus {
    border-color: #f44336 !important;
    -webkit-box-shadow: 0 1px 0 0 #f44336 !important;
    box-shadow: 0 1px 0 0 #f44336 !important
}

.md-form .form-control.is-invalid,
.md-form .form-control.is-valid {
    background-position: center right !important
}

.md-form .validate {
    margin-bottom: 2.5rem
}

.md-form label {
    font-size: .95rem !important;
    font-weight: 400 !important
}

.md-form label.active {
    font-size: 1rem
}

.md-form select {
    font-size: .95rem !important;
    letter-spacing: 1px;
    opacity: .8
}

.md-form .prefix {
    top: .25rem;
    font-size: 1.75rem
}

.md-form .prefix~input,
.md-form .prefix~select,
.md-form .prefix~textarea {
    width: calc(100% - 2.5rem);
    margin-left: 2.5rem
}

.md-form .prefix~label {
    margin-left: 2.5rem
}

.md-form .prefix~.form-text {
    margin-left: 2.6rem
}

.md-form label {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1rem;
    color: #757575;
    cursor: text;
    -webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;
    transition: color .2s ease-out, -webkit-transform .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.md-form label.active {
    -webkit-transform: translateY(-14px) scale(.8);
    transform: translateY(-14px) scale(.8)
}

.md-form .prefix {
    position: absolute;
    -webkit-transition: color .2s;
    transition: color .2s
}

.md-form .prefix.active {
    color: #2484c6
}

.md-form.form-lg .validate {
    margin-bottom: 2.8rem
}

.md-form.form-lg label {
    font-size: 1.25rem
}

.md-form.form-lg label.active {
    font-size: 1.15rem
}

.md-form.form-lg .prefix {
    top: .4rem;
    font-size: 2rem
}

.md-form.form-lg .prefix~input,
.md-form.form-lg .prefix~textarea {
    width: calc(100% - 3rem);
    margin-left: 3rem
}

.md-form.form-lg .prefix~label {
    margin-left: 3rem
}

.md-form.form-lg .prefix~.form-text {
    margin-left: 3.1rem
}

.md-form.form-sm .validate {
    margin-bottom: 2.3rem
}

.md-form.form-sm label {
    font-size: .875rem
}

.md-form.form-sm label.active {
    font-size: .95rem
}

.md-form.form-sm .prefix {
    top: .35rem;
    font-size: 1.5rem
}

.md-form.form-sm .prefix~input,
.md-form.form-sm .prefix~textarea {
    width: calc(100% - 2rem);
    margin-left: 2rem
}

.md-form.form-sm .prefix~label {
    margin-left: 2rem
}

.md-form.form-sm .prefix~.form-text {
    margin-left: 2rem
}

.md-form textarea.md-textarea {
    padding: 0;
    overflow-y: hidden
}

.md-form textarea.md-textarea+label {
    top: -.6rem
}

.md-form textarea.md-textarea-auto {
    padding: 0;
    padding-top: 1.5rem
}

.md-form textarea.md-textarea-auto+label {
    top: 0
}

.md-form.md-outline {
    position: relative;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.md-form.md-outline input[type=date],
.md-form.md-outline input[type=datetime-local],
.md-form.md-outline input[type=email],
.md-form.md-outline input[type=number],
.md-form.md-outline input[type=password],
.md-form.md-outline input[type=search-md],
.md-form.md-outline input[type=search],
.md-form.md-outline input[type=tel],
.md-form.md-outline input[type=text],
.md-form.md-outline input[type=time],
.md-form.md-outline input[type=url],
.md-form.md-outline select.mdb-select,
.md-form.md-outline textarea.md-textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    border: 1px solid #dadce0;
    border-radius: 4px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.md-form.md-outline input[type=date]:focus:not([readonly]),
.md-form.md-outline input[type=datetime-local]:focus:not([readonly]),
.md-form.md-outline input[type=email]:focus:not([readonly]),
.md-form.md-outline input[type=number]:focus:not([readonly]),
.md-form.md-outline input[type=password]:focus:not([readonly]),
.md-form.md-outline input[type=search-md]:focus:not([readonly]),
.md-form.md-outline input[type=search]:focus:not([readonly]),
.md-form.md-outline input[type=tel]:focus:not([readonly]),
.md-form.md-outline input[type=text]:focus:not([readonly]),
.md-form.md-outline input[type=time]:focus:not([readonly]),
.md-form.md-outline input[type=url]:focus:not([readonly]),
.md-form.md-outline select.mdb-select:focus:not([readonly]),
.md-form.md-outline textarea.md-textarea:focus:not([readonly]) {
    border-color: #2484c6;
    -webkit-box-shadow: inset 0 0 0 1px #4285f4;
    box-shadow: inset 0 0 0 1px #4285f4
}

.md-form.md-outline input[type=date]:focus:not([readonly])+label,
.md-form.md-outline input[type=datetime-local]:focus:not([readonly])+label,
.md-form.md-outline input[type=email]:focus:not([readonly])+label,
.md-form.md-outline input[type=number]:focus:not([readonly])+label,
.md-form.md-outline input[type=password]:focus:not([readonly])+label,
.md-form.md-outline input[type=search-md]:focus:not([readonly])+label,
.md-form.md-outline input[type=search]:focus:not([readonly])+label,
.md-form.md-outline input[type=tel]:focus:not([readonly])+label,
.md-form.md-outline input[type=text]:focus:not([readonly])+label,
.md-form.md-outline input[type=time]:focus:not([readonly])+label,
.md-form.md-outline input[type=url]:focus:not([readonly])+label,
.md-form.md-outline select.mdb-select:focus:not([readonly])+label,
.md-form.md-outline textarea.md-textarea:focus:not([readonly])+label {
    color: #2484c6
}

.md-form.md-outline input[type=date].valid,
.md-form.md-outline input[type=date]:focus.valid,
.md-form.md-outline input[type=datetime-local].valid,
.md-form.md-outline input[type=datetime-local]:focus.valid,
.md-form.md-outline input[type=email].valid,
.md-form.md-outline input[type=email]:focus.valid,
.md-form.md-outline input[type=number].valid,
.md-form.md-outline input[type=number]:focus.valid,
.md-form.md-outline input[type=password].valid,
.md-form.md-outline input[type=password]:focus.valid,
.md-form.md-outline input[type=search-md].valid,
.md-form.md-outline input[type=search-md]:focus.valid,
.md-form.md-outline input[type=search].valid,
.md-form.md-outline input[type=search]:focus.valid,
.md-form.md-outline input[type=tel].valid,
.md-form.md-outline input[type=tel]:focus.valid,
.md-form.md-outline input[type=text].valid,
.md-form.md-outline input[type=text]:focus.valid,
.md-form.md-outline input[type=time].valid,
.md-form.md-outline input[type=time]:focus.valid,
.md-form.md-outline input[type=url].valid,
.md-form.md-outline input[type=url]:focus.valid,
.md-form.md-outline select.mdb-select:focus.valid,
.md-form.md-outline textarea.md-textarea.valid,
.md-form.md-outline textarea.md-textarea:focus.valid {
    border-color: #00c851;
    -webkit-box-shadow: inset 0 0 0 1px #00c851;
    box-shadow: inset 0 0 0 1px #00c851
}

.md-form.md-outline input[type=date].valid+label:after,
.md-form.md-outline input[type=date]:focus.valid+label:after,
.md-form.md-outline input[type=date]:focus:not([readonly]).valid+label,
.md-form.md-outline input[type=datetime-local].valid+label:after,
.md-form.md-outline input[type=datetime-local]:focus.valid+label:after,
.md-form.md-outline input[type=datetime-local]:focus:not([readonly]).valid+label,
.md-form.md-outline input[type=email].valid+label:after,
.md-form.md-outline input[type=email]:focus.valid+label:after,
.md-form.md-outline input[type=email]:focus:not([readonly]).valid+label,
.md-form.md-outline input[type=number].valid+label:after,
.md-form.md-outline input[type=number]:focus.valid+label:after,
.md-form.md-outline input[type=number]:focus:not([readonly]).valid+label,
.md-form.md-outline input[type=password].valid+label:after,
.md-form.md-outline input[type=password]:focus.valid+label:after,
.md-form.md-outline input[type=password]:focus:not([readonly]).valid+label,
.md-form.md-outline input[type=search-md].valid+label:after,
.md-form.md-outline input[type=search-md]:focus.valid+label:after,
.md-form.md-outline input[type=search-md]:focus:not([readonly]).valid+label,
.md-form.md-outline input[type=search].valid+label:after,
.md-form.md-outline input[type=search]:focus.valid+label:after,
.md-form.md-outline input[type=search]:focus:not([readonly]).valid+label,
.md-form.md-outline input[type=tel].valid+label:after,
.md-form.md-outline input[type=tel]:focus.valid+label:after,
.md-form.md-outline input[type=tel]:focus:not([readonly]).valid+label,
.md-form.md-outline input[type=text].valid+label:after,
.md-form.md-outline input[type=text]:focus.valid+label:after,
.md-form.md-outline input[type=text]:focus:not([readonly]).valid+label,
.md-form.md-outline input[type=time].valid+label:after,
.md-form.md-outline input[type=time]:focus.valid+label:after,
.md-form.md-outline input[type=time]:focus:not([readonly]).valid+label,
.md-form.md-outline input[type=url].valid+label:after,
.md-form.md-outline input[type=url]:focus.valid+label:after,
.md-form.md-outline input[type=url]:focus:not([readonly]).valid+label,
.md-form.md-outline select.mdb-select:focus.valid+label:after,
.md-form.md-outline textarea.md-textarea.valid+label:after,
.md-form.md-outline textarea.md-textarea:focus.valid+label:after,
.md-form.md-outline textarea.md-textarea:focus:not([readonly]).valid+label {
    color: #00c851;
    content: attr(data-success);
    opacity: 1
}

.md-form.md-outline input[type=date].invalid,
.md-form.md-outline input[type=date]:focus.invalid,
.md-form.md-outline input[type=datetime-local].invalid,
.md-form.md-outline input[type=datetime-local]:focus.invalid,
.md-form.md-outline input[type=email].invalid,
.md-form.md-outline input[type=email]:focus.invalid,
.md-form.md-outline input[type=number].invalid,
.md-form.md-outline input[type=number]:focus.invalid,
.md-form.md-outline input[type=password].invalid,
.md-form.md-outline input[type=password]:focus.invalid,
.md-form.md-outline input[type=search-md].invalid,
.md-form.md-outline input[type=search-md]:focus.invalid,
.md-form.md-outline input[type=search].invalid,
.md-form.md-outline input[type=search]:focus.invalid,
.md-form.md-outline input[type=tel].invalid,
.md-form.md-outline input[type=tel]:focus.invalid,
.md-form.md-outline input[type=text].invalid,
.md-form.md-outline input[type=text]:focus.invalid,
.md-form.md-outline input[type=time].invalid,
.md-form.md-outline input[type=time]:focus.invalid,
.md-form.md-outline input[type=url].invalid,
.md-form.md-outline input[type=url]:focus.invalid,
.md-form.md-outline select.mdb-select:focus.invalid,
.md-form.md-outline textarea.md-textarea.invalid,
.md-form.md-outline textarea.md-textarea:focus.invalid {
    border-color: #f44336;
    -webkit-box-shadow: inset 0 0 0 1px #f44336;
    box-shadow: inset 0 0 0 1px #f44336
}

.md-form.md-outline input[type=date].invalid+label:after,
.md-form.md-outline input[type=date]:focus.invalid+label:after,
.md-form.md-outline input[type=date]:focus:not([readonly]).invalid+label,
.md-form.md-outline input[type=datetime-local].invalid+label:after,
.md-form.md-outline input[type=datetime-local]:focus.invalid+label:after,
.md-form.md-outline input[type=datetime-local]:focus:not([readonly]).invalid+label,
.md-form.md-outline input[type=email].invalid+label:after,
.md-form.md-outline input[type=email]:focus.invalid+label:after,
.md-form.md-outline input[type=email]:focus:not([readonly]).invalid+label,
.md-form.md-outline input[type=number].invalid+label:after,
.md-form.md-outline input[type=number]:focus.invalid+label:after,
.md-form.md-outline input[type=number]:focus:not([readonly]).invalid+label,
.md-form.md-outline input[type=password].invalid+label:after,
.md-form.md-outline input[type=password]:focus.invalid+label:after,
.md-form.md-outline input[type=password]:focus:not([readonly]).invalid+label,
.md-form.md-outline input[type=search-md].invalid+label:after,
.md-form.md-outline input[type=search-md]:focus.invalid+label:after,
.md-form.md-outline input[type=search-md]:focus:not([readonly]).invalid+label,
.md-form.md-outline input[type=search].invalid+label:after,
.md-form.md-outline input[type=search]:focus.invalid+label:after,
.md-form.md-outline input[type=search]:focus:not([readonly]).invalid+label,
.md-form.md-outline input[type=tel].invalid+label:after,
.md-form.md-outline input[type=tel]:focus.invalid+label:after,
.md-form.md-outline input[type=tel]:focus:not([readonly]).invalid+label,
.md-form.md-outline input[type=text].invalid+label:after,
.md-form.md-outline input[type=text]:focus.invalid+label:after,
.md-form.md-outline input[type=text]:focus:not([readonly]).invalid+label,
.md-form.md-outline input[type=time].invalid+label:after,
.md-form.md-outline input[type=time]:focus.invalid+label:after,
.md-form.md-outline input[type=time]:focus:not([readonly]).invalid+label,
.md-form.md-outline input[type=url].invalid+label:after,
.md-form.md-outline input[type=url]:focus.invalid+label:after,
.md-form.md-outline input[type=url]:focus:not([readonly]).invalid+label,
.md-form.md-outline select.mdb-select:focus.invalid+label:after,
.md-form.md-outline textarea.md-textarea.invalid+label:after,
.md-form.md-outline textarea.md-textarea:focus.invalid+label:after,
.md-form.md-outline textarea.md-textarea:focus:not([readonly]).invalid+label {
    color: #f44336;
    content: attr(data-error);
    opacity: 1
}

.md-form.md-outline input[type=date].form-control.valid+label:after,
.md-form.md-outline input[type=date].form-control:focus.valid+label:after,
.md-form.md-outline input[type=datetime-local].form-control.valid+label:after,
.md-form.md-outline input[type=datetime-local].form-control:focus.valid+label:after,
.md-form.md-outline input[type=email].form-control.valid+label:after,
.md-form.md-outline input[type=email].form-control:focus.valid+label:after,
.md-form.md-outline input[type=number].form-control.valid+label:after,
.md-form.md-outline input[type=number].form-control:focus.valid+label:after,
.md-form.md-outline input[type=password].form-control.valid+label:after,
.md-form.md-outline input[type=password].form-control:focus.valid+label:after,
.md-form.md-outline input[type=search-md].form-control.valid+label:after,
.md-form.md-outline input[type=search-md].form-control:focus.valid+label:after,
.md-form.md-outline input[type=search].form-control.valid+label:after,
.md-form.md-outline input[type=search].form-control:focus.valid+label:after,
.md-form.md-outline input[type=tel].form-control.valid+label:after,
.md-form.md-outline input[type=tel].form-control:focus.valid+label:after,
.md-form.md-outline input[type=text].form-control.valid+label:after,
.md-form.md-outline input[type=text].form-control:focus.valid+label:after,
.md-form.md-outline input[type=time].form-control.valid+label:after,
.md-form.md-outline input[type=time].form-control:focus.valid+label:after,
.md-form.md-outline input[type=url].form-control.valid+label:after,
.md-form.md-outline input[type=url].form-control:focus.valid+label:after,
.md-form.md-outline select.mdb-select.form-control:focus.valid+label:after,
.md-form.md-outline textarea.md-textarea.form-control.valid+label:after,
.md-form.md-outline textarea.md-textarea.form-control:focus.valid+label:after {
    position: absolute;
    top: 4rem;
    left: 0
}

.md-form.md-outline input[type=date].form-control.invalid+label:after,
.md-form.md-outline input[type=date].form-control:focus.invalid+label:after,
.md-form.md-outline input[type=datetime-local].form-control.invalid+label:after,
.md-form.md-outline input[type=datetime-local].form-control:focus.invalid+label:after,
.md-form.md-outline input[type=email].form-control.invalid+label:after,
.md-form.md-outline input[type=email].form-control:focus.invalid+label:after,
.md-form.md-outline input[type=number].form-control.invalid+label:after,
.md-form.md-outline input[type=number].form-control:focus.invalid+label:after,
.md-form.md-outline input[type=password].form-control.invalid+label:after,
.md-form.md-outline input[type=password].form-control:focus.invalid+label:after,
.md-form.md-outline input[type=search-md].form-control.invalid+label:after,
.md-form.md-outline input[type=search-md].form-control:focus.invalid+label:after,
.md-form.md-outline input[type=search].form-control.invalid+label:after,
.md-form.md-outline input[type=search].form-control:focus.invalid+label:after,
.md-form.md-outline input[type=tel].form-control.invalid+label:after,
.md-form.md-outline input[type=tel].form-control:focus.invalid+label:after,
.md-form.md-outline input[type=text].form-control.invalid+label:after,
.md-form.md-outline input[type=text].form-control:focus.invalid+label:after,
.md-form.md-outline input[type=time].form-control.invalid+label:after,
.md-form.md-outline input[type=time].form-control:focus.invalid+label:after,
.md-form.md-outline input[type=url].form-control.invalid+label:after,
.md-form.md-outline input[type=url].form-control:focus.invalid+label:after,
.md-form.md-outline select.mdb-select.form-control:focus.invalid+label:after,
.md-form.md-outline textarea.md-textarea.form-control.invalid+label:after,
.md-form.md-outline textarea.md-textarea.form-control:focus.invalid+label:after {
    position: absolute;
    top: 4rem;
    left: 0
}

.md-form.md-outline>input[type=time]:not(.browser-default)+label,
.md-form.md-outline>input[type]:-webkit-autofill:not(.browser-default):not([type=search])+label {
    left: 8px;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 1rem;
    font-weight: 500;
    background: #fff;
    -webkit-transform: translateY(-9px) scale(.8);
    transform: translateY(-9px) scale(.8);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.md-form.md-outline>input[type=time]:not(.browser-default)+label.active,
.md-form.md-outline>input[type]:-webkit-autofill:not(.browser-default):not([type=search])+label.active {
    -webkit-transform: translateY(-9px) scale(.8);
    transform: translateY(-9px) scale(.8);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

@-webkit-keyframes autofill {
    to {
        color: #495057;
        background: 0 0
    }
}

@keyframes autofill {
    to {
        color: #495057;
        background: 0 0
    }
}

.md-form.md-outline input:-webkit-autofill {
    -webkit-animation-name: autofill;
    animation-name: autofill;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.md-form.md-outline .form-control {
    padding: .375rem .75rem
}

.md-form.md-outline label {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 10px;
    font-size: 1rem;
    color: #757575;
    cursor: text;
    -webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;
    transition: color .2s ease-out, -webkit-transform .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;
    -webkit-transform: translateY(9px);
    transform: translateY(9px);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.md-form.md-outline label.active {
    left: 8px;
    padding-right: 5px;
    padding-left: 5px;
    font-weight: 500;
    background: #fff;
    -webkit-transform: translateY(-13px) scale(.8);
    transform: translateY(-13px) scale(.8)
}

.md-form.md-outline.form-lg .form-control.form-control-lg {
    padding: .5rem .725rem
}

.md-form.md-outline.form-lg label {
    font-size: 1.25rem;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.md-form.md-outline.form-lg label.active {
    font-size: 1.1rem;
    -webkit-transform: translateY(-14px) scale(.8);
    transform: translateY(-14px) scale(.8)
}

.md-form.md-outline.form-lg .prefix {
    top: .65rem;
    font-size: 25px
}

.md-form.md-outline.form-lg .prefix~input,
.md-form.md-outline.form-lg .prefix~textarea {
    width: calc(100% - 2.2rem);
    margin-left: 2.2rem
}

.md-form.md-outline.form-lg .prefix~label {
    margin-left: 2.2rem
}

.md-form.md-outline.form-lg .prefix~.form-text {
    margin-left: 2.3rem
}

.md-form.md-outline.form-sm .form-control.form-control-sm {
    padding: .25rem .625rem
}

.md-form.md-outline.form-sm label {
    font-size: .8rem;
    -webkit-transform: translateY(8px);
    transform: translateY(8px)
}

.md-form.md-outline.form-sm label.active {
    font-size: .85rem;
    -webkit-transform: translateY(-12px) scale(.8);
    transform: translateY(-12px) scale(.8)
}

.md-form.md-outline.form-sm .prefix {
    top: .5rem;
    font-size: 15px
}

.md-form.md-outline.form-sm .prefix~input,
.md-form.md-outline.form-sm .prefix~textarea {
    width: calc(100% - 1.6rem);
    margin-left: 1.6rem
}

.md-form.md-outline.form-sm .prefix~label {
    margin-left: 1.6rem
}

.md-form.md-outline.form-sm .prefix~.form-text {
    margin-left: 1.7rem
}

.md-form.md-outline .prefix {
    position: absolute;
    top: .6rem;
    font-size: 20px;
    -webkit-transition: color .2s;
    transition: color .2s
}

.md-form.md-outline .prefix:focus {
    color: #4285f4
}

.md-form.md-outline .prefix~input,
.md-form.md-outline .prefix~textarea {
    width: calc(100% - 2rem);
    margin-left: 2rem
}

.md-form.md-outline .prefix~label {
    margin-left: 2rem
}

.md-form.md-outline .prefix~.form-text {
    margin-left: 2.1rem
}

.md-form.md-outline .character-counter {
    margin-top: -.5rem
}

.md-form.md-bg input[type=date],
.md-form.md-bg input[type=datetime-local],
.md-form.md-bg input[type=email],
.md-form.md-bg input[type=number],
.md-form.md-bg input[type=password],
.md-form.md-bg input[type=search-md],
.md-form.md-bg input[type=search],
.md-form.md-bg input[type=tel],
.md-form.md-bg input[type=text],
.md-form.md-bg input[type=time],
.md-form.md-bg input[type=url],
.md-form.md-bg select.mdb-select,
.md-form.md-bg textarea.md-textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 5px;
    background: #f5f5f5 no-repeat;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4285f4), to(#4285f4)), -webkit-gradient(linear, left top, left bottom, from(#ced4da), to(#ced4da));
    background-image: linear-gradient(to bottom, #4285f4, #4285f4), linear-gradient(to bottom, #ced4da, #ced4da);
    background-position: 50% 100%, 50% 100%;
    background-size: 0 2px, 100% 1px;
    border: 0;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    -webkit-transition: background-size .3s cubic-bezier(.64, .09, .08, 1);
    transition: background-size .3s cubic-bezier(.64, .09, .08, 1)
}

.md-form.md-bg input[type=date]:focus:not([readonly]),
.md-form.md-bg input[type=datetime-local]:focus:not([readonly]),
.md-form.md-bg input[type=email]:focus:not([readonly]),
.md-form.md-bg input[type=number]:focus:not([readonly]),
.md-form.md-bg input[type=password]:focus:not([readonly]),
.md-form.md-bg input[type=search-md]:focus:not([readonly]),
.md-form.md-bg input[type=search]:focus:not([readonly]),
.md-form.md-bg input[type=tel]:focus:not([readonly]),
.md-form.md-bg input[type=text]:focus:not([readonly]),
.md-form.md-bg input[type=time]:focus:not([readonly]),
.md-form.md-bg input[type=url]:focus:not([readonly]),
.md-form.md-bg select.mdb-select:focus:not([readonly]),
.md-form.md-bg textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.md-form.md-bg input[type=date]:focus,
.md-form.md-bg input[type=datetime-local]:focus,
.md-form.md-bg input[type=email]:focus,
.md-form.md-bg input[type=number]:focus,
.md-form.md-bg input[type=password]:focus,
.md-form.md-bg input[type=search-md]:focus,
.md-form.md-bg input[type=search]:focus,
.md-form.md-bg input[type=tel]:focus,
.md-form.md-bg input[type=text]:focus,
.md-form.md-bg input[type=time]:focus,
.md-form.md-bg input[type=url]:focus,
.md-form.md-bg select.mdb-select:focus,
.md-form.md-bg textarea.md-textarea:focus {
    background-color: #dcdcdc;
    background-size: 100% 2px, 100% 1px;
    outline: 0
}

.md-form.md-bg>input[type=date]:not(.browser-default) {
    color: transparent
}

.md-form.md-bg>input[type=date]:not(.browser-default)+label {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.md-form.md-bg>input[type=time]:not(.browser-default)+label,
.md-form.md-bg>input[type]:-webkit-autofill:not(.browser-default):not([type=search])+label {
    font-size: .8rem;
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.md-form.md-bg .form-control {
    padding: 1.1rem .7rem .4rem !important
}

.md-form.md-bg label {
    top: 0;
    padding-left: .7rem;
    font-size: 1rem;
    -webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;
    transition: color .2s ease-out, -webkit-transform .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;
    -webkit-transform: translateY(13px);
    transform: translateY(13px);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.md-form.md-bg label.active {
    padding-left: .75rem;
    font-weight: 500;
    -webkit-transform: translateY(-3px) scale(.8);
    transform: translateY(-3px) scale(.8)
}

.md-form.md-bg.form-lg label {
    -webkit-transform: translateY(16px);
    transform: translateY(16px)
}

.md-form.md-bg.form-lg label.active {
    -webkit-transform: translateY(-4px) scale(.8);
    transform: translateY(-4px) scale(.8)
}

.md-form.md-bg.form-sm label {
    -webkit-transform: translateY(11px);
    transform: translateY(11px)
}

.md-form.md-bg.form-sm label.active {
    -webkit-transform: translateY(-2px) scale(.8);
    transform: translateY(-2px) scale(.8)
}

.md-form .form-control.is-invalid,
.was-validated .md-form .form-control:invalid {
    padding-right: 0
}

.md-form .form-control.is-valid,
.was-validated .md-form .form-control:valid {
    padding-right: 0
}

.needs-validation .md-form label {
    left: .3rem
}

.custom-file-input:lang(es)~.custom-file-label::after {
    content: "Elegir"
}

.custom-file-input:lang(pl-pl)~.custom-file-label::after {
    content: "Wybierz"
}

.custom-file-input:lang(fr)~.custom-file-label::after {
    content: "Choisir"
}

.custom-file-input:lang(in)~.custom-file-label::after {
    content: "Pilih"
}

.custom-file-input:lang(zh)~.custom-file-label::after {
    content: "選擇"
}

.custom-file-input:lang(de)~.custom-file-label::after {
    content: "Wählen"
}

.custom-file-input:lang(ru)~.custom-file-label::after {
    content: "Выбрать"
}

.md-form>label {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.md-form .form-control {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important
}

.md-form .input-prefix {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: color .2s;
    transition: color .2s;
    color: rgba(0, 0, 0, .87);
    pointer-events: none
}

.md-form .input-prefix.active {
    color: #4285f4
}

.md-form.input-with-pre-icon label {
    left: 36px;
    right: initial
}

.md-form.input-with-pre-icon .input-prefix {
    left: 16px;
    right: initial
}

.md-form.input-with-pre-icon .form-control {
    padding-left: 2.7rem !important
}

.md-form.input-with-post-icon .input-prefix {
    right: 16px;
    left: initial
}

.md-form.input-with-post-icon .form-control {
    padding-right: 2.7rem !important
}

.md-form.input-with-post-icon.input-with-pre-icon .input-prefix {
    right: 16px;
    left: initial
}

.md-form.input-with-post-icon.input-with-pre-icon .input-prefix:first-of-type {
    left: 16px;
    right: initial
}

.md-form.input-with-post-icon.input-with-pre-icon .form-control {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

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

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[multiple],
select.form-control[size] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

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

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, .9);
    border-radius: .25rem
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url ("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4- 1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: #28a745
}

.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url ("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e %3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #dc3545
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media(min-width:576px) {
    .form-inline label {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }

    .form-inline .form-check {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }

    .form-section {
        color: #757575 !important
    }

    .display-none {
        display: none
    }

    .droid {
        font-family: Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif
    }

    .label-note {
        font-size: 10px;
        font-style: italic !important;
        color: #b0b0b0
    }

    .header-note {
        font-size: 18px;
        font-style: italic !important;
        color: #b0b0b0
    }

    .select-wrapper input {
        z-index: 2
    }

    .select-wrapper+label.active {
        transform: translateY(-14px);
        font-size: .8rem;
        top: 1.5rem;
        left: 15px
    }

    .select-wrapper+label.mdb-main-label {
        z-index: 1
    }

    #Email {
        display: none
    }

    #hdnEmail {
        display: none
    }

    .text-peach-dark {
        color: #fa764a
    }

    #searchboxHNMC .btn-search {
        background-color: #2484c6
    }

    .highlight {
        background-color: #fff34d
    }

    .star-custom {
        font-size: 7px !important;
        vertical-align: super
    }

    .modal-custom {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        width: 100%;
        height: 100%;
        overflow: hidden;
        outline: 0
    }

    .modal-open {
        overflow: hidden
    }

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto
    }

    .modal {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1050;
        display: none;
        width: 100%;
        height: 100%;
        overflow: hidden;
        outline: 0
    }

    .modal-dialog {
        position: relative;
        width: auto;
        margin: .5rem;
        pointer-events: none
    }

    .modal.fade .modal-dialog {
        transition: -webkit-transform .3s ease-out;
        transition: transform .3s ease-out;
        transition: transform .3s ease-out, -webkit-transform .3s ease-out;
        -webkit-transform: translate(0, -50px);
        transform: translate(0, -50px)
    }

    @media (prefers-reduced-motion:reduce) {
        .modal.fade .modal-dialog {
            transition: none
        }
    }

    .modal.show .modal-dialog {
        -webkit-transform: none;
        transform: none
    }

    .modal.modal-static .modal-dialog {
        -webkit-transform: scale(1.02);
        transform: scale(1.02)
    }

    .modal-dialog-scrollable {
        display: -ms-flexbox;
        display: flex;
        max-height: calc(100% - 1rem)
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 1rem);
        overflow: hidden
    }

    .modal-dialog-scrollable .modal-footer,
    .modal-dialog-scrollable .modal-header {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto
    }

    .modal-dialog-centered {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        min-height: calc(100% - 1rem)
    }

    .modal-dialog-centered::before {
        display: block;
        height: calc(100vh - 1rem);
        content: ""
    }

    .modal-dialog-centered.modal-dialog-scrollable {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%
    }

    .modal-dialog-centered.modal-dialog-scrollable .modal-content {
        max-height: none
    }

    .modal-dialog-centered.modal-dialog-scrollable::before {
        content: none
    }

    .modal-content {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        pointer-events: auto;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: .3rem;
        outline: 0
    }

    .modal-backdrop {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1040;
        width: 100vw;
        height: 100vh;
        background-color: #000
    }

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.show {
        opacity: .5
    }

    .modal-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 1rem 1rem;
        border-bottom: 1px solid #dee2e6;
        border-top-left-radius: calc(.3rem - 1px);
        border-top-right-radius: calc(.3rem - 1px)
    }

    .modal-header .close {
        padding: 1rem 1rem;
        margin: -1rem -1rem -1rem auto
    }

    .modal-title {
        margin-bottom: 0;
        line-height: 1.5
    }

    .modal-body {
        position: relative;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 1rem
    }

    .modal-footer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: .75rem;
        border-top: 1px solid #dee2e6;
        border-bottom-right-radius: calc(.3rem - 1px);
        border-bottom-left-radius: calc(.3rem - 1px)
    }

    .modal-footer>* {
        margin: .25rem
    }

    .modal-scrollbar-measure {
        position: absolute;
        top: -9999px;
        width: 50px;
        height: 50px;
        overflow: scroll
    }

    @media (min-width:576px) {
        .modal-dialog {
            max-width: 700px;
            margin: 1.75rem auto
        }

        .modal-dialog-scrollable {
            max-height: calc(100% - 3.5rem)
        }

        .modal-dialog-scrollable .modal-content {
            max-height: calc(100vh - 3.5rem)
        }

        .modal-dialog-centered {
            min-height: calc(100% - 3.5rem)
        }

        .modal-dialog-centered::before {
            height: calc(100vh - 3.5rem)
        }

        .modal-sm {
            max-width: 300px
        }
    }

    @media (min-width:992px) {

        .modal-lg,
        .modal-xl {
            max-width: 800px
        }
    }

    @media (min-width:1200px) {
        .modal-xl {
            max-width: 1140px
        }
    }

    .interior-page-banner-custom {
        background-color: #123559;
        opacity: .9;
        padding: 10px 10px 0 20px;
        margin: 0 4%
    }

    .height-45 {
        height: 45px
    }

    .event-custom-w {
        max-width: 569px !important
    }

    .video-custom-h {
        max-width: 315px !important
    }

    .iframe-container {
        position: relative;
        width: 100%;
        overflow: hidden;
        padding-top: 56.25%
    }

    .responsive-iframe {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        border: none
    }

    .font-weight-600 {
        font-weight: 600 !important
    }

    @media (max-width:767px) {
        .w-sm-100 {
            width: 100% !important
        }
    }

    @media (min-width:768px) {
        .w-md-75 {
            width: 75% !important
        }
    }

    .page-selected {
        padding: 3px 10px !important;
        margin: 0 2px;
        border: 1px solid #123559;
        text-align: center !important;
        text-decoration: none !important;
        width: 50px !important;
        background-color: #123559 !important;
        color: #fff !important;
        font-weight: 700
    }

    .first-page-selected {
        padding: 3px 12px !important;
        margin: 0 2px;
        border: 1px solid #123559;
        text-align: center !important;
        text-decoration: none !important;
        width: 50px !important;
        background-color: #123559 !important;
        color: #fff !important;
        font-weight: 700
    }

    .page-not-selected {
        padding: 3px 10px !important;
        margin: 0 2px;
        border: 1px solid #123559;
        text-align: center !important;
        text-decoration: none !important;
        width: 50px !important
    }

    .first-page-not-selected {
        padding: 3px 12px !important;
        margin: 0 2px;
        border: 1px solid #123559;
        text-align: center !important;
        text-decoration: none !important;
        width: 50px !important
    }

    .midnight-blue-light-color {
        color: #386080 !important
    }

    #Find-a-physician {
        width: 100%;
        height: 80vh
    }

    #Find-a-physician .Find-a-physician-container {
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
        padding: 0 15px;
        width: 100%
    }

    #Find-a-physician h1 {
        margin: 0;
        font-size: 48px;
        font-weight: 400;
        line-height: 56px;
        line-height: 56px;
        color: #222
    }

    #Find-a-physician h2 {
        color: #2e2e2e;
        margin-bottom: 30px;
        font-size: 48px;
        font-weight: 700
    }

    #Find-a-physician p {
        width: 80%;
        -webkit-animation-delay: .4s;
        animation-delay: .4s;
        margin: 0 auto 30px auto;
        color: arken(#545454, 15)
    }

    #Find-a-physician .php-email-form .validate {
        display: none;
        color: red;
        margin: 0 0 15px 0;
        font-weight: 400;
        font-size: 13px
    }

    #Find-a-physician .php-email-form .error-message {
        display: none;
        color: #fff;
        background: #ed3c0d;
        text-align: center;
        padding: 15px;
        font-weight: 600
    }

    #Find-a-physician .php-email-form .sent-message {
        display: none;
        color: #fff;
        background: #18d26e;
        text-align: center;
        padding: 15px;
        font-weight: 600
    }

    #Find-a-physician .php-email-form .loading {
        display: none;
        background: rgba(255, 255, 255, .5);
        text-align: center;
        padding: 15px
    }

    #Find-a-physician .php-email-form .loading:before {
        content: "";
        display: inline-block;
        width: 24px;
        height: 24px;
        margin: 0 10px -6px 0;
        border: 3px solid #18d26e;
        border-top-color: #eee;
        -webkit-animation: animate-loading-notify 1s linear infinite;
        animation: animate-loading-notify 1s linear infinite
    }

    @-webkit-keyframes animate-loading-notify {
        0% {
            transform: rotate(0)
        }

        100% {
            transform: rotate(360deg)
        }
    }

    @keyframes animate-loading-notify {
        0% {
            transform: rotate(0)
        }

        100% {
            transform: rotate(360deg)
        }
    }

    #Find-a-physician .php-email-form input {
        box-shadow: none;
        font-size: 16px;
        border: 0;
        padding: 0 15px 2px 15px;
        height: 45px;
        margin: 0 0
    }

    #Find-a-physician .btn-get-started-general {
        font-family: ProximaNova-Regular, Arial, Helvetica, sans-serif;
        font-weight: 600 !important;
        font-size: 16px !important;
        letter-spacing: 1px !important;
        display: inline-block !important;
        padding: 12px 32px;
        border-radius: 5px;
        transition: .5s;
        line-height: 1;
        margin: 10px;
        color: #fff !important;
        -webkit-animation-delay: .8s;
        animation-delay: .8s;
        border: 2px solid #2484c6 !important;
        background-color: #2484c6 !important;
        width: 200px
    }

    #Find-a-physician .btn-get-started-general:hover {
        background-color: #fff !important;
        color: #2484c6 !important;
        text-decoration: none
    }

    @media (max-width:768px) {
        #Find-a-physician h1 {
            font-size: 28px;
            line-height: 36px
        }

        #Find-a-physician h2 {
            font-size: 18px;
            line-height: 24px;
            margin-bottom: 30px
        }

        #Find-a-physician .php-email-form input {
            margin: 0 auto
        }

        #Find-a-physician .btn-get-started-general {
            max-width: 100% !important
        }
    }

    .h-45 {
        height: 45px
    }

    .holy-name-blue-color {
        color: #0065a4
    }

    holy-name-blue-bg {
        background-color: #0065a4
    }

    .overlay-custom {
        background-color: rgba(241, 241, 242, .7) !important
    }

    .dark-gray-color {
        color: #495057 !important
    }

    .text-white {
        color: #fff !important
    }

    .forms-container {
        width: 100%
    }

    .owl-carousel .owl-next,
    .owl-carousel .owl-prev {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        font-size: 60px !important;
        left: auto;
        right: -7.5px;
        min-width: 30px;
        height: 100%;
        border: none !important;
        outline: 0 !important;
        color: var(--secondary) !important
    }

    .owl-carousel .owl-prev {
        left: -7.5px;
        right: auto
    }

    .owl-carousel .owl-nav {
        display: block !important
    }

    .owl-carousel .owl-next span,
    .owl-carousel .owl-prev span {
        width: 40px;
        height: 40px;
        display: flex;
        border-radius: 1000rem;
        align-items: flex-end;
        justify-content: center;
        background: rgb(0 100 165 / 75%);
        color: #fff;
        padding: 0;
        line-height: 1
    }

    .gsc-adBlock {
        display: none !important
    }

    .resverse-cols {
        display: flex;
        flex-flow: column-reverse
    }

    .event-card {
        border: 1px solid rgba(0, 0, 0, 0.125);
        border-radius: .25rem;
        padding: 15px;
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    }

    #Other-Resources-Widget .btn:focus {
        box-shadow: none !important;
        min-height: 43px
    }

    #Other-Resources-Widget div a:active {
        padding-top: 11px;
        padding-left: 17px;
    }

    .overlay-interior-banner a {
        font-size: 18px
    }

    .bg-transparent-imp {
        background-color: transparent !important
    }

    @media (min-width: 768px) {
        .recipe-photo {
            max-width: 258px
        }
    }

    @media (max-width: 767px) {
        .recipe-photo {
            width: 100% !important;
        }
    }

    .overlay-interior-banner-8 {
        background-color: rgba(18, 53, 89, 0.8) !important;
        padding: 10px 10px 0px 20px !important;
        margin: 0px 4% !important;
    }

    @media (min-width: 768px) {
        .news-thumb {
            border-radius: 90px;
            width: 90px;
            height: 90px;
        }
    }

    @media (max-width: 767px) {
        .news-thumb {
            border-radius: 50% !important;
            border-radius: 90px !important;
            width: 120px;
            height: 120px;
            border-collapse: separate;
            perspective: 1px;
        }
    }

    @media screen and (min-width: 768px) and (max-width: 1366px) {
        .banner-m {
            max-height: 60vh !important;
            padding-bottom: 0px !important
        }

        .mt-banner {
            margin-top: 0px !important;
        }
    }

    .figure {
        border: thin silver solid;
        margin: 0.5em;
        padding: 0.5em;
        text-align: center;
        font-style: italic;
        text-indent: 0;
    }

    img.scaled {
        width: 100%;
    }

    .bottom-custom {
        padding-bottom: 0px !important;
        margin-bottom: 0px !important
    }

    .top-custom {
        padding-top: 0px !important;
        margin-top: 0px !important
    }

    .pagemenu .multi-column-dropdown>li>a>span {
        font-size: 16px !important;
        font-weight: normal !important;
        color: #123559;
        font-family: 'ProximaNova-Regular', Arial, Helvetica, sans-serif;
        font-size: 1.10rem;
        font-weight: 400;
    }

    .pagemenu .multi-column-dropdown>li>a>span:hover {
        color: #38bfbd;
    }

    .pagemenu .multi-column-dropdown>li {
        padding-left: 0px !important;
        margin-left: 0px !important
    }

    .text-navy {
        color: #123559;
    }

    .bg-navy {
        background-color: #123559 !important;
    }