@charset "UTF-8";
/* CSS Document */
.container-serv{
	position:relative;
	margin-left:450px;
	margin-top:-200px;
	 z-index:9999;
}

.serv-menu{
	
 width: 215px;
 margin-left: 1px;

	}
.serv-menu li{
	font-family: 'Raleway', sans-serif;
    width: 215px;
	height:17px;
    position: relative;
    float:left;
	margin-top:5px;
	padding-top:5px;
	padding-left:20px;
    background-color: rgba(204,0,1,0.5);
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    margin-right: 2px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.serv-menu li:last-child{
    margin-right: 0px;
	
}
.serv-menu li a{
    text-align: left;
    display: block;
    color: #FFF;
    position: relative;


}

.serv-icon{
	
    font-family: 'WebSymbolsRegular', cursive;
    font-size: 12px;
   color: #cc0001;
    line-height: 150px;
    position: absolute;
	width:auto;
    left: 4px;
    top: -64px;
    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;
	
}

.serv-content{
    position: absolute;
    left: 2px;
	width: 215px;
    height: 30px;
  
	
}
.serv-main{
	margin-top:0px;
	margin-left:0px;
    font-size: 11px;
    
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
	
		
}

.serv-menu li:hover {
	
    background-color: rgba(113,27,27,0.5);
}
.serv-menu li.current {
	
    background-color: rgba(113,27,27,0.5);
	
	
}

.serv-menu li:hover .serv-icon{
	
    color: #FFF;
   -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;

		
}

.serv-icon.active{
	color: #FFF;
 
}

.serv-menu li:hover .serv-main{
	color: #FFF;
	-webkit-animation: smallToBig 300ms ease;
	-moz-animation: smallToBig 300ms ease;
	-ms-animation: smallToBig 300ms ease;	
	
		
}
.serv-menu li:hover .serv-sub{
    color: #FFF;
    background-color: rgba(113,27,27,0.5);
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
	
}