/**
 * Call to actions styles
 * 
 */


#call-to-actions {
	padding-top: 0;
	background: #FFF;
}

	#call-to-actions .container {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		justify-content: space-between;
	}

	#call-to-actions .call-to-action {
		position: relative;
		height: 500px;
		flex: 1;
		overflow: hidden;
		background-size: cover;
		background-position: center;
		-webkit-transition: all 1s ease;
		   -moz-transition: all 1s ease;
		    -ms-transition: all 1s ease;
		     -o-transition: all 1s ease;
		        transition: all 1s ease;
	}
	#call-to-actions .call-to-action:nth-child(3n+2) {
		flex: 2;
		margin: 0 1em;
	}
	#call-to-actions .call-to-action::before {
		position: absolute;
		content: '';
		width: 100%;
		height: 150%;
		top: 0;
		left: 0;
		z-index: 10;
		background: -moz-linear-gradient(top,  rgba(241, 101, 41,0) 0%, rgba(241, 101, 41,.95) 66.6%);
		background: -webkit-linear-gradient(top,  rgba(241, 101, 41,0) 0%,rgba(241, 101, 41,.95) 66.6%);
		background: linear-gradient(to bottom,  rgba(241, 101, 41,0) 0%,rgba(241, 101, 41,.95) 66.6%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00294356', endColorstr='#439cd7',GradientType=0 );
		-webkit-transition: all .5s ease;
		   -moz-transition: all .5s ease;
		    -ms-transition: all .5s ease;
		     -o-transition: all .5s ease;
		        transition: all .5s ease;
	}
	#call-to-actions .call-to-action:nth-child(3n+2)::before {
		top: -50%;
		transform: rotate(180deg);
	}
	#call-to-actions .call-to-action:hover::before {
		top: -25%;
	}

		#call-to-actions .call-to-action .text {
			position: absolute;
			z-index: 15;
			max-height: 500px;
			padding: 2em;
			text-align: left;
			color: #FFF;
			bottom: 0;
		}
		#call-to-actions .call-to-action:nth-child(3n+2) .text {
			text-align: center;
			bottom: inherit;
			top: 0;
		}

			#call-to-actions h3 {
				font-size: 1em;
				margin: 0;
				padding-bottom: 1.5em;
				border-bottom: 2px solid #FFF;
				display: inline-block;
				color: #FFF;
				text-transform: uppercase;
				font-weight: 600;
			}

			#call-to-actions p {
				
				font-size: 1.25em;
				font-weight: 400;
				line-height: 1.5em;
				color: #FFF;
				margin: 1.25em 0;
			}

		#call-to-actions .link {
			display: inline-block;
			padding: 0;
			font-weight: 700;
			text-transform: uppercase;
			font-size: 1em;
			line-height: 1.5em;
			-webkit-transition: all .5s ease;
			   -moz-transition: all .5s ease;
			    -ms-transition: all .5s ease;
			     -o-transition: all .5s ease;
			        transition: all .5s ease;
		}
		#call-to-actions .call-to-action:hover .link {
			color: #FFF;
		}

	#call-to-actions .bttn-surround {
		text-align: center;
	}

		#call-to-actions .bttn-surround a.button {
			margin: 80px auto 0;
			display: inline-block;
		}