.vert-middle{ vertical-align: middle; }
.vert-top{vertical-align: top;}
.vert-bottom{vertical-align: bottom;}
.text-right{ text-align: right;}
.text-center{text-align: center;}

.slide_container{
	position: relative;
}

.slide_container .slide{
	width: 100%;
}

.slide-header{
	position: relative;
	padding-top: 40px;
}
.slide-header h1,.slide-header h2{
	float: left;
	width:50%;
}

.slide-header h1{
	color:#fff;
	font-weight: bold;
	font-size: 52px;
	font-size: 5.2rem;
	margin-bottom: 0;
	padding: 0 20px 0 0;
}
.slide-header h2 {
	color: #fff;
	font-size: 23px;
	font-size: 2.3rem;
	text-transform: uppercase;
}

.slide-header h3{
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 10px 0;
	text-align: right;
	margin: 0;
	font-weight: bold;
}

.slide-header h3:last-of-type{
	padding: 0 !important;
}

/* Slide Content */

/* Slide Content */

#large_workflow{
	margin: 0 auto;
	position: relative;
	max-height:700px !important;
	height:100%;
}

.slide_content{
	margin: 0 auto;
	max-width: 850px;
	padding: 0px;
	position: relative;
	height:100%;
	clear:both;
}

.workflow_content{
	margin: 0 auto;
	max-width: 850px;
	padding: 0px;
	position: relative;
	min-height:540px;
	height:100%;
	clear:both;	
}
.inner-background .slide_content{
	height:560px;
}

.background{
	background: url(../images/slider_bg.png);
	width:100%;
}

/*Nav Controls*/
.nav_controls span{
	position: absolute;
	top:40%;
	cursor: pointer;
	z-index:999;
}

.nav_controls span.prevControl{ left:0; }
.nav_controls span.nextControl{	right:0;}
/*Nav Controls*/

/*Slider footer*/
	.slide_footer{
		margin: 5px auto;
		max-width: 850px;
		width:100%;
		padding: 20px 0;
		border-bottom:1px solid;
	}
	.footer_col{
		display: inline-block;
		*display: inline;
		vertical-align: top;
		width:48%;
	}

	.slide_footer .quotes{
		padding-right:20px;
		vertical-align: top;
	}

	.slide_footer p{
		text-align: left;
	}
/*Slider footer*/


/*Small workflow nav*/
	.small_nav{
		border-left: 1px solid;
	}
	.small_nav #diagonal {
		position: absolute;
		top: 90px;
		left:190px;
		z-index: 1;
	}
	.small_nav table td{
		padding: 0 5px;
		vertical-align: bottom;
	}

	.small_nav table td img{
		z-index:999;
		position: relative;
	}

	.small_nav table tr:first-child td{
		text-align: center;
		vertical-align: middle;
	}
	.small_nav table tr:nth-child(2){
		height: 60px;
	}
	.small_nav table tr:nth-child(2) td{
		text-align: center;
	}
	.small_nav table tr:nth-child(2) td a{
		display: inline-block;
		vertical-align: top;
	}

	.small_nav table tr:nth-child(2) td a:first-of-type{
		padding-left: 90px;
		padding-right: 10px;
		position: relative;
	}
	.small_nav table tr:nth-child(2) td a:first-of-type:after{
		content: url('../images/bracket-sm.png');
		position: absolute;
		top:-15px;
		left: 95px;
	}
	.small_nav table tr:nth-child(2) td a:last-of-type {
		float: right;
		padding-right: 50px;
		position: relative;
		
	}
	.small_nav table tr:nth-child(2) td a:last-of-type:after{
		content: url('../images/diagonal-sm.png');
		position: absolute;
		top:-35px;
		left: -10px;
	}

	.small_nav .workflow{
		margin-left: 100px;
		position: relative;
		text-align: center;
	}

	.small_nav h2{
		font-weight: bold;
		text-align: center;
		color:#808285;
		padding-right: 0px;
		margin-bottom: 20px;
	}

	.small_nav img.active_icon{
		display: none;
	}

	.small_nav #bracket {
		display: block;
	}
/*Small workflow nav*/



/*first slide graphic*/
	#large_workflow ul.row{
		list-style-type: none;
		margin: 0;
		padding: 0;
	}


	#large_workflow ul.row li{
		background: none;
		display: inline-block;
		*display: block;
		vertical-align: baseline;
		zoom:1;
		position: relative;
		
		margin: 0;
		padding: 0;
	}
	#large_workflow ul.row li a{
		display: block;
		position: relative;
	}

	#large_workflow ul.row li a img{
		z-index: 999;
		position: relative;
	}

	#large_workflow ul.row:first-of-type li:first-of-type{
		vertical-align: bottom;
	}

	#large_workflow ul.row li:last-of-type{
		margin-right: 0;
	}

	#large_workflow ul.row:first-of-type li:last-of-type a:after{
		content: ' ';
	}

	#large_workflow ul.row:first-of-type li:last-of-type a{
		padding: 0 !important;
	}

	#large_workflow ul.row:first-of-type li a{
		position: relative;
		display: block;
		float: left;
		padding: 0 11px 0 0;
		text-align: center;
	}

	#large_workflow ul.row:first-of-type li a:after{
		content: url(../images/services-arrow-right.png) no-repeat;
		position: absolute;
		bottom:55%;
		right: 0;
	}

	#large_workflow ul.row:first-of-type li:nth-child(3) a:after{
		bottom:43%;
	}

	/*2nd row*/
	#large_workflow ul.row:last-of-type{
		text-align: center;
		margin:40px 0 0 140px;
	}
	#large_workflow ul.row:last-of-type li{
		position: relative;
		z-index: 100;
	}

	#large_workflow ul.row:last-of-type li:first-of-type{
		margin-right: 10px;
	}

	#large_workflow ul.row:last-of-type li:first-of-type:after{
		content: url('../images/homepage_services_diagram_bracket.png') no-repeat;
		position: absolute;
		top:-25px;
	}

	#large_workflow ul.row:last-of-type li:last-of-type:after{
		content: url('../images/homepage_services_diagram_dotted_line.png') no-repeat;
		position: absolute;
		top:-90px;
		left:-10px;
	}
/*First Slide*/

@media only screen and (max-width: 870px) {
	/*First Slide*/
		.slide-header h1, .slide-header h2{
			float: left;
			width:50%;
		}

		.slide-header h1{
			font-size: 42px;
			font-size: 4.2rem;
			text-align: center !important;
		}

		.slide-header h2 {
			font-size: 18px;
			font-size: 1.8rem;
			text-align: center !important;
		}

		.slide-header h3, .slide-header h3:last-of-type{
			padding: 0 15px !important;
		}

		#large_workflow ul.row li a{
			padding: 0 !important;
		}	
		#large_workflow ul.row li img{
			max-width:80% !important;
		}

		/*2nd row*/
		#large_workflow ul.row:last-of-type{
			text-align: center;
			margin:20px 0 0 100px;
		}

		#large_workflow ul.row:last-of-type li:first-of-type{
			margin-right: 0px;
		}
	/*First Slide*/
	.slide_footer .quotes {
		padding-right: 10px;
		padding-left: 10px;
	}
	
}

@media only screen and (max-width: 869px) {
	/*First Slide*/
		#large_workflow ul.row li{
			width:24%;
		}
	/*First Slide*/
	#large_workflow ul.row:last-of-type li:last-of-type:after {
		top: -90px;
		left: -30px;
	}
	.slide_footer .quotes {
		padding-right: 10px;
		padding-left: 10px;
	}

}


@media only screen and (max-width: 800px) {
	.small_nav .workflow {
		margin-left: 70px;
		position: relative;
		text-align: center;
	}
	.slide_footer .quotes {
		padding-right: 10px;
		padding-left: 10px;
	}
}

@media only screen and (max-width: 768px) {
	/*First Slide*/
		.slide-header h1, .slide-header h2{
			float: none;
			text-align: center;
			width:inherit;
		}

		.slide-header h3, .slide-header h3:last-of-type{
			text-align: center;
		}

		#large_workflow ul.row:last-of-type li:last-of-type:after {
			top: -90px;
			left: -30px;
		}

		#large_workflow ul.row:last-of-type li:first-of-type:after{
			/*-webkit-transform:scale(0.85);
	    	-moz-transform:  scale(0.85);*/
		    /*left:35px;*/
		}

		#large_workflow ul.row:last-of-type li:last-of-type:after{
			/*-webkit-transform:scale(0.5);
	    	-moz-transform:  scale(0.5);*/
		}

		#large_workflow ul.row:first-of-type li a:after{
			/*-webkit-transform:scale(0.75);
	    	-moz-transform:  scale(0.75);*/
		}
		#large_workflow ul.row:last-of-type {
			text-align: center;
			margin: 10px 0 0 100px;
		}
	/*First Slide*/
	
	.small_nav .workflow{
		margin-left: 10px;
	}
	.small_nav #diagonal {
		top: 100px;
		left: 195px;
	}
	.small_nav h2 {
		padding-right: 0px;
		margin-bottom: 10px;
	}
	.slide_footer .quotes {
		padding-right: 10px;
		padding-left: 10px;
	}
}

@media only screen and (max-width: 650px) {
	#large_workflow ul.row:last-of-type li:first-of-type:after{
		-webkit-transform:scale(0.85);
    	-moz-transform:  scale(0.85);
	    left:45px;
	}
	.slide_footer{
		display: none;
	}
	.slide_footer .quotes{
		display: none;
	}
	.footer_col{
		width:100%;
		display: block;
	}
	.footer_col table{
		margin: 0 auto;
	}
	.small_nav .workflow{
		margin: 0 !important;
	}
}

@media only screen and (max-width: 600px) {
	
	#large_workflow{
		max-height: 100% !important;
	}
	
	/*First Slide*/
		#large_workflow ul.row li{
			display: block !important;
			width:100% !important;
		}
		#large_workflow ul.row:first-of-type li a {
			float: none;
		}

		#large_workflow ul.row:last-of-type{
			margin: 0 !important;
		}
		#large_workflow ul.row:last-of-type li:first-of-type:after{
		    display: none;
		}

		#large_workflow ul.row:last-of-type li:last-of-type:after{
			display: none;
		}

		#large_workflow ul.row:first-of-type li a:after{
	    	display: none;
		}
		/*#large_workflow ul.row:last-of-type {
			margin: 10px 0 0 71px;
		}

		#large_workflow ul.row:last-of-type li:first-of-type:after{
			-webkit-transform:scale(0.85);
	    	-moz-transform:  scale(0.85);
		    left: 35px;
		}*/

		/*#large_workflow ul.row:last-of-type li:last-of-type:after{
			-webkit-transform:scale(0.5);
	    	-moz-transform:  scale(0.5);
			top: -80px;
			left: -25px;
		}

		#large_workflow ul.row:first-of-type li a:after{
			bottom:50%;
			-webkit-transform:scale(0.5);
	    	-moz-transform:  scale(0.5);		
		}

		#large_workflow ul.row:first-of-type li:nth-child(3) a:after{
			bottom:37%;
		}*/
	/*First Slide*/
	.slide.inner .background{
		
	}
	.inner-background{
		max-height: 560px !important;
	}
}


@media only screen and (max-width: 480px) {
	/*First Slide*/
		/*#large_workflow ul.row li a {
			padding: 0 5px 0 0 !important;
		}
		#large_workflow ul.row:last-of-type {
			margin: 10px 0 0 71px;
		}

		#large_workflow ul.row:last-of-type li:first-of-type:after{
		    display: none;
		}

		#large_workflow ul.row:last-of-type li:last-of-type:after{
			display: none;
		}

		#large_workflow ul.row:first-of-type li a:after{
	    	display: none;
		}

		#large_workflow ul.row:first-of-type li:nth-child(3) a:after{
			bottom:37%;
		}*/

	/*First Slide*/
	.inner-background .slide_content{
		height:100% !important;
	}
	/*Slider round*/
		.slider-round {
			background: #000 !important;
			opacity:.7;
			/*padding: 25% 0;*/
			color:#fff;
		}
		.slider-round h2 {
			font-size: 20px !important;
			font-size: 2.0rem !important;
			color:#fff;
		}
		.slider-round .inner{
			padding: 10px 40px 10px;
		}
}

/*Slider Round*/
.slider-round {
	background: url(../images/white_circle.png) no-repeat;
	display: block;
	max-height: 502px;
	height: 100%;
	max-width: 502px;
	width: 100%;
	/*padding: 9% 0;*/
	margin: 0 auto;
	text-align: center;
}
.inner{
	padding: 70px 70px 10px;
	text-align: center;
}