.content-menu {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1; width: 990px;
}

.content-menu:before,
.content-menu:after {
  display: table;
  line-height: 0;
  content: "";
}

.content-menu:after {
  clear: both;
}
.xp-menu{
    padding:0; float:left; width:100%; margin-top:13% !important; list-style:none;
  
}
.xp-menu li{padding:0px 0px;
    overflow: hidden;list-style-type:none;
    position: relative;
    float:left;border-right:1px solid #fff;
   -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;}
.xp-menu li:last-child{
    margin-right: 0px; border-right:none;
}
.xp-menu li a{
    text-align: left;
    width: 100%;padding:0px 8px;
    height: 100%; float:left;
    display: block;text-align: center;
    color: #fff;
    position: relative;
}
.xp-icon{
    
    width: 100%;
    height: 50px;
    left: 0px;
    top: 0px; float:left;
    text-align: center;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.xp-icon-one{
     background:url(../images/aboutus.png) center no-repeat;
}
.xp-icon-two{
     background:url(../images/glimpses.png) center no-repeat;
}
.xp-icon-three{
     background:url(../images/expertize.png) center no-repeat;
}
.xp-icon-four{
     background:url(../images/clientele.png) center no-repeat;
}
.xp-icon-five{
     background:url(../images/news.png) center no-repeat;
}
.xp-icon-six{
     background:url(../images/testimonial.png) center no-repeat;
}
.xp-icon-seven{
     background:url(../images/career.png) center no-repeat;
}
.xp-icon-eight{
     background:url(../images/contact.png) center no-repeat;
}
.xp-content{
    position:relative; float:left;
    left: 0px;
    width: 100%;
    height: 50%;
    top: 50%; margin:10px 0px 5px 0px;
}
.xp-main{
    font-size: 14px;
    opacity: 0.8; color:#fff; margin:0px;
    text-align: center; font-weight:300; text-transform:uppercase;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.xp-menu li:hover .xp-main{
    color: #ffe900;
    -webkit-animation: smallToBig 400ms ease;
    -moz-animation: smallToBig 400ms ease;
    -ms-animation: smallToBig 400ms ease;
}
.xp-menu li:hover .xp-icon-one{
     background:url(../images/aboutus-h.png) center no-repeat;
    -webkit-animation: moveFromBottom 400ms ease;
    -moz-animation: moveFromBottom 400ms ease;
    -ms-animation: moveFromBottom 400ms ease;
}
.xp-menu li:hover .xp-icon-two{
    background:url(../images/glimpses-h.png) center no-repeat;
    -webkit-animation: moveFromBottom 400ms ease;
    -moz-animation: moveFromBottom 400ms ease;
    -ms-animation: moveFromBottom 400ms ease;
}
.xp-menu li:hover .xp-icon-three{
     background:url(../images/expertize-h.png) center no-repeat;
    -webkit-animation: moveFromBottom 400ms ease;
    -moz-animation: moveFromBottom 400ms ease;
    -ms-animation: moveFromBottom 400ms ease;
}
.xp-menu li:hover .xp-icon-four{
    background:url(../images/clientele-h.png) center no-repeat;
    -webkit-animation: moveFromBottom 400ms ease;
    -moz-animation: moveFromBottom 400ms ease;
    -ms-animation: moveFromBottom 400ms ease;
}
.xp-menu li:hover .xp-icon-five{
     background:url(../images/news-h.png) center no-repeat;
    -webkit-animation: moveFromBottom 400ms ease;
    -moz-animation: moveFromBottom 400ms ease;
    -ms-animation: moveFromBottom 400ms ease;
}
.xp-menu li:hover .xp-icon-six{
     background:url(../images/testimonial-h.png) center no-repeat;
    -webkit-animation: moveFromBottom 400ms ease;
    -moz-animation: moveFromBottom 400ms ease;
    -ms-animation: moveFromBottom 400ms ease;
}
.xp-menu li:hover .xp-icon-seven{
     background:url(../images/career-h.png) center no-repeat;
    -webkit-animation: moveFromBottom 400ms ease;
    -moz-animation: moveFromBottom 400ms ease;
    -ms-animation: moveFromBottom 400ms ease;
}
.xp-menu li:hover .xp-icon-eight{
    background:url(../images/contact-h.png) center no-repeat;
    -webkit-animation: moveFromBottom 400ms ease;
    -moz-animation: moveFromBottom 400ms ease;
    -ms-animation: moveFromBottom 400ms ease;
}

@-webkit-keyframes smallToBig{
    from {
        -webkit-transform: scale(0.1);
    }
    to {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes smallToBig{
    from {
        -moz-transform: scale(0.1);
    }
    to {
        -moz-transform: scale(1);
    }
}
@-ms-keyframes smallToBig{
    from {
        -ms-transform: scale(0.1);
    }
    to {
        -ms-transform: scale(1);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}