/*==== Grad animate styles start here === */

/*animate buttons */
/* Icon Bounce */
.hvr-icon-bounce {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-bounce .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-bounce:hover .hvr-icon, .hvr-icon-bounce:focus .hvr-icon, .hvr-icon-bounce:active .hvr-icon {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* end animate button */

/* show hide */
.gradtitle {
	padding-left:15px;
	height:17px;
	background: url(http://www.elevate1.co.uk/dropdownwitharrows/images/arrow-toggle.png) 0 3px  no-repeat  !important;
	cursor:pointer;
	margin-bottom: 4em;
	color:#104675;
	margin-top: 3em;
}
.gradtitle h3 {
    padding-top: 0;
    font-size: 3rem;
    line-height: 1em;
}

.on {
	background: url(http://www.elevate1.co.uk/dropdownwitharrows/images/arrow-toggle.png) 0 -12px  no-repeat  !important;
}


.gradcontentbox {
	display:none;
	background-color:#eaf2f7;
/*	border: #00426E 1px solid;*/
	padding: 10px;
	margin-bottom:0px;
	border-radius: 20px;
}
.gradcontentbox p:first-of-type {
	font-size: 1.75rem;
    line-height: 1.75em;
    margin-bottom: 0;
}



/*====Grad animate styles ==== */