.slides .img-slide{
	position: relative;
	width: 770px;
	height: 354px;
	text-align: center;
	background-size: cover;
}

.img-slide .headline{
	position: absolute;
	text-decoration: none;
	font-family: "Oswald", sans-serif;
	font-size: 22px;
	color: #fff;
	margin-top: 100px;
	padding: 10px 50px;
	line-height: 30px;
	width: 300px;
	text-align: left;
	background-color: black;
	opacity: 0.6;
}

*-- services --*/
.services {
    text-align: center;
    padding: 5em 0;
}
.services-agileinfo {
    display: inline-block;
    margin-top: 1.5em;

}
.servc-icon {
    float: left;
	position:relative;
}
.services a.agile-shape {
    display: inline-block;
    margin: 29px;
    width: 140px;
    height: 140px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    border: 1px solid #CACACA;
    box-shadow: 1px 1px 8px #BDBDBD;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
}
.services span.glyphicon {
    font-size: 3em;
    color: #ff2f68;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
	top: 30%;
    left: -4%;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
}
p.serw3-agiletext {
    font-size: 1.5em;
    color: #FFFFFF;
    position: absolute;
    top: 40%;
    left:20%;
	transform: rotate(-45deg)scale(0);
    -webkit-transform: rotate(-45deg)scale(0);
	-o-transform: rotate(-45deg)scale(0);
	-moz-transform: rotate(-45deg)scale(0);
	-ms-transform: rotate(-45deg)scale(0);
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	
}
.services a.agile-shape:hover {
    background-color: #749e29;
}
.services a.agile-shape:hover span.glyphicon {
    font-size: 1.5em;
    top: 23%;
    left: -20% !important;
	color: #fff;
	
}
a.agile-shape:hover p.serw3-agiletext{
   transform: rotate(-45deg)scale(1);
   -webkit-transform: rotate(-45deg)scale(1);
   -moz-transform: rotate(-45deg)scale(1);
   -o-transform: rotate(-45deg)scale(1);
   -ms-transform: rotate(-45deg)scale(1);
}
.services-agileinfo {
    display: inline-block;
    margin-top: 1.5em;
    padding: 1.5em 0;
}
/*-- //services --*/