@keyframes lineHeight {
    from {
        line-height: 95px;
    }

    to {
        line-height: 40px;
    }
}

@keyframes jump {
    from {
        line-height: 95px;
    }

    to {
        line-height: 38px;
    }
}

/*Begin Video Corusel*/
.wrapper .hold {
    text-align: left;
    margin-bottom: 30px !important;
}

    .wrapper .hold .inner .keep-me {
        display: flex;
    }

        .wrapper .hold .inner .keep-me .appicon {
            width: auto;
            height: auto;
            float: left;
            margin-right: 20px !important;
            margin-top: 0;
            margin-bottom: 15px;
        }

            .wrapper .hold .inner .keep-me .appicon img {
                max-width: 66px;
                height: 66px;
            }

        .wrapper .hold .inner .keep-me .conhed {
            margin-top: 0;
            margin-bottom: 15px;
            box-sizing: border-box;
            text-align: left !important;
            font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 1rem;
            line-height: 1.7;
            color: #535353;
            /* background-color:white; */
        }

            .wrapper .hold .inner .keep-me .conhed h3 {
                font-weight: 500;
                font-size: 1.5rem;
                line-height: 1.5;
                color: #6e6565;
            }

    .wrapper .hold .inner .content p {
        text-align: left;
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
        font-size: 0.98rem !important;
        line-height: 2rem;
        font-weight: 400;
        font-style: normal;
        color: #7c7c7c;
        font-weight: 500;
    }
/*End Video Corusel*/

/*End Video Corusel*/

.footer {
    background: #2f2f2f;
}

    .footer .footer-left {
        text-align: left;
        padding-left: 20px;
    }

        .footer .footer-left h3 {
            font-size: 1.1rem;
            font-weight: 600;
            color: #fff;
            text-shadow: none;
            line-height: 1.4;
            margin-bottom: 0.5rem;
        }

        .footer .footer-left p {
            box-sizing: border-box;
            color: #d5d5d5;
            font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-weight: 400;
            font-size: 1rem;
            line-height: 1.7;
        }

    .footer .foter-center {
        text-align: left;
        padding-left: 20px;
    }

        .footer .foter-center h3 {
            font-size: 1.1rem;
            font-weight: 600;
            color: #fff;
            text-shadow: none;
            line-height: 1.4;
            margin-bottom: 0.5rem;
        }

        .footer .foter-center .fmenu > li {
            text-decoration: none;
            list-style: none;
            box-sizing: border-box;
            font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 1rem;
            line-height: 1.7;
            padding-right: 10px;
            width: 100%;
            float: left;
        }

            .footer .foter-center .fmenu > li > a {
                color: white;
            }

    .footer .frhead {
        text-align: left;
        padding-left: 20px;
    }

        .footer .frhead h3 {
            font-size: 1.1rem;
            font-weight: 600;
            color: #fff;
            text-shadow: none;
            line-height: 1.4;
            margin-bottom: 0.5rem;
        }

    .footer .frcontent {
        text-align: left;
        padding-left: 20px;
    }

        .footer .frcontent span {
            color: #d5d5d5;
            font-size: 1.1rem;
        }

        .footer .frcontent a {
            color: white;
            font-size: 1rem;
            font-style: normal;
            font-weight: 400;
            line-height: 1.7;
        }

        .footer .frcontent h3 {
            font-size: 1.1rem;
            font-weight: 600;
            color: #d5d5d5;
            text-shadow: none;
            line-height: 1.4;
            margin-bottom: 0.5rem;
        }

        .footer .frcontent p {
            width: 85%;
            color: white;
            font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 1rem;
            margin-bottom: 1rem;
        }

            .footer .frcontent p > i {
                font-size: 1.2rem;
                color: #d5d5d5;
            }

        .footer .frcontent .whatsapp {
            display: inline;
            font-size: 1rem;
            font-style: normal;
            font-weight: 400;
            color: #d5d5d5;
            font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        }

.footer-bottom-area {
    display: flex;
    justify-content: center;
}

    .footer-bottom-area .copyright-left > a > img {
        height: 50px !important;
    }

    .footer-bottom-area .copyright-content {
        padding-top: 17px;
    }

        .footer-bottom-area .copyright-content p {
            color: #3e3838;
            font-weight: 400;
            font-size:14px;
        }

        .footer-bottom-area .copyright-content > p > span {
            font-size: 1rem !important;
            color: #777777;
        }

        .footer-bottom-area .copyright-content > p > a {
            color: #777777;
            font-weight: 400;
        }
/*End Video Corusel*/

/*Footer Social Begin*/
.tinfo_right {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    padding-top:8px;
}

    .tinfo_right ul {
        display: flex;
        justify-content: flex-start;
        box-sizing: border-box;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 0 !important;
    }

        .tinfo_right ul li {
            list-style: none !important;
            padding-top: 0px !important;
            padding-bottom: 0px !important;
        }

            .tinfo_right ul li a {
                display: inline-block;
                font-size: 18px;
                text-decoration: none;
                width: 35px;
                height: 40px;
                line-height: 40px;
                border-radius: 0;
                text-align: center;
                color: #35436d;
                cursor: pointer;
                overflow: hidden;
            }

                .tinfo_right ul li a:hover {
                    background-color: #2f2e3cf0;
                    color: white;
                    animation-name: lineHeight;
                    animation-duration: 0.3s;
                }
/*Footer Social End*/

/*Custom JQSlider Begin*/
#slider {
    position: relative;
    height: 450px;
}

    #slider .img {
        width: 100%;
        height: 100%;
    }

        #slider .img .item {
            position: absolute;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: 1s;
        }

.active {
    opacity: 1 !important;
}

#slider .img .item img {
    width: 100%;
    height: 100%;
}

#slider .navigation {
    position: absolute;
    top: 45%;
    cursor: pointer;
    font-size: 2rem;
    color: white;
}

#slider .right {
    right: 1.5rem;
}

#slider .left {
    left: 1.5rem;
}
/*Custom js Slider End*/

/*Begin Accordion CSS*/
.faq-desc {
    margin-bottom: 50px;
}

    .faq-desc p {
        color: #515151;
        margin: 0;
        font-size: 0.8rem;
    }

.card {
    margin-bottom: 0.8rem;
    box-shadow: 8px 5px 5px #d4d4d4;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.sub {
    margin-bottom: 20px !important;
}

.faq-accordion .card-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    background-color: #f5f5f5;
    border: 0;
}

    .faq-accordion .card-header h5 {
        color: #444;
        font-size: 1rem !important;
        font-weight: 600;
    }

.card-header a {
    padding: 8px 5px 5px 5px;
    color: #580303;
    cursor: pointer !important;
    text-decoration: unset;
}

    .card-header a:hover {
        color: #777777 !important;
    }

.mb-0 > a {
    display: block;
    position: relative;
    cursor: pointer !important;
}

    .mb-0 > a:after {
        cursor: pointer !important;
        content: "\f078";
        /* fa-chevron-down */
        font-family: 'FontAwesome';
        position: absolute;
        right: 0;
    }

    .mb-0 > a[aria-expanded="true"]:after {
        content: "\f077";
        /* fa-chevron-up */
        cursor: pointer !important;
    }
/*End Accordion CSS*/

.tel {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    padding-top: 5px;
}

    .tel span {
        color: #33bc46;
        font-weight: 500;
        display: block;
        padding-right: 0.4rem;
    }

    .tel p {
        font-size: 14px;
        padding: 0px !important;
        margin-bottom: 0px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 600;
        color: #777777;
    }

    .tel .fa-mobile {
        font-size: 21px;
    }

    .tel .fa-whatsapp {
        font-size: 17px;
    }

/*for about page */
.about_part {
    padding-top: 0px;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

    .about_part .info-left {
        font-family: Cambria;
        font-weight: 300;
        font-size: 1.1rem;
        letter-spacing: 1px;
        color: #777474
    }

.about_part-row {
    margin-bottom: 30px;
}

    .about_part-row .info-right {
        font-family: Cambria;
        font-weight: 300;
        font-size: 1.1rem;
        letter-spacing: 1px;
        color: #777474
    }

.info-right .about_part-title {
    position: relative;
    margin-bottom: 20px;
}

.about_part-title .title {
    position: relative;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 500;
    color: grey;
    background-color: #f7f6f6;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-right: 10px;
    z-index: 20;
    font-family: Arrus;
}

.about_part-title:after {
    content: "";
    display: inline-block;
    height: 2px;
    background-color: #e8eaed;
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    z-index: 10;
}

.about_part blockquote.blockquote {
    padding: 30px;
    margin: 0px 0px 20px;
    border: 2px solid #e8eaed;
    font-family: Cambria;
    font-weight: 300;
    font-size: 1.25rem;
    letter-spacing: 1px;
    color: #777474;
}

    .about_part blockquote.blockquote:before {
        content: "\f10d";
        font-family: fontAwesome;
        width: 70px;
        height: 70px;
        line-height: 70px;
        text-align: center;
        border-radius: 50%;
        color: #ee4266;
        font-size: 30px;
        background: #fff;
        border: 2px solid #e8eaed;
        float: left;
        margin-right: 10px;
    }

    .about_part blockquote.blockquote .blockquote-footer {
        color: #97989b;
    }
/*for about page */

/*for detail & singleExclusive(Exclusive Detail pages)*/
#detail .product-content {
    text-align: left;
    background-color: #b8b6b73b;
    padding-left: 10px;
    padding-right: 10px;
}

#detail .ex-single {
    border: 10px ridge #eaeaea;
}

    #detail .ex-single > p {
        text-align: center;
        font-size: 1.2rem;
        margin-bottom: 0px;
    }

#detail .product-content .product-description > p {
    margin-bottom: 0px !important;
    padding-bottom: 10px !important;
}

.thumbnails {
    overflow: hidden;
    margin: 1em 0;
    padding: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

    .thumbnails li {
        display: inline-block;
        width: 74px;
        margin: 0 5px 5px 0px;
    }

    .thumbnails img {
        display: block;
        min-width: 100%;
        max-width: 100%;
    }

.toggle {
    display: block;
    margin: 10px auto 1.5em;
}

.h-detail {
   height:450px;
}

.hl-detail {
   height: 450px;
}
.mw-detail {
min-width: auto;
}
/*.wl-detail {

}
*/
@media (max-width: 768px) {
    /*Index Page css*/
    .h-detail {
        height: auto;
    }

    .hl-detail {
        height: auto;
    }
}
@media (min-width: 1200px) {
    .mw-detail {
        min-width: 682px !important;
    }
}
    /*for detail & singleExclusive(Exclusive Detail pages)*/

    /*for metbexarasi page)*/

    #metbex-arasi .house-info {
        border: 5px solid grey;
        border: 15px ridge #eaeaea;
        margin-top: 1.5rem;
        padding: 20px;
    }

        #metbex-arasi .house-info .m-content h1 {
            font-family: Arial, Helvetica, sans-serif;
            color: #70757f;
            letter-spacing: 0.125rem;
            line-height: 2.8rem;
            font-weight: 600;
            padding-bottom: 0.5rem;
        }

        #metbex-arasi .house-info .m-content .cont-one {
            font-size: 1.25rem;
            font-weight: 600;
            line-height: 2.1rem;
            color: #686d76;
            font-family: Arial, Helvetica, sans-serif;
        }

        #metbex-arasi .house-info .m-content h2 {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 2.5rem;
            color: #70757f;
            letter-spacing: 0.125rem;
            line-height: 2.8rem;
            font-weight: 700;
        }

        #metbex-arasi .house-info .m-content .cont-two {
            font-size: 1.45rem;
            font-weight: 700;
            line-height: 2.1rem;
            color: #686d76;
            font-family: Arial, Helvetica, sans-serif;
            letter-spacing: 0.5px;
        }

    #metbex-arasi .house {
        border: 5px solid grey;
        border: 15px ridge #eaeaea;
        margin-top: 1.5rem;
        padding: 20px;
    }

        /*#metbex-arasi .house .img-content {
        padding-top: 1.5rem;
    }*/

        #metbex-arasi .house .img-content a {
            display: block;
            padding-bottom: 1rem;
        }



        #metbex-arasi .house .img-content .img-item {
            position: relative;
            cursor: pointer;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            margin-bottom: 1.5rem !important;
        }

            #metbex-arasi .house .img-content .img-item .cover {
                display: flex;
                justify-content: center;
                align-items: center;
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                background: black;
                opacity: 0;
            }

                #metbex-arasi .house .img-content .img-item .cover > p {
                    color: #FFFFFF;
                    font-family: sans-serif;
                    font-size: 2rem;
                    margin: 0 !important;
                    padding: 0 !important;
                }

            #metbex-arasi .house .img-content .img-item:hover .cover {
                opacity: 0.6;
            }

    #metbex-arasi .modal-area {
        display: none;
        position: fixed;
        width: 100%;
        height: 100vh;
        left: 0;
        top: 0;
        z-index: 1000;
    }

        #metbex-arasi .modal-area .modal-cover {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-color: black;
            opacity: 0.5;
        }

        #metbex-arasi .modal-area .slider {
            position: absolute;
            width: 75%;
            height: 50%;
            left: 13%;
            top: 30%;
        }

            #metbex-arasi .modal-area .slider .slider-item {
                width: 100%;
                height: 100%;
            }

                #metbex-arasi .modal-area .slider .slider-item .item {
                    width: 100%;
                    height: 100vh;
                    position: absolute;
                    opacity: 0;
                    transition: opacity 1s ease-in-out;
                }

                    #metbex-arasi .modal-area .slider .slider-item .item > p {
                        position: absolute;
                        color: white;
                        font-family: serif;
                        font-size: 1.8rem;
                        left: 45%;
                        top: 10%;
                    }

    .active {
        opacity: 1;
    }

    #metbex-arasi .modal-area .slider .close-me {
        position: absolute;
        top: -45px;
        right: 0%;
        color: white;
        cursor: pointer;
    }

        #metbex-arasi .modal-area .slider .close-me > i {
            width: 35px;
            height: 35px;
            font-size: 1.5rem;
            line-height: 35px;
            text-align: center;
            background-color: rgba(146, 138, 138, 0.993);
            border: 1px solid white;
            border-radius: 50%;
            opacity: 0.4;
        }

    #metbex-arasi .modal-area .slider .direction {
        position: absolute;
        top: 20%;
        color: white;
        cursor: pointer;
    }

        #metbex-arasi .modal-area .slider .direction i {
            width: 35px;
            height: 35px;
            line-height: 35px;
            text-align: center;
            background-color: rgba(146, 138, 138, 0.993);
            border: 1px solid white;
            border-radius: 50%;
            opacity: 0.5;
        }

            #metbex-arasi .modal-area .slider .direction i:hover {
                opacity: 1;
                transition: all 0.5s;
            }

    #metbex-arasi .modal-area .slider #right_i {
        right: 10px;
    }

    #metbex-arasi .modal-area .slider #left_i {
        left: 10px;
    }
    /*for metbexarasi page)*/
    #metbex-arasi .container #loadmore {
        width: 50%;
    }

    @media(max-width: 768px) {
        #metbex-arasi .container #loadmore {
            width: 80% !important;
            font-weight: 400;
        }

        #metbex-arasi .house .img-content .img-item > img {
            width: 100% !important;
            height: 100% !important;
        }
    }

    @media(max-width: 767px) {
        .thumbnails li {
            width: 50px;
        }
    }

    @media(min-width: 1200px) {
        .wrapper .hold .inner .content p {
            padding: 10px 25px 10px 25px;
        }
    }