/*
Theme Name: Mantra - Schema Child
Version: 1.0
Description: A child theme of Schema by MyThemeShop
Template: mts_schema
Text Domain: schema
*/

/* Carousel */
@import url("../mts_schema/style.css");
/* general */
.container {
    max-width: 1400px !important;
    width: 100%;
}
.hide-d {
    display: none;
}
@media (max-width: 881px) {
    .hide-xs {
        display: none;
    }
    .hide-d {
        display: block;
    }
}

.btn {
    color: #fff;
    background: #1179bd;
    padding: 10px 15px;
    text-transform: uppercase;
    border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 1px 1px 1px #000;
    -moz-box-shadow: 1px 1px 1px #000;
}
.alignleft {
    float: left;
    margin: 0px 20px 20px 0px;
    margin-bottom: 20px;
}
.alignright {
    float: right;
    margin: 0px 0px 20px 20px;
    margin-bottom: 20px;
}
.alignnone {
    margin-bottom: 20px;
}
.clear {
    clear: both;
}

#page {
    padding-top: 0px;
    width: 100%;
    max-width: 100%;
}

/* Header */
.pre-header {
    background: var(--pColor) url(/wp-content/uploads/2021/11/jungle_gray-10-opacity.png);
    background-size: 10%;
    text-align: center;
    padding: 7px 0px;
}

.pre-header p {
    margin: 0px;
}

.pre-header *,
.pre-header *:hover,
.location-header *,
.location-header *:hover {
    color: #fff;
}

.location-header {
    text-align: right;
    background-color: var(--sColor);
    padding: 9px 0px;
}

.location-header p {
    display: inline-block;
    margin: 0px;
    font-size: 14px;
}

.location-header p:nth-child(1) {
    border-right: 1px solid #fff;
    margin-right: 4px;
    padding-right: 8px;
}

div#header {
    background-color: inherit;
}

div#header .container {
    display: flex;
}

.regular_header #secondary-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

#secondary-navigation a {
    padding: 10px 6px;
}

#logo {
    padding: 0px;
    display: block;
    float: none;
}

@media (min-width: 881px) {
    nav.navigation.clearfix.mobile-menu-wrapper {
        margin: 0px auto;
        margin-right: 0px;
        width: auto;
    }
}
#logo img {
    max-width: 120px;
}
.logo-wrap span {
    top: 20px;
    font-size: 34px;
    width: 200px;
    float: left;
    position: relative;
    color: #0079c1;
    font-weight: bold;
}
#header .logo-wrap {
    padding: 15px 0px;
}
@media (max-width: 880px) {
    .pre-header,
    .location-header {
        display: none;
    }
}
/* Video */
html .video_holder {
    height: 55vw;
    padding-left: 0px;
    padding-right: 0px;
    min-height: 500px;
}
.video_wrapper {
    position: relative;
}
html hr {
    margin: 0px auto;
    margin-top: 35px;
    margin-bottom: 35px;
}
html .article {
    width: 100%;
}
.video_wrapper svg {
    position: absolute;
    top: -70px;
    left: 0px;
    width: 100%;
    transform: scaleY(-1);
    z-index: 2;
    height: 160px;
}

#header .logo-wrap {
    padding: 1px 0px;
}

.video_holder .carousel-caption {
    top: 50%;
    position: absolute;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
    z-index: 3;
}

.video_holder h2 {
    line-height: 1;
    color: #fff;
    font-weight: bold;
    font-size: 60px;
}
.video_holder h2 span {
    display: block;
    font-size: 42px;
}
.video_holder:before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.7;
    background: linear-gradient(120deg, var(--pColor) 0%, var(--sColor) 100%);
}
.carousel-caption a {
    background-color: transparent;
    color: #fff;
    padding: 10px 20px;
    border: 1px solid #fff;
    box-sizing: border-box;
    display: inline-block;
    border-radius: 50px;
    margin-top: 15px;
    font-size: 19px;
}
.carousel-caption a:hover {
    background-color: var(--aColor);
    color: #000 !important;
    border-color: var(--aColor);
}
.pop-video {
    width: 522px;
    height: 522px;
    margin: 0px auto;
    margin-top: -16%;
    position: relative;
    border-radius: 110%;
    border: 5px solid #fff;
    position: relative;
    z-index: 10;
    padding: 20px;
    box-sizing: border-box;
}

.pop-over {
    height: 100%;
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 110%;
    cursor: pointer;
}

.this-wrapper {
    height: 100%;
    width: 100%;
    border-radius: 110%;
    background-size: cover;
    background-position: 50% 50%;
    transform: translateZ(0) scale(1.05);
    -webkit-transform: translateZ(0) scale(1.05);
    transition: all 0.7s cubic-bezier(0.2, 1, 0.22, 1);
    -webkit-transition: all 0.7s cubic-bezier(0.2, 1, 0.22, 1);
}

.pop-video:hover .this-wrapper {
    transform: scale(1.2);
}

.pop-video svg {
    z-index: 10;
    width: 40px;
    height: 20px;
    z-index: 1000;
    margin: 0px auto;
    color: #fff;
    fill: #fff;
}

.pop-video svg path {
    fill: #fff;
}
.svg-wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
    width: 120px;
    border-radius: 50%;
    left: 0px;
    right: 0px;
    margin: 0px auto;
}

.svg-wrapper:before {
    height: 100%;
    width: 100%;
    position: absolute;
    content: "";
    background-color: var(--sColor);
    border-radius: 50%;
    opacity: 0.9;
}
.over-video {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1000;
    background-color: rgb(0 0 0 / 57%);
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in-out;
}
.over-video.active-window {
    opacity: 1;
    visibility: visible;
}

.video-over-wrapper {
    max-width: 1200px;
    position: relative;
    width: 100%;
    height: auto;
    padding: 0px 15px;
    box-sizing: border-box;
}
.video-over-wrapper > div {
    padding-top: 56.25%;
    position: relative;
}

.video-over-wrapper iframe,
.video-over-wrapper video,
.video-over-wrapper .wp-video {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100% !important;
    width: 100% !important;
}

.video-over-wrapper .vwp > button {
    cursor: pointer;
    position: absolute;
    top: -31px;
    right: -2px;
    font-size: 23px;
    background-color: transparent;
    border: 0px;
    color: #fff;
    cursor: pointer;
}

/* Welcome */
section.welcome .row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.wd6 {
    width: 50%;
    padding: 30px 25px;
    box-sizing: border-box;
    position: relative;
}

.wd6 h2 {
    font-size: 45px;
    color: var(--sColor);
    font-weight: bold;
    margin-bottom: 0px;
}
.wd6 h3 {
    font-size: 35px;
    color: var(--pColor);
    font-weight: bold;
}

section.welcome img {
    height: 100% !important;
    object-fit: cover;
    position: absolute;
    top: 0px;
    left: 0px;
    width: calc(100% - 20px);
}

section.welcome {
    padding: 120px 0px;
}
@media (max-width: 880px) {
    .wd6 {
        padding-bottom: 0px;
    }
    section.welcome {
        padding: 10px 0px;
    }

    section.welcome img {
        position: relative;
        width: auto;
        height: auto !important;
    }
    .wd6 {
        width: 100%;
    }
}
@media (max-width: 540px) {
    .wd6 {
        padding: 10px 0px;
    }

    .wd6 h2 {
        font-size: 38px;
    }

    .wd6 h3 {
        font-size: 25px;
    }
    section.welcome p {
        font-size: 18px;
    }
}

/* Mini Gallery */
.home-lightbox .container-wide {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 20px;
    box-sizing: border-box;
    gap: 20px;
}

.lightbox-a {
    width: 25%;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

.home-lightbox a {
    height: 21vw;
    display: block;
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
    transform: scale(1);
    -ms-transition: transform 1s cubic-bezier(0, 1, 0.5, 1);
    -webkit-transition: transform 1s cubic-bezier(0, 1, 0.5, 1);
    transition: transform 1s cubic-bezier(0, 1, 0.5, 1);
}
.home-lightbox {
    margin-bottom: 90px;
}

.lightbox-a a:before {
    height: 100%;
    width: 100%;
    background-color: var(--pColor);
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    left: 0px;
    opacity: 0;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.lightbox-a a:hover {
    transform: scale(1.1);
}

.lightbox-a a:hover:before {
    opacity: 0.6;
}
@media (max-width: 880px) {
    .lightbox-a {
        width: calc(50% - 10px);
    }

    .home-lightbox .container-wide {
        flex-wrap: wrap;
    }
}
@media (max-width: 540px) {
    .lightbox-a {
        width: calc(100% - 10px);
    }

    .home-lightbox a {
        height: 200px;
    }
}

/* Content Part */
.content-box {
    background: linear-gradient(135deg, var(--pColor) 0%, #7d727d 100%);
    padding: 65px 80px;
    width: 64%;
    border-radius: 13px;
    box-sizing: border-box;
}

.content-box * {
    color: #fff;
}

.content-box h3 {
    font-weight: bold;
    font-size: 31px;
}

.content-box a {
    -webkit-box-shadow: none;
    opacity: 1 !important;
    transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    -webkit-transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 2px solid rgba(255, 255, 255, 0.75);
    display: inline-block;
    padding: 11px 32px 12px;
    text-transform: uppercase;
    border-radius: 41px;
    line-height: 1;
    font-size: 15px;
}
.content-box a:hover {
    background-color: #fff;
    color: #000;
}

.circle-img {
    width: 33.33%;
}

.cpt {
    display: flex;
    justify-content: center;
    margin-bottom: 100px;
    flex-wrap: wrap;
}

.cpt:nth-child(even) .circle-img {
    order: 2;
}
.circle-img div {
    height: 450px;
    width: 450px;
    border-radius: 50%;
    background-position: 50% 50%;
    background-size: cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -40px;
}

.circle-img {
    position: relative;
    z-index: 1;
}

.cpt:nth-child(even) .circle-img > div {
    right: auto;
    left: -40px;
}
.cpt:nth-child(even) .content-box {
    background: linear-gradient(135deg, var(--sColor) 0%, #7d727d 100%);
}
@media (max-width: 880px) {
    .circle-img {
        width: 100%;
    }

    .content-box {
        width: 100%;
    }

    .circle-img div {
        position: relative;
        right: 0px;
        margin: 0px auto 20px;
        transform: none;
        top: 0px;
        border-radius: 0px;
        width: 100%;
        margin: 0px;
        height: 300px;
    }
    .cpt {
        margin-bottom: 40px;
    }
    .content-box {
        padding: 40px;
        text-align: center;
        border-radius: 0px;
    }

    .cpt:nth-child(even) .circle-img > div {
        right: 0px;
        left: 0px;
    }

    .cpt:nth-child(even) .circle-img {
        order: inherit;
    }
}
@media (max-width: 540px) {
    .content-box {
        padding: 20px;
    }

    .content-box h3 {
        line-height: 1;
    }
}

/* CTA */
.cta-wrapper {
    width: 50%;
}

.website-cta .container {
    padding: 100px;
    box-sizing: border-box;
}

.website-cta {
    background-size: cover;
    background-position: 50% 00%;
    position: relative;
}

.website-cta:before {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    background: linear-gradient(45deg, var(--pColor) 0%, var(--sColor) 100%);
    opacity: 0.8;
}

.website-cta * {
    color: #fff;
}

.website-cta h2 {
    font-weight: bold;
    font-size: 63px;
    line-height: 1;
    margin-bottom: 30px;
}

.cta-wrapper a {
    -webkit-box-shadow: none;
    opacity: 1 !important;
    transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    -webkit-transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 2px solid rgba(255, 255, 255, 0.75);
    display: inline-block;
    padding: 17px 52px 19px;
    text-transform: uppercase;
    border-radius: 41px;
    line-height: 1;
    font-size: 22px;
    box-sizing: border-box;
    letter-spacing: 1px;
    margin-top: 10px;
}
.cta-wrapper a:hover {
    background-color: #fff;
    color: var(--pColor);
}
@media (max-width: 880px) {
    .website-cta .container {
        padding: 20px;
        text-align: center;
    }

    .cta-wrapper {
        width: 100%;
    }

    .website-cta h2 {
        font-size: 36px;
        margin-bottom: 20px;
    }

    .website-cta {
        padding: 30px 10px;
        box-sizing: border-box;
    }
}
/* Testimonials */
.dm-testmore.dm-readmore h4 {
    text-align: center;
    font-weight: bold;
    font-size: 33px;
}
.dm-readmore-wrapper.dm-modal button {
    background: var(--pColor) !important;
    color: #fff !important;
}

.dm-readmore-wrapper.dm-modal button i {
    color: #fff !important;
}
html span.slide-star:before {
    display: none !important;
}
html section#wda_testi {
    padding: 90px 0px 30px;
}
html section#wda_testi:after,
html section#wda_testi:before {
    opacity: 0;
}

html section#wda_testi h2 {
    color: var(--sColor);
    text-transform: capitalize;
    letter-spacing: 1px;
    font-size: 47px;
    margin-bottom: 18px;
}

section#wda_testi .container {
    max-width: 1200px !important;
}

span.slide-star {
    width: 100%;
    float: none;
    margin: 0px auto;
    text-align: center;
    display: block;
    font-size: 23px;
    padding: 0px;
    margin-bottom: 15px !important;
}

html .bg-white:after {
    display: none;
}

html .bg-white {
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
}

html .bg-white p {
    text-align: center;
}

html section#wda_testi p {
    text-align: center !important;
    font-style: normal;
    font-size: 20px !important;
    line-height: 30px !important;
}

html section#wda_testi h4 {
    padding: 0px;
    color: #000;
    font-size: 22px;
    text-align: right;
    font-weight: bold;
}

section#wda_testi .slick-dots li button {
    background-color: rgb(0 0 0 / 34%);
}
.new-wrapper {
    margin: 0px 10px;
    border-radius: 0px;
    box-sizing: border-box;
    padding: 9px 20px;
    box-sizing: border-box;
    box-shadow: 0px 1px 10px rgb(0 0 0 / 14%);
    border-radius: 7px;
}

html .item {
    padding: 10px;
    box-sizing: border-box;
}

html section#wda_testi h4 {
    border-top: 1px solid var(--sColor);
    padding-top: 7px;
    color: var(--sColor);
}

html section#wda_testi .slick-dots {
    padding-top: 20px !important;
    position: relative;
    bottom: 0px;
}
html section#wda_testi a {
    color: var(--sColor);
}
.new-wrapper {
    position: relative;
}

html .bg-white {
    position: inherit;
}

html span.slide-star {
    margin: 0px 0px 10px !important;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: auto;
    transform: translateY(51px);
}
@media (max-width: 540px) {
    html section#wda_testi h2 {
        font-size: 40px;
    }
}

/* Footer */
footer#site-footer svg {
    transform: scaleY(-1);
    margin-top: -10px;
}

footer#site-footer {
    background-position: 50% 35%;
    background-size: cover;
}
footer#site-footer svg {
    transform: scaleY(-1);
    margin-top: -10px;
    position: absolute;
    top: 0px;
}

footer#site-footer {
    background-position: 50% 35% !important;
    background-size: cover !important;
    padding-top: 220px;
    position: relative;
}

.sub-footer .container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.wd4 {
    width: 33.33%;
    padding: 0px 15px;
    box-sizing: border-box;
}
.sub-footer h3 {
    font-weight: bold;
    font-size: 28px;
}
footer#site-footer:before {
    height: 100%;
    width: 100%;
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    background-color: var(--sColor);
    opacity: 0.7;
}

.copyrights {
    background: initial;
}

footer#site-footer * {
    color: #fff;
    position: relative;
    z-index: 1;
}

.social-part {
    text-align: center;
}

.socials {
    display: inline-block;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 24px;
    background-color: rgb(255 255 255 / 26%);
    padding: 10px 50px 13px;
    box-sizing: border-box;
    border-radius: 50px;
}

.socials p {
    display: inline-block;
    vertical-align: middle;
    margin: 0px;
    font-size: inherit;
}
.wd4:nth-child(3) span {
    font-weight: bold;
}
.socials a {
    display: inline-block;
    vertical-align: middle;
    font-size: inherit;
    margin-left: 10px;
}

.social-part {
    padding: 20px 0px 5px;
}

.wd4 a.btn {
    display: inline-block;
}

.wd4:nth-child(1) {
    text-align: left;
}

footer#site-footer [align="center"] {
    text-align: left;
    color: #000;
}
footer#site-footer a.btn:hover {
    background-color: #fff !important;
    color: #000;
}
footer#site-footer [align="center"] a {
    color: #fff;
    border-radius: 50px;
    font-size: 17px;
}
.sub-footer {
    padding-bottom: 29px;
}
@media (max-width: 880px) {
    .wd4 {
        width: 100%;
        max-width: 400px;
        margin: 0px auto;
        margin-left: 0px;
    }

    footer#site-footer {
        padding-top: 120px;
    }
}
/* mobile */
@media screen and (max-width: 880px) {
    .logo-wrap span {
        top: 0px;
        width: 100%;
    }
    .socials p {
        display: block;
    }
    #header #logo a {
        display: block;
        text-align: center;
    }
    #header:after,
    #regular-header:after {
        clear: both;
        content: "";
        display: block;
    }
    .logo-wrap {
        width: 100% !important;
    }
    #header .logo-wrap {
        float: none !important;
    }
    #secondary-navigation {
        height: auto !important;
    }
    .hide-d {
        display: block;
    }
    #header {
        background: none;
        padding: 0px 0 0px 0px;
        margin-bottom: 0px;
    }
    .mobileBtn {
        margin-bottom: 0px;
    }
    .mobileBtn a,
    .hours {
        display: block;
        color: #fff;
        text-align: center;
        background: #1179bd;
        padding: 10px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        margin: 10px !important;
    }
    .mobileBtn.phoneBtn {
        font-size: 20px;
    }
    .mobileBtn a:hover,
    .mobileBtn a:visited {
        color: #fff;
    }
    .primary-slider-container,
    .hide-xs {
        display: none;
    }

    .innerImage {
        display: none;
    }
    .homeBoxes,
    .homeWidgets,
    .welcome,
    .footerSocial,
    div.footer .copy {
        width: 100%;
        height: auto;
    }
    .box01,
    .box02,
    .box03 {
        width: 96%;
        float: none;
        margin-bottom: 20px;
        padding: 2%;
    }
    .welcome {
        margin: 20px auto;
    }
    .homeBoxes .box01,
    .homeBoxes .box02,
    .homeBoxes .box03 {
        width: 98%;
    }
    .post-content img {
        width: 100% !important;
        height: auto !important;
    }
    .footer-widgets.widgets-num-4 .f-widget:nth-child(even),
    .footer-widgets.widgets-num-3 .f-widget:nth-child(even),
    .footer-widgets.widgets-num-4 .f-widget,
    .footer-widgets.widgets-num-3 .f-widget {
        width: 100% !important;
        max-width: 100% !important;
    }
    .hours {
        display: none !important;
    }
    .main-header {
        background-color: #fff !important;
    }
    .leftwow {
        width: 100%;
    }
    .rightwow {
        width: 100%;
    }
    .col-sm-6 {
        width: 100%;
    }
    .row {
        margin: 0px;
    }
    .welcome iframe {
        height: 400px !important;
    }
    .featured .btn {
        display: block;
        text-align: center;
    }
    .homeBoxes .box01,
    .homeBoxes .box02,
    .homeBoxes .box03 {
        height: auto;
    }
    .box02 .btn {
        display: block;
        max-width: 250px;
        margin: 10px auto 0px;
    }
    footer .container {
        width: 100%;
    }
    #regular-header {
        display: none;
    }
    .sticky {
        background-color: #fff !important;
    }

    div.header-social-icons {
        float: none !important;
        text-align: center;
        background: none !important;
    }
    div.header-social-icons a {
        float: none;
        display: inline-block;
        position: relative;
        z-index: 9999;
    }
    .header-social-icons {
        text-align: Center;
        float: none !important;
    }
    .header-social-icons a {
        display: inline-block;
        font-size: 32px !important;
        width: 34px !important;
        line-height: 34px;
        color: #333 !important;
    }
    .video-slider {
        display: none;
    }
}

@media screen and (min-width: 880px) {
    .sub-footer .container {
        display: flex;
        justify-content: center;
    }
}