/* === Experiment === */
#map-div {
    height: 220px;
}

/* === Experiment End === */
/* === Enquiry Widget === */

#div-query {
    position: fixed;
    max-width: 450px;
    max-height: 80%;
    top: calc(50% + 40px);
    left: 50%;
    margin: auto;
    transform: translate(-50%, -50%);
    z-index: 100;
    display: none;
    overflow: auto;
}

#div-query::-webkit-scrollbar {
    width: .5em;
}

#div-query::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(95, 95, 255, .3);
}

#div-query::-webkit-scrollbar-thumb {
    background-color: #66f;
    border-radius: 5px;
}

#div-query span.fa-times.close {
    position: absolute;
    top: .3rem;
    right: .6rem;
    padding: .3rem;
}

#div-query .card-body {
    /*background-color: rgba(0, 50, 134, .9);*/
    background-color: #039;
    color: #fff;
}

#div-query .card-header {
    /*background-color: rgba(12, 50, 134, .9);*/
    background-color: #039;
    color: #fff;
}

#div-query-trigger {
    position: fixed;
    bottom: 30px;
    right: 1px;
    width: auto;
    height: auto;
    padding: 5px 7px;
    border-radius: 10px 0 0 0;
    border: 1px solid rgba(255, 255, 255, 0.5);
    /*background-color: rgba(0, 0, 30, 0.8);*/
    background-color: #039;
    z-index: 200;
    color: #fff;
    cursor: pointer;
    opacity: 0.8;
    transition: background-color ease-in-out .36s;
}

#div-query-trigger:hover {
    opacity: 1;
    background-color: #69f;
}

#div-query-trigger span {
    display: inline-block;
}

#btn-query-show {
    display: none;
    /*transition: background-color ease-in-out .36s*/
}

#btn-query-show:hover {
    text-decoration: underline;
}

span.form-err-status {
    display: none;
}

@media (max-width: 600px) {

    #div-query-trigger {
        right: 15px;
        bottom: 15px;
    }
}
/* === End Enquiry Widget === */

#speech-ui {
    width: 400px;
    height: 525px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(20, 19, 125, .7);
    border: 2px solid #ea149f;
    border-radius: .6rem;
    box-shadow: #062c33 0 0 10px;
    color: #edf;
    z-index: 9999;
    overflow: auto;
}

@media (max-width: 600px) {
    #speech-ui {
        width: 98%;
        height: 90%;
    }
}

#speech-ui::-webkit-scrollbar {
    width: .3em;
}

#speech-ui::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(95, 95, 255, .3);
}

#speech-ui::-webkit-scrollbar-thumb {
    background-color: #34e;
    border-radius: .6rem;
}

#speech-ui p {
    /*background-color: #eed;*/
    border-radius: .4rem;
    padding: .3rem;
    border: 1px solid #aeb;
    margin: .2rem;
    color: #eff !important;
}

#speech-ui p.text-danger {
    color: #dc3545!important;
}

body {
    overflow-x: hidden;
}

body::-webkit-scrollbar {
    width: .5em;
}

body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(95, 95, 255, .3);
}

body::-webkit-scrollbar-thumb {
    background-color: #66f;
    border-radius: 5px;
}

.projects-section.book-thumbs img {
    border: unset;
    max-width: 80%;
}

.sm-only {
    display: none;
}

.fa.fa-facebook {
    color: #33e;
}

.footer-area .fa.fa-whatsapp {
    color: #28a745;
}

.fa.fa-instagram {
    color: purple;
}

.footer-area .fa {
    transition: font-size ease-in-out .32s;
}

.footer-area .fa:hover {
    font-size: 30px;
}

.reg-info {
    background-color: #006;
}

h5>a:hover, #quote-carousel a:hover, .feature-text a:hover {
    color: #6699ff;
    transition: font-size ease-in-out .36s;
}

h5>a:hover, #quote-carousel a:hover {
    font-size: 1.1rem;
}

.footer-area {
    border-top: 1px solid #66f;
}

.footer-area .copyright-area {
    border-top: 1px solid #66f;
    background-color: #006;
}

.footer-area .copyright-area .copyright-text {
    color: #eee;
}

.footer-area .single-footer-widget.middle {
    margin-left: 40px;
}

.footer-area .single-footer-widget.social {
    padding-left: 60px;
    margin-left: 40px;
}

@media (max-width: 767px) {
    .breakpoint-on .classy-navbar .classy-menu, .breakpoint-on .classy-navbar ul li a {
        background-color: #66f;
    }
    .header-area .credit-main-menu .classy-navbar .classynav ul li a {
        color: #fff;
    }

    .classynav ul li {
        background-color: #66f;
    }

    .sm-only {
        display: unset;
    }
    
    .sm-hidden {
        display: none;
    }

    .special-feature-area .section-padding-100 {
        padding-top: 1.3rem;
        padding-bottom: 1.3rem;
    }

    .testimonial-area.section-padding-100-0 {
        padding-top: 1.3rem;
    }

    #testimonials .mb-100 {
        margin-bottom: 1.3rem !important;
    }

    #quote-carousel p {
        margin-top: unset;
    }

    .footer-area .copyright-area .copyright-text {
        margin-top: 1.2rem;
        margin-bottom: 1.2rem;
    }

    .footer-area .single-footer-widget.mb-100 {
        margin-bottom: 1rem !important;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .footer-area .single-footer-widget {
        padding-left: unset;
    }

    .footer-area .single-footer-widget.middle {
        margin-left: unset;
    }

    .footer-area .single-footer-widget.social {
        padding-left: unset;
        margin-left: unset;
        margin-top: 20px;
    }


    .footer-area .single-footer-widget ul li a {
        margin-bottom: .3rem;
    }
}