/*
10 Home skin start here
----------------------- */

.skin-bannerwrap {
    position: relative;
    min-height: 500px;
    background-color: $black-color;
    background-image: url(../images/skin1.jpg);
    background-size: cover;
    display: block;
    padding: 25px 0;
    .hc-overlay {
        background: rgba($white-color, 0.5);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 11;
        background-size: cover;
        text-indent: -9999px;
    }
    .skin-banner-content-wrap {
        /*color: $white-color;*/
        z-index: 999;
        &:hover {
            .owl-nav {
                opacity: 1;
            }
        }
    }
    .skin-banner-content-wrap {
        min-height: 500px;
        position: relative;
        z-index: 111;
        &:hover {
            .owl-controls {
                .owl-nav {
                    opacity: 1;
                }
            }
        }
        h2 {
            /*font-weight: 100;*/
            line-height: 45px;
        }
        .single-banner-item {
            position: relative;
            padding: 20px 0px;
            img {
                max-width: 100%;
                width: auto;
            }
            ul {
                li {
                    line-height: 30px;
                }
            }
        }
        .single-right-banner-cont {
            position: relative;
            z-index: 9999;
            padding:  20px 0;
            font-weight: normal;
            /*margin-left: 54px;*/
            display: block;
            h2 {
                font-size: 50px;
            }
            p {
                font-size: 18px;
                margin-top: 30px;
                width: 90%;
            }
            .it-heighlight {
                color: $theme-color;
                font-weight: bold;
                text-transform: uppercase;
            }
        }
        .owl-dots {
            position: relative;
            clear: both;
            margin-top: 25px;
            .owl-dot {
                span {
                    @include border-radius(0px);
                    background: darken($dimline-color, 30%);
                }
            }
            .owl-dot.active {
                span {
                    background: darken($theme-color, 30%);
                }
            }
        }
        .owl-nav {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            opacity: 0;
            transition: all 0.5s ease-in-out 0s;
            margin: auto;
            display: block;
            width: 100%;
            height: 40px;
            .owl-prev {
                left: 0%;
                position: absolute;
                background: $theme-color;
                @include border-radius(0px);
                padding: 10px 15px;
                &:hover {}
            }
            .owl-next {
                right: 0%;
                position: absolute;
                background: $theme-color;
                @include border-radius(0px);
                padding: 10px 15px;
                &:hover {
                    /*background: $theme-color;*/
                }
            }
        }
    }
}

.service-wrap-four {
    position: relative;
    padding: 50px 0;
    display: block;
    h2 {
        font-weight: 100;
        span {
            position: relative;
            &:after {
                position: absolute;
                left: 0;
                bottom: 0;
                content: "";
                height: 2px;
                width: 30px;
                background: $theme-color;
            }
        }
    }
    .getin-touch {
        margin: 25px 0 0 0;
        padding: 30px;
    }
    .heading-wrap-skin {
        p {
            color: $footer-text;
        }
    }
}

.treatment-list-wrap-four {
    min-height: 500px;
    padding: 50px 0;
    width: 100%;
    position: relative;
    display: block;
    background: url(../images/skin1.jpg);
    background-size: cover;
    color: $white-color;
    .hc-overlay {
        background: rgba($black-color, 0.5);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-size: cover;
        text-indent: -9999px;
    }
    h2 {
        font-weight: 100;
    }
    .treatment-listing {
        ul.service-listing {
            position: relative;
            padding: 0;
            margin: 30px 0 0 15px;
            li {
                line-height: 30px;
                list-style: none;
                font-weight: 100;
                position: relative;
                padding-left: 20px;
                a {
                    color: $white-color;
                    text-decoration: none;
                }
                &:before {
                    content: "\f101";
                    position: absolute;
                    font-family: fontawesome;
                    left: 0;
                }
            }
        }
    }
}

.company-video-four {
    display: block;
    width: 100%;
    min-height: 350px;
    background-image: url(../images/skin1.jpg);
    background-size: cover;
    position: relative;
    overflow: hidden;
    .hc-overlay {
        background: rgba($theme-color, 0.5);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-size: cover;
        text-indent: -9999px;
    }
    .popup-link {
        width: 50px;
        height: 50px;
        font-size: 55px;
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        z-index: 111;
        color: $white-color;
        line-height: 50px;
        opacity: 0.7;
    }
}