/***********************************************
                Table of Contents
***********************************************/
/***********************************************

    01A. General
    02B. Utilities
    03C. Forms
    04D. Layout
    05E. Header
    06F. Secondary Header
    07G. Header Secondary Contacts
    08H. Header Secondary Contacts 2
    09I. Navigation
    10J. Footer
    11K. Intro Message
    12L. Intro Meet Providers
    13M. Interior Form
    14N. Page with Sidebar
    15O. Subpage Styling

***********************************************/

/************************* 01A. General *************************/
body {
    background: #fff;
    color: #333;
    font: 1em/1.4 'Lato', "Helvetica", arial, sans-serif;
}

    body.overflow-hidden {
        overflow: hidden;
    }

form#aspnetForm {
    height: 100%;
}

a {
    color: #0b6666;
    -webkit-transition: color .1s;
    transition: color .1s;
}

    a:hover, a:focus {
        color: #40c0cb;
    }

h1, h2, h3, h4, h5, h6 {
    color: #0b6666;
    font: 34px/1.4 'Roboto', "Helvetica", arial, sans-serif;
    line-height: 1.2;
    margin: 5px 0 10px;
    padding: 0;
}

h1 {
    font-weight: 300;
}

h2 {
    color: #333;
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
}

.sub-special {
    font-style: italic;
}

h3 {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
}

h4 {
    color: #003663;
    font-size: 22px;
    font-weight: 300;
}

h5, .section-header {
    color: #333;
    font-size: 18px;
    font-weight: 700;
}

.section-header {
    border-bottom: 1px solid #e3e3e3;
}

h6 {
    font-weight: 300;
    font-size: 18px;
}

@media (min-width : 900px) {
    h1 {
        font-size: 44px;
    }

    h2 {
        font-size: 32px;
    }

    h3 {
        font-size: 28px;
    }

    h4 {
        font-size: 30px;
    }

    h5 {
        font-size: 24px;
    }

    h6 {
        font-size: 20px;
    }
}

/************************* 02B. Utilities *************************/
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

:root * > img {
    max-width: 100%;
}

p {
    margin: 15px 0;
}

/*  Collection of elements that need no margins on p tags  */
.secondary-header-contacts p, .slider p, .icons p {
    margin: 0;
}

/* Hide Text */
.ht {
    display: block;
    font-size: 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

/* No Margin */
.nm {
    margin: 0;
}

/* No Padding */
.np {
    padding: 0;
}

/* Margin Bottom 10px */
.mb-10 {
    margin-bottom: 10px;
}

/* Margin Bottom 20px */
.mb-20 {
    margin-bottom: 20px;
}

/* Margin Top 10px */
.mt-10 {
    margin-top: 10px;
}

/* Margin Top 20px */
.mt-20 {
    margin-top: 20px;
}

/* Margin Bottom 40px */
.mb-40 {
    margin-bottom: 40px;
}

/* Padding 15px */
.p-15 {
    padding: 15px;
}

/* Border 1px */
.b1 {
    border: 1px solid #0b6666;
}

.error, .req {
    color: #db595a !important;
}

.success {
    color: #509355;
}

hr {
    border: 0;
    height: 0;
    border-top: 2px solid #bc260d;
}

.text-red {
    color: #bc260d;
}

.text-teal {
    color: #0b6666;
}

.text-blue {
    color: #40c0cb;
}

/* SVG colors */
.grey {
    fill: #58595B;
    -webkit-transition: fill .3s;
    transition: fill .3s;
}

.tan {
    fill: #D2B593;
    -webkit-transition: fill .3s;
    transition: fill .3s;
}

.green {
    fill: #0E553F;
    -webkit-transition: fill .3s;
    transition: fill .3s;
}

.tan2 {
    fill: #BE955B;
    -webkit-transition: fill .3s;
    transition: fill .3s;
}

.transparent {
    fill: none;
}

@media only screen and (max-width: 1130px) {
    .grey, .tan, .green, .tan2 {
        fill: white;
    }
}

header.resize .grey, header.resize .tan, header.resize .green, header.resize .tan2 {
    fill: white;
}

@media (max-width : 750px) {
    .board .halfi .halfi {
        display: block;
        padding: 0 !important;
        margin: 0 auto 20px;
    }
}

@media (max-width : 1050px) {
    .grey, .tan, .green, .tan2 {
        fill: white;
    }
}

/************************* 03C. Forms *************************/
label {
    font: 14px/1.2 'Lato', "Helvetica", arial, sans-serif;
}

.item label {
    display: block;
}

.item .checki label {
    display: inline-block;
}

input[type="submit"], button[type="submit"], .search button, a.button, .button a {
    background: #bc260d;
    border: 0;
    color: #fff;
    display: inline-block;
    font: 300 16px/1.2 'Roboto', "Helvetica", arial, sans-serif;
    margin: 0 0 10px;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    transition: all .3s;
}

@media (min-width : 700px) {
    input[type="submit"], button[type="submit"], .search button, a.button, .button a {
        font-size: 20px;
    }
}

input[type="submit"][disabled], button[type="submit"][disabled], input[type="submit"][disabled]:hover, button[type="submit"][disabled]:hover {
    background: #bc260d;
    color: #fff;
    -webkit-transition: none;
    transition: none;
}

input[type="submit"].secondary, button[type="submit"].secondary, a.button.secondary, .button.secondary a {
    background: #40c0cb;
    color: #333;
}

input[type="submit"]:hover, button[type="submit"]:hover, a:hover.button, .button a:hover, input[type="submit"]:focus, button[type="submit"]:focus, a:focus.button, .button a:focus {
    background: #ab1901;
    color: #fff;
    text-decoration: none;
}

    input[type="submit"].secondary:hover, button[type="submit"].secondary:hover, a:hover.button.secondary, .button.secondary a:hover, input[type="submit"].secondary:focus, button[type="submit"].secondary:focus, a:focus.button.secondary, .button.secondary a:focus {
        background: #c6e9ef;
        color: #333;
        text-decoration: none;
    }

input[type="submit"].small-button, button[type="submit"].small-button, a.button.small-button, .button.small-button a {
    font-size: 16px;
    padding: 5px 10px;
}

a.btn-cancel {
    background: #e3e3e3;
    color: #333;
}

a:hover.btn-cancel, a:focus.btn-cancel {
    background: #ddd;
    color: #333;
}

input::-webkit-input-placeholder {
    color: #999;
    text-overflow: ellipsis;
    text-transform: uppercase;
}

input:-moz-placeholder {
    color: #999;
    text-overflow: ellipsis;
    text-transform: uppercase;
}

input::-moz-placeholder {
    color: #999;
    text-overflow: ellipsis;
    text-transform: uppercase;
}

input:-ms-input-placeholder {
    color: #999;
    text-overflow: ellipsis;
    text-transform: uppercase;
}

.nursery-gallery a {
    display: block;
}

.englarge {
    background-color: rgba(255,255,255,.85);
    display: inline-block;
    font-size: 14px;
    padding: 5px 16px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 9;
}

    .englarge .fa {
        font-size: 14px;
        margin-left: 3px;
    }

/************************* 04D. Layout *************************/
.full {
    background: #fff;
    margin: 0 auto;
    padding-top: 42px;
    width: 100%;
    max-width: 100%;
    min-height: 100%;
    z-index: 2;
}

.close-div {
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 22;
}

.inner {
    margin: 0 auto;
    max-width: 1300px;
    padding: 0 15px;
    width: 100%;
}

header.main .inner {
    max-width: 1600px;
}

section > .inner {
    padding-bottom: 20px;
    padding-top: 20px;
}

.interior .container > .inner {
    padding-bottom: 30px;
    padding-top: 30px;
}

@media (min-width : 550px) {
    .full {
        padding-top: 212px;
    }
}

@media (min-width : 650px) {
    section > .inner, .inner {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (min-width : 1000px) {
    section > .inner, .inner {
        padding-left: 60px;
        padding-right: 60px;
    }

    .interior2 > .container {
        padding-top: 60px;
    }
}

@media (min-width : 1350px) {
    .interior2 > .container {
        padding-top: 100px;
    }
}

@media (min-width : 1650px) {
    .inner, section > .inner, header.secondary > .inner, .secondary-header-contacts-2 > .inner {
        padding-left: 0 !important;
        padding-right: 0;
    }
}

@media (min-width : 1800px) {
    .interior2 > .container {
        padding-top: 120px;
    }
}

.icons > .inner {
    padding: 0;
}

.icons a {
    color: #333;
    display: block;
    padding: 10px 0;
    text-decoration: none;
}

.icons ul li:hover a, .icons ul li:focus a {
    color: #40c0cb;
    text-decoration: none;
}

.icons ul {
    margin: auto;
    text-align: center;
    max-width: 380px;
}

    .icons ul li {
        display: inline-block;
        font: 700 14px 'Roboto', Helvetica, arial,sans-serif;
        padding: 10px;
        text-transform: uppercase;
        vertical-align: top;
        width: 48%;
    }

        .icons ul li img {
            -webkit-transition: opacity .3s;
            transition: opacity .3s;
        }

        .icons ul li:hover img, .icons ul li:focus img {
            opacity: .75;
        }

@media (min-width : 650px) {
    .icons ul {
        max-width: none;
    }

        .icons ul li {
            width: 24%;
        }
}

@media (min-width : 950px) {
    .icons ul li {
        width: 17%;
    }
}

@media (min-width : 1150px) {
    .icons > .inner {
        padding: 20px 0;
    }

    .icons ul li {
        font-size: 18px;
    }
}

/* Contact Page */
.contact-content {
    margin-bottom: 40px;
}

@media (min-width : 900px) {
    .contact-form, .contact-content {
        float: left;
        margin-bottom: 0;
        width: 45%;
    }

    .contact-form {
        padding-left: 30px;
        width: 55%;
    }
}

/* Login Page */
.login-wrapper {
    max-width: 350px;
}

.login-form {
    margin-bottom: 30px;
}

.login-create-link a {
    text-decoration: none;
}

@media only screen and (min-width : 800px) {
    .login-wrapper {
        max-width: none;
    }

    .login-form, .login-create-link {
        float: left;
        margin-bottom: 0;
        max-width: 350px;
        width: 50%;
    }

    .login-create-link {
        padding-left: 50px;
    }
}

/************************* 05E. Header *************************/
header.main p {
    margin: 0;
}

.toggle-menu {
    background: #075656;
    left: 0;
    position: fixed;
    text-align: right;
    top: 0;
    width: 100%;
    z-index: 20;
}

    .toggle-menu a {
        color: #fff;
        display: inline-block;
        padding: 10px 30px 10px 15px;
        text-decoration: none;
    }

header.main {
    background: #0b6666;
    border-bottom: 5px solid #fff;
    color: #fff;
    padding-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    transition: padding .3s;
}

    header.main.resize > .inner {
        padding: 5px 15px !important;
    }

    header.main > .inner {
        padding: 15px;
    }

    header.main a {
        color: #fff;
        display: block;
        text-decoration: none;
        -webkit-transition: color .3s;
        transition: color .3s;
    }

        header.main a:hover, header.main a:focus {
            color: #fff;
            text-decoration: none;
        }

    header.main .items li {
        display: inline-block;
        margin-bottom: 10px;
        margin-top: 10px;
        padding-left: 10px;
        text-align: center;
        width: 49%;
    }

        header.main .items li:first-of-type {
            display: block;
            width: 100%;
        }

        header.main .items li:nth-of-type(4) {
            display: none;
        }

.header-search {
    -webkit-backface-visibility: hidden;
    display: block;
    margin: 20px auto 10px;
    overflow: hidden;
    max-width: 300px;
    width: 100%;
    height: 40px;
}

.header-search-input:first-of-type {
    background: #fff;
}

.header-search-input {
    border: none;
    color: #2c3e50;
    font-family: inherit;
    font-size: 14px;
    outline: none;
    margin: 0;
    padding: 5px;
    position: absolute;
    right: -5px;
    top: 0;
    width: 100%;
    height: 40px;
    z-index: 10;
}

input[type="search"].header-search-input {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}

.header-icon-search, .header-search-submit {
    cursor: pointer;
    display: block;
    line-height: 40px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 98px;
    height: 40px;
}

input[type="submit"].header-search-submit {
    font-size: 17px;
}

.header-search-submit {
    border: none;
    outline: none;
    padding: 0 !important;
    z-index: 12;
}

.header-icon-search {
    background-color: transparent;
    color: #0b6666;
    display: none;
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: 90;
}

    .header-icon-search:hover {
        color: #40c0cb;
    }

.header-search.header-search-open, .no-js .header-search {
    width: 100%;
}

    .header-search.header-search-open .header-icon-search, .no-js .header-search .header-icon-search {
        background: #054b4b;
        color: #fff;
        z-index: 11;
    }

    .header-search.header-search-open .header-search-submit, .no-js .header-search .header-search-submit {
        z-index: 90;
    }

a#menu-trigger .menu-text {
    font-size: 20px;
    padding-right: 17px;
    height: 100%;
}

header.main .logo {
    margin: auto;
    max-width: 275px;
    width: 100%;
}

    header.main .logo svg {
        -webkit-transition: max-width .5s, height .5s;
        transition: max-width .5s, height .5s;
        max-width: 275px;
        width: 100%;
        height: 42px;
    }

@media (min-width : 550px) {
    .toggle-menu {
        display: none;
    }

    header.main {
        left: 0;
        padding-bottom: 0;
        position: fixed;
        top: 0;
        -webkit-transition: border .5s, font-size .5s;
        transition: border .5s, font-size .5s;
        width: 100%;
        z-index: 1120;
    }

        header.main > .inner {
            padding-left: 25px;
            padding-right: 25px;
        }

        header.main .logo {
            margin: 0 auto 15px;
            text-align: center;
            max-width: 450px;
            width: 100%;
        }

            header.main .logo svg {
                max-width: 450px;
                height: 68px;
            }

        header.main.resize {
            border-width: 1px;
            font-size: 16px;
        }

            header.main.resize .block.logo svg {
                max-width: 300px;
                height: 46px;
            }

        header.main .items {
            margin: auto;
        }

            header.main .items li {
                display: inline-block;
                vertical-align: middle;
                width: calc(100% / 3 - 3px);
            }

                header.main .items li:nth-of-type(4) {
                    display: inline-block;
                }

    .header-search {
        margin: 0 auto;
    }

    a#menu-trigger .menu-text {
        font-size: initial;
    }
}

@media (min-width : 650px) {
    .full {
        padding-top: 182px;
    }

    header.main > .inner {
        padding-top: 15px;
    }

    header.main .items li:nth-of-type(4) {
        display: inline-block;
        vertical-align: middle;
    }

    header.main .items li {
        margin: 10px 0;
    }
}

@media (min-width : 900px) {
    header.main .items {
        clear: both;
        font-size: 16px;
        text-align: right;
        -webkit-transition: font-size .3s;
        transition: font-size .3s;
        width: 100%;
    }
}

@media (min-width : 1130px) {
    header.main .block {
        display: inline-block;
        margin: 0;
        vertical-align: middle;
    }

        header.main .block:last-of-type {
            padding-left: 30px;
            width: calc(100% - 285px);
        }

    header.main .logo {
        text-align: left;
        max-width: 280px;
        height: 43px;
    }

    header.main .block.logo svg {
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        max-width: 280px;
        height: 43px;
    }

    header.main .logo a {
        display: block;
        height: 100%;
    }

    header.main .items li {
        text-align: center;
    }

        header.main .items li:first-of-type {
            display: inline-block;
            max-width: 260px;
            width: 100%;
        }

        header.main .items li:nth-of-type(2) {
            max-width: 125px;
        }

        header.main .items li:nth-of-type(3) {
            max-width: 175px;
        }

        header.main .items li:nth-of-type(4) {
            max-width: 103px;
        }

    .full {
        padding-top: 0;
    }

    header.main {
        position: fixed;
        background: none;
        border: none;
    }

        header.main a {
            color: #0b6666;
        }

            header.main a:hover, header.main a:focus {
                color: #40c0cb;
            }

            header.main a.main-nav-trigger {
                display: block;
            }

        .interior header.main.resize a, header.main.resize a {
            color: #fff;
        }

    .interior header.main {
        background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.7) 100%);
        background: -o-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.35) 50%,rgba(255,255,255,0.7) 100%);
        background: -ms-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.35) 50%,rgba(255,255,255,0.7) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.8) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#b3ffffff',GradientType=0 );
        position: fixed;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

        .interior header.main.resize, header.main.resize {
            background: #0b6666;
            border-bottom: 5px solid #fff;
            filter: none;
        }

        .interior header.main a {
            color: #0b6666;
        }

    header.main > .inner {
        padding-left: 60px;
        padding-right: 60px;
        -webkit-transition: padding .5s;
        transition: padding .5s;
    }

    .header-search {
        -webkit-backface-visibility: hidden;
        float: right;
        overflow: hidden;
        -webkit-transition: width .3s;
        transition: width .3s;
        min-width: 100px;
        max-width: none;
        width: 0%;
    }

    .header-search-input {
        background: #fff;
        border: 1px solid #e3e3e3;
        margin: 0;
        opacity: 0;
        outline: none;
        padding: 0 5px;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transition: all .3s;
        transition: all .3s;
        width: 100%;
        height: 40px;
        z-index: 10;
    }

    .header-search-open .header-search-input {
        opacity: 1;
    }

    input[type="search"].header-search-input {
        -webkit-appearance: none;
        -webkit-border-radius: 0px;
    }

    .header-icon-search, .header-search-submit {
        cursor: pointer;
        display: block;
        line-height: 40px;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 100px;
        height: 40px;
    }

    header.resize .header-icon-search, header.resize .header-search-submit {
        color: #fff;
    }

    .header-search-submit {
        border: none;
        background: #fff;
        color: transparent;
        margin-bottom: 0 !important;
        opacity: 0;
        outline: none;
        z-index: -1;
    }

    .header-icon-search .fa {
        margin-right: 5px;
    }

    .header-search-input::-webkit-input-placeholder {
        font-size: 12px;
    }

    .header-search-input:-moz-placeholder {
        font-size: 12px;
    }

    .header-search-input::-moz-placeholder {
        font-size: 12px;
    }

    .header-search-input:-ms-input-placeholder {
        font-size: 12px;
    }

    .header-search.header-search-open, .no-js .header-search {
        width: 100%;
    }

    .header-search {
        background-color: transparent;
    }

        .header-search.header-search-open .header-icon-search, .no-js .header-search .header-icon-search {
            background-color: #054B4B;
            color: #fff;
            z-index: 11;
        }

        .header-search.header-search-open .header-search-submit, .no-js .header-search .header-search-submit {
            z-index: 90;
        }
}

@media (min-width : 1350px) {
    header.main .block:last-of-type {
        width: calc(100% - 505px);
    }

    header.main .block.logo, header.main .block.logo svg {
        max-width: 500px;
        height: 76px;
    }
}

@media (min-width : 1450px) {
    .header-search, .header-icon-search, .header-search-submit {
        min-width: 140px;
    }

    .header-search-input::-webkit-input-placeholder {
        font-size: 16px;
    }

    .header-search-input:-moz-placeholder {
        font-size: 16px;
    }

    .header-search-input::-moz-placeholder {
        font-size: 16px;
    }

    .header-search-input:-ms-input-placeholder {
        font-size: 16px;
    }

    header.main .items, header.main, a#menu-trigger .menu-text {
        font-size: 16px;
    }

        header.main.resize, header.main.resize .items {
            font-size: 14px;
        }
}

@media (min-width : 1625px) {
    header.main > .inner {
        padding-left: 0;
        padding-right: 0;
    }

    header.main .items, header.main, a#menu-trigger .menu-text {
        font-size: 18px;
    }

        header.main .items li:first-of-type {
            max-width: 350px;
        }

        header.main .items li:nth-of-type(2) {
            max-width: 136px;
        }

        header.main .items li:nth-of-type(3) {
            max-width: 175px;
        }

        header.main .items li:nth-of-type(4) {
            max-width: 113px;
        }

        header.main .block.logo {
            margin-bottom: 0;
            text-align: left;
            max-width: 603px;
        }

            header.main .block.logo svg {
                max-width: 603px;
                height: 93px;
            }

        header.main.resize .block.logo svg {
            max-width: 425px;
            height: 66px;
        }

        header.main .block:last-of-type {
            width: calc(100% - 609px);
        }
}

@media (min-width : 1650px) {
    header.main.resize > .inner {
        padding: 5px 0 !important;
    }

    header.main > .inner {
        padding: 15px 0;
    }
}

/************************* 06F. Secondary Header *************************/
header.secondary {
    background: #c6e9ef;
    padding: 40px 0;
    text-align: center;
}

    header.secondary .block.logo {
        font: 700 24px 'Roboto', Helvetica, arial,sans-serif;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

@media (min-width : 950px) {
    header.secondary {
        text-align: left;
    }

        header.secondary .block {
            display: inline-block;
            vertical-align: middle;
        }

            header.secondary .block.logo {
                margin-bottom: 0;
                width: 320px;
            }

        header.secondary nav.block {
            width: calc(100% - 325px);
        }
}

@media (min-width : 1450px) {
    header.secondary .block.logo {
        width: 560px;
    }

    header.secondary nav.block {
        width: calc(100% - 565px);
    }
}

/************************* 07G. Header Secondary Contacts *************************/
.secondary-header-contacts {
    font: 300 14px 'Roboto', Helvetica, arial,sans-serif;
    line-height: 1.4;
    padding-top: 25px;
}

    .secondary-header-contacts strong {
        font-weight: 700;
        text-transform: uppercase;
    }

    .secondary-header-contacts ul li {
        display: inline-block;
        margin: 0 25px 10px 0;
        vertical-align: top;
    }

@media (min-width : 500px) {
    .secondary-header-contacts {
        font-size: 16px;
    }

        .secondary-header-contacts ul li {
            margin-right: 60px;
        }
}

@media (min-width : 800px) {
    .secondary-header-contacts {
        font-size: 18px;
    }
}

/************************* 08H. Header Secondary Contacts 2 *************************/
.secondary-header-contacts-2 {
    font: 300 14px/1.4 'Roboto', Helvetica, arial,sans-serif;
}

    .secondary-header-contacts-2 .fa {
        color: #0b6666;
        float: left;
        font-size: 22px;
        margin-right: 10px;
    }

@media (min-width : 550px) {
    .secondary-header-contacts-2 ul {
        float: left;
        width: 50%;
    }

        .secondary-header-contacts-2 ul:first-of-type {
            padding-right: 20px;
        }

        .secondary-header-contacts-2 ul:nth-of-type(2) {
            text-align: right;
        }
}

@media (min-width : 800px) {
    .secondary-header-contacts-2 {
        font-size: 18px;
    }

        .secondary-header-contacts-2 .fa {
            font-size: 28px;
        }
}

/************************* 09I. Navigation *************************/
.close {
    color: #333;
    font-size: 24px;
    position: absolute;
    top: 10px;
    right: 20px;
}

.main-nav-trigger .menu-text {
    text-transform: uppercase;
}

.main-nav-trigger .menu-icon {
    background-color: #fff;
    display: inline-block;
    margin-left: 5px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    width: 18px;
    height: 2px;
}

    .main-nav-trigger .menu-icon::before, .main-nav-trigger .menu-icon:after {
        background-color: #fff;
        content: '';
        position: absolute;
        right: 0;
        -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s, background-color .3s;
        transition: transform .3s, top .3s, background-color 0s, background-color .3s;
        width: 100%;
        height: 100%;
    }

    .main-nav-trigger .menu-icon::before {
        top: -5px;
    }

    .main-nav-trigger .menu-icon::after {
        top: 5px;
    }

@media only screen and (min-width : 1000px) {
    .main-nav-trigger .menu-text {
        text-transform: uppercase;
    }
}

.main-nav {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: rgba(255,255,255,.96);
    box-shadow: -5px 0 5px -5px rgba(0,0,0,.3);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 50px 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
    -webkit-transition: -webkit-transform 0.7s;
    transition: transform 0.7s;
    -webkit-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
    transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
    width: 100%;
    height: 100%;
    z-index: 23;
}

    .main-nav.is-visible {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .main-nav > ul {
        font: 300 20px/1.2 "Roboto", 'Helvetica', arial, sans-serif;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        max-width: 290px;
        width: 100%;
    }

        .main-nav > ul:first-of-type {
            padding: 0 40px;
            top: 50%;
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .main-nav > ul li {
            margin-bottom: 15px;
        }

            .main-nav > ul li ul {
                font-size: 18px;
                margin-top: 10px;
                padding-left: 10px;
            }

                .main-nav > ul li ul li {
                    border-left: 1px solid #ccc;
                    margin-bottom: 0;
                    padding: 10px 0 10px 10px;
                }

        .main-nav > ul a {
            color: #333;
            text-decoration: none;
        }

            .main-nav > ul a:hover, .main-nav > ul a:focus {
                color: #40c0cb;
                text-decoration: none;
            }

@media (min-width: 600px) {
    .main-nav > ul {
        left: auto;
        right: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

        .main-nav > ul:first-of-type {
            left: 10%;
            right: auto;
        }
}

@media (min-width: 750px) {
    .main-nav {
        max-width: 400px;
    }
}

@media (min-width: 1130px) {
    .main-nav-trigger .menu-icon, .main-nav-trigger .menu-icon::before, .main-nav-trigger .menu-icon:after {
        background-color: #0b6666;
    }

    .resize .main-nav-trigger .menu-icon, .resize .main-nav-trigger .menu-icon::before, .resize .main-nav-trigger .menu-icon:after {
        background-color: #fff;
    }

    .main-nav > ul {
        font-size: 24px;
        max-width: 350px;
    }

        .main-nav > ul li ul {
            font-size: 20px;
        }

        .main-nav > ul:first-of-type {
            left: 5%;
            right: auto;
        }
}

@media (max-height: 500px) {
    .main-nav > ul, .main-nav > ul:last-of-type {
        font-size: 16px;
    }

        .main-nav > ul li ul {
            font-size: 14px;
        }

        .main-nav > ul li {
            margin-bottom: 10px;
        }

            .main-nav > ul li ul li {
                padding: 10px 0 5px 10px;
            }
}

/*  Tertiary Menu  */
#tm, #sm {
    display: none;
}

.secondary.drop {
    display: inline-block;
}

.tertiary.drop {
    margin-bottom: 25px;
    text-align: center;
}

.drop ul {
    background: #f9f5ef;
    font: 16px/1.4 "Roboto", 'Helvetica', arial, sans-serif;
    margin: auto;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    text-align: left;
    -webkit-transition: max-height 0.3s ease-in-out;
    transition: max-height 0.3s ease-in-out;
    width: 100%;
    max-width: 250px;
    max-height: 0;
    z-index: 950;
}

.secondary.drop ul {
    position: absolute;
}

.drop ul li a {
    color: #333;
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    -webkit-transition: background .3s;
    transition: background .3s;
}

    .drop ul li:hover a, .drop ul li a:focus {
        color: #0b6666;
    }

.drop ul li:hover a {
    background: #f3e9da;
}

.drop input:checked ~ ul {
    pointer-events: all;
    -webkit-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
    max-height: 450px;
}

.drop input ~ label {
    background: #a0dae1;
    display: inline-block;
    padding: 10px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

    .drop input ~ label span:before {
        content: "\f103";
        font: 16px/1 FontAwesome;
    }

.drop input:checked ~ label {
    background: #40c0cb;
}

    .drop input:checked ~ label span:before {
        content: "\f102";
    }

    .drop input ~ label:hover, .drop input:checked ~ label:hover {
        background: #80c6ce;
        cursor: pointer;
    }

@media (min-width : 500px) {
    .tertiary.drop {
        margin-bottom: 30px;
    }

    .drop ul {
        background: transparent;
        overflow: visible;
        pointer-events: all;
        text-align: center;
        text-transform: uppercase;
        -webkit-transition: none;
        transition: none;
        max-width: none;
        max-height: none;
    }

    .secondary.drop ul {
        position: relative;
    }

    .tertiary.drop ul {
        font-weight: 700;
    }

    .drop ul li {
        display: inline-block;
        margin-bottom: 10px;
    }

    .tertiary.drop ul li::after {
        background: #ccc none repeat scroll 0 0;
        content: "";
        height: 100%;
        position: absolute;
        right: -5px;
        top: 0;
        width: 2px;
    }

    .tertiary.drop ul li:last-of-type::after {
        display: none;
    }

    .drop ul li:hover a {
        background: none;
    }

    .drop ul li a {
        color: #333;
        padding: 1px 15px;
    }

        .drop ul li a:hover, .drop ul li a:focus {
            color: #0b6666;
        }

    .tertiary.drop ul li a {
        color: #0b6666;
    }

        .tertiary.drop ul li a:hover, .tertiary.drop ul li a:focus {
            color: #333;
        }

    .drop input ~ label {
        display: none;
    }
}

@media (min-width : 900px) {
    .secondary.drop ul {
        text-align: right;
    }

        .secondary.drop ul li {
            margin-bottom: 0;
        }

            .secondary .drop ul li a {
                padding: 1px 0 1px 30px;
            }
}

@media (min-width : 1200px) {
    .drop ul {
        font-size: 22px;
    }

    .tertiary.drop ul {
        font-size: 23px;
    }
}

/************************* 10J. Footer *************************/
.to-top {
    margin-bottom: 10px;
    margin-top: 25px;
    text-align: right;
}

    .to-top a {
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
    }

footer.main {
    border-top: 10px solid #40c0cb;
    font-size: 14px;
    width: 100%;
}

    footer.main .inner {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    footer.main .image {
        text-align: center;
    }

    footer.main .text {
        margin: 20px 0;
    }

        footer.main .text .button {
            margin-top: 30px;
            text-align: center;
        }

    footer.main .info {
        margin: 0 auto;
        /*max-width: 1400px;
        width: 100%;*/
    }

    footer.main .menu {
        padding-top: 25px;
        margin-bottom: 20px;
        text-align: center;
        text-transform: uppercase;
    }

        footer.main .menu li {
            font: 300 16px/1.4 "Roboto", 'Helvetica', arial, sans-serif;
            text-transform: uppercase;
            margin-bottom: 10px;
        }

        footer.main .menu a {
            color: #333;
            text-decoration: none;
        }

            footer.main .menu a:hover, footer.main .menu a:focus {
                color: #40c0cb;
                text-decoration: none;
            }

    footer.main .bottom {
        background: #0b6666;
        color: #fff;
        text-align: center;
    }

        footer.main .bottom a {
            color: #fff;
        }

            footer.main .bottom a:hover, footer.main .bottom a:focus {
                color: #40c0cb;
            }

        footer.main .bottom .block:first-of-type {
            margin-bottom: 20px;
        }

    footer.main .search ul {
        margin: auto;
        max-width: 280px;
        width: 100%;
    }

    footer.main .search li {
        float: left;
    }

    footer.main .search input[type=text] {
        background: #e3e3e3;
        color: #333;
    }

    footer.main .search button {
        font-size: 18px;
        margin-bottom: 0;
    }

    footer.main .bottom .block {
        width: 100%;
    }

@media (min-width : 500px) {
    footer.main .menu li {
        margin-left: 10px;
        margin-right: 10px;
        text-align: center;
    }
}

@media (min-width : 700px) {
    footer.main .bottom .block.contact {
        width: 50%;
        float: left;
    }

    footer.main .bottom .block:last-of-type {
        width: 100%;
        margin-bottom: 20px;
        clear: both;
        float: none;
    }
}

@media (min-width : 900px) {
    footer.main .menu li {
        text-align: left;
    }

    footer.main .top > .inner {
        padding-top: 40px;
    }

    footer.main .text {
        margin: 0 0 10px;
    }

    footer.main .image {
        text-align: left;
    }

    footer.main .block {
        float: left;
    }

        footer.main .block.info {
            padding-right: 4%;
            border-right: 1px solid #ccc;
        }

    footer.main .text .button {
        text-align: left;
    }

    footer.main .info {
        margin-bottom: 10px;
    }

        footer.main .info .block {
            width: 33%;
            padding: 0 25px;
        }

            footer.main .info .block:first-of-type {
                padding-left: 0;
            }

            footer.main .info .block:last-of-type {
                padding-right: 0;
            }

    footer.main .bottom .block {
        width: 33% !important;
        padding: 0 !important;
        clear: none !important;
        float: left !important;
    }

        footer.main .bottom .block.contact ul li {
            text-align: center;
        }
}

footer.main .bottom .block p {
    margin-top: 0;
}

@media (min-width : 1400px) {
    footer.main .text {
        font-size: 16px;
    }

    footer.main .menu li {
        font-size: 18px;
    }
}

@media (min-width : 1650px) {
    footer.main .inner {
        padding: 20px 0;
    }
}

/************************* 11K. Intro Message *************************/
.intro-message {
    background: #f9f5ef;
    border-bottom: 2px solid #bc260d;
}

    .intro-message h5, .intro-message-white h5 {
        text-align: center;
    }

/************************* 12L. Intro Meet Providers *************************/
.text.short {
    margin: 15px auto 20px;
    text-align: center;
    max-width: 750px;
}

.link {
    font: 700 14px/1.4 "Roboto", 'Helvetica', arial, sans-serif;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
}

    .link a {
        text-decoration: none;
    }

@media (min-width: 650px) {
    .link {
        text-align: right;
    }

    .articles .link {
        right: 15px;
    }
}

/************************* 13M. Interior Form *************************/
.interior-form {
    background: #f9f5ef;
}

    .interior-form > .inner {
        max-width: 1220px;
    }

    .interior-form .item {
        margin-top: 30px;
        text-align: center;
    }

    .interior-form .onethirdi {
        text-align: left;
        width: 33%;
    }

    .interior-form input[type=text], .interior-form input[type=checkbox] {
        background: #e3e3e3;
        border: 0;
    }

/************************* 14N. Page with Sidebar *************************/
aside.sidebar {
    border-top: 2px solid #bc260d;
    margin-top: 20px;
    padding-top: 20px;
}

.main-content .articles-list h5, #Services h5, #Specialties h5 {
    border-bottom: 2px solid #0b6666;
    margin-bottom: 20px;
    margin-top: 10px;
    text-align: center;
}

.video {
    margin: 40px auto;
}

.main-content .inner {
    padding: 0;
}

@media (min-width: 1000px) {
    .main-content {
        float: left;
        padding-right: 30px;
        width: 75%;
    }

    aside.sidebar {
        border-top: 0;
        border-left: 2px solid #bc260d;
        float: right;
        padding-bottom: 20px;
        padding-left: 30px;
        width: 25%;
    }

        aside.sidebar ul.grid-results-ul > li {
            float: none !important;
            margin: 0 0 40px !important;
            padding: 0 !important;
            width: 100% !important;
        }
}

@media (min-width: 1200px) {
    .main-content {
        padding-right: 50px;
        width: 80%;
    }

    aside.sidebar {
        padding-left: 30px;
        width: 20%;
    }
}

/************************* 15O. Subpage Styling *************************/
.categories, .catalog.articles {
    margin-top: 50px;
}

    .categories ul li {
        margin: 0 auto 20px;
        max-width: 270px;
    }

        .categories ul li .ptitle a {
            background: #0b6666;
            border-top: 1px solid #257777;
            color: #fff;
            display: block;
            font-size: 16px;
            line-height: 1.2;
            padding: 10px;
            text-decoration: none;
            transition: all .3s;
        }

            .categories ul li .ptitle a:hover {
                background: #054b4b;
                color: #fff;
            }

    .categories .pimage img {
        display: block;
    }

@media (min-width: 450px) {
    .categories ul li {
        display: inline-block;
        margin-bottom: 20px;
        max-width: none;
        vertical-align: top;
        width: calc(100% / 2 - 12px);
    }
}

@media (min-width: 450px) and (max-width: 700px) {
    .categories ul li:nth-of-type(2n + 1) {
        margin-right: 10px;
    }

    .categories ul li:nth-of-type(2n + 2) {
        margin-left: 10px;
    }
}

@media (min-width: 700px) {
    .categories ul li {
        margin-left: 10px;
        margin-right: 10px;
        width: calc(100% / 3 - 16px);
    }
}

@media (min-width: 700px) and (max-width: 900px) {
    .categories ul li:nth-of-type(3n + 1) {
        margin-left: 0;
    }

    .categories ul li:nth-of-type(3n + 3) {
        margin-right: 0;
    }
}

@media (min-width: 900px) {
    .categories ul li {
        width: calc(100% / 4 - 18px);
    }
}

@media (min-width: 900px) and (max-width: 1200px) {
    .categories ul li:nth-of-type(4n + 1) {
        margin-left: 0;
    }

    .categories ul li:nth-of-type(4n + 4) {
        margin-right: 0;
    }
}

@media (min-width: 1200px) {
    .categories ul li {
        width: calc(100% / 5 - 19px);
    }

        .categories ul li:nth-of-type(5n + 1) {
            margin-left: 0;
        }

        .categories ul li:nth-of-type(5n + 5) {
            margin-right: 0;
        }
}

.mfp-container iframe {
    margin: 25px 0 10px;
    min-height: 200px;
    width: 100%;
}


.grid-results {
    margin-top: 30px;
}



/* THEY WANT ME TO HIDE JASON REIDS BUTTON AND ONLY HIS*/
a[href="Schedule.aspx?From=jason-reid-md"]
{
    display:none;
}

a[href="Schedule.aspx?From=shane-anderson-do"] {
    display: none;
}

.covid-19 {
    background: #bc260d;
    text-align: center;
    padding: 10px 15px;
}

    .covid-19 p {
        color: #fff;
        font-size: 24px;
        font-style: italic;
        margin: 0 0 15px;
    }

    .covid-19 .button a {
        background: #fff;
        color: #bc260d;
    }

    .covid-19 .button a:hover, .covid-19 .button a:focus {
        background: #e3e3e3;
        color: #333;
    }