#custombanner {
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    background-image: url("../../images/bli1.jpg");
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    padding: 6em 0 2em 0 ;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 0 !important;
    cursor: default;
    height: 60vh;
    margin-bottom: -3.25em;
    max-height: 32em;
    min-height: 22em;
    position: relative;
    top: -3.25em;
}
#custombanner:after {
    -moz-transition: opacity 2.5s ease;
    -webkit-transition: opacity 2.5s ease;
    -ms-transition: opacity 2.5s ease;
    transition: opacity 2.5s ease;
    -moz-transition-delay: 0.75s;
    -webkit-transition-delay: 0.75s;
    -ms-transition-delay: 0.75s;
    transition-delay: 0.75s;
    pointer-events: none;
    background-color: #242943;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.85;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

#custombanner h1 {
    font-size: 3.25em;
}

#custombanner > .inner {
    -moz-transition: opacity 1.5s ease, -moz-transform 0.5s ease-out, -moz-filter 0.5s ease, -webkit-filter 0.5s ease;
    -webkit-transition: opacity 1.5s ease, -webkit-transform 0.5s ease-out, -webkit-filter 0.5s ease, -webkit-filter 0.5s ease;
    -ms-transition: opacity 1.5s ease, -ms-transform 0.5s ease-out, -ms-filter 0.5s ease, -webkit-filter 0.5s ease;
    transition: opacity 1.5s ease, transform 0.5s ease-out, filter 0.5s ease, -webkit-filter 0.5s ease;
    padding: 0 !important;
    position: relative;
    z-index: 2;
}

    #custombanner > .inner .image {
        display: none;
    }

    #custombanner > .inner header {
        width: auto;
    }

        #custombanner > .inner header > :first-child {
            width: auto;
        }

            #custombanner > .inner header > :first-child:after {
                max-width: 100%;
            }

    #custombanner > .inner .content {
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -moz-align-items: center;
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center;
        margin: 0 0 2em 0;
    }

        #custombanner > .inner .content > * {
            margin-right: 1.5em;
            margin-bottom: 0;
        }

        #custombanner > .inner .content > :last-child {
            margin-right: 0;
        }

        #custombanner > .inner .content p {
            font-size: 0.7em;
            font-weight: 600;
            letter-spacing: 0.25em;
            text-transform: uppercase;
        }

#custombanner.major {
    height: 75vh;
    min-height: 30em;
    max-height: 50em;
}

    #custombanner.major.alt {
        opacity: 0.75;
    }

#custombanner.style1:after {
    background-color: #6fc3df;
}

#custombanner.style2:after {
    background-color: #8d82c4;
}

#custombanner.style3:after {
    background-color: #ec8d81;
}

#custombanner.style4:after {
    background-color: #e7b788;
}

#custombanner.style5:after {
    background-color: #8ea9e8;
}

#custombanner.style6:after {
    background-color: #87c5a4;
}


/* banner for perosnal */
#personalbanner {
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    background-image: url("../../images/bli10.jpg");
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    padding: 6em 0 2em 0 ;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 0 !important;
    cursor: default;
    height: 60vh;
    margin-bottom: -3.25em;
    max-height: 32em;
    min-height: 22em;
    position: relative;
    top: -3.25em;
}
#personalbanner:after {
    -moz-transition: opacity 2.5s ease;
    -webkit-transition: opacity 2.5s ease;
    -ms-transition: opacity 2.5s ease;
    transition: opacity 2.5s ease;
    -moz-transition-delay: 0.75s;
    -webkit-transition-delay: 0.75s;
    -ms-transition-delay: 0.75s;
    transition-delay: 0.75s;
    pointer-events: none;
    background-color: #242943;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.85;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

#personalbanner h1 {
    font-size: 3.25em;
}

#personalbanner > .inner {
    -moz-transition: opacity 1.5s ease, -moz-transform 0.5s ease-out, -moz-filter 0.5s ease, -webkit-filter 0.5s ease;
    -webkit-transition: opacity 1.5s ease, -webkit-transform 0.5s ease-out, -webkit-filter 0.5s ease, -webkit-filter 0.5s ease;
    -ms-transition: opacity 1.5s ease, -ms-transform 0.5s ease-out, -ms-filter 0.5s ease, -webkit-filter 0.5s ease;
    transition: opacity 1.5s ease, transform 0.5s ease-out, filter 0.5s ease, -webkit-filter 0.5s ease;
    padding: 0 !important;
    position: relative;
    z-index: 2;
}

    #personalbanner > .inner .image {
        display: none;
    }

    #personalbanner > .inner header {
        width: auto;
    }

        #personalbanner > .inner header > :first-child {
            width: auto;
        }

            #personalbanner > .inner header > :first-child:after {
                max-width: 100%;
            }

    #personalbanner > .inner .content {
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -moz-align-items: center;
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center;
        margin: 0 0 2em 0;
    }

        #personalbanner > .inner .content > * {
            margin-right: 1.5em;
            margin-bottom: 0;
        }

        #personalbanner > .inner .content > :last-child {
            margin-right: 0;
        }

        #personalbanner > .inner .content p {
            font-size: 0.7em;
            font-weight: 600;
            letter-spacing: 0.25em;
            text-transform: uppercase;
        }

#personalbanner.major {
    height: 75vh;
    min-height: 30em;
    max-height: 50em;
}

    #personalbanner.major.alt {
        opacity: 0.75;
    }

#personalbanner.style1:after {
    background-color: #6fc3df;
}

#personalbanner.style2:after {
    background-color: #8d82c4;
}

#personalbanner.style3:after {
    background-color: #ec8d81;
}

#personalbanner.style4:after {
    background-color: #e7b788;
}

#personalbanner.style5:after {
    background-color: #8ea9e8;
}

#personalbanner.style6:after {
    background-color: #87c5a4;
}

#custombanner {
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    background-image: url("../../images/bli1.jpg");
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    padding: 6em 0 2em 0 ;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 0 !important;
    cursor: default;
    height: 60vh;
    margin-bottom: -3.25em;
    max-height: 32em;
    min-height: 22em;
    position: relative;
    top: -3.25em;
}
#custombanner:after {
    -moz-transition: opacity 2.5s ease;
    -webkit-transition: opacity 2.5s ease;
    -ms-transition: opacity 2.5s ease;
    transition: opacity 2.5s ease;
    -moz-transition-delay: 0.75s;
    -webkit-transition-delay: 0.75s;
    -ms-transition-delay: 0.75s;
    transition-delay: 0.75s;
    pointer-events: none;
    background-color: #242943;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.85;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

#custombanner h1 {
    font-size: 3.25em;
}

#custombanner > .inner {
    -moz-transition: opacity 1.5s ease, -moz-transform 0.5s ease-out, -moz-filter 0.5s ease, -webkit-filter 0.5s ease;
    -webkit-transition: opacity 1.5s ease, -webkit-transform 0.5s ease-out, -webkit-filter 0.5s ease, -webkit-filter 0.5s ease;
    -ms-transition: opacity 1.5s ease, -ms-transform 0.5s ease-out, -ms-filter 0.5s ease, -webkit-filter 0.5s ease;
    transition: opacity 1.5s ease, transform 0.5s ease-out, filter 0.5s ease, -webkit-filter 0.5s ease;
    padding: 0 !important;
    position: relative;
    z-index: 2;
}

    #custombanner > .inner .image {
        display: none;
    }

    #custombanner > .inner header {
        width: auto;
    }

        #custombanner > .inner header > :first-child {
            width: auto;
        }

            #custombanner > .inner header > :first-child:after {
                max-width: 100%;
            }

    #custombanner > .inner .content {
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -moz-align-items: center;
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center;
        margin: 0 0 2em 0;
    }

        #custombanner > .inner .content > * {
            margin-right: 1.5em;
            margin-bottom: 0;
        }

        #custombanner > .inner .content > :last-child {
            margin-right: 0;
        }

        #custombanner > .inner .content p {
            font-size: 0.7em;
            font-weight: 600;
            letter-spacing: 0.25em;
            text-transform: uppercase;
        }

#custombanner.major {
    height: 75vh;
    min-height: 30em;
    max-height: 50em;
}

    #custombanner.major.alt {
        opacity: 0.75;
    }

#custombanner.style1:after {
    background-color: #6fc3df;
}

#custombanner.style2:after {
    background-color: #8d82c4;
}

#custombanner.style3:after {
    background-color: #ec8d81;
}

#custombanner.style4:after {
    background-color: #e7b788;
}

#custombanner.style5:after {
    background-color: #8ea9e8;
}

#custombanner.style6:after {
    background-color: #87c5a4;
}


/* banner for perosnal */
#personalbanner {
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    background-image: url("../../images/irfanulkarim.jpg");
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    padding: 6em 0 2em 0 ;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 0 !important;
    cursor: default;
    height: 60vh;
    margin-bottom: -3.25em;
    max-height: 32em;
    min-height: 22em;
    position: relative;
    top: -3.25em;
}
#personalbanner:after {
    -moz-transition: opacity 2.5s ease;
    -webkit-transition: opacity 2.5s ease;
    -ms-transition: opacity 2.5s ease;
    transition: opacity 2.5s ease;
    -moz-transition-delay: 0.75s;
    -webkit-transition-delay: 0.75s;
    -ms-transition-delay: 0.75s;
    transition-delay: 0.75s;
    pointer-events: none;
    background-color: #242943;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.85;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

#personalbanner h1 {
    font-size: 3.25em;
}

#personalbanner > .inner {
    -moz-transition: opacity 1.5s ease, -moz-transform 0.5s ease-out, -moz-filter 0.5s ease, -webkit-filter 0.5s ease;
    -webkit-transition: opacity 1.5s ease, -webkit-transform 0.5s ease-out, -webkit-filter 0.5s ease, -webkit-filter 0.5s ease;
    -ms-transition: opacity 1.5s ease, -ms-transform 0.5s ease-out, -ms-filter 0.5s ease, -webkit-filter 0.5s ease;
    transition: opacity 1.5s ease, transform 0.5s ease-out, filter 0.5s ease, -webkit-filter 0.5s ease;
    padding: 0 !important;
    position: relative;
    z-index: 2;
}

    #personalbanner > .inner .image {
        display: none;
    }

    #personalbanner > .inner header {
        width: auto;
    }

        #personalbanner > .inner header > :first-child {
            width: auto;
        }

            #personalbanner > .inner header > :first-child:after {
                max-width: 100%;
            }

    #personalbanner > .inner .content {
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -moz-align-items: center;
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center;
        margin: 0 0 2em 0;
    }

        #personalbanner > .inner .content > * {
            margin-right: 1.5em;
            margin-bottom: 0;
        }

        #personalbanner > .inner .content > :last-child {
            margin-right: 0;
        }

        #personalbanner > .inner .content p {
            font-size: 0.7em;
            font-weight: 600;
            letter-spacing: 0.25em;
            text-transform: uppercase;
        }

#personalbanner.major {
    height: 75vh;
    min-height: 30em;
    max-height: 50em;
}

    #personalbanner.major.alt {
        opacity: 0.75;
    }

#personalbanner.style1:after {
    background-color: #6fc3df;
}

#personalbanner.style2:after {
    background-color: #8d82c4;
}

#personalbanner.style3:after {
    background-color: #ec8d81;
}

#personalbanner.style4:after {
    background-color: #e7b788;
}

#personalbanner.style5:after {
    background-color: #8ea9e8;
}

#personalbanner.style6:after {
    background-color: #87c5a4;
}


.noHover{
    pointer-events: none;
}