/* #################### Defaults Start #################### */
.callout-3 .icon-rollover
{
	background-color: #BABABA;
}

.callout-3 .icon-rollover .fa
{
	color: #515151;
}

.callout-3 .icon-rollover:hover
{
	background-color: #000;
}

.callout-3 .icon-rollover:hover > a > .fa:nth-child(2):before
{
	color: #FFF;
}

.callout-3 .icon-rollover
{
	font-size: 64px;
}
/* #################### Defaults End #################### */
.callout-3 [class*="col-"]
{
	padding-top: 70px;
    padding-bottom: 70px;
}

.callout-3 .btn
{
	width: 35%;
	border-radius: 0;
}

.callout-3 .icon-rollover
{
	border-radius: 50%;
	display: inline-block;
	transition: .5s all;
	overflow: hidden;
}

.callout-3 .icon-rollover > a
{
	width: 2em;
	height: 2em;
	position: relative;
	display: block;
}

.callout-3 .icon-rollover .fa
{
	height: 100%;
	width: 100%;
	position: relative;
}

.callout-3 .icon-rollover .fa:before
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 1em;
	transition: .5s all;
}

.callout-3 .icon-rollover .fa:nth-child(2)
{
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}

.callout-3 .icon-rollover .fa:nth-child(2):before
{
	position: absolute;
	top: -5em;
}

.callout-3 .icon-rollover:hover > a > .fa:first-child:before
{
	top: 5em;
	opacity: 0;
}

.callout-3 .icon-rollover:hover > a > .fa:nth-child(2):before
{
	top: 0;
}