@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,500,700);


/* Buttons */






.btn:hover,

.btn:focus {

	color: white;

}



.btn.btn-blue {

	background: #663fb5;

}



.btn.btn-blue:hover {

	background: #31b9ff;

}



.btn.btn-blue-fill {

	color: #663fb5;

	border-color: #663fb5;

	background: transparent;

}



.btn.btn-blue-fill:hover {

	color: white;

	background: #663fb5;

}



.btn.btn-white-fill {

	color: #fff;

	border-color: #fff;

	background: transparent;

}



.btn.btn-white-fill:hover {

	color: #663fb5;

	background: #fff;

}


.btn.btn-gray-fill {

	color: #fff;

	border-color: #fff;

	background: transparent;

}



.btn.btn-gray-fill:hover {

	border-color: #bbb;

	background: #bbb;

}




@-webkit-keyframes ripple-animation {

	from {

		opacity: 0.2;

		-webkit-transform: scale(1);

		transform: scale(1);

	}

	to {

		opacity: 0;

		-webkit-transform: scale(100);

		transform: scale(100);

	}

}



@keyframes ripple-animation {

	from {

		opacity: 0.2;

		-webkit-transform: scale(1);

		transform: scale(1);

	}

	to {

		opacity: 0;

		-webkit-transform: scale(100);

		transform: scale(100);

	}

}



.services {

	margin: 40px 0;


}



.service {

	width: 100%;

	height: 320px;
	
	margin: 80px 0;

	text-align: center;

	border: 1px solid #ddd;

	-webkit-transition: all 0.3s ease;

	transition: all 0.3s ease;

}

.service2 {

	width: 100%;

	height: 120px;

	margin: 0px 0;

	text-align: center;

	border: 1px solid #ddd;

	-webkit-transition: all 0.3s ease;

	transition: all 0.3s ease;

}

.service .icon-holder {

	position: relative;

	top: 100px;

	display: inline-block;

	margin-bottom: 40px;

	padding: 10px;

	background: white;

	-webkit-transition: all 0.3s ease;

	transition: all 0.3s ease;

}



.service .heading {

	position: relative;

	top: 80px;

	-webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

	transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

}



.service .icon-holder > img.icon {

	width: 40px;

}



.service:hover {

	border-color: #663fb5;

}



.service:hover .icon-holder {

	top: -30px;

}



.service:hover .heading {

	top: -30px;

}



.service .description {

	width: 80%;

	margin: 0 auto;

	opacity: 0;

	-webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

	transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

	-webkit-transform: scale(0);

	-ms-transform: scale(0);

	transform: scale(0);

}



.service:hover .description {

	opacity: 1;

	-webkit-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

}



.team {

	margin: 80px 0;

	padding-bottom: 60px;

	background: white;

	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.07);

}



.team .cover .overlay {

	height: 250px;

	padding-top: 60px;

	opacity: 0;

	background: rgba(0, 168, 255, 0.9);

	-webkit-transition: opacity 0.45s ease;

	transition: opacity 0.45s ease;

}



.team:hover .cover .overlay {

	opacity: 1;

}



.team .avatar {

	position: relative;

	z-index: 2;

	margin-top: -60px;

	border-radius: 50%;

}



.team .title {

	margin: 50px 0;

}




.btn.btn-submit {

	width: 100%;

	margin-top: 30px;

	color: #663fb5;

	border: 2px solid #fff;

	background: #fff;

}



.btn.btn-submit:focus {

	font-weight: bold;

}



.btn.btn-submit:hover {

	color: #663fb5;

	background: #fff;

}





.contacta {
z-index:1;
display:scroll;
position:fixed;
bottom:20px;
left:10px;
padding: 30px 30px;
border: 2px solid #e1e1e1;
border-radius: 80px;
box-shadow: 4px 4px 6px rgba(0,0,0,0.30);
filter: progid:DXImageTransform.Microsoft.Shadow(color='#e1e1e1', Direction=145, Strength=5);
animation: pulso 4s ease-out;
animation-iteration-count: infinite; 
-ms-animation: pulso 4s ease-out;
-ms-animation-iteration-count: infinite; 
-webkit-animation: pulso 4s ease-out;
-webkit-animation-iteration-count: infinite; 
opacity: 0.0; 
}
@-webkit-keyframes pulso {
0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
50% {opacity: 1.0;}
100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}
@keyframes pulso {
50% {opacity: 1.0;}
100% {transform: scale(1.2, 1.2); opacity: 0.0;}
0% {-ms-transform: scale(0.1, 0.1); opacity: 0.0;}
50% {opacity: 1.0;}
100% {-ms-transform: scale(1.2, 1.2); opacity: 0.0;}
0% {transform: scale(0.1, 0.1); opacity: 0.0;}
}
.contacta:hover {
animation-play-state:paused; 
-webkit-animation-play-state:paused;
-ms-animation-play-state:paused; 
background: white;
}