/* SERVICE BOX STYLE1 */

/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

.serviceBox.style1 {
	position: relative;
 	 display: block;
  	vertical-align: middle;
  	-webkit-transform: translateZ(0);
  	transform: translateZ(0);
  	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  	-webkit-backface-visibility: hidden;
  	backface-visibility: hidden;
  	-moz-osx-font-smoothing: grayscale;
}
.serviceBox.style1:hover, 
.serviceBox.style1:focus, 
.serviceBox.style1:active {
  	-webkit-animation-name: hvr-bob-float, hvr-bob;
  	animation-name: hvr-bob-float, hvr-bob;
  	-webkit-animation-duration: .3s, 1.5s;
  	animation-duration: .3s, 1.5s;
  	-webkit-animation-delay: 0s, .3s;
  	animation-delay: 0s, .3s;
  	-webkit-animation-timing-function: ease-out, ease-in-out;
  	animation-timing-function: ease-out, ease-in-out;
  	-webkit-animation-iteration-count: 1, infinite;
  	animation-iteration-count: 1, infinite;
  	-webkit-animation-fill-mode: forwards;
  	animation-fill-mode: forwards;
  	-webkit-animation-direction: normal, alternate;
  	animation-direction: normal, alternate;
}
.serviceBox.style1:before {
	content: '';
	position: absolute;
	top: -5px;
	left: 50%;
	z-index: 4;
	margin-left: -36px;
	
	background: transparent;
	border: 36px solid transparent;
	border-top-width: 36px;
	border-top-color: #F2942F;
}

.serviceBox.style1 img {
	-moz-border-radius: 9px 9px 0 0;
	-webkit-border-radius: 9px 9px 0 0;
	border-radius: 9px 9px 0 0;
	border-bottom: 5px solid #F2942F; 
}

.serviceBox.style1 .textContainer {
	padding: 15px;
	background: #222;
	
	-moz-border-radius: 0 0 9px 9px;
	-webkit-border-radius: 0 0 9px 9px;
	border-radius: 0 0 9px 9px;
	
	border-bottom: 5px solid #F2942F;
}

.serviceBox.style1 .textContainer h3, 
.serviceBox.style1 .textContainer p { color: #fff; text-align: center; }

.serviceBox.style1 .textContainer h3 {
	font-size: 28px;
	line-height: 30px;
	margin: 0 0 5px;
}

.serviceBox.style1 .textContainer p { margin-bottom: 0; }


.serviceBox.style1 .shadow.shadow3 { height: 20px; margin-bottom: 0; }

.section-servizi .serviceBox.style1:before { border-top-color: #222; }
.section-servizi .serviceBox.style1 img { border-bottom: 5px solid #222; }
.section-servizi .serviceBox.style1 .textContainer { background: #F2942F; border-bottom: 5px solid #222; }
.section-servizi .serviceBox.style1 .textContainer h3, 
.section-servizi .serviceBox.style1 .textContainer p { color: #222; }