/*
9 Home eye css here 
-------------------- */

.news-letter-body {
    min-height: 200px;
    display: block;
    position: relative;
    clear: both;
    background: $theme-color;
    color: $white-color;
    padding: 25px 0;
    text-align: center;
    h2 {
        font-weight: 100;
        margin-top: 0;
        line-height: 45px;
    }
    .body-subscribe {
        position: relative;
        .form-group {
            .sub-btn {
                position: absolute;
                right: 0;
                color: $white-color;
                top: 8px;
                background: transparent;
                border: none;
            }
            .form-control {
                background: darken($theme-color, 25%);
                border: none;
                border-bottom: 1px solid $white-color;
                border-radius: 0px;
                color: $white-color;
                box-shadow: none;
                padding: 20px 10px;
                margin-top: 20px;
                &:focus {
                    box-shadow: none;
                }
                &:hover {
                    box-shadow: none;
                }
            }
        }
    }
}

.home-banner-eye {
    min-height: 600px;
    width: 100%;
    position: relative;
    display: block;
    .hc-overlay {
        background: rgba($theme-color, 0.8);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-size: cover;
        text-indent: -9999px;
    }
    .banner-eye-content {
        color: $white-color;
        margin-top: 13%;
        transform: translateY(-13%);
        h2 {
            font-weight: 100;
            text-transform: uppercase;
            line-height: 40px;
        }
        p {
            line-height: 35px;
        }
    }
}

.health-plan-wrap {
    position: relative;
    display: block;
    margin: 50px 0;
    .health-plan-blok.popular {
        border: 5px solid darken($theme-color, 30%);
    }
    .health-plan-blok {
        background: $dim-bg;
        border: 5px solid darken($dim-bg, 2%);
        padding: 15px;
        position: relative;
        margin-top: 30px;
        @include transition(all 0.6s ease-in-out 0s);
        &:hover {
            border: 5px solid darken($theme-color, 30%);
        }
        .plan-header {
            position: relative;
            display: block;
            margin-bottom: 40px;
            text-align: center;
            h2 {
                font-weight: 100;
            }
            .month-price-wrap {
                span.price {
                    font-size: 40px;
                    font-weight: bold;
                    color: $theme-color;
                    padding: 20px 0;
                    position: relative;
                    &:after {
                        height: 1px;
                        width: 35px;
                        background: $theme-color;
                        position: absolute;
                        content: "";
                        left: 0;
                        right: 0;
                        bottom: 0;
                        top: auto;
                        margin: auto;
                    }
                }
                span {
                    font-weight: 100;
                    font-size: 17px;
                }
            }
        }
        .plan-body {
            position: relative;
            text-align: center;
            ul.plan-list {
                list-style: none;
                margin: 0;
                padding: 0;
                li:last-child {
                    border-bottom: 1px solid transparent;
                }
                li {
                    position: relative;
                    padding: 15px 10px 15px 25px;
                    border-bottom: 1px solid $dimline-color;
                    font-size: 14px;
                    line-height: 25px;
                    overflow: hidden;
                    display: block;
                    color: $footer-text;
                    font-weight: 100;
                    strong {
                        display: block;
                        clear: both;
                        overflow: hidden;
                    }
                }
            }
        }
        .plan-footer {
            position: relative;
            display: block;
            text-align: center;
            margin: 25px 0;
            display: inline-block;
            width: 100%;
            clear: both;
        }
    }
}

.call-to-action-three {
    background: $theme-color;
    color: $white-color;
    position: relative;
    padding: 50px 0;
    h2 {
        font-weight: 100;
    }
}

.our-main-treatment-list {
    min-height: 500px;
    padding: 50px 0;
    width: 100%;
    position: relative;
    display: block;
    background: url(../images/eye2.jpg);
    color: $white-color;
    .hc-overlay {
        background: rgba($black-color, 0.8);
        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;
                &:before {
                    content: "\f101";
                    position: absolute;
                    font-family: fontawesome;
                    left: 0;
                }
            }
        }
    }
}

.aboutus-eye-wrap {
    position: relative;
    display: block;
    min-height: 250px;
    background: $dim-bg;
    padding: 50px 0 50px 0;
    .about-disc-eye {
        margin-bottom: 25px;
    }
    .heading-wrap {
        p {
            span {
                color: darken($dim-bg, 30%);
            }
        }
    }
    .video-popup-block {
        display: block;
        width: 100%;
        min-height: 280px;
        background-image: url(../images/eye1.jpg);
        background-size: cover;
        position: relative;
        overflow: hidden;
        .hc-overlay {
            background: rgba($theme-color, 0.8);
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-size: cover;
            text-indent: -9999px;
        }
        .popup-link {
            width: 50px;
            height: 50px;
            font-size: 45px;
            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;
        }
    }
}