/*!
	 *  Tall Header with Hero Tagline Layout
 	 */
	
	
	#top{
		min-height:550px;
		height:calc(80vh - 56px);
		background-repeat:no-repeat;
		background-position:50%;
		background-size:cover;
		overflow:hidden;
	}

			.a{
				position:absolute;
				width:38%;
				height:0;
				padding-bottom:38%;
				background:url(/images/layouts/artistry-a.svg) no-repeat 50%;
				background-size:contain;
				right:-10%;
				bottom:-25%;
			}
			
			.blue-overlay{
				right:-35%;
				background:#004466;
				background:rgba(0,68,103,.8);
				width:100%;
				-webkit-transform:skew(60deg);
				    -ms-transform:skew(60deg);
				        transform:skew(60deg);
				-webkit-transform-origin:bottom right;
				    -ms-transform-origin:bottom right;
				        transform-origin:bottom right;
			}
			
			.blue-overlay,.red-overlay{
				position:absolute;
				top:0;
				height:100%;
			}
			
			.red-overlay{
				right:0;
				background:#8f170f;
				background:rgba(167,9,0,.85);
				width:33%;
				-webkit-transform:skew(-37deg);
				    -ms-transform:skew(-37deg);
				        transform:skew(-37deg);
				-webkit-transform-origin:bottom right;
				    -ms-transform-origin:bottom right;
				        transform-origin:bottom right;
			}
		
		#top .container{
			height:100%;
		}
		
			#top a{
				position:absolute;
				bottom:0;
				right:0;
				display:block;
				float:right;
				padding:15px 55px 15px 15px;
				background-color:none;
				background-image:url(/images/layouts/sub_button.png);
				background-position:100% 100%;
				background-repeat:repeat;
				font-size:14px;
				line-height:14px;
				color:#323232;
				font-weight:700;
				letter-spacing:1px;
			}
			
				#top a,#top a:hover{
				text-decoration:none;
				}
			
				#top a:hover{
					background-color:rgba(255,255,255,.2);
				}
								
	.hero-text{
		position:absolute;
		top:50%;
		-webkit-transform:translateY(-50%);
		    -ms-transform:translateY(-50%);
		        transform:translateY(-50%);
		text-align:center;
		color:#fff;
	}
	
		.hero-text>.container{
			width:700px;
		}
		
			.hero-pagetitle{
				color:#fff;
				font-size:30px;
				display:inline-block;
				font-weight:500;
				border:4px solid #fff;
				line-height:1;
				padding:.75em;
				text-transform:uppercase;
			}
			
			.hero-headline{
				margin-top:1em;
				font-size:40px;
				font-weight:200;
				color:#fff;
				text-transform:none;
				line-height:1.2;
				text-align:center;
			}
				
			.hero-aside,.hero-headline p,.hero-subheadline p{
					margin:0;
			}
				
			.hero-aside{
				text-align:right;
				font-size:20px;
				line-height:1.8;
			}
			
			.hero-subheadline{
				margin-top:1em;
				padding-top:1em;
				font-size:18px;
				line-height:1.6;
				border-top:2px solid #fff;
			}
			
				.hero-subheadline strong{
					font-weight:500;
				}

	/*! 
	 *  Short Header Layout
	 */
	 
	 #top.short-header{
		min-height:390px;
		height:390px;
		background-repeat:no-repeat;
		background-position:50%;
		background-size:cover;
		overflow:hidden;
	}

			#top.short-header .a{
				position:absolute;
				width:38%;
				max-width:490px;
				height:0;
				padding-bottom:38%;
				background:url(/images/layouts/artistry-a.svg) no-repeat 50%;
				background-size:contain;
				right:-10%;
				bottom:-120px;
			}
			
			#top.short-header .blue-overlay{
				position:absolute;
				top:0;
				right:-35%;
				background:#004466;
				background:rgba(0,68,103,.8);
				width:100%;
				height:100%;
				-webkit-transform:skew(60deg);
				    -ms-transform:skew(60deg);
				        transform:skew(60deg);
				-webkit-transform-origin:bottom right;
				    -ms-transform-origin:bottom right;
				        transform-origin:bottom right;
			}
			
			#top.short-header .red-overlay{
				position:absolute;
				top:0;
				right:0;
				background:#8f170f;
				background:rgba(167,9,0,.85);
				width:33%;
				height:100%;
				-webkit-transform:skew(-37deg);
				    -ms-transform:skew(-37deg);
				        transform:skew(-37deg);
				-webkit-transform-origin:bottom right;
				    -ms-transform-origin:bottom right;
				        transform-origin:bottom right;
			}
	
	
	#content .cb-body blockquote{
		margin:0;
		position:relative;
	}
		#content .cb-body blockquote:after,#content .cb-body blockquote:before{
			font-family:artistry !important;
		    speak:none;
		    font-style:normal;
		    font-weight:400;
		    font-variant:normal;
		    text-transform:none;
		    line-height:1;
		    -webkit-font-smoothing:antialiased;
		    -moz-osx-font-smoothing:grayscale;
			position:absolute;
			font-size:40px;
			width:55px;
			height:40px;
			color:#123a50;
			opacity:.5;
		}
		
			#content .cb-body blockquote:before{
				 content:"\e903";
				 top:0;
				 left:-75px;
			}
			
			#content .cb-body blockquote:after{
				right:-75px;
				top:40%;
				content:"\e902";
			}
			
			#content .cb-layout-image .cb-body blockquote:after,#content .cb-layout-image .cb-body blockquote:before{
				color:#fff;
			}
			
			#content .serviceBox {
				background: #ffffff;
				margin: 0px 3%;
				padding: 0px 25px;
				min-height: 300px;
			}
			
			#content .serviceBody {
				font-size: .8em;
				width:100%;
				padding: 20px 0 40px;
			}
			
			#content .seriviceTitleContainer {
				position: relative;
				margin: 0px 3%;
				background-color: #444;
				text-align: center;
			}
			
			#content .serviceTitle {
				color: #fff;
				font-size: 27px;
				display: inline-block;
				font-weight: 500;
				border: 4px solid #fff;
				line-height: 1;
				padding: .45em;
				text-transform: uppercase;
				text-align: center;
				margin: 45px auto;
			}
			
			#content .serviceBody em {
				font-size: 1.1em;
			}
			
			#content .serviceBody ul {
				padding-left: 16px;
			}
			
			#content .serviceButton {
				margin: -20px 10% 0;
			}
			

			#content .serviceButtonTitle {
				display: block;
				position: absolute;
				color: #fff;
				text-decoration: none;
				width:100%;
				height: 100%;
				top:0;
				left:0;
			}

		
		.blockquote-footer{
			text-align:right;
			display:-webkit-flex;
			display:-ms-flexbox;
			display:flex;
			-webkit-flex-flow:row nowrap;
			    -ms-flex-flow:row nowrap;
			        flex-flow:row;
			-webkit-justify-content:flex-end;
			    -ms-flex-pack:end;
			        justify-content:flex-end;
			-webkit-align-items:center;
			    -ms-flex-align:center;
			        align-items:center;
			margin-top:2em;
		}
		
			.blockquote-logo{
				display:inline-block;
				max-width:150px;
				margin-right:20px;
			}
			
				.blockquote-logo img{
					max-width:100%;
					height:auto;
				}
			
			.blockquote-cite{
				display:inline-block;
				text-align:left;
			}
		
		.blockquote-footer p{
			margin:0;
			line-height:1.2 !important;
		}
			a.service-button{
				display:inline-block;
				padding:12px 16px;
				background-color:#123a50;
				font-family:Gotham A,Gotham B,Helvetica,Arial,sans-serif;
				font-size:21px;
				color:#fff;
				text-decoration:none;
				letter-spacing:none;
				transition:.2s ease-out;
				clear:both;
				cursor:pointer;
				text-transform:uppercase;
				margin:10px 10px 0;
			}
			
				a.service-button,a.service-button:after{
				position:relative;
				line-height:1.5;
				font-weight:400;
				}

				a.service-button.active{
					background-color:#4f4f4f;
					pointer-events:none;
				}

					a.service-button.active:after{
						display:none;
					}
			
				a.service-button:after{
					font-family:artistry !important;
				    speak:none;
				    font-style:normal;
				    font-variant:normal;
				    text-transform:none;
				    -webkit-font-smoothing:antialiased;
				    -moz-osx-font-smoothing:grayscale;
				    content:"\e901";
				    display:inline-block;
				    margin-left:12px;
				    transition:-webkit-transform .2s ease-out;
				    transition:transform .2s ease-out;
				    transition:transform .2s ease-out,-webkit-transform .2s ease-out;
				}
				
					a.service-button:hover{
						cursor:pointer;
						background:#95b740;
						text-decoration:none;
					}
					
					a.service-button:hover:after{
						-webkit-transform:translate(5px);
						    -ms-transform:translate(5px);
						        transform:translate(5px);
					}
					
					a.service-button:active,a.servicebutton:hover:active{
						opacity:.6;
						text-decoration:none;
					}
		
	.whitebg{
		background:#fff;
	}
	
		#content .cb-row{
			padding:0;
			overflow:hidden;
		}
		
			
		
			#content .cb-content.cb-layout-image{
				margin:0;
			}
			
			#content .cb-body.leading{
				padding-top:50px;
			}
			
				
			
			#content .cb-layout-image .cb-body{
			    padding:0;
			}
		
		#content .clearfix{
			display:block;
		}
		
			#content .clearfix:after{
				content:'';
				display:table;
				clear:both;
			}
					
			#content h3.cb-header{
				position:relative;
				width:1000px;
				margin:0 auto;
				font-family:Gotham A,Gotham B,Helvetica,Arial,sans-serif;
				font-weight:500;
				overflow:hidden;
				font-size:38px;
				line-height:1.2;
				text-transform:uppercase;
				color:#123a50;
			}
			
				
			
			#mainContainer #content ul.cb-tools{
				margin:0 20px 0 0;
			}
			
			#content .cb-body,#content .cb-body table,#content .cb-body tbody,#content .cb-body td,#content .cb-body tr,#content .cb-body div.fld_left p,#content .cb-body div.fld_right p,#content .cb-body div.fld_left label,#content .cb-body div.fld_right label,#content .cb-body div.fld_title,#content .cb-body div.formFieldInput select option{
				font-family:Gotham A,Gotham B,Helvetica,Arial,sans-serif;
				line-height:1.8;
				font-size:16px;
			}
			
			#content .cb-body table,#content .cb-body tbody,#content .cb-body td,#content .cb-body tr{
				color:#4f4f4f;
			}
			
				#content .cb-body img{
					max-width:100%;
					height:auto;
				}
				
			#content .single-column-center{
				width:70%;
				margin:0 auto;
			}
			
			#content .two-col{
				padding-left: 60px;
				-webkit-column-count:2;
				   -moz-column-count:2;
				        column-count:2;
				-webkit-column-gap: 2em;
				   -moz-column-gap: 2em;
				        column-gap: 2em;
			}
			
			#content .two-col p {
			    margin: 0 0 1em;
			    -webkit-column-break-inside: avoid;
			              page-break-inside: avoid;
			                   break-inside: avoid;
			}
			
			#content .staff p{
				line-height:1em;
				margin-top:0;
			}
			
			#content .staffname{
				color:#123a50;
				font-size:15px;
				line-height:15px;
				font-weight:700;
			}
			
			#content .stafftitle{
				color:#4f4f4f;
				font-family:Gotham A,Gotham B,Helvetica,Arial,sans-serif;
				font-size:8px;
				line-height:8px;
				text-transform:uppercase;
				font-weight:700;
			}
			
			.client-logos{
				display:-webkit-flex;
				display:-ms-flexbox;
				display:flex;
				-webkit-flex-flow:row wrap;
				    -ms-flex-flow:row wrap;
				        flex-flow:row wrap;
				-webkit-justify-content:space-between;
				    -ms-flex-pack:justify;
				        justify-content:space-between;
				-webkit-align-items:center;
				    -ms-flex-align:center;
				        align-items:center;
				font-size:0;
			}
			
				.client-logo-container{
					display:inline-block;
					margin:1em 0;
					padding:0 10px;
					width:20%;
					text-align:center;
					box-sizing:border-box;
					vertical-align:middle;
					font-size:16px;
					opacity:.9
				}
				
					.client-logo-container img{
						max-width:100%;
						height:auto;
						pointer-events:none;
					}
								
			#content .payment{
				width:1000px;
				max-width:94%;
			}
			
				#content .payment_wrapper{
					width:600px;
					max-width:98%;
				}
				
					#content .payment h3{
						color:#123a50;
					}
					
						#content .payment .fld_submit input{
							position:relative;
							display:block;
							float:right;
							padding:12px 45px 12px 16px;
							background-color:none;
							background-image:url(/images/layouts/btn_arrow.png);
							background-position:100%;
							background-repeat:no-repeat;
							border:0;
							font-family:Gotham A,Gotham B,Helvetica,Arial,sans-serif;
							font-size:14px;
							line-height:14px;
							color:#ffffff;
							font-weight:400;
							text-decoration:none;
							clear:both;
							background:#123a50;
						}
						
						#content .payment_error{
							color:#D41A29;
						}
			
			#content .article_flex_container{
				margin:1em 0;
				display:-webkit-flex;
				display:-ms-flexbox;
				display:flex;
				-webkit-flex-flow:row wrap;
				    -ms-flex-flow:row wrap;
				        flex-flow:row wrap;
				-webkit-justify-content:space-between;
				    -ms-flex-pack:justify;
				        justify-content:space-between;
				-webkit-align-items:flex-start;
				    -ms-flex-align:start;
				        align-items:flex-start;
			}
			
			
			#content .article{
				position:relative;
				display:table;
				width:232px;
				height:172px;
				padding:0;
				line-height:0;
				float:left;
				margin:10px auto;
			}
							
				#content .article_hover{
					position:absolute;
					display:none;
					width:100%;
					height:100%;
					top:0;
					left:0;
					background:url(/images/layouts/article_overlay.png) repeat top;
				}
			
				#content .article:hover>.article_hover{
					display:block;
				}
				
				#content .article_link{
					position:absolute;
					padding:0;
					height:100%;
					top:0;
					left:0;
				}
				
				#content .article_link,#content .article_text{
					margin:0;
					width:100%;
					text-decoration:none;
				}
				
				#content .article_text{
					display:table-cell;
					vertical-align:middle;
					padding:0 20px;
					height:175px;
					color:#ffffff;
					font-weight:700;
					font-size:19px;
					line-height:26px;
					text-align:left;
				}
				
					#content .article_link:active,#content .article_link:hover,#content .article_link:visited{
						text-decoration:none;
					}
					
					#content .article_container{
						position:absolute;
						padding:0;
						margin:0;
						width:100%;
					height:100%;
						top:0;
						left:0;
					}
					
					#content .article_text img{
						max-width:100%;
						display:block;
						margin:0 auto;
					}

				
			#content .cb-layout_settings-container{
				background-repeat:no-repeat;
				background-position:50%;
				background-size:cover;
			}
		
				#content .cb-layout_layouts-container{
					position:relative;
					width:1000px;
					margin:0 auto;
					overflow:hidden;
				}
				
		#content .cb-body hr{
			border:0;
		}

			#content .cb-body hr:before{
				content:"";
				line-height:1px;
				display:block;
				border:0;
				border-bottom:1px solid #c8c8c8;
			}
			
			#content .cb-body hr:after{
				content:"";
				line-height:1px;
				display:block;
				border:0;
				border-bottom:1px solid #ffffff;
			}
	
	
	#content .cb-body p.doc_header{
		font-size:27px;
		font-weight:300;
		margin:0 0 0 3px;
		line-height:1;
		padding-top:20px;
	}
	
		#content .cb-body p.doc_header span{
			font-size:20px;
			margin-left:10px;
			text-transform:capitalize;
		}
		
	#content h3.cb-header a,#content h3.cb-header a:link,#content h3.cb-header a:visited{
		text-decoration:underline;
		display:inline-block;
	}
	
	#content h3.cb-header a,#content h3.cb-header a:link,#content h3.cb-header a:visited,#content h3.cb-header span.doc{
		font-family:Gotham A,Gotham B,Helvetica,Arial,sans-serif;
		font-size:18px;
		font-weight:400;
	}
	
		#content h3.cb-header span.doc{
			margin-left:15px;
		}
	
	
	#arrowWide{
		left:0;
		width:100%;
		min-width:1024px;
		z-index:5;
	}

		#arrowWide.docked-top{
			position:absolute;
			top:473px;
		}

		#arrowWide.fixed{
			position:fixed;
			top:62px;
		}

		#arrowWide.docked-bottom{
			position:absolute;
			bottom:1051px;
		}
	
		#arrowContainer{
			position:relative;
			margin:0 auto;
			padding:0;
		}
		
			#arrowContainer .arrow{
				position:absolute;
				width:38px;
				height:80px;
				overflow:hidden;
				top:0;
			}
			
				#arrowLeft{
					left:5px;
					background:url(/images/layouts/arrow_left.png) no-repeat top;
				}
			
				#arrowRight{
					right:5px;
					background:url(/images/layouts/arrow_right.png) no-repeat top;
				}

				#arrowContainer .arrow a{
					position:relative;
					width:100%;
					height:100%;
					display:block;
				}
				
				#arrowLeft:hover,#arrowRight:hover{
					background-position:bottom;
				}
				
	#content nav.sub_nav{
		position:relative;
		padding:1.2em 0;
		color:#232323;
		font-size:1.4em;
		font-weight:300;
		text-align:center;
		text-transform:uppercase;
	}
	
		#content nav.sub_nav .nav_btn{
			position:relative;
			display:inline-block;
			background:#123a50;
			padding:.6em 1.3em;
			transition:.2s ease-out;
			margin:.3em 0;
		}
		
		#content nav.sub_nav a{
			font-weight:400;
			color:#ffffff;
			transition:.2s ease-out;
			cursor:pointer;
			text-decoration:none;
		}
		
			#content nav.sub_nav a:after{
				font-family:artistry !important;
				speak:none;
				font-style:normal;
				font-weight:400;
				font-variant:normal;
				text-transform:none;
				-webkit-font-smoothing:antialiased;
				-moz-osx-font-smoothing:grayscale;
				content:"\e900";
				position:absolute;
				display:inline-block;
				padding:.6em;
				right:0;
				top:0;
				opacity:0;
				visibility:hidden;
				transition:.2s ease-out;
			}
			
			#content nav.sub_nav .nav_btn:hover{
				padding:.6em 1.8em .6em .8em;
			}
			
			#content nav.sub_nav .nav_btn:hover a:after{
				opacity:1;
				visibility:visible;
			}
		
			#content nav.sub_nav a:hover{
				text-decoration:none;
				color:#fff;
			}
			
/*!
 *  Fixed Width Layout
 */
 
#content.fixed-width{
	padding:50px 0;
}
 
 #content.fixed-width h3.cb-header{
	width:auto;
	font-size:26px;
}

#content.fixed-width .cb-body.leading{
	padding:0;
}

#content.fixed-width .cb-content{
	margin-top:20px;
	margin-bottom:20px;
}

 

@media (max-width:1024px){
    
    .blue-overlay{
	    -webkit-transform:skew(55deg);
	        -ms-transform:skew(55deg);
	            transform:skew(55deg);
    }
    
    .red-overlay{
	    width:33%;
	    height:100%;
	    -webkit-transform:skew(-47deg);
	        -ms-transform:skew(-47deg);
	            transform:skew(-47deg);
	}
	
	#top.short-header .a,.a{
		bottom:-100px;
	}
	
	.hero-text>.container{
		width:68%;
		max-width:700px;
	}
	
	.section .container{
		width:78%;
		margin:0 auto;
	}
	
		.section .blockquote p{
			font-size:19px;
			line-height:1.75;
		}
	
	.service-text{
		padding:6vw;
	}
		
			#content h3.cb-header{
				width:88%;
				font-size:28px;
				line-height:32px;
			}
			
				
			
		#content .cb-layout_layouts-container{
		    width:88%;
		}
		
		#content nav.sub_nav{
			font-size:1em;
		}
		
		#content .serviceTitle {
			font-size: 17px;
			border: 3px solid #fff;
		}
		
		#content #twitterfeed{
			width:100%;
			box-sizing:border-box;
			height:auto;
			background:#A8451B;
			padding:24px;
			font-size:15px;
		}

}


			
@media (max-width:640px){
		
		.section{
			padding:50px 0;
		}

#arrowWide{
	display:none;
}

	#top{
		min-height:500px;
		background-attachment:scroll;
		margin:0;
	}
		
		#top.short-header{
			min-height:180px;
			height:180px;
		}
	
		#top .wide.overlay{
			  background-size:50% auto;
		}
	
		#top.short-header .a,.a{
			bottom:-50px;
		}
		
		.blue-overlay{
		    -webkit-transform:skew(14deg);
		        -ms-transform:skew(14deg);
		            transform:skew(14deg);
		    right:-16%;
		    width:100%;
		}
		
		.hero-pagetitle{
			font-size:18px;
			border-width:3px;
			line-height:normal;
		}
		
		.hero-headline{
			font-size:32px;
		}
		
		.hero-aside{
			font-size:14px;
			text-align:center;
		}
		
		.hero-subheadline{
			font-size:18px;
		}
			
		
		.about{
			padding-top:0;
		}
		
		.quote.photo{
			background-attachment:scroll;
		}
		
		.blockquote-logo{
			max-width:40%;
		}
		
		.blockquote:after,.blockquote:before{
			display:none;
		}
		
			#content h3.cb-header{
				width:88%;
				font-size:28px;
				line-height:32px;
			}
			
				#content.fixed-width h3.cb-header{
					width:auto;
				}
			
			#content .cb-column{
				float:none;
				width:94%;
			}
			
			#content .cb-body{
				font-size:14px;		
			}
			
			#content .single-column-center{
				width:100%;
			}
				
				#content #twitterfeed{
					float:right;
				}
				
				#content .socialContainer{
					margin-right:22px;
				}

			.slider2 .navigation{
				height:63px;
			}
			
				.slider2 .navigation .container{
					height:63px;
					width:100%;
				}
		
				.slider2 .navigation ul{
					position:absolute;
					width:94%;
					height:63px;
				}
					
						.navigation .activeBox,.navigation li{
						width:87px;
						height:63px;
						}
						
					.slider2 .slideArrow{
						padding:17px 8px 18px;
						background-size:30% auto;
					}

						.slider2 .slide .left,.slider2 .slide .right{
							width:100%;
							height:222px;
							float:none;
						}
						
				.slider2{
	height:478px;
}


	.slider2 .sliderContainer,.slider2 .sliderMask{
		height:300px;
	}
		.slider2 .navigation{
			height:78px;
		}
		
			.slider2 .navigation .container{
				height:78px;
				width:94%;
				margin:0 auto;
			}
	
			.slider2 .navigation ul{
				position:absolute;
				width:94%;
				height:78px;
			}
			
				.navigation li{
					width:110px;
					height:78px;
				}
				
					.navigation .activeBox{
						width:140px;
						height:78px;
					}
					
				.slider2 .slideArrow{
					height:50px;
					padding:12px 14px;
				}

					.slider2 .slide .left,.slider2 .slide .right{
						width:100%;
						height:200px;
						float:none;
					}
				
				#content .staffname{
					font-size:.8em;
					line-height:.8em;
				}
				
				#content .stafftitle{
					font-size:.65em;
					line-height:.65em;
					text-transform:none;
				}
			
			#content .serviceButton {
				margin: -20px 10% 40px;
			}
			
			#content .serviceBody {
				font-size: 1em;
			}
			
			#content nav.sub_nav span.title{
				display:block;
				padding:.5em;
				font-size:1.1em;
			}
		
			#content nav.sub_nav .nav_btn{
				display:block;
				padding:0;
				margin:.5em auto;
				background:transparent;
			}
			
				#content nav.sub_nav .nav_btn:hover{
					padding:0;
				}
			
				#content nav.sub_nav .nav_btn a{
					background:#123a50;
					padding:.5em;
				}
	#content .two-col{
		padding-left: 20px;
		-webkit-column-count:1;
		   -moz-column-count:1;
		        column-count:1;
	}
	
			
	.client-logo-container{
		margin:.5em 0;
		padding:0 3px;
		width:33.333%;
	}

}