/* Your custom style */
body.shaded {
    background-color: rgba(0, 0, 0, 0.5);
}

html,
body {
    height: 100%;
    /* The html and body elements cannot have any padding or margin. */
}

.full-height, .full-height body, .full-height header, .full-height header .view {
    height: 100%;
}

/* Wrapper for page content to push down footer */
.content-page #wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* Negative indent footer by it's height */
    margin: 0 auto -90px;
}

/* Set the fixed height of the footer here */
.content-page #push,
.content-page footer {
    height: 70px;
}

/*IE HACK*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .flex-center .container {
        margin-left: 0 !important;
    }
}


.hm-black-strong-1 .mask,
.hm-black-strong-1 .full-bg-img {
    background-color: rgba(0, 0, 0, 0.6);
}

.hm-purple-slight-2 .mask,
.hm-purple-slight-2 .full-bg-img {
    background-color: rgba(99, 24, 112, 0.5);
}

.hm-teal-strong-2 .mask,
.hm-teal-strong-2 .full-bg-img {
    background-color: rgba(0, 150, 136, 0.6);
}

.hm-green-strong-2 .mask,
.hm-green-strong-2 .full-bg-img {
    background-color: rgba(24, 197, 141, 0.6);
}

.hm-grey-strong-2 .mask,
.hm-grey-strong-2 .full-bg-img {
    background-color: rgba(76, 83, 86, 0.6);
}

.mask {
    background-attachment: fixed;
}

main {
    padding-top: 5.5rem;
}

a {
    color: #00bcd4;
}

.intro main {
    padding-top: 0;
}

.card-block {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.dark-side-nav .logo-wrapper {
    background: url("/img/backgrounds/sunset.jpg") no-repeat center center;
}

.colorful-side-nav .logo-wrapper {
    background: url("/img/backgrounds/waterfall.jpg") no-repeat center center;
}

.stylish-side-nav .logo-wrapper {
    background: url("/img/backgrounds/canyon.jpg") no-repeat center center;
}

.sn-bg-1 {
    background-image: url("/img/backgrounds/sidenav1.jpg");
}

.sn-bg-2 {
    background-image: url("/img/backgrounds/sidenav2.jpg");
}

.sn-bg-3 {
    background-image: url("/img/backgrounds/sidenav3.jpg");
}

.sn-bg-4 {
    background-image: url("/img/backgrounds/sidenav4.jpg");
}

.pattern-1 {
    background: url(/img/overlays/01.png);
}

.pattern-2 {
    background: url(/img/overlays/02.png);
}

.pattern-3 {
    background: url(/img/overlays/03.png);
}

.pattern-4 {
    background: url(/img/overlays/04.png);
}

.pattern-5 {
    background: url(/img/overlays/05.png);
}

.pattern-6 {
    background: url(/img/overlays/06.png);
}

.pattern-7 {
    background: url(/img/overlays/07.png);
}

.pattern-8 {
    background: url(/img/overlays/08.png);
}

.pattern-9 {
    background: url(/img/overlays/09.png);
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    background: url(/img/lightbox/default-skin.png) 0 0 no-repeat;
}

.medical-lp .intro {
    background-image: url("/img/photos/medical-intro.jpg");
}

.medical-lp .photo-1 {
    background-image: url("/img/photos/doctor.jpg");
}

.medical-lp .navbar {
    background-color: #3e4551;
}

@media (max-width: 768px) {
    .medical-lp.intro-page .navbar:not(.top-nav-collapse) {
        background: #3e4551 !important;
    }
}

.medical-lp .page-footer {
    background-color: #00bcd4;
}

.medical-lp .md-pills.pills-primary .nav-item .nav-link.active {
    background-color: #3e4551;
}

ul.checklist {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

    ul.checklist li {
        list-style-type: disc;
        text-align: left;
    }

@media (max-width: 767px) {
    .col-md-mt-5 {
        margin-top: 5em !important;
    }
}

.btn-microsoft {
    background-color: #0072e6;
}

.btn-gplus:hover, .btn-gplus:focus {
    background-color: #6495ed;
}

.btn-floating {
    background-color: #00bcd4;
}

.btn-info {
    background-color: #00bcd4;
}

.btn-default {
    background-color: #00bcd4;
}

.switch label input[type=checkbox]:checked + .lever:after {
    background-color: #00bcd4;
}

ol.decimal li {
    display: list-item;
    list-style-type: decimal;
}

ol.lower-alpha li {
    display: list-item;
    list-style-type: lower-alpha;
}

.cyan-text {
    color: #00bcd4 !important;
}

.intro-page .navbar:not(.top-nav-collapse) {
    background: transparent !important;
    box-shadow: none;
}

.intro hr, .hr-streak hr, .intro-video hr {
    margin: 1.5rem 0 1.5rem 0;
}

    .intro hr.hr-light, .hr-streak hr.hr-light, .intro-video hr.hr-light {
        margin-left: 31%;
        margin-right: 31%;
        background-color: #fff;
        height: 1px;
    }

.brand {
    margin-left: 31%;
    margin-right: 31%;
}

.background-dark {
    background-color: #3e4551;
}

.font-big {
    font-size: 3rem;
}

.font-up {
    text-transform: uppercase;
}

.font-bold {
    font-weight: 500;
}

.font-bold-2 {
    font-weight: 700;
}

.subtext-header {
    line-height: 1.5;
}

@media (max-width: 415px) {
    .subtext-header {
        font-size: 1.5rem;
    }
}

.streak {
    display: block;
    position: relative;
    overflow: hidden;
    background: #e5e5e5;
    height: 250px;
}

    .streak.streak-lg {
        height: 400px;
    }

@media (max-width: 450px) {
    .streak.streak-long {
        height: 600px;
    }
}

.streak.streak-photo {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 1366px) {
    .streak.streak-photo {
        background-attachment: fixed;
    }
}

.streak.no-flex {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
    height: auto;
}


.streak {
    display: block;
    position: relative;
    overflow: hidden;
    background: #e5e5e5;
    height: 340px;
}

    .streak.streak-lg {
        height: 400px;
    }

@media (max-width: 450px) {
    .streak.streak-long {
        height: 600px;
    }
}

.streak.streak-photo {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 1366px) {
    .streak.streak-photo {
        background-attachment: fixed;
    }
}

.streak.no-flex {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
    height: auto;
}

.streak .flex-center ul, .streak .card-overlay ul, .streak .card .card-circle ul, .card .streak .card-circle ul, .streak .testimonial-carousel .testimonial .avatar ul, .testimonial-carousel .testimonial .streak .avatar ul, .streak .section.team-section .avatar ul, .section.team-section .streak .avatar ul {
    margin-bottom: 0;
}

    .streak .flex-center ul li:last-child, .streak .card-overlay ul li:last-child, .streak .card .card-circle ul li:last-child, .card .streak .card-circle ul li:last-child, .streak .testimonial-carousel .testimonial .avatar ul li:last-child, .testimonial-carousel .testimonial .streak .avatar ul li:last-child, .streak .section.team-section .avatar ul li:last-child, .section.team-section .streak .avatar ul li:last-child {
        margin-bottom: 0;
    }

    .streak .flex-center ul li h1, .streak .card-overlay ul li h1, .streak .card .card-circle ul li h1, .card .streak .card-circle ul li h1, .streak .testimonial-carousel .testimonial .avatar ul li h1, .testimonial-carousel .testimonial .streak .avatar ul li h1, .streak .section.team-section .avatar ul li h1, .section.team-section .streak .avatar ul li h1, .streak .flex-center ul li h2, .streak .card-overlay ul li h2, .streak .card .card-circle ul li h2, .card .streak .card-circle ul li h2, .streak .testimonial-carousel .testimonial .avatar ul li h2, .testimonial-carousel .testimonial .streak .avatar ul li h2, .streak .section.team-section .avatar ul li h2, .section.team-section .streak .avatar ul li h2, .streak .flex-center ul li h3, .streak .card-overlay ul li h3, .streak .card .card-circle ul li h3, .card .streak .card-circle ul li h3, .streak .testimonial-carousel .testimonial .avatar ul li h3, .testimonial-carousel .testimonial .streak .avatar ul li h3, .streak .section.team-section .avatar ul li h3, .section.team-section .streak .avatar ul li h3, .streak .flex-center ul li h4, .streak .card-overlay ul li h4, .streak .card .card-circle ul li h4, .card .streak .card-circle ul li h4, .streak .testimonial-carousel .testimonial .avatar ul li h4, .testimonial-carousel .testimonial .streak .avatar ul li h4, .streak .section.team-section .avatar ul li h4, .section.team-section .streak .avatar ul li h4, .streak .flex-center ul li h5, .streak .card-overlay ul li h5, .streak .card .card-circle ul li h5, .card .streak .card-circle ul li h5, .streak .testimonial-carousel .testimonial .avatar ul li h5, .testimonial-carousel .testimonial .streak .avatar ul li h5, .streak .section.team-section .avatar ul li h5, .section.team-section .streak .avatar ul li h5 {
        margin-bottom: 0;
    }

footer.page-footer h2 {
    font-weight: 600;
    font-size: 3rem;
}

[type="checkbox"]:checked + label:before {
    border-right: 2px solid #00bcd4;
    border-bottom: 2px solid #00bcd4;
}

.md-form .prefix.active {
    color: #00bcd4;
}

.intro img {
    margin: 1.5rem 0 1.5rem 0;
}

    .intro img.brand {
        margin-left: 31%;
        margin-right: 31%;
        max-width: 422px;
    }

input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search-md]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #00bcd4;
    box-shadow: 0 1px 0 0 #00bcd4;
}

    input[type=text]:focus:not([readonly]) + label,
    input[type=password]:focus:not([readonly]) + label,
    input[type=email]:focus:not([readonly]) + label,
    input[type=url]:focus:not([readonly]) + label,
    input[type=time]:focus:not([readonly]) + label,
    input[type=date]:focus:not([readonly]) + label,
    input[type=datetime-local]:focus:not([readonly]) + label,
    input[type=tel]:focus:not([readonly]) + label,
    input[type=number]:focus:not([readonly]) + label,
    input[type=search-md]:focus:not([readonly]) + label,
    input[type=search]:focus:not([readonly]) + label,
    textarea.md-textarea:focus:not([readonly]) + label {
        color: #00bcd4;
    }