/*** 
=====================================================
	Main Slider style
=====================================================
***/
.main-slider {
    position: relative;
    display: block;
    background-attachment: fixed;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    z-index: 10;
}

    .main-slider.style1 {
        margin-top: 0;
    }

    .main-slider .slide {
        position: relative;
        display: block;
        overflow: hidden;
        padding: 173px 0 180px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

        .main-slider .slide .image-layer {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            transition: all .8s ease-in-out .4s;
        }

            .main-slider .slide .image-layer:before {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(255, 255, 255, 0.20);
                content: "";
                z-index: -1;
            }

    .main-slider .active .slide .image-layer {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    .main-slider .content {
        position: relative;
        z-index: 11;
    }

    .main-slider.style1 .content {
        position: relative;
        display: block;
        width: 100%;
    }

    .main-slider .auto-container {
        position: relative;
        overflow: hidden;
    }

    .main-slider .content h3 {
        position: relative;
        display: block;
        overflow: hidden;
        color: #212122;
        font-size: 20px;
        line-height: 30px;
        font-weight: 700;
        text-transform: none;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(20deg) translateY(80px);
        -ms-transform: perspective(400px) rotateX(20deg) translateY(80px);
        transform: perspective(400px) rotateX(20deg) translateY(80px);
        -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
        transform-origin: bottom;
        font-family: 'Work Sans', sans-serif;
        -webkit-transition: all 1000ms ease;
        -moz-transition: all 1000ms ease;
        -ms-transition: all 1000ms ease;
        -o-transition: all 1000ms ease;
        transition: all 1000ms ease;
    }

    .main-slider .active .content h3 {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(0deg) translateY(0px);
        -ms-transform: perspective(400px) rotateX(0deg) translateY(0px);
        transform: perspective(400px) rotateX(0deg) translateY(0px);
        -webkit-transition-delay: 500ms;
        -moz-transition-delay: 500ms;
        -ms-transition-delay: 500ms;
        -o-transition-delay: 500ms;
        transition-delay: 500ms;
    }

    .main-slider .content .big-title {
        position: relative;
        display: block;
        padding-left: 30px;
        margin-top: 18px;
        margin-bottom: 39px;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(20deg) translateY(80px);
        -ms-transform: perspective(400px) rotateY(20deg) translateY(80px);
        transform: perspective(400px) rotateY(20deg) translateY(80px);
        -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
        transform-origin: bottom;
        -webkit-transition: all 1000ms ease;
        -moz-transition: all 1000ms ease;
        -ms-transition: all 1000ms ease;
        -o-transition: all 1000ms ease;
        transition: all 1000ms ease;
    }

        .main-slider .content .big-title:before {
            position: absolute;
            top: 14px;
            left: 0;
            bottom: 21px;
            width: 10px;
            content: "";
        }

    .main-slider .active .content .big-title {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
        -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
        transform: perspective(400px) rotateY(0deg) translateY(0px);
        -webkit-transition-delay: 1000ms;
        -moz-transition-delay: 1000ms;
        -ms-transition-delay: 1000ms;
        -o-transition-delay: 1000ms;
        transition-delay: 1000ms;
    }

    .main-slider .content .big-title h2 {
        color: #212122;
        font-size: 60px;
        line-height: 1.1em;
        font-weight: 800;
    }

    .main-slider .content .btns-box {
        position: relative;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(0deg) translateY(80px);
        -ms-transform: perspective(400px) rotateY(0deg) translateY(80px);
        transform: perspective(400px) rotateY(0deg) translateY(80px);
        -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
        transform-origin: bottom;
        -webkit-transition: all 1500ms ease;
        -moz-transition: all 1500ms ease;
        -ms-transition: all 1500ms ease;
        -o-transition: all 1500ms ease;
        transition: all 1500ms ease;
    }

        .main-slider .content .btns-box a {
            font-size: 18px;
            line-height: 70px;
            padding: 0 60px;
            border-radius: 50px;
        }

            .main-slider .content .btns-box a:after {
                border-radius: 50px;
            }

    .main-slider .active .content .btns-box {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
        -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
        transform: perspective(400px) rotateY(0deg) translateY(0px);
        -webkit-transition-delay: 1500ms;
        -moz-transition-delay: 1500ms;
        -ms-transition-delay: 1500ms;
        -o-transition-delay: 1500ms;
        transition-delay: 1500ms;
    }

    .main-slider .owl-theme .owl-nav {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 100%;
        transition-delay: .1s;
        transition-timing-function: ease-in-out;
        transition-duration: .5s;
        transition-property: all;
        transform-origin: bottom;
        transform-style: preserve-3d;
        opacity: 0;
        transform: scale(1.0);
    }

    .main-slider:hover .owl-theme .owl-nav {
        opacity: 1;
        transform: scale(1.0);
    }

    .main-slider .owl-theme .owl-prev span,
    .main-slider .owl-theme .owl-next span {
        display: block;
    }

    .main-slider .owl-theme .owl-nav .owl-prev {
        position: absolute;
        left: -60px;
        top: 0;
        transform: rotate(180deg);
        background: rgba(255, 255, 255, 1.0);
        border: 2px solid #ffffff;
        height: 120px;
        width: 120px;
        border-radius: 50%;
        text-align: center;
        color: #212122;
        font-size: 25px;
        line-height: 116px;
        font-weight: 400;
        opacity: 1;
        margin: 0;
        padding: 0;
        margin-top: -60px;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .main-slider .owl-theme .owl-prev span:before {
        margin-right: 52px;
    }

    .main-slider .owl-theme .owl-nav .owl-next {
        position: absolute;
        right: -60px;
        top: 0;
        transform: rotate(0deg);
        background: rgba(255, 255, 255, 1.0);
        border: 2px solid #ffffff;
        height: 120px;
        width: 120px;
        border-radius: 50%;
        text-align: center;
        color: #212122;
        font-size: 25px;
        line-height: 116px;
        font-weight: 400;
        opacity: 1;
        margin: 0;
        padding: 0;
        margin-top: -60px;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .main-slider .owl-theme .owl-next span:before {
        margin-left: -52px;
    }

    .main-slider .owl-theme .owl-nav .owl-prev:hover {
        background: rgba(255, 255, 255, 0.30);
    }

    .main-slider .owl-theme .owl-nav .owl-next:hover {
        background: rgba(255, 255, 255, 0.30);
    }

.banner-carousel .owl-dots {
    display: none;
}



/*** 
=====================================================
	Main Slider Style2 Css
=====================================================
***/
.main-slider.style2 {
}

    .main-slider.style2 .slide {
        padding: 296px 0px 210px;
    }

        .main-slider.style2 .slide .image-layer:before {
            background-color: rgba(255, 255, 255, 0.20);
            display: none;
        }

    .main-slider.style2 .content .icon-box {
        position: relative;
        opacity: 0;
        margin-bottom: 13px;
        -webkit-transform: perspective(400px) rotateY(0deg) translateY(-80px);
        -ms-transform: perspective(400px) rotateY(0deg) translateY(-80px);
        transform: perspective(400px) rotateY(0deg) translateY(-80px);
        -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
        transform-origin: bottom;
        -webkit-transition: all 1500ms ease;
        -moz-transition: all 1500ms ease;
        -ms-transition: all 1500ms ease;
        -o-transition: all 1500ms ease;
        transition: all 1500ms ease;
    }

    .main-slider.style2 .active .content .icon-box {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
        -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
        transform: perspective(400px) rotateY(0deg) translateY(0px);
        -webkit-transition-delay: 1500ms;
        -moz-transition-delay: 1500ms;
        -ms-transition-delay: 1500ms;
        -o-transition-delay: 1500ms;
        transition-delay: 1500ms;
    }

    .main-slider.style2 .content .icon-box img {
        width: auto;
        margin: 0 auto;
    }

    .main-slider.style2 .content h3 {
        color: #ffffff;
    }

    .main-slider.style2 .content .big-title {
        padding-left: 0px;
        margin-top: 15px;
        margin-bottom: 29px;
    }

        .main-slider.style2 .content .big-title:before {
            display: none;
        }

        .main-slider.style2 .content .big-title h2 {
            color: #ffffff;
        }

    .main-slider.style2 .owl-theme .owl-nav .owl-prev {
        margin-top: -30px;
    }

    .main-slider.style2 .owl-theme .owl-nav .owl-next {
        margin-top: -30px;
    }






/*** 
=============================================
    About Style1 Area Css
=============================================
***/
.about-style1-area {
    position: relative;
    display: block;
    background: #ffffff;
    padding-top: 120px;
    padding-bottom: 120px;
}

    .about-style1-area .shape1 {
        position: absolute;
        top: 200px;
        left: 0;
        z-index: 2;
    }

    .about-style1-area .shape2 {
        position: absolute;
        left: 0;
        bottom: -300px;
        z-index: 1;
    }

.about-style1-content-box {
    position: relative;
    display: block;
    z-index: 2;
}

    .about-style1-content-box .sec-title {
        padding-bottom: 38px;
    }

    .about-style1-content-box .inner-content {
        position: relative;
        display: block;
    }

        .about-style1-content-box .inner-content .text {
            position: relative;
            display: block;
            margin-bottom: 35px;
        }

            .about-style1-content-box .inner-content .text p {
            }

        .about-style1-content-box .inner-content ul {
            overflow: hidden;
            margin-bottom: 35px;
        }

            .about-style1-content-box .inner-content ul li {
                position: relative;
                display: block;
                color: #212122;
                font-size: 18px;
                line-height: 30px;
                font-weight: 600;
                margin-bottom: 8px;
            }

                .about-style1-content-box .inner-content ul li:last-child {
                    margin-bottom: 0;
                }

                .about-style1-content-box .inner-content ul li span {
                    font-size: 18px;
                    font-weight: 700;
                    padding-right: 10px;
                }

        .about-style1-content-box .inner-content .bottom-box {
            position: relative;
            display: block;
        }

            .about-style1-content-box .inner-content .bottom-box .icon {
                width: 60px;
            }

                .about-style1-content-box .inner-content .bottom-box .icon span {
                    position: relative;
                    top: 7px;
                    color: #212122;
                    font-size: 60px;
                }

            .about-style1-content-box .inner-content .bottom-box .icon,
            .about-style1-content-box .inner-content .bottom-box .title {
                display: table-cell;
                vertical-align: middle;
            }

            .about-style1-content-box .inner-content .bottom-box .title {
                padding-left: 20px;
            }

                .about-style1-content-box .inner-content .bottom-box .title h3 {
                    font-size: 24px;
                    line-height: 34px;
                    font-weight: 800
                }

.about-style1-image-box {
    position: relative;
    display: block;
}

    .about-style1-image-box .shape3 {
        position: absolute;
        bottom: 80px;
        right: -80px;
        -webkit-animation: service_hexagon_2 15s infinite linear;
        -moz-animation: service_hexagon_2 15s infinite linear;
        -o-animation: service_hexagon_2 15s infinite linear;
        animation: service_hexagon_2 15s infinite linear;
    }

    .about-style1-image-box .main-image {
        position: relative;
        display: block;
    }

        .about-style1-image-box .main-image img {
            width: 100%;
        }

        .about-style1-image-box .main-image .icon-box {
            position: absolute;
            top: 20px;
            left: 0;
            right: 0;
            width: 170px;
            height: 170px;
            margin: 0 auto;
            border-radius: 50%;
            text-align: center;
            padding: 29px 0;
        }

            .about-style1-image-box .main-image .icon-box:before {
                position: absolute;
                bottom: 2px;
                right: 20px;
                content: "\f0d7";
                font-family: FontAwesome;
                font-size: 30px;
                transform: rotate(-40deg);
            }

            .about-style1-image-box .main-image .icon-box span {
                color: #ffffff;
                font-size: 60px;
            }

            .about-style1-image-box .main-image .icon-box h3 {
                color: #ffffff;
                font-size: 20px;
                line-height: 20px;
                margin: 8px 0 0;
            }



/*** 
=============================================
    About Style2 Area Css
=============================================
***/
.about-style2-area {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 120px 0 120px;
}

    .about-style2-area .shape {
        position: absolute;
        left: 0;
        bottom: -100px;
        z-index: 10;
    }

.about-style2-image-box {
    position: relative;
    display: block;
    z-index: 10;
}

    .about-style2-image-box .main-image {
        position: relative;
        display: block;
    }

        .about-style2-image-box .main-image img {
            width: 100%;
        }

        .about-style2-image-box .main-image .icon-box {
            position: absolute;
            top: 50px;
            left: -115px;
            width: 170px;
            height: 170px;
            border-radius: 50%;
            text-align: center;
            padding: 29px 0;
        }

            .about-style2-image-box .main-image .icon-box:before {
                position: absolute;
                bottom: 2px;
                right: 20px;
                content: "\f0d7";
                font-family: FontAwesome;
                font-size: 30px;
                transform: rotate(-40deg);
            }

            .about-style2-image-box .main-image .icon-box span {
                color: #ffffff;
                font-size: 60px;
            }

            .about-style2-image-box .main-image .icon-box h3 {
                color: #ffffff;
                font-size: 20px;
                line-height: 20px;
                margin: 8px 0 0;
            }


.about-style2-content-box {
    position: relative;
    display: block;
    padding-left: 70px;
    z-index: 11;
}

    .about-style2-content-box .sec-title {
        padding-bottom: 38px;
    }

    .about-style2-content-box .inner-content {
        position: relative;
        display: block;
    }

        .about-style2-content-box .inner-content .title {
            position: relative;
            display: block;
            background: #f7f4ef;
            border-radius: 5px;
            padding: 16px 40px 18px;
        }

            .about-style2-content-box .inner-content .title h3 {
                font-size: 20px;
                line-height: 30px;
                font-weight: 800;
            }

        .about-style2-content-box .inner-content .text {
            position: relative;
            display: block;
            margin-top: 38px;
            margin-bottom: 38px;
        }

            .about-style2-content-box .inner-content .text p {
                color: #84827d;
                font-size: 18px;
                line-height: 36px;
                font-weight: 500;
            }


    .about-style2-content-box .bottom-text {
        position: relative;
        display: block;
        border-bottom: 1px solid #ebe5db;
    }

        .about-style2-content-box .bottom-text .single-box {
            position: relative;
            display: block;
            padding-bottom: 22px;
        }

            .about-style2-content-box .bottom-text .single-box h3 {
                color: #212122;
                font-size: 18px;
                line-height: 34px;
                font-weight: 700;
            }

                .about-style2-content-box .bottom-text .single-box h3 span {
                    font-size: 18px;
                    font-weight: 700;
                    padding-right: 10px;
                }

            .about-style2-content-box .bottom-text .single-box p {
                color: #84827d;
                font-size: 16px;
                line-height: 34px;
                font-weight: 500;
            }

.about-style2-phone-number {
    position: relative;
    display: block;
    padding-top: 31px;
}

    .about-style2-phone-number h3 {
        color: #212122;
        font-size: 20px;
        line-height: 30px;
        font-weight: 600;
    }

        .about-style2-phone-number h3 a {
            position: relative;
            display: inline-block;
            padding-left: 5px;
            font-size: 30px;
            font-weight: 800;
        }




/*** 
=============================================
    Featured style1 Area Css
=============================================
***/
.featured-style1-area {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 0 0 80px;
}

.single-featured-style1 {
    position: relative;
    display: block;
    margin-bottom: 40px;
    z-index: 1;
}

    .single-featured-style1 .img-holder {
        position: relative;
        display: block;
        overflow: hidden;
        border-radius: 7px;
    }

        .single-featured-style1 .img-holder img {
            position: relative;
            width: 100%;
            -webkit-transition: all 0.5s ease 0s;
            -o-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
        }

    .single-featured-style1:hover .img-holder img {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }

    .single-featured-style1 .img-holder .title {
        position: absolute;
        left: 20px;
        bottom: 0;
        right: 20px;
        background: #ffffff;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        text-align: center;
        padding: 35px 0px 13px;
    }

        .single-featured-style1 .img-holder .title h3 {
            font-size: 24px;
            line-height: 30px;
            font-weight: 800;
        }

        .single-featured-style1 .img-holder .title a {
            color: #212122;
            -webkit-transition: all 0.4s linear;
            -o-transition: all 0.4s linear;
            transition: all 0.4s linear;
        }



.free-estimate-box {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 7px;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 45px 0 55px;
    z-index: 1;
}

    .free-estimate-box:before {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: .95;
        z-index: -1;
    }

    .free-estimate-box .icon-box {
        position: absolute;
        top: -35px;
        right: -50px;
        color: #ffffff;
        font-size: 140px;
    }

    .free-estimate-box h2 {
        color: #ffffff;
        font-size: 30px;
        line-height: 40px;
        font-weight: 800;
    }

    .free-estimate-box ul {
        overflow: hidden;
        margin-top: 15px;
        margin-bottom: 25px;
    }

        .free-estimate-box ul li {
            position: relative;
            display: block;
            margin-bottom: 19px;
        }

            .free-estimate-box ul li:last-child {
                margin-bottom: 0;
            }

            .free-estimate-box ul li p {
                color: #ffffff;
                font-size: 16px;
                line-height: 20px;
                font-weight: 500;
                margin: 0;
            }

            .free-estimate-box ul li h3 {
                color: #ffffff;
                font-size: 18px;
                line-height: 24px;
                font-weight: 700;
            }




/*** 
=============================================
    Featured Style2 Area
=============================================
***/
.featured-style2-area {
    position: relative;
    display: block;
    background: #ffffff;
    padding-bottom: 90px;
}

.featured-style2-content {
    position: relative;
    display: block;
    margin-top: -60px;
}

.single-featured-style2 {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 50px 40px 40px;
    max-width: 288px;
    width: 100%;
    float: left;
    margin-bottom: 30px;
    border-right: 1px solid #ebe5db;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

    .single-featured-style2:last-child {
        border-right: none;
    }

    .single-featured-style2:hover {
        box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.07);
    }

    .single-featured-style2 .icon {
        position: relative;
        display: block;
        width: 60px;
        height: 60px;
        background: #f7f4ef;
        border-radius: 50%;
        font-size: 24px;
        line-height: 60px;
        text-align: center;
        z-index: 1;
        -webkit-transition: all 0.4s linear;
        -o-transition: all 0.4s linear;
        transition: all 0.4s linear;
    }

    .single-featured-style2:hover .icon {
        color: #ffffff;
    }

    .single-featured-style2 .icon:before {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        content: "";
        border-radius: 50%;
        z-index: -1;
        transform: scale(0.0);
        transform-origin: center;
        transform-style: preserve-3d;
        transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
    }

    .single-featured-style2 .icon span.marlft {
        position: relative;
        left: 4px;
    }

    .single-featured-style2:hover .icon:before {
        transform: scaleX(1.0);
    }

    .single-featured-style2 h3 {
        font-size: 18px;
        line-height: 24px;
        font-weight: 700;
        margin: 16px 0 35px;
    }

        .single-featured-style2 h3 a {
            color: #212122;
        }

    .single-featured-style2 p {
        margin: 0;
    }








/*** 
=============================================
    Service style1 Area Css
=============================================
***/
.service-style1-area {
    position: relative;
    display: block;
    overflow: hidden;
    background: #ffffff;
    padding: 120px 0 90px;
    z-index: 1;
}

    .service-style1-area .top-gray-bg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 370px;
        background: #f6f2eb;
        z-index: -1;
    }

    .service-style1-area .sec-title {
        padding-bottom: 78px;
    }

    .service-style1-area.pdbottom120 {
        padding-bottom: 120px;
    }

.single-service-style1 {
    position: relative;
    display: block;
    background: #ffffff;
    border: 1px solid #ebe5db;
    padding: 0 19px 0;
    border-radius: 8px;
    margin-bottom: 30px;
}

    .single-service-style1:hover {
        box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
        transition: all 100ms linear;
        transition-delay: 0.1s;
    }

    .single-service-style1 .img-holder {
        position: relative;
        display: block;
        overflow: hidden;
        margin-top: -20px;
    }

        .single-service-style1 .img-holder .inner {
            position: relative;
            display: block;
            overflow: hidden;
            border-radius: 8px;
        }

        .single-service-style1 .img-holder img {
            width: 100%;
            transform: scale(1.01);
            transition: all 700ms ease;
        }

    .single-service-style1:hover .img-holder img {
        transform: scale(1.2);
    }

    .single-service-style1 .img-holder::before {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        content: '';
        width: 0;
        height: 0;
        background: rgba(255, 255, 255, .2);
        border-radius: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 0;
        z-index: 10;
    }

    .single-service-style1:hover .img-holder::before {
        -webkit-animation: circle .75s;
        animation: circle .75s;
    }


    .single-service-style1 .text-holder {
        position: relative;
        display: block;
        padding: 23px 20px 0;
    }

        .single-service-style1 .text-holder .inner-text {
            position: relative;
            display: block;
            overflow: hidden;
        }

        .single-service-style1 .text-holder h3 {
            font-size: 24px;
            line-height: 34px;
            font-weight: 700;
            margin: 0 0 18px;
        }

            .single-service-style1 .text-holder h3 a {
                color: #212122;
                transition: all 200ms linear;
                transition-delay: 0.1s;
            }

        .single-service-style1 .text-holder p {
            line-height: 30px;
            margin: 0;
        }

        .single-service-style1 .text-holder .readmore-button {
            position: relative;
            display: block;
            padding-top: 31px;
            margin-bottom: -45px;
        }

            .single-service-style1 .text-holder .readmore-button a {
                position: relative;
                display: block;
                width: 95px;
                height: 95px;
                margin: 0 auto;
                background: #f6f2eb;
                border-radius: 50%;
                text-align: center;
                color: #212122;
                font-size: 20px;
                line-height: 140px;
                font-weight: 600;
                transform: rotate(180deg);
                transition: all 200ms linear;
                transition-delay: 0.1s;
            }

                .single-service-style1 .text-holder .readmore-button a:hover {
                    color: #ffffff;
                }


/*** 
=============================================
    Service style2 Area Css
=============================================
***/
.service-style1-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-attachment: fixed;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

    .service-style1-bg:before {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: #212122;
        opacity: .90;
        content: "";
    }

.single-service-style1.style1instyle2 {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.10);
}

    .single-service-style1.style1instyle2 .text-holder h3 a {
        color: #ffffff;
    }

    .single-service-style1.style1instyle2 .text-holder p {
        color: #a4a097;
    }

    .single-service-style1.style1instyle2 .text-holder .readmore-button a {
        background: rgba(255, 255, 255, 0.10);
    }



.service-style1-area.element-page {
}

    .service-style1-area.element-page .owl-carousel.owl-dot-style1 .owl-dots {
        margin-top: 0px !important;
    }

    .service-style1-area.element-page .owl-carousel.owl-dot-style1 .owl-stage-outer {
        padding-top: 20px;
        padding-bottom: 30px;
    }





/*** 
=============================================
    Choose Style1 Area Css
=============================================
***/
.choose-style1-area {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 120px 0 120px;
}

    .choose-style1-area .shape {
        position: absolute;
        top: 200px;
        left: 0;
    }

.choose-style1-image-box {
    position: relative;
    display: block;
    z-index: 1;
}

    .choose-style1-image-box:before {
        position: absolute;
        top: -120px;
        left: 230px;
        bottom: -120px;
        right: -1000000px;
        background: #f7f4ef;
        content: "";
        z-index: -1;
    }

    .choose-style1-image-box img {
        width: 100%;
    }

    .choose-style1-image-box .overlay-content {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 230px;
        border-top-right-radius: 10px;
        padding: 40px 40px 31px;
    }

        .choose-style1-image-box .overlay-content span:before {
            color: #ffffff;
            font-size: 65px;
            line-height: 65px;
        }

        .choose-style1-image-box .overlay-content h3 {
            color: #ffffff;
            font-size: 18px;
            line-height: 30px;
            font-weight: 700;
            margin: 19px 0 0;
        }

.choose-style1-content-box {
    position: relative;
    display: block;
    padding-left: 70px;
    z-index: 1;
}

    .choose-style1-content-box .sec-title {
        padding-bottom: 38px;
    }

    .choose-style1-content-box .inner-content {
        position: relative;
        display: block;
    }

        .choose-style1-content-box .inner-content .text {
            position: relative;
            display: block;
            margin-bottom: 36px;
        }

            .choose-style1-content-box .inner-content .text p {
                color: #84827d;
                font-size: 16px;
                line-height: 34px;
                font-weight: 500;
            }

        .choose-style1-content-box .inner-content ul {
            overflow: hidden;
        }

            .choose-style1-content-box .inner-content ul li {
                margin-bottom: 47px;
            }

                .choose-style1-content-box .inner-content ul li:last-child {
                    margin-bottom: 0;
                }

                .choose-style1-content-box .inner-content ul li h3 {
                    color: #212122;
                    font-size: 18px;
                    line-height: 28px;
                    font-weight: 700;
                    margin: 0 0 11px;
                }

                    .choose-style1-content-box .inner-content ul li h3 i {
                        padding-right: 9px;
                    }

                .choose-style1-content-box .inner-content ul li p {
                    color: #84827d;
                    font-size: 17px;
                    line-height: 26px;
                    font-weight: 500;
                }





/*** 
=============================================
    Partner Area Css
=============================================
***/
.partner-area {
    position: relative;
    display: block;
    background: #ffffff;
    padding-top: 115px;
    padding-bottom: 115px;
}

    .partner-area .border-top {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background: #ebe5db;
        content: "";
        z-index: 10;
    }

.partner-box {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.single-partner-logo-box {
    position: relative;
    overflow: hidden;
    flex: 0 0 20%;
    max-width: 20%;
    width: 100%;
    margin-bottom: 40px;
}

    .single-partner-logo-box a {
        position: relative;
        display: inline-block;
    }

        .single-partner-logo-box a img {
            opacity: .20;
            transition: all 0.2s ease-in-out 0.1s;
        }

    .single-partner-logo-box:hover a img {
        opacity: 0.70;
        transition: all 0.8s ease-in-out 0.1s;
    }
/*** 
=============================================
    Partner Style2 Area Css
=============================================
***/
.partner-style2-area {
    position: relative;
    display: block;
    background: #f6f2eb;
    padding-top: 120px;
    padding-bottom: 80px;
}

.partner-area.about-page {
    position: relative;
    display: block;
    background: #ffffff;
    padding-top: 120px;
    padding-bottom: 80px;
}


.partner-area.element-page1 {
    padding-bottom: 75px;
}


.partner-area.element-page {
    padding: 115px 0 120px;
}

.element-page .single-partner-logo-box {
    position: relative;
    overflow: hidden;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    margin-bottom: 0px;
}

.element-page .owl-carousel.owl-dot-style1 .owl-dots {
    margin-top: 50px !important;
}













/*** 
=============================================
    Testimonial Style1 Area Css
=============================================
***/
.testimonial-style1-area {
    position: relative;
    display: block;
    background: #212122;
    padding: 0px 0 0px;
    z-index: 1;
}

    .testimonial-style1-area .layer-outer {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        max-width: 640px;
        width: 100%;
        opacity: .04;
        background-repeat: no-repeat;
        background-position: left top;
    }

.testimonial-style1-content {
    position: relative;
    display: block;
    padding-top: 50px;
    padding-right: 90px;
}

.testimonial-carousel {
    position: relative;
    display: block;
    z-index: 10;
}

.testimonial-style1-content .sec-title {
    padding-bottom: 38px;
}

    .testimonial-style1-content .sec-title .sub-title h3 {
        color: #a4a097;
    }

    .testimonial-style1-content .sec-title h2 {
        color: #ffffff;
    }

/** COOKIES **/
#cookie-consent {
    position: fixed;
    bottom: 0;
    width: 100%;
    opacity: 0.98;
    background-color: #212122;
    color: #fff;
    padding: 15px;
    z-index: 999;
}

#cookie-consent #consent {
    cursor: pointer;
}

#cookie-consent .cookie-btn {
    margin-right: 20px;
    padding-left: 3px;
    line-height: 0.7em;
    background-color: transparent;
    border: none;
}

#cookie-consent p {
    margin-bottom: 30px;
}

#cookie-consent a {
    color: inherit;
    text-decoration: none;
    margin-right: 30px;
}

/** END COOKIES **/

.single-testimonial-style1 {
    position: relative;
    display: block;
}

    .single-testimonial-style1 .text-holder {
        position: relative;
        display: block;
    }

        .single-testimonial-style1 .text-holder .text-box {
            position: relative;
            display: block;
        }

            .single-testimonial-style1 .text-holder .text-box p {
                color: #a4a097;
                font-size: 16px;
                line-height: 32px;
                font-weight: 500;
                margin: 0;
            }


    .single-testimonial-style1 .client-info {
        position: relative;
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        padding-top: 34px;
    }

        .single-testimonial-style1 .client-info .image-box {
            position: relative;
            display: block;
            width: 80px;
        }

            .single-testimonial-style1 .client-info .image-box img {
                width: 100%;
                border-radius: 50%;
            }

        .single-testimonial-style1 .client-info .title-box {
            position: relative;
            display: block;
            padding-left: 20px;
        }

            .single-testimonial-style1 .client-info .title-box h3 {
                color: #ffffff;
                font-size: 20px;
                line-height: 20px;
                font-weight: 700;
            }

            .single-testimonial-style1 .client-info .title-box span {
                font-size: 16px;
                line-height: 26px;
                font-weight: 500;
            }

.testimonial-style2-image-box {
    position: relative;
    display: block;
}

    .testimonial-style2-image-box img {
        max-width: none !important;
        float: left;
    }

    .testimonial-style2-image-box .bg-box {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 95px;
    }

        .testimonial-style2-image-box .bg-box:before {
            position: absolute;
            top: 50%;
            left: -25px;
            content: "\f0d7";
            font-family: FontAwesome;
            font-size: 80px;
            text-align: center;
            transform: translateY(-50%) rotate(90deg);
        }

    .testimonial-style2-image-box .title-box {
        position: absolute;
        left: -122px;
        top: 176px;
        -webkit-transform: rotate(90deg) translateX(50%);
        -ms-transform: rotate(90deg) translateX(50%);
        transform: rotate(90deg) translateX(50%);
        color: #ffffff;
        font-size: 30px;
        font-weight: 800;
        text-transform: capitalize;
    }


/*** 
=============================================
    Fact Counter Area style
=============================================
***/
.fact-counter-area {
    position: relative;
    display: block;
    padding-bottom: 120px;
    z-index: 10;
}

    .fact-counter-area .shape {
        position: absolute;
        top: -160px;
        left: 0;
        bottom: auto;
    }

    .fact-counter-area.pdtop120 {
        padding-top: 120px;
    }

.fact-counter {
    position: relative;
    display: block;
    overflow: hidden;
    background-color: rgb(51, 48, 41);
    padding: 96px 0 37px;
    border-radius: 5px;
    z-index: 1;
}

.fact-counter-pattern {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    opacity: 0.05;
    z-index: -1;
}

.fact-counter-box {
    position: relative;
}

.single-fact-counter {
    position: relative;
    display: block;
    float: left;
    max-width: 25%;
    width: 100%;
    margin-bottom: 50px;
}

    .single-fact-counter:after {
        position: absolute;
        top: -96px;
        right: 0;
        width: 1px;
        height: 185px;
        background: #ffffff;
        content: "";
        opacity: 0.10;
    }

    .single-fact-counter:last-child:after {
        display: none;
    }

    .single-fact-counter .count-box {
        position: relative;
        display: inline-block;
    }

        .single-fact-counter .count-box h2 {
            color: #ffffff;
            font-size: 60px;
            line-height: 50px;
            font-weight: 800;
        }

            .single-fact-counter .count-box h2 span {
                display: inline-block;
            }

        .single-fact-counter .count-box .icon {
            position: absolute;
            top: -25px;
            right: -10px;
            width: 35px;
            height: 35px;
            background: #212122;
            font-size: 14px;
            line-height: 35px;
            font-weight: 800;
            text-align: center;
            border-radius: 50%;
        }

    .single-fact-counter .sub-title {
        position: relative;
        display: inline-block;
        margin: 22px 0 0;
    }

        .single-fact-counter .sub-title:before {
            position: absolute;
            left: 0;
            bottom: -7px;
            right: 0;
            height: 2px;
            content: "";
            transform: scaleX(0.0);
            transform-origin: center;
            transform-style: preserve-3d;
            transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.22);
        }

    .single-fact-counter:hover .sub-title:before {
        transform: scaleX(1.0);
    }

    .single-fact-counter .count-box h5 {
        color: #a4a097;
        font-size: 16px;
        line-height: 20px;
        font-weight: 500;
    }


/*** 
=============================================
    Project style1 Area Css
=============================================
***/
.project-style1-area {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 0px 0 120px;
}

    .project-style1-area.pdtop120 {
        padding-top: 120px;
    }

.recent-project-title {
    position: relative;
    display: block;
    padding: 50px 0;
    margin-bottom: 120px;
}

    .recent-project-title:before {
        position: absolute;
        bottom: -15px;
        left: 0px;
        right: 0;
        content: "\f0d7";
        font-family: FontAwesome;
        font-size: 80px;
        text-align: center;
    }

    .recent-project-title h2 {
        color: #ffffff;
        font-size: 46px;
        line-height: 60px;
        font-weight: 800;
    }

.project-style1-area .auto-container-box {
    position: static;
    max-width: 1650px;
    padding: 0px 15px;
    margin: 0 auto;
}

.project-style1-content {
    position: relative;
    display: block;
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
}

    .project-style1-content li {
        position: relative;
        display: block;
        float: left;
        margin: 0 15px 0;
    }

.single-project-style1 {
    position: relative;
    display: block;
}

    .single-project-style1 .img-holder {
        position: relative;
        display: block;
        overflow: hidden;
        border-radius: 5px;
    }

        .single-project-style1 .img-holder:before {
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            opacity: 0;
            border-radius: 5px;
            transition: .5s;
            transform: perspective(400px) scaleX(0);
            -webkit-transform-origin: bottom;
            -ms-transform-origin: bottom;
            transform-origin: bottom;
            z-index: 2;
        }

    .single-project-style1:hover .img-holder:before {
        opacity: 1;
        transform: perspective(400px) scaleX(1.0);
    }

    .single-project-style1 .img-holder img {
        width: 100%;
    }

    .single-project-style1 .overlay-content {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
        transform-origin: bottom;
        transition: all 500ms linear;
        transition-delay: 0.2s;
        z-index: 3;
    }

    .single-project-style1:hover .overlay-content {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
    }

    .single-project-style1 .overlay-content .inner {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        width: 100%;
        height: 100%;
    }

        .single-project-style1 .overlay-content .inner h3 {
            font-size: 24px;
            line-height: 30px;
            font-weight: 800;
        }

            .single-project-style1 .overlay-content .inner h3 a {
                color: #ffffff;
                transition: all 200ms linear;
                transition-delay: 0.1s;
            }

                .single-project-style1 .overlay-content .inner h3 a:hover {
                    color: #212122;
                }

        .single-project-style1 .overlay-content .inner .readmore-button {
            position: relative;
            display: block;
            margin-top: 13px;
            margin-bottom: -45px;
        }

            .single-project-style1 .overlay-content .inner .readmore-button a {
                position: relative;
                display: block;
                width: 95px;
                height: 95px;
                background: #ffffff;
                border-radius: 50%;
                text-align: center;
                color: #212122;
                font-size: 20px;
                line-height: 140px;
                font-weight: 600;
                transform: rotate(180deg);
                transition: all 200ms linear;
                transition-delay: 0.1s;
            }

                .single-project-style1 .overlay-content .inner .readmore-button a:hover {
                    color: #ffffff;
                    background: #212122;
                }



/*** 
=============================================
    Project Style2 Area Css
=============================================
***/
.project-style2-area {
    position: relative;
    display: block;
    background: #ffffff;
    overflow: hidden;
    min-height: 600px;
}

.project-style2-title-box {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 110px;
    padding-right: 110px;
    z-index: 1;
}

    .project-style2-title-box:before {
        position: absolute;
        top: 0;
        left: -100000px;
        bottom: 120px;
        right: -300px;
        content: "";
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        z-index: -1;
    }

    .project-style2-title-box:after {
        position: absolute;
        top: 0;
        left: -100000px;
        bottom: 120px;
        right: -300px;
        content: "";
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        z-index: -1;
        background-size: contain;
        background-attachment: scroll;
        background-position: center top;
        background-repeat: repeat-x;
    }

    .project-style2-title-box .sec-title {
        margin-top: 0;
        padding-bottom: 40px;
    }

        .project-style2-title-box .sec-title.style2 .sub-title h3 {
            color: #212122;
        }

        .project-style2-title-box .sec-title .sub-title h3:before {
            background: #212122;
        }

    .project-style2-title-box .text {
        position: relative;
        display: block;
    }

        .project-style2-title-box .text p {
            color: #ffffff;
            font-size: 16px;
            line-height: 28px;
            font-weight: 500;
            margin: 0;
        }


.project-style2-content-box {
    position: relative;
    display: block;
    padding-top: 210px;
}

.project-complected-box {
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 110px;
    padding-top: 66px;
}

    .project-complected-box .icon {
        position: absolute;
        top: 0;
        left: 0;
        width: 110px;
        border-right: 1px solid #ebe5db;
        padding: 77px 0 5px;
    }

        .project-complected-box .icon span:before {
            font-size: 65px;
            line-height: 65px;
        }

    .project-complected-box .title {
        position: relative;
        display: block;
        padding-left: 50px;
    }

        .project-complected-box .title h2 {
            font-size: 60px;
            line-height: 52px;
            font-weight: 800;
            margin: 0 0 10px;
        }

        .project-complected-box .title h3 {
            color: #84827c;
            font-size: 18px;
            line-height: 22px;
            font-weight: 500;
        }


.project-carousel {
    position: relative;
    display: block;
}

    .project-carousel.owl-carousel .owl-stage-outer {
        margin-right: -600px;
    }

    .project-carousel.owl-carousel.owl-dot-style1 .owl-dots {
        position: absolute;
        left: -405px;
        bottom: 0;
        line-height: 0;
    }















/*** 
=============================================
    Project style1 Area Css
=============================================
***/
.project-style1-area {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 0px 0 120px;
}

    .project-style1-area.pdtop120 {
        padding-top: 120px;
    }

.recent-project-title {
    position: relative;
    display: block;
    padding: 50px 0;
    margin-bottom: 120px;
}

    .recent-project-title:before {
        position: absolute;
        bottom: -15px;
        left: 0px;
        right: 0;
        content: "\f0d7";
        font-family: FontAwesome;
        font-size: 80px;
        text-align: center;
    }

    .recent-project-title h2 {
        color: #ffffff;
        font-size: 46px;
        line-height: 60px;
        font-weight: 800;
    }

.project-style1-area .auto-container-box {
    position: static;
    max-width: 1650px;
    padding: 0px 15px;
    margin: 0 auto;
}

.project-style1-content {
    position: relative;
    display: block;
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
}

    .project-style1-content li {
        position: relative;
        display: block;
        float: left;
        margin: 0 15px 0;
    }

.single-project-style1 {
    position: relative;
    display: block;
}

    .single-project-style1 .img-holder {
        position: relative;
        display: block;
        overflow: hidden;
        border-radius: 5px;
    }

        .single-project-style1 .img-holder:before {
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            opacity: 0;
            border-radius: 5px;
            transition: .5s;
            transform: perspective(400px) scaleX(0);
            -webkit-transform-origin: bottom;
            -ms-transform-origin: bottom;
            transform-origin: bottom;
            z-index: 2;
        }

    .single-project-style1:hover .img-holder:before {
        opacity: 1;
        transform: perspective(400px) scaleX(1.0);
    }

    .single-project-style1 .img-holder img {
        width: 100%;
    }

    .single-project-style1 .overlay-content {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
        transform-origin: bottom;
        transition: all 500ms linear;
        transition-delay: 0.2s;
        z-index: 3;
    }

    .single-project-style1:hover .overlay-content {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
    }

    .single-project-style1 .overlay-content .inner {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        width: 100%;
        height: 100%;
    }

        .single-project-style1 .overlay-content .inner h3 {
            font-size: 24px;
            line-height: 30px;
            font-weight: 800;
        }

            .single-project-style1 .overlay-content .inner h3 a {
                color: #ffffff;
                transition: all 200ms linear;
                transition-delay: 0.1s;
            }

                .single-project-style1 .overlay-content .inner h3 a:hover {
                    color: #212122;
                }

        .single-project-style1 .overlay-content .inner .readmore-button {
            position: relative;
            display: block;
            margin-top: 13px;
            margin-bottom: -45px;
        }

            .single-project-style1 .overlay-content .inner .readmore-button a {
                position: relative;
                display: block;
                width: 95px;
                height: 95px;
                background: #ffffff;
                border-radius: 50%;
                text-align: center;
                color: #212122;
                font-size: 20px;
                line-height: 140px;
                font-weight: 600;
                transform: rotate(180deg);
                transition: all 200ms linear;
                transition-delay: 0.1s;
            }

                .single-project-style1 .overlay-content .inner .readmore-button a:hover {
                    color: #ffffff;
                    background: #212122;
                }



/*** 
=============================================
    Project Style2 Area Css
=============================================
***/
.project-style2-area {
    position: relative;
    display: block;
    background: #ffffff;
    overflow: hidden;
    min-height: 600px;
}

.project-style2-title-box {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 110px;
    padding-right: 110px;
    z-index: 1;
}

    .project-style2-title-box:before {
        position: absolute;
        top: 0;
        left: -100000px;
        bottom: 120px;
        right: -300px;
        content: "";
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        z-index: -1;
    }

    .project-style2-title-box:after {
        position: absolute;
        top: 0;
        left: -100000px;
        bottom: 120px;
        right: -300px;
        content: "";
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        z-index: -1;
        background-size: contain;
        background-attachment: scroll;
        background-position: center top;
        background-repeat: repeat-x;
    }

    .project-style2-title-box .sec-title {
        margin-top: 0;
        padding-bottom: 40px;
    }

        .project-style2-title-box .sec-title.style2 .sub-title h3 {
            color: #212122;
        }

        .project-style2-title-box .sec-title .sub-title h3:before {
            background: #212122;
        }

    .project-style2-title-box .text {
        position: relative;
        display: block;
    }

        .project-style2-title-box .text p {
            color: #ffffff;
            font-size: 16px;
            line-height: 28px;
            font-weight: 500;
            margin: 0;
        }


.project-style2-content-box {
    position: relative;
    display: block;
    padding-top: 210px;
}

.project-complected-box {
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 110px;
    padding-top: 66px;
}

    .project-complected-box .icon {
        position: absolute;
        top: 0;
        left: 0;
        width: 110px;
        border-right: 1px solid #ebe5db;
        padding: 77px 0 5px;
    }

        .project-complected-box .icon span:before {
            font-size: 65px;
            line-height: 65px;
        }

    .project-complected-box .title {
        position: relative;
        display: block;
        padding-left: 50px;
    }

        .project-complected-box .title h2 {
            font-size: 60px;
            line-height: 52px;
            font-weight: 800;
            margin: 0 0 10px;
        }

        .project-complected-box .title h3 {
            color: #84827c;
            font-size: 18px;
            line-height: 22px;
            font-weight: 500;
        }


.project-carousel {
    position: relative;
    display: block;
}

    .project-carousel.owl-carousel .owl-stage-outer {
        margin-right: -600px;
    }

    .project-carousel.owl-carousel.owl-dot-style1 .owl-dots {
        position: absolute;
        left: -405px;
        bottom: 0;
        line-height: 0;
    }















/*** 
=============================================
   Team Area Css
=============================================
***/
.team-area {
    position: relative;
    display: block;
    padding: 120px 0 80px;
    background: #ffffff;
}

    .team-area.pdbottom120 {
        padding-bottom: 120px;
    }

.single-team-member {
    position: relative;
    display: block;
    margin-bottom: 40px;
}

    .single-team-member .img-holder {
        position: relative;
        display: block;
        overflow: hidden;
        border-radius: 5px;
    }

        .single-team-member .img-holder .inner {
            position: relative;
            display: block;
        }

            .single-team-member .img-holder .inner::after {
                position: absolute;
                top: 0;
                left: -100%;
                display: block;
                content: '';
                width: 50%;
                height: 100%;
                background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
                transform: skewX(-25deg);
                z-index: 2;
            }

    .single-team-member:hover .img-holder .inner::after {
        -webkit-animation: shine 1.5s;
        animation: shine 1.5s;
    }

    .single-team-member .overlay-style-one {
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        border-radius: 50%;
        transform: scale(1.3);
    }

    .single-team-member:hover .overlay-style-one {
        opacity: 1;
        transform: scale(1.0);
        border-radius: 50%;
    }

    .single-team-member .img-holder .inner img {
        width: 100%;
        transform: scale(1.0);
        transition: .3s ease-in-out;
    }

    .single-team-member:hover .img-holder .inner img {
    }


    .single-team-member .title-holder {
        position: relative;
        display: block;
        background: #f7f4ef;
        padding: 26px 0 24px;
        border-radius: 5px;
        margin-top: 10px;
    }

        .single-team-member .title-holder h3 {
            font-size: 20px;
            line-height: 20px;
            font-weight: 700;
            margin: 0 0 0px;
        }

            .single-team-member .title-holder h3 a {
                color: #212122;
                transition: all 500ms linear;
                transition-delay: 0.1s;
            }

        .single-team-member .title-holder span {
            position: relative;
            display: inline-block;
            color: #84827c;
            font-size: 16px;
            line-height: 16px;
            font-weight: 500;
        }


    .single-team-member .overlay-social-content {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgb(0,0,0);
        background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 40%);
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(0deg) translateY(80px);
        -ms-transform: perspective(400px) rotateY(0deg) translateY(80px);
        transform: perspective(400px) rotateY(0deg) translateY(80px);
        -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
        transform-origin: bottom;
        -webkit-transition: all 700ms ease;
        -moz-transition: all 700ms ease;
        -ms-transition: all 700ms ease;
        -o-transition: all 700ms ease;
        transition: all 700ms ease;
    }

    .single-team-member:hover .overlay-social-content {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
        -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
        transform: perspective(400px) rotateY(0deg) translateY(0px);
        -webkit-transition-delay: 200ms;
        -moz-transition-delay: 200ms;
        -ms-transition-delay: 200ms;
        -o-transition-delay: 200ms;
        transition-delay: 200ms;
    }

.team-social-link {
    position: absolute;
    left: 0;
    bottom: 10px;
    right: 0;
}

    .team-social-link ul {
        overflow: hidden;
    }

        .team-social-link ul li {
            position: relative;
            display: inline-block;
            margin: 0 12px;
        }

            .team-social-link ul li a {
                position: relative;
                display: block;
                color: #ffffff;
                font-size: 14px;
                line-height: 30px;
            }

                .team-social-link ul li a.fb {
                    opacity: 0;
                    transform: perspective(400px) rotateY(0deg) translateY(80px);
                    transform-origin: bottom;
                    transition: all 300ms ease;
                }

.single-team-member:hover .team-social-link ul li a.fb {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    transition-delay: 200ms;
}

.team-social-link ul li a.tw {
    opacity: 0;
    transform: perspective(400px) rotateY(0deg) translateY(80px);
    transform-origin: bottom;
    transition: all 500ms ease;
}

.single-team-member:hover .team-social-link ul li a.tw {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    transition-delay: 300ms;
}

.team-social-link ul li a.linkedin {
    opacity: 0;
    transform: perspective(400px) rotateY(0deg) translateY(80px);
    transform-origin: bottom;
    transition: all 300ms ease;
}

.single-team-member:hover .team-social-link ul li a.linkedin {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    transition-delay: 100ms;
}

.team-social-link ul li a.pint {
    opacity: 0;
    transform: perspective(400px) rotateY(0deg) translateY(80px);
    transform-origin: bottom;
    transition: all 500ms ease;
}

.single-team-member:hover .team-social-link ul li a.pint {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    transition-delay: 400ms;
}






/*** 
=============================================
    Blog Style1 Area Css
=============================================
***/
.blog-style1-area {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 120px 0 80px;
    z-index: 1;
}

    .blog-style1-area:before {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 515px;
        background: #f6f2eb;
        content: "";
        z-index: -1;
    }

.single-blog-style1 {
    position: relative;
    display: block;
    margin-bottom: 40px;
}

    .single-blog-style1 .img-holder {
        position: relative;
        display: block;
    }

        .single-blog-style1 .img-holder .inner {
            position: relative;
            display: block;
            overflow: hidden;
            border-radius: 5px;
        }

            .single-blog-style1 .img-holder .inner:before {
                position: absolute;
                content: '';
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: #212122;
                opacity: 0;
                border-radius: 3px;
                -webkit-transition: .5s;
                -o-transition: .5s;
                transition: .5s;
                -webkit-transform: perspective(400px) rotateX(-90deg);
                -ms-transform: perspective(400px) rotateX(-90deg);
                transform: perspective(400px) rotateX(-90deg);
                -webkit-transform-origin: top;
                -ms-transform-origin: top;
                transform-origin: top;
                border-radius: 6px;
                z-index: 2;
            }

    .single-blog-style1:hover .img-holder .inner:before {
        opacity: .3;
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
    }

    .single-blog-style1 .img-holder .overlay-icon {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 3;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        -webkit-transition: .9s;
        -o-transition: .9s;
        transition: .9s;
        transform: perspective(400px) scaleY(0);
        transform-origin: bottom;
    }

    .single-blog-style1:hover .img-holder .overlay-icon {
        transform: perspective(400px) scaleY(1.0);
    }

    .single-blog-style1 .img-holder .overlay-icon a {
        position: relative;
        display: inline-block;
        top: -10px;
    }

    .single-blog-style1 .img-holder .overlay-icon span {
        color: #ffffff;
        font-size: 30px;
        line-height: 30px;
    }

    .single-blog-style1 .img-holder .inner img {
        width: 100%;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease;
    }

    .single-blog-style1:hover .img-holder .inner img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    .single-blog-style1 .img-holder .date-box {
        position: absolute;
        bottom: 30px;
        right: 30px;
        padding: 9px 20px 9px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        z-index: 5;
    }

        .single-blog-style1 .img-holder .date-box h5 {
            color: #ffffff;
            font-size: 12px;
            line-height: 20px;
            font-weight: 700;
        }

    .single-blog-style1 .text-holder {
        position: relative;
        display: block;
        background: #ffffff;
        padding: 24px 30px 20px;
        padding-right: 30px;
        margin-top: -30px;
        margin-right: 30px;
        -webkit-transition: all 0.4s linear;
        -o-transition: all 0.4s linear;
        transition: all 0.4s linear;
        z-index: 2;
    }

    .single-blog-style1:hover .text-holder {
        box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
    }

    .single-blog-style1 .text-holder .meta-info {
        position: relative;
        display: block;
        overflow: hidden;
        padding-bottom: 6px;
    }

        .single-blog-style1 .text-holder .meta-info li {
            position: relative;
            display: inline-block;
            float: left;
            line-height: 24px;
            margin-right: 20px;
        }

            .single-blog-style1 .text-holder .meta-info li:last-child {
                margin-right: 0px;
            }

            .single-blog-style1 .text-holder .meta-info li span:before {
                position: relative;
                display: inline-block;
                padding-right: 6px;
                font-size: 14px;
                left: 1px;
            }

            .single-blog-style1 .text-holder .meta-info li a {
                color: #84827c;
                font-size: 14px;
                font-weight: 500;
                transition: all 200ms linear;
                transition-delay: 0.1s;
            }

    .single-blog-style1 .text-holder .blog-title {
        color: #212122;
        font-size: 24px;
        line-height: 34px;
        font-weight: 700;
    }

        .single-blog-style1 .text-holder .blog-title a {
            color: #212122;
            transition: all 200ms linear;
            transition-delay: 0.1s;
        }

    .single-blog-style1 .text-holder .text {
        position: relative;
        display: block;
        padding-top: 32px;
    }

        .single-blog-style1 .text-holder .text p {
            color: #84827c;
            font-size: 16px;
            line-height: 30px;
            font-weight: 500;
            margin: 0;
        }
/*** 
=============================================
    Blog Style2 Area Css
=============================================
***/
.blog-style2-area {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 120px 0 0px;
    z-index: 1;
}

    .blog-style2-area:before {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 148px;
        background: #f6f2eb;
        content: "";
    }

    .blog-style2-area.element-page {
        padding: 120px 0 120px;
    }

        .blog-style2-area.element-page:before {
            display: none;
        }

.single-blog-style1.style1instyle2 {
    margin-bottom: 0;
}

    .single-blog-style1.style1instyle2 .text-holder {
        padding: 24px 30px 25px;
        padding-right: 30px;
        box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
    }

.single-blog-style1:hover .text-holder {
}

footer {
    overflow: hidden;
}

#wpadminbar {
    z-index: 999999999999;
}

section.breadcrumb-area.page-breadcrumb {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

figure {
    margin: unset;
}

.outer-box > .outer-box .single-comment-box {
    margin-left: 20px;
}

.logged-in-as {
    margin-bottom: 30px;
}

.add-comment-box .title,
.comment-box .title {
    padding-bottom: 20px;
}

    .comment-box .title h3 {
        display: flex;
        justify-content: space-between;
    }

        .comment-box .title h3 a {
            position: relative;
            display: inline-block;
            padding: 0 20px;
            color: #ffffff;
            font-size: 14px;
            line-height: 40px;
            font-weight: 600;
            border-radius: 5px;
            background: #d9a95b;
        }

.comment-box .comment-respond {
    margin-bottom: 40px;
}

.single-sidebar ul li.current:before {
    transform: perspective(400px) scaleX(1);
}

@media only screen and (max-width: 1199px) {
    .project-style1-area .auto-container-box .col-md-6 {
        max-width: 470px;
        width: 100%;
        float: none;
        margin: 0 auto 30px;
    }
}

@media only screen and (max-width: 991px) {
    .service-sidebar {
        padding-top: 100px;
    }
}

footer {
    overflow: hidden;
}

#wpadminbar {
    z-index: 999999999999;
}

section.breadcrumb-area.page-breadcrumb {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

figure {
    margin: unset;
}

.outer-box > .outer-box .single-comment-box {
    margin-left: 20px;
}

.logged-in-as {
    margin-bottom: 30px;
}

.add-comment-box .title,
.comment-box .title {
    padding-bottom: 20px;
}

    .comment-box .title h3 {
        display: flex;
        justify-content: space-between;
    }

        .comment-box .title h3 a {
            position: relative;
            display: inline-block;
            padding: 0 20px;
            color: #ffffff;
            font-size: 14px;
            line-height: 40px;
            font-weight: 600;
            border-radius: 5px;
            background: #d9a95b;
        }

.comment-box .comment-respond {
    margin-bottom: 40px;
}

.single-sidebar ul li.current:before {
    transform: perspective(400px) scaleX(1);
}

@media only screen and (max-width: 1199px) {
    .project-style1-area .auto-container-box .col-md-6 {
        max-width: 470px;
        width: 100%;
        float: none;
        margin: 0 auto 30px;
    }
}

@media only screen and (max-width: 991px) {
    .service-sidebar {
        padding-top: 100px;
    }
}