﻿/*Banner Carousel*/
.swiper-slide-caption h1 {
    padding: 0 30px;
}
@media (max-width: 991.98px) {
    .swiper-container {
        margin-top: 55px;
    }
    .swiper-slide-caption {
        padding: 80px 0;
    }
    .swiper-button-prev, .swiper-button-next {
        display: block;
        height: unset;
    }
    .swiper-button-prev {
        left: 0;
    }
    .swiper-button-next {
        right: 0;
    }
}

/*About Us*/
.about-us p.truncated {
    cursor: default;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow-y: hidden;
}

.about-us p#about-us {
    color: #FFFFFF;
} 

.about-us #read-more.hidden {
    display: none;
}

.about-us #read-more.button-primary:hover {
    border-color: #FFF;
}

/*Serivce + Images*/
    .service1-left div,
    .service2-right div {
        color: #FFFFFF;
    }
    .service1-left .col-lg-12.text-only,
    .service2-right .col-lg-12.text-only {
        max-width: 750px;
        margin: 0 auto;
        margin-top: 45px;
    }

    .service1-left div.truncated,
    .service2-right div.truncated {
        cursor: default;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        -moz-line-clamp: 3;
        overflow-y: hidden;
    }

/*Parallax Service*/
    .our-services .material-parallax.parallax:after {
        content: '\A';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.7);
        opacity: 1;
    }

    .our-services .box-classic-figure {
        text-align: center;
    }
    
    .our-services .box-classic-figure img {
        width: 210px;
        height: 210px;
        object-fit: cover;
    }


    .our-services h4.box-classic-title {
        cursor: pointer;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow-y: hidden;
    }

    .our-services div.box-classic-text {
        cursor: pointer;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow-y: hidden;
    }

    .our-services .long-title div.box-classic-text {
        -webkit-line-clamp: 2;
    }

    .box-classic-text {
        color: #FFFFFF;
        cursor: default;
    }

    .box-classic-body {
        max-height: 210px;
    }

/*Review Carousel*/
    .review-person-address {
        font-size: 21px;
        font-weight: 400;
        margin-top: 10px;
    }

    .review-stars {
        margin-top: 10px;
    }

    .stars li {
        display: inline;
    }

    .review-stars i {
        color: #ea202e;
    }

    .review-message {
        margin-top: 10px;
    }

    .owl-carousel .owl-dot span {
        background: transparent;
    }

    .owl-carousel .owl-dot.active span, .owl-carousel .owl-dot:hover span {
        background: transparent;
    }

@media (max-width: 991.98px) {
    .service1-left .col-lg-12.text-only,
    .service1-right .col-lg-12.text-only {
        margin-top: 0;
    }
}

@media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) {
    .swiper-slide-caption {
        padding: 80px 0;
    }
}

@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
    .truncated, .our-services p.box-classic-text,
    .long-title h4.box-classic-title {
        position: relative;
        height: 3.6em;
        line-height: 1.2em;
    }

    .long-title h4.box-classic-title {
        height: 2.6em;
        overflow-y: hidden;
    }

        .truncated:after, .our-services p.box-classic-text:after {
            content: "";
            text-align: right;
            position: absolute;
            bottom: 0;
            right: 0;
            width: 70%;
            height: 1.2em;
        }

        .truncated:after {
            background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(44, 45, 46) 50%);
        }

        .our-services .long-title div.box-classic-text {
            height: 2.6em;
        }

    .our-services .long-title h4.box-classic-title:after {
        background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(65, 67, 69) 50%);
    }

    .our-services div.box-classic-text:after {
        background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(65, 67, 69) 50%);
    }

    .our-services .box-classic-body:hover div.box-classic-text:after {
        background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(65, 67, 69) 50%);
    }

    .full-message {
        height: auto;
    }

        .full-message:after {
            opacity: 0;
        }
}

@-moz-document url-prefix() {
    .truncated, .our-services div.box-classic-text {
        position: relative;
        height: 3.6em;
        line-height: 1.2em;
    }

        .truncated:after, .our-services div.box-classic-text:after {
            content: "";
            text-align: right;
            position: absolute;
            bottom: 0;
            right: 0;
            width: 70%;
            height: 1.2em;
        }

        .truncated:after {
            background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(44, 45, 46) 50%);
        }

        .our-services div.box-classic-text:after {
            background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(247, 15, 15) 50%);
        }

    .our-services .box-classic-body:hover div.box-classic-text:after {
        background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(65, 67, 69) 50%);
    }

    .full-message {
        height: auto;
    }

        .full-message:after {
            opacity: 0;
        }
}