/*
5. About page css start here
----------------------- */

.inner-banner-wrap {
    position: relative;
    min-height: 350px;
    background: $theme-color url(../images/spacial-bg.jpg);
    display: block;
    background-size: cover;
    padding: 10px 0;
    text-align: center;
    .hc-inner-overlay {
        background: rgba($theme-color, 0.8);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-size: cover;
        text-indent: -9999px;
    }
}

.inner-heading-wrap {
    position: relative;
    width: 100%;
    max-width: 560px;
    display: inline-block;
    color: $white-color;
    margin-top: 100px;
    p {
        font-size: 17px;
    }
    h2 {
        font-weight: 600;
        clear: both;
        margin: 8px 0 15px;
        span {
            position: relative;
            /*&:after {
                width: 40px;
                height: 2px;
                background: $white-color;
                bottom: 5px;
                position: absolute;
                content: "";
                left: 0;
                right: 0;
                bottom: -2px;
                margin: auto;
            }*/
        }
    }
}

.individual-thought {
    position: relative;
    min-height: 200px;
    padding: 80px 0;
    display: block;
    clear: both;
    background: lighten($dimline-color, 1%) url(../images/thought-bg.png) 0 15px;
    background-size: 50%;
    .thought-quote {
        font-size: 20px;
        max-width: 500px;
        width: 100%;
        margin: 0 auto;
        position: relative;
        padding: 0 10px;
        line-height: 30px;
        &:after {
            position: absolute;
            content: "\f10e";
            bottom: -2px;
            right: -10px;
            font-family: fontawesome;
            font-size: 18px;
            color: #919191;
        }
        &:before {
            position: absolute;
            content: "\f10d";
            left: -10px;
            top: -2px;
            font-family: fontawesome;
            font-size: 18px;
            color: #919191;
        }
    }
}

.no-padding {
    [class*="col-"] {
        padding-right: 0px;
        padding-left: 0px;
    }
}

.inner-about-wrap {
    position: relative;
    display: block;
    .about-content {
        background: $theme-color;
        color: $white-color;
        min-height: 500px;
        padding: 30px;
        .text-wrap {
            max-width: 550px;
            width: 100%;
            h3 {
                font-size: 30px;
                font-weight: 100;
                span {
                    position: relative;
                    &:after {
                        width: 40px;
                        height: 1px;
                        background: $white-color;
                        bottom: 5px;
                        position: absolute;
                        content: "";
                        left: 0;
                        bottom: -2px;
                        margin: auto;
                    }
                }
            }
        }
    }
    .img-bg-about {
        background-image: url(../images/about-img.jpg);
        min-height: 500px;
        display: block;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}

.counter-wrap {
    position: relative;
    min-height: 350px;
    background: $theme-color url(../images/spacial-bg.jpg);
    display: block;
    background-size: cover;
    padding: 50px 0;
    text-align: center;
    .hc-inner-overlay {
        background: rgba($black-color, 0.8);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-size: cover;
        text-indent: -9999px;
    }
    .counter-single {
        color: $white-color;
        padding: 40px 0;
        span {
            display: inline-block;
            width: 100%;
        }
        .counter {
            font-size: 26px;
            font-weight: 600;
            margin-top: 25px;
        }
        .counter-text {
            margin: 10 0;
            font-size: 17px;
        }
    }
}

.association-section-wrap {
    position: relative;
    padding: 50px 0 50px;
    .associations {
        display: block;
        position: relative;
        margin-top: 25px;
        .owl-dots {
            .owl-dot {
                span {
                    @include border-radius(0px);
                    background: darken($dimline-color, 30%);
                }
            }
            .owl-dot.active {
                span {
                    background: darken($theme-color, 30%);
                }
            }
        }
    }
}