.dark .form-control:not(.not-dark),
    .dark .sm-form-control:not(.not-dark) {
        background-color: hsla(0, 0%, 100%, .9) !important;
    }

    .dark .form-control:not(.not-dark):active,
    .dark .form-control:not(.not-dark):focus,
    .dark .sm-form-control:not(.not-dark):active,
    .dark .sm-form-control:not(.not-dark):focus {
        background-color: hsla(0, 0%, 100%, 1) !important;
    }

    .slider-parallax-inner video {
        height: 100vh;
        object-fit: cover;
    }

    @media screen and (max-width:991px) {

        .dropdown-menu,
        #header #primary-menu ul li button {
            width: 100%;
            text-align: left;
        }

        #header #primary-menu ul li .dropdown-menu {
            position: relative !important;
            transform: translate3d(0px, 0, 0px) !important;
            border: none;
            padding: 0;
        }

        #header #primary-menu ul li .dropdown-menu button {
            padding: 10px !important;
            color: #fff;
            cursor: pointer;
            background: #baa68e;
        }

        #header:not(.sticky-header) #primary-menu .button.button-color {
            padding-bottom: 9px !important;
        }

        #header #primary-menu ul li button {
            padding: 0 !important;
            margin: 0 !important;
            border: none;
        }

        body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>ul>li:hover a,
        #header #primary-menu ul li:hover,
        #header #primary-menu ul li:focus,
        #header #primary-menu ul li>a:hover,
        #header #primary-menu ul li>a:focus,
        #header #primary-menu ul li>a {
            color: #fff !important;
            font-weight: bold;
        }

        #header #primary-menu-trigger .icon-reorder {
            color: #fff;
        }

        #logo img {
            max-width: 150px;
        }
    }

    #header #primary-menu .button.button-color {
        padding-top: 0 !important;
    }

    @media screen and (max-width:767px) {
        body:not(.index) #slider .background-container {
            position: relative !important;
            height: 60vh !important;
        }

        .slider-parallax-inner video {
            height: 60vh;
        }
    }

    @media screen and (max-width:575px) {
        #service .col-lg-6.center.col-padding {
            max-height: 500px;
        }
    }

    #hcard .hero-img {
        width: 100%;
        margin-bottom: 35px;
        height: 250px;
    }

    .col-md-6 .fbox-icon {
        position: absolute;
        left: 6px;
    }

    #bio-modal .modal-img img {
        border-radius: 50%;
        width: 100px;
        height: 100px;
    }

    #bio-modal h2,
    #bio-modal h3,
    #bio-modal div.bio {
        transition: all 350ms ease-in;
        margin: 3px 0;
    }

    #bio-modal h2:empty {
        background: linear-gradient(95deg, #eeeeee, #dddddd, #eeeeee, #dddddd);
        background-size: 400% 400%;
        animation: loadBg 1s ease infinite;
        box-shadow: 2px 2px 1px hsla(255, 100%, 98%, .5);
        width: 60%;
        height: 36px;
        border-radius: 5px;
    }

    #bio-modal h3:empty {
        background: linear-gradient(95deg, #eeeeee, #dddddd, #eeeeee, #dddddd);
        background-size: 400% 400%;
        animation: loadBg 1s ease infinite;
        box-shadow: 2px 2px 1px hsla(255, 100%, 98%, .5);
        width: 100%;
        height: 27px;
        border-radius: 5px;
    }

    #bio-modal .modal-img:empty {
        background: linear-gradient(95deg, #eeeeee, #dddddd, #eeeeee, #dddddd);
        background-size: 400% 400%;
        animation: loadBg 1s ease infinite;
        box-shadow: 2px 2px 1px hsla(255, 100%, 98%, .5);
        width: 100px;
        height: 100px;
        border-radius: 50%;
    }

    #bio-modal div.bio span:empty {
        display: block;
        margin: 5px 0;
        background: linear-gradient(95deg, #eeeeee, #dddddd, #eeeeee, #dddddd);
        background-size: 400% 400%;
        animation: loadBg 1s ease infinite;
        box-shadow: 2px 2px 1px hsla(255, 100%, 98%, .5);
        width: 80%;
        height: 12px;
        border-radius: 2px;
    }

    #bio-modal div.bio span:nth-child(2):empty {
        width: 65%;
    }

    #bio-modal div.bio span:nth-child(3):empty {
        width: 90%;
    }

    #bio-modal div.bio span:nth-child(4):empty {
        width: 72%;
    }

    @-webkit-keyframes loadBg {
        0% {
            background-position: 0% 50%
        }

        50% {
            background-position: 100% 50%
        }

        100% {
            background-position: 0% 50%
        }
    }

    @-moz-keyframes loadBg {
        0% {
            background-position: 0% 50%
        }

        50% {
            background-position: 100% 50%
        }

        100% {
            background-position: 0% 50%
        }
    }

    @keyframes loadBg {
        0% {
            background-position: 0% 50%
        }

        50% {
            background-position: 100% 50%
        }

        100% {
            background-position: 0% 50%
        }
    }

    .antispam {
        display: none;
    }

    .fluid-width-video-wrapper {
        position: initial !important;
    }

    div#topVideo {
        max-height: 450px;
        width: 100%;
        height: 100vh;
    }

    li.flipbook h2 {
        font-size: 20px;
    }

    body.index #logo {
        display: none;
    }

    body.index #header-wrap #primary-menu .one-page-menu {
        padding-top: 0px !important;
    }

    .index #primary-menu ul li:first-child {
        display: none;
    }

    .index #primary-menu ul li:not(.index) {
        display: none;
    }

    body:not(.index) #primary-menu ul li.index {
        display: none;
    }

    body:not(.index) #primary-menu ul li.index.not-hidden {
        display: block;
    }

    body:not(.index) #header.transparent-header {
        z-index: 999999;
    }

    body:not(.index) #header.sticky-header #header-wrap {
        position: relative;
    }

    .modal.profile .modal-header {
        border: none;
        position: absolute;
        top: 0;
        right: 0;
    }

    .modal-body {
        padding: 3em;
    }

    .modal.profile img.profile {
        border-radius: 50%;
        max-width: 100px;
    }

    .modal.profile h2 {
        font-size: 24px;
        margin-bottom: 0;
        margin-top: 5px;
    }

    .modal.profile h3 {
        font-size: 14px;
        color: #666;
        margin-bottom: 5px;
        padding-bottom: 5px;
        border-bottom: 1px solid #ccc;
    }

    .modal.profile h4 {
        margin-bottom: 1px;
    }

    .modal.profile ul.links,
    .modal.profile ul.links a {
        list-style: none;
        margin-top: 15px;
    }

    .modal.profile ul.links li {
        display: inline;
    }

    .modal.profile ul.links li:not(:first-child)::before {
        content: "/";
        display: inline-block;
    }

    .modal.profile .modal-footer {
        border: none;
        position: absolute;
        bottom: 0;
        right: 0
    }

    .modal-header .close {
        z-index: 999999;
    }

    .modal.profile .modal-header {
        border: none;
        position: absolute;
        top: 0;
        right: 0;
    }

    .modal-body {
        padding: 3em;
    }

    .modal.profile img.profile {
        border-radius: 50%;
        max-width: 100px;
    }

    .modal.profile h2 {
        font-size: 24px;
        margin-bottom: 0;
        margin-top: 5px;
    }

    .modal.profile h3 {
        font-size: 14px;
        color: #666;
        margin-bottom: 5px;
        padding-bottom: 5px;
        border-bottom: 1px solid #ccc;
    }

    .modal.profile h4 {
        margin-bottom: 1px;
    }

    .modal.profile ul.links,
    .modal.profile ul.links a {
        list-style: none;
        margin-top: 15px;
    }

    .modal.profile ul.links li {
        display: inline;
    }

    .modal.profile ul.links li:not(:first-child)::before {
        content: "/";
        display: inline-block;
    }

    .modal.profile .modal-footer {
        border: none;
        position: absolute;
        bottom: 0;
        right: 0
    }

    .modal-header .close {
        z-index: 999999;
    }

    .sitemap #sitemap {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 25px;
    }

    .sitemap h1 {
        max-width: 1200px;
        margin: 25px auto 0;
        padding: 0 25px;
    }

    #sitemap li h2 {
        display: inline-block;
    }

    div#video .fluid-width-video-wrapper iframe {
        position: relative;
        height: 500px;
        max-width: 800px;
    }

    div#video .fluid-width-video-wrapper {
        padding-top: 0 !important;
    }

    /* BLOG */
    body.blog #program-content {
        display: flex;
        flex-flow: row wrap;
        flex-direction: row;
    }

    body.blog #program-content>h1 {
        flex: 1 100%;
    }

    body.blog #program-content .blogPost {
        width: 100%;
    }

    body.blog .postContent {
        overflow: visible;
        height: auto;
    }

    body.blog .postThumbnail img {
        width: 240px;
        margin-bottom: 15px;
    }

    body.blog .clear {
        font-size: inherit;
        height: auto;
        line-height: inherit;
        overflow: visible;
    }

    body.blog .blogPost:not(:last-of-type) {
        border-bottom: 1px solid #333;
    }

    body.blog .blogPost {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

    body.blog .blogPost .postDate {
        margin-bottom: 15px;
        display: block;
    }

    .services-card {
        color: #000;
        background-color: #fff;
        border-top: solid 3px grey;
        border-right: solid 3px grey;
        border-bottom: solid 3px blue;
        border-left: solid 3px blue;
        border-bottom-left-radius: 25px;
        border-top-right-radius: 25px;
        min-height: 420px;
        height: min-content;
        max-height: max-content;
        padding: 15px;
    }

    .services-wrapper {
        margin-left: 5%;
        margin-right: 5%;
    }

    section.services {
        padding: 100px 0px;
        text-align: center;
    }

    section.services h2 {
        margin-bottom: 1em;
    }

    section.services .services-wrapper {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    section.services .services-wrapper .service {
        flex: 0 0 50%;
        max-width: 33%;
        padding: 15px;
    }

    section.services .services-wrapper .service-card {
        background-color: transparent;
        width: 100%;
        height: 500px;
        perspective: 1000px;
    }

    section.services .services-wrapper .service-card:hover .service-card-inner,
    section.services .services-wrapper .service-card:focus .service-card-inner {
        transform: rotateY(180deg);
    }

    section.services .services-wrapper .service-card:hover .service-card-inner .cover,
    section.services .services-wrapper .service-card:focus .service-card-inner .cover {
        opacity: 0;
    }

    section.services .services-wrapper .service-card:hover .service-card-inner .inner,
    section.services .services-wrapper .service-card:focus .service-card-inner .inner {
        opacity: 1.0;
    }

    section.services .services-wrapper .service-card .service-card-inner {
        position: relative;
        width: 100%;
        height: 100%;
        text-align: center;
        transition: transform 1.0s;
        transform-style: preserve-3d;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    }

    section.services .services-wrapper .service-card .inner {
        opacity: 0;
    }

    section.services .services-wrapper .service-card .cover,
    section.services .services-wrapper .service-card .inner {
        padding: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        position: absolute;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition: 300ms ease-in-out;
    }

    section.services .services-wrapper .service-card .cover {
        background-size: cover;
    }

    section.services .services-wrapper .service-card .cover::before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
    }

    section.services .services-wrapper .service-card .cover h3 {
        color: #FFF;
        font-size: 30px;
        z-index: 1;
    }

    section.services .services-wrapper .service-card .inner {
        background-color: #FFF;
        transform: rotateY(180deg);
        display: flex;
        flex-direction: column;
    }

    section.services .services-wrapper .service-card .inner ul {
        list-style: disc;
        text-align: left;
    }

    section.services .services-wrapper .service-card .inner ul li {
        margin-bottom: 8px;
    }

    .vcard {
        padding: 3rem 2rem;
        max-width: 1170px;
        margin: auto;
    }

    .vcard #cardInfo {
        margin: auto;
        width: 100%;
    }

    .vcard #cardInfo>img {
        float: left;
        padding: 0 2rem 2rem 0;
    }

    @media screen and (max-width:1440px) {
        #college {
            background-image: url('/files/115118/An adorable preschool child adores her mother-sq.jpg') !important;
        }

        #women {
            background-image: url('/files/115118/Women-sq.jpg') !important;
        }

        #retire {
            background-image: url('/files/115118/Retirement Planning-sq.jpg') !important;
        }
    }

    @media screen and (max-width:575px) {
        #service .col-lg-6.center.col-padding {
            max-height: 300px;
        }

        .swiper_wrapper:not(.force-full-screen),
        .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {
            height: auto !important;
        }
    }

    .team-title span {
        color: #000 !important;
        font-size: larger;
    }

    .dark .feature-box h3 a {
        color: #fff !important;
    }

    .dark .feature-box p {
        color: #fff !important;
    }

    .card-shadow {
        filter: drop-shadow(2px 2px 3px black);
    }

    .cta-text {
        margin-left: 1em;
    }

    .cta {
        font-size: 2.5em;
        padding: 60px 0;
        text-shadow: 3px 3px 6px black;
        font-weight: 900;
        color: #fff;
    }

    #cta {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
        flex-direction: row;
    }

    .img-shadow {
        filter: drop-shadow(2px 2px 6px #000)
    }

    .image-float-left {
        float: left;
    }

    a {
        color: #baa68e;
    }

    a,
    h1>span:not(.nocolor):not(.badge),
    h2>span:not(.nocolor):not(.badge),
    h3>span:not(.nocolor):not(.badge),
    h4>span:not(.nocolor):not(.badge),
    h5>span:not(.nocolor):not(.badge),
    h6>span:not(.nocolor):not(.badge),
    .header-extras li .he-text span,
    #primary-menu ul li:hover>a,
    #primary-menu ul li.current>a,
    #primary-menu div ul li:hover>a,
    #primary-menu div ul li.current>a,
    #primary-menu ul ul li:hover>a,
    #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title>a:hover,
    #top-cart a:hover,
    .top-cart-action span.top-checkout-price,
    .breadcrumb a:hover,
    .portfolio-filter li a:hover,
    .portfolio-desc h3 a:hover,
    .portfolio-overlay a:hover,
    #portfolio-navigation a:hover,
    .entry-title h2 a:hover,
    .entry-meta li a:hover,
    .post-timeline .entry:hover .entry-timeline,
    .post-timeline .entry:hover .timeline-divider,
    .ipost .entry-title h3 a:hover,
    .ipost .entry-title h4 a:hover,
    .spost .entry-title h4 a:hover,
    .mpost .entry-title h4 a:hover,
    .comment-content .comment-author a:hover,
    .product-title h3 a:hover,
    .single-product .product-title h2 a:hover,
    .product-price ins,
    .single-product .product-price,
    .feature-box.fbox-border .fbox-icon i,
    .feature-box.fbox-border .fbox-icon img,
    .feature-box.fbox-plain .fbox-icon i,
    .feature-box.fbox-plain .fbox-icon img,
    .process-steps li.active h5,
    .process-steps li.ui-tabs-active h5,
    .team-title span,
    .pricing-box.best-price .pricing-price,
    .btn-link,
    .dark .post-timeline .entry:hover .entry-timeline,
    .dark .post-timeline .entry:hover .timeline-divider,
    .clear-rating-active:hover {
        color: #baa68e;
    }

    #header-wrap {
        background-color: #baa68e;
    }

    #content {
        border-top: 8px solid #baa68e;
    }

    #primary-menu.style-3>ul>li.current>a,
    #primary-menu.sub-title>ul>li:hover>a,
    #primary-menu.sub-title>ul>li.current>a,
    #primary-menu.sub-title>div>ul>li:hover>a,
    #primary-menu.sub-title>div>ul>li.current>a,
    #top-cart>a>span,
    #page-menu-wrap,
    #page-menu ul ul,
    #page-menu.dots-menu nav li.current a,
    #page-menu.dots-menu nav li span,
    .portfolio-filter li.activeFilter a,
    .portfolio-shuffle:hover,
    .entry-link:hover,
    .sale-flash,
    .button:not(.button-white):not(.button-dark):not(.button-border):not(.button-black):not(.button-red):not(.button-teal):not(.button-yellow):not(.button-green):not(.button-brown):not(.button-aqua):not(.button-purple):not(.button-leaf):not(.button-pink):not(.button-blue):not(.button-dirtygreen):not(.button-amber):not(.button-lime),
    .button.button-dark:hover,
    .promo.promo-flat,
    .feature-box .fbox-icon i,
    .feature-box .fbox-icon img,
    .fbox-effect.fbox-dark .fbox-icon i:hover,
    .fbox-effect.fbox-dark:hover .fbox-icon i,
    .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after,
    .i-rounded:hover,
    .i-circled:hover,
    ul.tab-nav.tab-nav2 li.ui-state-active a,
    .testimonial .flex-control-nav li a,
    .skills li .progress,
    .owl-carousel .owl-dots .owl-dot,
    #gotoTop:hover,
    .dark .button-dark:hover,
    .dark .fbox-effect.fbox-dark .fbox-icon i:hover,
    .dark .fbox-effect.fbox-dark:hover .fbox-icon i,
    .dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after,
    .dark .i-rounded:hover,
    .dark .i-circled:hover,
    .dark ul.tab-nav.tab-nav2 li.ui-state-active a,
    .dark .tagcloud a:hover,
    .ei-slider-thumbs li.ei-slider-element,
    .nav-pills .nav-link.active,
    .nav-pills .nav-link.active:hover,
    .nav-pills .nav-link.active:focus,
    .nav-pills .show>.nav-link,
    .checkbox-style:checked+.checkbox-style-1-label:before,
    .checkbox-style:checked+.checkbox-style-2-label:before,
    .checkbox-style:checked+.checkbox-style-3-label:before,
    .radio-style:checked+.radio-style-3-label:before,
    .irs-bar,
    .irs-from,
    .irs-to,
    .irs-single,
    input.switch-toggle-flat:checked+label,
    input.switch-toggle-flat:checked+label:after,
    input.switch-toggle-round:checked+label:before,
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-themecolor,
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-themecolor {
        background-color: #baa68e;
        color: #fff;
        border: solid 2px #fff;
    }

    .border-form-control {
        border-color: #AC8081;
    }

    .service-img {
        background-repeat: no-repeat;
        background-size: cover;
        height: 437px;
        width: 100%;
    }

    .service-txt {
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: row;
    }

    section.services .services-wrapper .service-card .cover h3 {
        text-shadow: 4px 4px 6px black;
    }

    .button.button-color.reverse,
    .button.button-color:hover {
        background-color: #baa68e !important;
        color: #fff !important;
    }

    .feature-box p {
        margin: 8px 0 0 0;
        color: #000;
    }

    section.services .services-wrapper .service {
        max-width: 100% !important;
    }

    .parallax {
        background-position: left !important;
    }

    #contact-text {
        background-color: #baa68e;
    }

    section.services .services-wrapper .service-card .cover {
        background-size: cover;
        background-position: center !important;
    }

    ::placeholder {
        color: #fff;
        opacity: 1;
    }

    /* Video Slider */
    #slider .swiper-container {
        cursor: default !important;
    }

    #slider .swiper-wrapper {
        transform: none !important;
    }

    #slider .background-container {
        position: absolute;
        width: 100%;
        height: 100%;
    }




    @media only screen and (max-width: 480px) {
        .videos li.video {
            margin: 0
        }
    }

    .video-title-link {

        padding-top: 0.5em;
        display: flex;
        /* Enables flexbox layout for the container */
        justify-content: space-between;
        /* Distributes space between and around content items */
        align-items: start;
        /* Aligns items vertically in the center */
    }

    .video-title-link .listedVideoTitle {
        flex: 0 0 90%;
        /* flex-grow, flex-shrink, flex-basis */
        /* Ensures the h3 element takes up 80% of the container's space, does not grow or shrink */
    }

    .video-title-link .listedVideoLink {
        flex: 0 0 10%;
        /* flex-grow, flex-shrink, flex-basis */
        /* Ensures the a element takes up 20% of the container's space, does not grow or shrink */
        display: flex;
        /* Makes it a flex container to center the icon inside */
        justify-content: flex-end;
        /* Horizontally center the content (icon) inside the link */
        align-items: flex-end;
        /* Vertically center the content (icon) inside the link */
    }

    .captcha-maths-honeypot label {
        color: #FFF !important;
    }

    .captcha-maths-honeypot label#math-error.error {
        display: block !important;
        color: #7C0E1B !important;
    }

    .captcha-maths-honeypot .captcha-antispam {
        opacity: 0;
        position: absolute;
        margin: -1px 0 0 -1px;
        padding: 0;
        display: block;
        width: 1px;
        height: 1px;
        font-size: 1px;
        line-height: 1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        outline: 0;
    }


    input#math {
        border: none;
    }

    input#math.error {
        border-bottom: 1px solid #e42c3e;
    }

    .team {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
    }

    .team-image {
        max-width: 300px;
    }