/* ******************************************************************************************************** 
   *****IPHONE 6 ******************************************************************************************
   ******************************************************************************************************** */

@media (min-width: 360px) {

	body { }
	
	.captionContainer { top: 35px;}
	.powerSlide img, .header img { margin: 0 -111px; }
	.captionContainer { right: 20px; }
	.captionTitle { font-size: 33px;}
	.captionDesc { font-size: 14px;}

}

/* ******************************************************************************************************** 
   *****IPHONE - SIDEWAYS *********************************************************************************
   ******************************************************************************************************** */

@media (min-width: 480px) {
	
	body {  }
	#pageid314 .w-col-4 .cta { background: #4993ff; width: 30%; float: left; margin-right: 11px; }
	
		.captionContainer  {  top: 63px; width: 249px;}
			.captionTitle { font-size: 37px;}
			.captionDesc {
    font-size: 17px;
}

}

/* ******************************************************************************************************** 
   *****TABLETS *******************************************************************************************
   ******************************************************************************************************** */

@media (min-width: 768px) {
	body {  }

	#content-sbBlog-title h3 { font-size: 34px; line-height: 100%;
    margin: 5px 0 20px;}
	.content-sbBlog-wrap { margin-bottom: 25px; }

	.navicon  { display: none; }
	.titlebar { z-index: 3; height: 66px; }
	.titlebar ul.nav { display: block !important; display: block !important;  }
	.titlebar { background: rgba(223,223,223,.75) !important;  }
	
	.subTitlebar { /* padding: 10px 0 10px 270px; */ }
	.subTitlebar .w-container { padding-left: 202px; }
	.subTitlebar form input { width: 214px; height: 35px; }
	.subTitlebar form input.button { width: 107px; height: 35px; padding-left: 0; padding-right: 0; text-align: center; padding-top: 12px; }
	.subTitlebar form input.submit { width: 107px;}
		.subTitlebar form .success { left: 173px; }

	
	.powerSlide, .header { margin: -1px 0 -23px; }
	
	.subTitlebar .w-col-12 .cta { position: relative; top: auto; float: left; width: 35px; height: 35px; margin-right: 6px; font-size: 25px; }
	.subTitlebar .w-col-12 .cta:nth-child(4) { right: auto; }
	.subTitlebar .w-col-12 .cta:nth-child(5) { right: auto; }
	.subTitlebar .w-col-12 .cta a { width: 35px; }
	.subTitlebar .w-col-12 .cta:nth-child(1),
	.subTitlebar .w-col-12 .cta:nth-child(2),
	.subTitlebar .w-col-12 .cta:nth-child(3)	{ right: auto; }
	.subTitlebar .fa { width: 35px; padding-top: 6px; }
	
	.titlebar .overlay a img[src*="logo"] { top: -45px; width: 161px; height: 148px; }
	.titlebar .overlay a img[src*="logo"]:hover { top: -41px; }
	
	.titlebar .nav { list-style-type: none; padding-left: 174px; /*float: right; width: 503px !important; overflow: auto; *//*padding-left: 276px;*/ }
	.titlebar .nav li a:hover { background: none; }
	.titlebar .nav li:nth-child(1) a {  }
	.titlebar .nav li:nth-child(2) a {  }
	.titlebar .nav li:nth-child(3) a {  }
	.titlebar .nav li:nth-child(6) a { padding-right: 0; }
	
	.titlebar .nav li a { display: block; float: left; text-decoration: none; text-transform: uppercase; color: #3a74ca; padding: 16px 13px 16px; font-size: 15px; margin-top: 4px; font-weight: 600; }
	.titlebar .w-col-5 { width: 100%; }
	#toggle-bar { display: none; }
	
	
	.powerSlide img, .header img { margin: -66px -25% 0; }
	
	/* powerslide 
	.captionTitle { background: none; bottom: 300px; left: 410px; color: #3a74ca; display: inline-block; font-size: 82px; font-weight: 700; position: absolute; width: 527px; text-align: left; }
	.captionDesc { background: none; bottom: 237px; left: 410px; color: #4993ff;  display: inline-block; font-size: 35px;  font-weight: 300; position: absolute; width: 527px; text-align: left; }
				*/
		
		
	.captionContainer { right: 0;
    top: 105px;
    width: 436px;   }
	
	.captionTitle {right: 0;
    top: 121px;
    font-size: 72px; letter-spacing: -3px;}
	
	.captionDesc {     display: block;
    font-size: 27px;
    margin: 12px 0 29px;}
	
	
	.captionContainer .btn { font-size: 18px;
    font-weight: 600; margin: 9px 0 0; padding: 10px 20px; width: auto;}

				
	.ctaBar .btn-cta { line-height: 1.8em; }
	.ctaBar .cta-subtitle { font-size: 35px; line-height: 1.2em; }
	
	.contentHighlight { text-align: right; }
	
	.contentHighlight2 { background-image: url(../img/bgConnect2.png);   background-position: 41% 0 !important;} 
	.contentHighlight2 { }
	
	.content .w-col-8+.w-col-4 { padding-top: 60px;}
	
	.content h1 { margin: -118px 0 143px; font-size: 66px;  letter-spacing: -4px; position: relative; z-index: 99;}
	.content h2, .content h1 + h2, #pageid314 .content h1 + h2 { font-size: 38px; font-weight: bold; }
	
	.contentHighlight2 h1 strong { line-height: 1em; }
	
	input[type="email"] { width: 400px; }
	
	.footer ul.nav { margin-bottom: 22px; }
	.footer ul li { display: inline; }
	.footer .nav a { display: inline-block; padding: 0 24px; }
	
	/* video page */
	#pageid323 .w-col-4 { display: block; }
	.w-col-4 h2 { color: #5b5b5b; font-size: 28px; line-height: 1em; margin-bottom: 10px; margin-top: 43px; }
	
	.w-col-4  img { margin-bottom: 13px; }
	.sub .w-col-4 .cta img,
	.blog .w-col-4 .cta img { margin-bottom: 0; display: none; }
	
	.sub .w-col-4 .cta,
	.blog .w-col-4 .cta { background: #4993ff; color:#fff;  width: 20%; float: left; margin-right: 15px; } 
	
	.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: 32px;  padding-left: 7px; }
	
	.sub .w-col-4 .cta a:hover
	.blog .w-col-4 .cta a:hover {   background: white;  }
	
	.sub .w-col-4 .cta a .fa,
	.blog .w-col-4 .cta a .fa { color:#fff; padding: 7px 0; }
	
	.sub .w-col-4 .cta a:hover .fa,
	.blog .w-col-4 .cta a:hover .fa { color: #4993ff; }
	
	.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; }
	
	
					.sub .w-col-4 .cta { width: 16% !important;}

		
		body:not(.home) .video-containerShell { margin-left: 0; margin-right: 0;  margin-bottom: 54px; } 
		
		
		#pageid314 #miniSurveyView1248 { margin-left: 0; margin-right: 0; margin-bottom: 40px;  padding: 50px 30px;}

		.header h1 {
    font-size: 68px;
    margin: -99px 0 93px;
}

}

/* ******************************************************************************************************** 
   *****DESKTOP *******************************************************************************************
   ******************************************************************************************************** */


@media (min-width: 1005px) {
	
	body {  }
	.header h1 {
    font-size: 84px;
    margin: -141px 0 129px;
}
	
	.titlebar .nav { padding-left: 229px; }
		.nav { display: block !important;}
		
		.subTitlebar .w-container { padding-left: 409px; }

	.contentHighlight2 { background: url(../img/bgConnect2.png) center 0 no-repeat; } 
	
	.contentHighlight2 form input { float: left; width: 65%; border: none; margin-bottom: 0; }
	.contentHighlight2 form #mc-embedded-subscribe { font-size: 14px; padding: 11px 0; font-family: lato; font-weight: 700; float: left; width: 35%; background: #dece89; color: #3a74ca; box-shadow: none !important; text-transform: uppercase; margin-bottom: 0; }
	.contentHighlight2 form #mc-embedded-subscribe:hover { background: #dfdfdf; color: #fff; }
	
	.ctaBar .cta-subtitle {
    font-size: 42px; }
	.home .contentHighlight h1 {
    font-size: 51px; }
	
	.contentHighlight2 form { margin: 49px 0 0 0 !important;}
	.contentHighlight .w-col-5 { padding: 33px 31px 0; }
	.content h1 {font-size: 77px; margin: -149px 0 210px; }
	.content .w-col-8 { padding-right: 53px; }
	
	.captionContainer { top: 225px; width: 562px;}
	.captionTitle { font-size: 85px; }
	.captionDesc { font-size: 31px;  }
	
	.titlebar .nav {
    padding-left: 226px;
}
	.titlebar .nav li a { font-size: 19px; margin-top: 0; padding: 16px 17px; }
	.titlebar .nav li a:hover { color: #153a71; }

}


/* ******************************************************************************************************** 
   *****DESKTOP - WIDESCREEN*******************************************************************************
   ******************************************************************************************************** */

@media (min-width: 1450px) {
	body {  }
	
 section {     margin: 0 auto !important;
    max-width: 1410px !important; }
	
	.content h1 {
    margin: -186px 0 210px;
}

}