/* GENERAL ************************************************************************************************ */
	html { overflow-x: hidden !important;}
	body { background: #fff ; color: #5b5b5b; font-size: 18px; line-height: 120%; font-family: Lato !important; overflow-x: hidden !important; font-family: 'Open Sans', sans-serif; }
	ul#ccm-main-nav li#ccm-white-label-message { display: none !important;}
	h1, h2, h3, h4, h5, h6, p, ul, ol { color: ; font-family: 'Open Sans', sans-serif; !important;}
	body:not(.home) .content p { margin-bottom: 33px; }
	
	.w-container a { color: #9693c6;  text-decoration: underline; }
	
	.content img { margin-bottom: 22px; }
	
	body:not(.home) .content a { color: #3a74ca; }
	.w-container a:hover { color: #fff; text-decoration: none; }
	
	input {-webkit-border-radius:0; 
    border-radius:0;}

	/* THIS TURNS OFF THE ALERT BAR IN EDIT MODE ******************************************************** */

		div#ccm-page-status-bar { display: none !important;}

	a, 
	.cta,
	.cta a span.img,
	.cta a span.h1,
	.cta a span.h2,
	.simpleSliderPrev, 
	.simpleSliderNext,
	.w-container input.submit,
	.logo,
	#toggle-bar a img,
	.subTitlebar .cta a,
	#pageid1 .bookContainer+a img
	
	 { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; } 
	/* { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; outline: 0 !important; } */
	
	a:hover,
	.w-container :hover,
	.cta a:hover span.img,
	.cta a:hover span.h1,
	.cta a:hover span.h2,
	.simpleSliderNext:hover,
	.simpleSliderPrev:hover,
	.w-container input.submit:hover,
	.subTitlebar .cta a:hover,
	#pageid1 .bookContainer+a img:hover
	 { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; } 


	/* SECTION PARALLAX OPTIONS ******************************************************** */

	section:last-child { margin-bottom: 0; }
	.section.parallax { background-position: 50% 50% !important; background-repeat: no-repeat !important; background-attachment: fixed !important; background-size: cover !important; }
	
	
/* TOP BAR ************************************************************************************************* */

	.subTitlebar { background: #3a74ca; position: relative; z-index: 3;  padding: 10px 0; }
	
	.overlay {  /* NEVER USE THIS! */ }
	.subTitlebar .w-col-12 .cta {  height: 27px; position: absolute; top: 56px; background: #4993ff; }
	.subTitlebar .w-col-12 .cta:hover { background: #white; }
	.subTitlebar .w-col-12 .cta a { color: white; display: block; width: 27px; text-align: center; }
	.subTitlebar .w-col-12 .cta a:hover { color: #4993ff; background: white; }
	.fa { padding: 5px 0 4px 0; }
	.subTitlebar .w-col-12 .cta:nth-child(1) { right: 104px }
	.subTitlebar .w-col-12 .cta:nth-child(2) { right: 136px; }
	.subTitlebar .w-col-12 .cta:nth-child(3) { right: 168px; }
	.subTitlebar .w-col-12 .cta:nth-child(4) { right: 200px; }
	.subTitlebar .w-col-12 .cta:nth-child(5) { right: 232px; }
	
	/* NAVIGATION ************************************************************************************************* */

	.nav { }
	.titlebar .nav li a:hover { background: #CECECE; color: white; }
	

		/* TOGGLE MENU ******************************************************************************** */
			
			.nav { display: none;}
		
			#toggle-bar { float: right; height: 47px; text-align: right; width: 160px; margin-top: 0px; }
				.editmode #toggle-bar { display: none !important; }
			
			/* #toggle-bar:hover { background-color: #272727;}	*/
				#toggle-bar img { margin: 15px 0 0; }
				#toggle-bar img:hover { opacity: .80;}
			
				#toggle-bar a { }
				
			.navicon  img { width: 82px; }
			
	.titlebar ul.active { display: block !important; display: block !important; position: absolute; background: #4993ff; top: 47px; width: 100%; left: 0px; text-align: center; }
	.titlebar ul.active a { color: #fff; text-decoration: none; display: block; padding: 6px 0; }

	/* SOCIAL LINKS ************************************************************************************************* */


/* TITLEBAR ************************************************************************************************* */

	.titlebar { background: #dfdfdf; padding-top: 0; padding-bottom: 0; position: relative; z-index: 2; }
	
	
	
	/* LOGO ************************************************************************************************* */
	
	.home .w-col-7 { z-index: 4; }
	
	.titlebar .overlay a img[src*="logo"] { width: 76px /* 36% */;  position: absolute; top: 10px; left: 10px; z-index: 99;
	
		-webkit-box-shadow: 0px 0px 47px 4px rgba(0,0,0,0.26);
		-moz-box-shadow: 0px 0px 47px 4px rgba(0,0,0,0.26);
		box-shadow: 0px 0px 47px 4px rgba(0,0,0,0.26);

	}
	
	.titlebar .overlay a img[src*="logo"]:hover {
		top: 13px;
		-webkit-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.26);
		   -moz-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.26);
		        box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.26);
		
	}
	
	/* EMAIL HARVESTOR ************************************************************************************* */

	.subTitlebar form,
	.contentHighlight2 form  { margin: 0; }
	.subTitlebar form label,
	.contentHighlight2 form label { display: none; }
	.subTitlebar form input,
	.contentHighlight2 form input { float: left; width: 65%; border: none; margin-bottom: 0; box-shadow: none; }
	.subTitlebar form input.button,
	.subTitlebar form input.submit,
	.contentHighlight2 form input.submit { font-family: lato; font-weight: 700; float: left; width: 35%; background: #dece89; color: #3a74ca; box-shadow: none !important; font-size: 13px; text-transform: uppercase; padding: 11px 7px 9px; margin-bottom: 0; }
	.subTitlebar form input.button:hover,
	.subTitlebar form input.submit:hover,
	.contentHighlight2 form input.submit:hover { background: #dfdfdf; color: #fff; }
	
	.subTitlebar form .errors,
	.contentHighlight2 form .errors { display: none; background: #b6b6b6 none repeat scroll 0 0; font-size: 13px; margin: 36px 0 0; padding: 10px; position: absolute;  width: 267px;  z-index: 999; }
	.subTitlebar form .success,
	.contentHighlight2 form .success { background: #3a74ca;color: #fff; font-size: 13px; font-weight: bold; margin: 4px 0 0 5px; padding: 3px; position: absolute; }
	
/* HEADER ************************************************************************************************* */

		
	/* SUB PAGE HEADER IMAGES ************************************************************************************************* */
		
	/* ROTATING HEADER ************************************************************************************************* */
	
		.powerSlideContainer { padding: 0; width: 100%;  }
		
			.powerSlide,
			.header  { background-size: 100% !important; display: block;  margin: -1px 0 0; width: 100%; position: relative; z-index: 1; }
			
				.powerSlide img,
				.header img { margin: 0 -93px;  max-width: 150%; } 
				
				#pageid1 .powerSlide img,
				#pageid1 .header img { max-width: 150%; } 
				
			.powerSliderPagination { display: none; }	
			
	
		/* WORDS ************************************************************************************************* */
	
			.captionContainer { display: block; top: 0; margin: 51px 0 0 66px; right: 0; text-align: center; position: absolute; width: 211px; }
			
				.captionTitle { background: none; bottom: 107px; right: -3px; color: #3a74ca; display: inline-block; font-size: 31px; font-weight: 700;  text-align: center; }
				.captionDesc { background: none; bottom: 83px; right: -3px; color: #4993ff;  display: inline-block; font-size: 13px;  font-weight: 300; text-align: center; }
				.captionContainer .btn { background: #4993ff;  bottom: 52px; color: #fff; display: inline-block; font-size: 13px; font-weight: 500; right: 15px; text-align: center; padding: 5px; margin: 9px 0 0; text-transform: uppercase; width: 156px; }

			.powerSlide:hover .captionContainer .btn { background: #3a74ca;}
				
/* CTAs **************************************************************************************************** */		

	.ctaBar   {  background: #f8f8f9; margin-top: 6px; border-bottom: 1px solid #f8f8f9; }
		
		.ctaBar  .cta { text-align: center; padding-bottom: 33px; }	
		.ctaBar .w-container  .cta a { text-decoration: none; }
		.ctaBar  .cta .fontAwesome a { font-size: 47px; color: #b6b6b6; display: block; padding-top: 33px; }
		.ctaBar .h1 { font-size: 27px; color: #4993ff; display: block; line-height: .5em; }
		.ctaBar .cta-subtitle { font-size: 42px; color: #4993ff; display: block; line-height: 1.5em; }
		.ctaBar .ccm-output-thumbnail+span { display: block; margin: 15px auto; background: #cdccd2; width: 110px; height: 11px; }
		
		.ctaBar .cta:hover { background: #cdccd2; }
		.ctaBar .cta:hover .fa { color: white; }
		.ctaBar .cta:hover .ccm-output-thumbnail+span { background: white; }
		
				
/* CONTENT ************************************************************************************************* */

	.contentHighlight   { padding: 75px 0; text-align: center; color: white; font-size: 22px; }
	.contentHighlight  h1  { color: white; font-weight: 100; margin-bottom: 35px; } 
	.contentHighlight p { margin-bottom: 22px; line-height: 28px; }
	.contentHighlight .cta  { margin-bottom: -6px; }
	.contentHighlight .cta   a { color: white; text-decoration: none;}
	.contentHighlight .cta .fa { margin: 0 8px 0 0;}
	.contentHighlight .cta  p { margin-bottom: 0; }
	.contentHighlight .cta  .h1 { font-weight: bold;  text-decoration: underline; }
	.contentHighlight .cta:Hover  .h1 { text-decoration: none; }
	.contentHighlight .cta + .cta { margin-bottom: 22px; }
	
	
	.contentHighlight2   { background: url(../img/bgConnect2MOBILE.png) -221px 0 no-repeat; padding: 48px 0; }
	.home .contentHighlight  h1 { text-align: center; text-transform: uppercase; line-height: 1em; font-size: 35px; }
	.contentHighlight2  h1 { color: #4f97ff; font-weight: 200; margin-bottom: 40px; font-size: 45px; line-height: 38px; }
	.contentHighlight2  h1 strong { font-weight: 700; display: block; width: 209px; } /* width to force a wrap like the comp...should be an html change */
	
	.contentHighlight2  #mc-embedded-subscribe { background: #c2a028; color: #fff; box-shadow: none !important; font-weight: 600; font-size: 20px; text-transform: uppercase; border: none; margin: 0 auto; display: block; padding: 16px 68px; }
	.contentHighlight2  #mc-embedded-subscribe:hover { background: #dfdfdf; color: #fff; }
	.contentHighlight2  #mc_embed_signup input { box-shadow: none !important; }
	
	.video-container { position:relative; padding-bottom:56.25%; padding-top: 0; height:0; margin-bottom: 25px; }
			
	
	.video-container iframe, 
	.video-container object, 
	.video-container embed{ 
		position:absolute;
		top: auto; /* 12px;  */
		left:0; 
		width:100%; 
		height:100%; 
		-webkit-box-shadow: 0px 0px 28px 0px rgba(30,23,38,0.73); 
		-moz-box-shadow: 0px 0px 28px 0px rgba(30,23,38,0.73);
		box-shadow: 0px 0px 28px 0px rgba(30,23,38,0.73); margin-bottom: 75px; 
	}
	

/* FOOTER ************************************************************************************************* */

	.footer { padding: 50px 10px 240px; text-align: center; }

	/* NAVIGATION ************************************************************************************************* */

		.footer .nav { display: block !important; margin: 0 0 40px 0; }
		.footer .nav a  { font-size: 19px; font-weight: 400;} }

	/* LOGO ************************************************************************************************* */

		.footer img { margin: 0 0 30px 0; }
		.footer .overlay a img[src*="logo"] { width: 101px; height: 93px; margin: 0 auto 22px auto; display: block; }
		
		
	.footer .cta { background: #4993ff; height: 28px; width: 28px; display: inline-block; margin-right: 10px; }
	.footer .cta a { color: white; display: block; width: 28px; text-align: center; }
	.footer .cta img { display: none; }
	
	.footer .cta:hover { background: #dece89; }
		

	/* CREDITS ************************************************************************************************* */

		.footer p a { color: #959595; clear: both; margin-top: 70px; text-align: center; text-transform: uppercase; font-size: 13px; display: block; }
		.footer p a:hover { color: #4993ff; }
		.footer ul { text-align: center }
		.footer ul li { display: block; list-style: none; }
		.footer ul li a { color: #979797; font-family: Lato; font-size: 13px; text-decoration: none;  text-transform: uppercase;}
		.footer ul li a:hover { color: #d06f1a; }
		
		.content .cta a { text-decoration: none;}
		.content .cta .fa { margin: 0 8px 0 0;}
		.content .cta .h1 { text-decoration: underline;}
		.content .cta:hover h1 { text-decoration: none; }
		.content .cta p { margin-bottom: 0 !important; }
		
		.content { padding-top: 40px; }
		
		.content h1,
		.header h1 { font-weight: 600; font-size: 52px; color: #3a74ca; line-height: 1em; margin-bottom: 12px; }
		

		.content h2,
		.content h1 + h2,
		#pageid314 .content h1 + h2,
		.blog .content .w-col-8 h4  { font-weight: 800; font-size: 25px; color: #3a74ca; line-height: 32px; margin-bottom: 12px; }
		
		body:not(.home).content p:first-child { color: #7ba5e2; font-size: 25px; }
		body:not(.home) .w-col p:first-of-type { color: #7ba5e2; font-size: 25px; line-height: 32px; margin-bottom: 27px; }
		
		
		.testimonial { background: #cdccd2; padding: 37px 25px 45px 25px; color: #3a74ca; margin-bottom: 30px;  }
		.testimonial .info  { margin-bottom: 33px; display: block; }
		.testimonial h1 { display: none; }
		.testimonial h2 { font-size: 20px !important;}
		.testimonial .description { color: #313131; }
		
		h2+.testimonial { margin-top: 30px;}
		
		.w-col-4 .testimonial { margin-top: -22px; }
		.w-col-4 .testimonial .info  { }
		.w-col-4 .testimonial h2 { }
		

	/* MEDIA LISTING ************************************************************************************************* */


	#pageid344 .content ul.nav { display: block !important; margin: 30px 0 80px; }
	#pageid344 .content ul.nav li { line-height: 100%; margin: 0 0 20px 20px;}
	#pageid344 .content ul.nav li a { font-weight: 800; }
	#pageid344 .content ul.nav li a:hover {  }

	/* BLOG ************************************************************************************************* */


			.header h1 { margin-top: 20px;}
			.blog .content h1 { font-size: 52px; margin: 0 0 12px; } 
			.blog .content h3 { color: #5b5b5b;; }
			.blog .content .w-col-8 h4 { margin-bottom: 40px; }
			.blog .taglist { display: none;}
			
			.ccm-next-previous-wrapper { height: 91px; padding: 0 0 25px;}
			.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices { height: 27px !important;}
		
		/* LIST ************************************************************************************************* */

			.blog .content-sbBlog-date { background: #4794ff !important;  color: #fff; text-align: center; }
			
			#content-sbBlog-title+div,
			.content-sbBlog-post,
			.readmore,
			#tags { display: none;}
			
	/* END ************************************************************************************************* */

			
		
		body:not(.home) .video-containerShell { background: #cdccd2; padding: 25px 0; margin-bottom: 101px; margin-right: -10px; margin-left: -10px; }
		body:not(.home) .video-containerShell h3 { padding: 0 18px; margin-bottom: 23px; line-height: 26px; font-size: 23px; color: #5b5b5b; }
		body:not(.home) .video-containerShell iframe { margin-bottom: 40px; }
		body:not(.home) .video-containerShell  p { display: none; font-size: 20px !important; color: #3a74ca !important; padding: 0 18px; margin-bottom: 25px; }
		
		
		/* about */
		#pageid310 .content img { border-bottom: 8px solid #cdccd2; }
		#pageid310 .content .cta { margin-bottom: 22px; font-weight: 700; }
		
		#pageid310 .testimonial h1:first-child { display: none; }
		
		/* video */
		
		#pageid323 .w-col-4 { display: none; } /* hide social thing on video page on mobile */
		
		#pageid323 .content { padding-bottom: 63px; }
		
		#pageid323 .video-container iframe, 
	.video-container object, 
	.video-container embed {-webkit-box-shadow: none; 
		-moz-box-shadow: none;
		box-shadow: none; margin-bottom: 75px; }
		
		/* contact */
		#pageid314 h2 { font-size: 24px; color: #5b5b5b; margin-bottom: 17px; }
		#pageid314 #miniSurveyView1248 { background: #cdccd2; padding: 50px 10px; margin-left: -10px; margin-right: -10px; }
		#pageid314 #miniSurveyView1248 label { font-size: 20px; font-weight: 300; color: #3a74ca; text-transform: uppercase; }
		
		#pageid314 #miniSurveyView1248 input { box-shadow: none !important; }
		
		#pageid314 #miniSurveyView1248 input.submit { margin-top: 23px; background: #3a74ca; color: white; border: none; text-transform: uppercase; padding: 10px 30px; }
		#pageid314 #miniSurveyView1248 input.submit:hover { background: #fff; color: #3a74ca; }
		
		
		#pageid314 .w-col-4 { display: block; margin-bottom: 22px; }
		#pageid314 .w-col-4 h2 { color: #5b5b5b; font-size: 28px; line-height: 1em; margin-bottom: 10px; }
		
		.sub .w-col-4  img,
		.blog .w-col-4  img { display: block; float: none; margin: 0 auto 20px;  width: 100%; }
		.sub .w-col-4 .cta,
		.blog .w-col-4 .cta { background: #4993ff; height: 50px; width: 16%; float: left; margin-right: 5%; margin-bottom: 30px;  }
		.sub .w-col-4 .cta:hover,
		.blog .w-col-4 .cta:hover { background: #white; }
		.sub .w-col-4 .cta a,
		.blog .w-col-4 .cta a { color: white; display: block;text-align: center; font-size: 47px; }
		.sub .w-col-4 .cta a:hover,
		.blog .w-col-4 .cta a:hover { color: #4993ff; background: white;}
		.sub .w-col-4 .cta a .fa,
		.blog .w-col-4 .cta a .fa { font-size: 26px; margin: 4px 8px 0 6px; padding: 7px 0; }
		.sub .w-col-4 .cta:nth-child(3) {  }
		.sub .w-col-4 .cta:nth-child(4) {  }
		.sub .w-col-4 .cta:nth-child(7),
		.blog .w-col-4 .cta:nth-child(7) { margin-right: 0; }