/* SECTION 01*/
#references .section01 .divImg {
    background-image: url('/Images/References/mainImg.jpg');
}
/* END - SECTION 01*/




/* SECTION 02*/
#references .section02 {
    width: 100%;
    position: relative;
    padding: 100px 0 80px 0;
}


#references .section02 {
    position: relative;
    width: 100%;
    background-color: #f5f5f5;
    padding: 100px 0 80px 0;
    text-align: center;
}

    #references .section02 h6 {
        text-align: center;
        color: #166ac0;
        font-size: 50px;
    }

    #references .section02 p {
        width: 70%;
        max-width: 850px;
        text-align: center;
        font-size: 22px;
        font-weight: 400;
        margin: 0 auto 100px auto;
        line-height: 30px;
    }

@media all and (max-width: 1024px) {
    #references .section02 p {
        font-size: 13px;
    }
}


#references .section02 .divReferences {
    margin: 0 auto 50px auto;
    width: 960px;
    height: 782px;
    margin-top: 70px;
}

    #references .section02 .divReferences .divReference {
        width: 237px;
        height: 132px;
        position: absolute;
        background-color: #fff;
        background-repeat: no-repeat;
        cursor: pointer;
        display: none;
    }

        #references .section02 .divReferences .divReference .regular, #references .section02 .divReferences .divReference .hover {
            position: absolute;
            top: 0;
            left: 0;
            width: 180px;
            height: 100px;
            margin: 16px 0 0 28px;
            transition: opacity 0.7s;
            -webkit-transition: opacity 0.7s; /* Safari */
        }

        #references .section02 .divReferences .divReference .regular {
            background-position: 0 -100px;
        }

        #references .section02 .divReferences .divReference .hover {
            background-position: 0 0;
            opacity: 0;
        }

        #references .section02 .divReferences .divReference:hover .regular {
            opacity: 0;
        }

        #references .section02 .divReferences .divReference:hover .hover {
            opacity: 1;
        }



#divReference01 .regular, #divReference01 .hover {
    background-image: url('/Images/Default/logo01.png');
}

#divReference01 {
    margin: 0 0 0 120px;
}

    #divReference01 .regular {
        opacity: 0.45;
    }


#divReference02 .regular, #divReference02 .hover {
    background-image: url('/Images/Default/logo02.png');
}

#divReference02 {
    margin: 0 0 0 360px;
}

    #divReference02 .regular {
        opacity: 0.45;
    }


#divReference03 .regular, #divReference03 .hover {
    background-image: url('/Images/Default/logo10.png');
}

#divReference03 {
    margin: 0 0 0 600px;
}

    #divReference03 .regular {
        background-position: 0 -98px !important;
        opacity: 0.45;
    }


#divReference04 .regular, #divReference04 .hover {
    background-image: url('/Images/Default/logo07.png');
}

#divReference04 {
    margin: 135px 0 0 120px;
}

    #divReference04 .regular {
        opacity: 0.48;
    }


#divReference05 .regular, #divReference05 .hover {
    background-image: url('/Images/Default/logo08.png');
}

#divReference05 {
    margin: 135px 0 0 360px;
}

    #divReference05 .regular {
        opacity: 0.40;
    }


#divReference06 .regular, #divReference06 .hover {
    background-image: url('/Images/Default/logo12.png');
}

#divReference06 {
    margin: 135px 0 0 600px;
}

    #divReference06 .regular {
        background-position: 0 -98px !important;
        opacity: 0.55;
    }


#divReference07 .regular, #divReference07 .hover {
    background-image: url('/Images/Default/logo15.png');
}

#divReference07 {
    margin: 270px 0 0 120px;
}

    #divReference07 .regular {
        background-position: 0 -100px !important;
        opacity: 0.55;
    }


#divReference08 .regular, #divReference08 .hover {
    background-image: url('/Images/Default/logo16.png');
}

#divReference08 {
    margin: 270px 0 0 360px;
}

    #divReference08 .regular {
        background-position: 0 -100px !important;
        opacity: 0.55;
    }


#divReference09 .regular, #divReference09 .hover {
    background-image: url('/Images/Default/logo17.png');
}

#divReference09 {
    margin: 270px 0 0 600px;
}

    #divReference09 .regular {
        background-position: 0 -100px !important;
        opacity: 0.55;
    }

/* END - SECTION 02 */