#hoverareares1{
    transition: all 0.5s ease-in-out;
    opacity: 1;
}

#hoverareares1:hover h2{
    color: #fff !important;
}

#hoverareares1:hover{
    background: #0075A8;
    transition: all 0.5s ease-in-out;
    opacity: 1;
}

#hoverareares2:hover h2{
    color: #fff !important;
}

#hoverareares2:hover{
    background: #a8a1c1;
    transition: all 0.5s ease-in-out;
    opacity: 1;
}



#hoverareares3:hover h2{
    color: #fff !important;
}

#hoverareares3:hover{
    background: #77bc1f;
    transition: all 0.5s ease-in-out;
    opacity: 1;
}

#hoverareares4:hover h2{
    color: #fff !important;
}

#hoverareares4:hover{
    background: #009490;
    transition: all 0.5s ease-in-out;
    opacity: 1;
}

#hoverareares5:hover h2{
    color: #fff !important;
}

#hoverareares5:hover{
    background: #6EC4E8;
    transition: all 0.5s ease-in-out;
    opacity: 1;
}

#hoverareares6:hover h2{
    color: #fff !important;
}

#hoverareares6:hover{
    background: #0069A6;
    transition: all 0.5s ease-in-out;
    opacity: 1;
}

#hoverareares7:hover h2{
    color: #fff !important;
}

#hoverareares7:hover{
    background: #7EA7AC;
    transition: all 0.5s ease-in-out;
    opacity: 1;
}

#hoverareares8:hover h2{
    color: #fff !important;
}

#hoverareares8:hover{
    background: #DC5F13;
    transition: all 0.5s ease-in-out;
    opacity: 1;
}

#hoverareares9:hover h2{
    color: #fff !important;
}

#hoverareares9:hover{
    background: #FFD923;
    transition: all 0.5s ease-in-out;
    opacity: 1;
}

#hoverareares10:hover h2{
    color: #fff !important;
}

#hoverareares10:hover{
    background: #77BC1F;
    transition: all 0.5s ease-in-out;
    opacity: 1;
}

#hoverareares11:hover h2{
    color: #fff !important;
}

#hoverareares11:hover{
    background: #00AF41;
    transition: all 0.5s ease-in-out;
    opacity: 1;
}

#hoverareares12:hover h2{
    color: #fff !important;
}

#hoverareares12:hover{
    background: #35647D;
    transition: all 0.5s ease-in-out;
    opacity: 1;
}

#hoverareares13:hover h2{
    color: #fff !important;
}

#hoverareares13:hover{
    background: #849794;
    transition: all 0.5s ease-in-out;
    opacity: 1;
}

#hoverareares14:hover h2{
    color: #fff !important;
}

#hoverareares14:hover{
    background: #F42434;
    transition: all 0.5s ease-in-out;
    opacity: 1;
}

#hoverareares15:hover h2{
    color: #fff !important;
}

#hoverareares15:hover{
    background: #A8A1C1;
    transition: all 0.5s ease-in-out;
    opacity: 1;
}

/*--------------------------------------------*/

.boxaree1{
    height: 130px;
    background: #dadfe1;
    transition: all 0.5s ease-in-out;
}

.boxaree1:hover{
    background: #004D71;
    transition: all 0.5s ease-in-out;
    color: #fff;
}

.boxaree1:hover a{
    transition: all 0.5s ease-in-out;
    color: #fff;
}

/*--------------------------------------------*/
.boxaree2{
    height: 130px;
    background: #dadfe1;
    transition: all 0.5s ease-in-out;
}

.boxaree2:hover{
    background: #00748C;
    transition: all 0.5s ease-in-out;
    color: #fff;
}

.boxaree2:hover a{
    transition: all 0.5s ease-in-out;
    color: #fff;
}

/*--------------------------------------------*/
.boxaree3{
    height: 130px;
    background: #dadfe1;
    transition: all 0.5s ease-in-out;
}

.boxaree3:hover{
    background: #57C8E7;
    transition: all 0.5s ease-in-out;
    color: #fff;
}

.boxaree3:hover a{
    transition: all 0.5s ease-in-out;
    color: #fff;
}

/*--------------------------------------------*/
.boxaree4{
    height: 130px;
    background: #dadfe1;
    transition: all 0.5s ease-in-out;
}

.boxaree4:hover{
    background: #DADFE1;
    transition: all 0.5s ease-in-out;
    color: #fff;
}

.boxaree4:hover a{
    transition: all 0.5s ease-in-out;
    color: #fff;
}

/*--------------------------------------------*/
.boxaree5{
    height: 130px;
    background: #dadfe1;
    transition: all 0.5s ease-in-out;
}

.boxaree5:hover{
    background: #6EC4E8;
    transition: all 0.5s ease-in-out;
    color: #fff;
}

.boxaree5:hover a{
    transition: all 0.5s ease-in-out;
    color: #fff;
}

/*--------------------------------------------*/
.boxaree6{
    height: 130px;
    background: #dadfe1;
    transition: all 0.5s ease-in-out;
}

.boxaree6:hover{
    background: #0069A6;
    transition: all 0.5s ease-in-out;
    color: #fff;
}

.boxaree6:hover a{
    transition: all 0.5s ease-in-out;
    color: #fff;
}

/*--------------------------------------------*/
.boxaree7{
    height: 130px;
    background: #dadfe1;
    transition: all 0.5s ease-in-out;
}

.boxaree7:hover{
    background: #7EA7AC;
    transition: all 0.5s ease-in-out;
    color: #fff;
}

.boxaree7:hover a{
    transition: all 0.5s ease-in-out;
    color: #fff;
}

/*--------------------------------------------*/
.boxaree8{
    height: 130px;
    background: #dadfe1;
    transition: all 0.5s ease-in-out;
}

.boxaree8:hover{
    background: #DC5F13;
    transition: all 0.5s ease-in-out;
    color: #fff;
}

.boxaree8:hover a{
    transition: all 0.5s ease-in-out;
    color: #fff;
}

/*--------------------------------------------*/
.boxaree9{
    height: 130px;
    background: #dadfe1;
    transition: all 0.5s ease-in-out;
}

.boxaree9:hover{
    background: #FFD923;
    transition: all 0.5s ease-in-out;
    color: #fff;
}

.boxaree9:hover a{
    transition: all 0.5s ease-in-out;
    color: #fff;
}

/*--------------------------------------------*/
.boxaree10{
    height: 130px;
    background: #dadfe1;
    transition: all 0.5s ease-in-out;
}

.boxaree10:hover{
    background: #77BC1F;
    transition: all 0.5s ease-in-out;
    color: #fff;
}

.boxaree10:hover a{
    transition: all 0.5s ease-in-out;
    color: #fff;
}

/*--------------------------------------------*/
.boxaree11{
    height: 130px;
    background: #dadfe1;
    transition: all 0.5s ease-in-out;
}

.boxaree11:hover{
    background: #00AF41;
    transition: all 0.5s ease-in-out;
    color: #fff;
}

.boxaree11:hover a{
    transition: all 0.5s ease-in-out;
    color: #fff;
}

/*--------------------------------------------*/
.boxaree12{
    height: 130px;
    background: #dadfe1;
    transition: all 0.5s ease-in-out;
}

.boxaree12:hover{
    background: #35647D;
    transition: all 0.5s ease-in-out;
    color: #fff;
}

.boxaree12:hover a{
    transition: all 0.5s ease-in-out;
    color: #fff;
}

/*--------------------------------------------*/
.boxaree13{
    height: 130px;
    background: #dadfe1;
    transition: all 0.5s ease-in-out;
}

.boxaree13:hover{
    background: #849794;
    transition: all 0.5s ease-in-out;
    color: #fff;
}

.boxaree13:hover a{
    transition: all 0.5s ease-in-out;
    color: #fff;
}

/*--------------------------------------------*/
.boxaree14{
    height: 130px;
    background: #dadfe1;
    transition: all 0.5s ease-in-out;
}

.boxaree14:hover{
    background: #F42434;
    transition: all 0.5s ease-in-out;
    color: #fff;
}

.boxaree14:hover a{
    transition: all 0.5s ease-in-out;
    color: #fff;
}

/*--------------------------------------------*/
.boxaree15{
    height: 130px;
    background: #dadfe1;
    transition: all 0.5s ease-in-out;
}

.boxaree15:hover{
    background: #a8a1c1;
    transition: all 0.5s ease-in-out;
    color: #fff;
}

.boxaree15:hover a{
    transition: all 0.5s ease-in-out;
    color: #fff;
}

.boxaree16{
    height: 130px;
    background: #dadfe1;
    transition: all 0.5s ease-in-out;
}

.boxaree16:hover{
    background: #009490;
    transition: all 0.5s ease-in-out;
    color: #fff;
}

.boxaree16:hover a{
    transition: all 0.5s ease-in-out;
    color: #fff;
}