@charset "UTF-8";
/* ------------------------------------------------------------------
Author: Edgar Olivares <eolivares@awareweb.com>
Version 0.1
-------------------------------------------------------------------*/

/* Helper Classes -------------------------------------------------*/
	/* Designed for visibility on small devices only */
	.mobile_visible, .tablet_visible, .phablet_visible, .phone_visible{display:none;}
	/* Designed to be hidden on small devices only */
	.laptop_hidden .mobile_hidden, .tablet_hidden, .phablet_hidden, .phone_hidden{display:block;} 

@media screen and (max-width:1540px){
	/* Drop Down --------------------------------*/
		#main-nav li:last-child .dropdown{right:0;left:inherit;}
}
/*-------------------------------------------------------------------
Large Screens: 1188px
-------------------------------------------------------------------*/
@media screen and (max-width: 1188px) {
	.laptop_hidden{display:none;}
	.laptop_visible{display:block;}
	.inner_container{width:100%;}
	/* Brand Wrapper ---------------------------*/
		#brand-wrapper > .inner_container{padding:0;}
	/* Billboard -------------------------------*/
		.billboard{width:97%;left:1.5%;margin-left:0;}
	/* Drop Down -------------------------------*/
		#main-nav li:nth-child(4) .dropdown{right:0;left:inherit;}
	/* Page Styles -----------------------------*/
		/* News Press ------------------------------*/
			#template-newspress .inner_container{padding-right:15px;}
			#template-newspress .articles ul li{width:46%;margin: 0 2% 16px;}
			#template-newspress .articles ul li.lrg-article{width:96%;}
			#template-newspress .articles ul li .caption{height:164px;}
			#template-newspress .articles ul li.lrg-article .caption{height:auto;}
		/* Individual Employee ---------------------*/
			#template-newsarticle .horizontal{padding:0 15px;}
			#template-newsarticle .rte .inner_container > img,
			#template-newsarticle .rte .inner_container > iframe{width:50%;}
		/* Find Dealer -----------------------------*/
			.sidepanel{width:31.5%;}
			.locationarea{padding-left:31.5%;}
		/* Contact ---------------------------------*/
			#template-contact #content > .inner_container{padding:0 15px;}
	/* Callouts --------------------------------*/
		.callout .content .inner_content{letter-spacing:-0.025em;}
		.horizontal .callout .content img{width:100%;height:381px;border:none !important;}
		.horizontal .callout .content .inner_content h3{font-size:2.15em;}
		.horizontal .callout .content .inner_content .cta{padding:15px;}
		/* 2nd Set Of Callouts -------------------------------------*/
			.horizontal.services .callout .content{height:360px;}
	/* Components ------------------------------*/
		.rte{width:100%;}
		.rte .inner_container .content{width:100%;}
		/* Bg Image --------------------------------*/
			.bg_image .caption{width:60%;}
		/* Photo Embed -----------------------------*/
			.photo_embed{width:100%;padding:0;margin:0;}
			.photo_embed .callout{margin-right:2%;}
	/* Column Grids ----------------------------*/
		.colx2 .contentblock .content{height:320px;}
	/* Carousels -------------------------------*/
		.carousel{max-width:710px;}
}
@media screen and (max-width: 1142px) {
	#template-contact .scfSubmitButtonBorder{margin-top:58px;}
}
@media screen and (max-width: 1070px) {
	/* Page Styles -----------------------------*/
		/* News Press -----------------------------*/
			#template-newspress .articles ul li{width:96%;}
			#template-newspress .articles ul li .caption{height:auto;}
			#template-newspress .articles ul li .caption h3{font-size:30px;line-height:32px;}
	/* Callouts --------------------------------*/
		.horizontal.sb .callout .content .inner_content .cta{padding:15px 12px;}
	/* Modal -----------------------------------*/
		#modal-iframe{height:450px;}
}
/*-------------------------------------------------------------------
Desktop: 940px
-------------------------------------------------------------------*/
@media screen and (max-width: 940px) {
	.tablet_hidden{display:none;}
	.tablet_visible{display:block;}
	/* Callouts --------------------------------*/
		.horizontal .callout .content .inner_content .cta{float:none;}
		/* 2nd Set Of Callouts -------------------------------------*/
			.horizontal.services .callout .content{height:370px;}
	/* Components ------------------------------*/
		.bg_image .caption{width:68.5%;}
	/* Footer ----------------------------------*/
		#links{width:70%;}
		#links > li:first-child{padding-top:30px;}
		#links > li:last-child{padding-bottom:30px;}
		#links > li{padding:15px 30px 15px 0;}
		#social_bar{width:30%;}
	/* Page Styles -----------------------------*/
		/* News Press ------------------------------*/
			#template-newspress .articles ul li .caption h3,
			#template-newspress .articles ul li.lrg-article .caption h3{font-size:22px;line-height:24px;}
		/* Individual Employee ---------------------*/
			#template-newsarticle .horizontal .callout .inner_content h5{position:static;}
			#template-newsarticle .horizontal .callout .content .inner_content .cta{margin-top:10px;}
	/* Column Grids ----------------------------*/
		.colx2 .contentblock .content{height:340px;}
	/* Carousels -------------------------------*/
		.carousel .inner_content{padding-bottom:20px;}
		.carousel .inner_content h5{position:static;}
		.carousel .inner_content a.cta{position:static;margin-top:10px;}
}


/*-------------------------------------------------------------------
Tablet: 850px
-------------------------------------------------------------------*/
@media screen and (max-width: 850px) {
	.phablet_hidden{display:none;}
	.phablet_visible{display:block;}
	/* Main Nav --------------------------------*/
		#main-nav > li > a{font-size:16px;}
	/* Billboard -------------------------------*/
		.billboard{width:100%;left:0;padding-right:0;}
	/* Slider ----------------------------------*/
		.cycle-slideshow .slide .slide_content .caption{width:83%;}
		.cycle-slideshow .slide .slide_content .caption p{width:auto;}	
	/* Bottom Callouts -------------------------*/
		.horizontal.services .callout .content{height:380px;}
		.horizontal.services .callout .content .inner_content .cta{width:90%;}
	/* Components ------------------------------*/
		.photo_embed .horizontal.services .callout .content .inner_content .cta{width:auto;}
	/* Column Grids ----------------------------*/
		.colx2 .contentblock .content{height:390px;}
	/* Carousels -------------------------------*/
		.carousel{width:95%;max-width:710px;}
}

/*-------------------------------------------------------------------
Phablet: 768px
-------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	.mobile_visible{display:block;}
	.mobile_hidden{display:none;}
	.left,.right{float:none;}
	/* Header ---------------------------------*/
		#main-logo{padding:35px 0;}
	/* Umbrella Nav Mobile --------------------*/
		.brand_label{font-size:22px;line-height:24px;cursor:pointer;letter-spacing:-0.055em;}
	/* Slider ---------------------------------*/
		.cycle-slideshow .slide .slide_content .caption p{display:none;}
	/* Splash ---------------------------------*/
		.splash-wrap{height:auto;background:#174898;padding:54px 0 48px;margin-bottom:40px;}
		.splash-wrap > img{display:none;}
		.splash-wrap .content{position:static;}
		.splash-wrap .content .caption{width:100%;float:none;}
		.splash-wrap .content .caption .inner_content h1{text-shadow:none;}
		.splash-wrap .content .caption .inner_content p{
			width:auto;
			font-size:35px;
			line-height:48px;
			letter-spacing:-0.05em;
			padding:0;}
	/* Indicator ------------------------------*/
		.indicator-container{display:none;}
	/* Page Styles ----------------------------*/
		#template-general #content,
		#template-generalb #content,
		#template-contentgrid #content{padding-bottom:55px;}
		/* General Content -------------------------*/
			#template-general .rte:first-child .inner_container{margin-bottom:80px;}
		/* Content Grid ----------------------------*/
			#template-contentgrid .splash-wrap{margin-bottom:0;}
		/* News Press ------------------------------*/
			#template-newspress #sidebar{width:100%;float:none;}
			#template-newspress .inner_container{padding:0 15px;}
			#template-newspress .articles{padding:0;}
			#template-newspress .articles a.cta{margin-bottom:40px;}
			#template-newspress .articles ul{margin:66px 0 35px;}
			#template-newspress .articles ul li{width:100%;border-top:1px solid #aaa;margin:0;}
			#template-newspress .articles ul li.lrg-article{width:100%;}
			#template-newspress .articles ul li img{display:none;}
			#template-newspress .articles ul li .caption{position:static;color:#044fc0;background:none;padding:28px 0;}
			#template-newspress .articles ul li .caption p{color:#000;}
		/* Individual Employee ---------------------*/
			#template-newsarticle.employee #content{margin-top:0;}
			#template-newsarticle .splash-wrap,
			#template-newsarticle h4.subhead a{display:none;}
		/* Find Dealer -----------------------------*/
			.locationarea{padding-left:0;margin:15px 0 50px;}
			.map_wrap{display:none;}
			.sidepanel{width:100%;height:auto;position:relative;}
			.sidepanel .results{height:auto;padding-bottom:24px;}
			.regionhead,
			.regionarea{display:none;}
		/* Individual Dealer -----------------------*/
			#template-idealer .sidepanel{min-height:200px;}
			#template-idealer .sidepanel .results{height:auto;}
			#template-idealer .locationarea{display:none;}
		/* Careers ---------------------------------*/
			#template-careers #content{padding-bottom:0;}
			#template-careers .career_search form,
			#template-careers .ns_signup form{padding:30px 15px;}
			#template-careers .ns_signup input[type="text"]{width:100%;margin-bottom:10px;}
			#template-careers .career_search .search{width:100%;padding-bottom:10px;}
			#template-careers .career_search input[type="submit"]{position:static;}
			#template-careers .ns_signup input[type="submit"],
			#template-careers .career_search select{width:100%;margin-bottom:10px;}
		/* Social Media ----------------------------*/
			#template-social .sm{padding-top:60px;}
			#template-social .splash-wrap{display:none;}
		/* Search Results --------------------------*/
			#template-results .search_area{padding:30px 25px;}
			#template-results .search_box{width:100%;position:static;margin-top:15px;}
			#template-results .search_box .CoveoSearchButton{left:25px;}
			#template-results .search_box > div{margin-left:22px;}
		/* Contact ---------------------------------*/
			#template-contact .splash-wrap{display:none;}
			#template-contact .scfTitleBorder{margin-top:20px;}
			#template-contact .scfSectionBorderAsFieldSet{width:100%;float:none;padding-right:0 !important;}
			#template-contact .scfThankYouMsg{padding:70px 25px;margin:40px 0;}
			#template-contact .scfThankYouMsg a{padding:10px;}
			#template-contact .scfSubmitButtonBorder{margin-top:20px;}
			#template-contact div[id$="_fieldContainer"] div:nth-child(1) .scfSectionBorderAsFieldSet .scfSingleLineTextBorder:nth-child(2),
			#template-contact div[id$="_fieldContainer"] div:nth-child(1) .scfSectionBorderAsFieldSet .scfSingleLineTextBorder:nth-child(5),
			#template-contact div[id$="_fieldContainer"] div:nth-child(1) .scfSectionBorderAsFieldSet .scfDropListBorder:nth-child(7),
			#template-contact div[id$="_fieldContainer"] div:nth-child(2) .scfSectionBorderAsFieldSet .scfDropListBorder:nth-child(4){width:100%;float:none;margin-right:0;}
			#template-contact div[id$="_fieldContainer"] div:nth-child(1) .scfSectionBorderAsFieldSet .scfSingleLineTextBorder:nth-child(3),
			#template-contact div[id$="_fieldContainer"] div:nth-child(1) .scfSectionBorderAsFieldSet .scfDropListBorder:nth-child(6),
			#template-contact div[id$="_fieldContainer"] div:nth-child(1) .scfSectionBorderAsFieldSet .scfSingleLineTextBorder:nth-child(8),
			#template-contact div[id$="_fieldContainer"] div:nth-child(2) .scfSectionBorderAsFieldSet .scfSubmitButtonBorder:nth-child(5){width:100%;float:none;}
			#template-contact div[id$="_fieldContainer"] div:nth-child(1) .scfSectionBorderAsFieldSet .scfSingleLineTextBorder:nth-child(2){margin-bottom:12px;}
	/* Side Bar -------------------------------*/
		.search_filters input[type="reset"]{display:none;}
	/* Intro Area -----------------------------*/
		#intro-area{margin-bottom:48px;}
	/* Widgets --------------------------------*/
		.widget,.splashblock{display:none;}
	/* Callout --------------------------------*/
		.horizontal .callout{width:100%;}
		.callout .content{height:auto !important;}
		.horizontal .callout .content {padding:0 15px;}
		.horizontal .callout .content .inner_content{border-bottom:1px solid #eaeaea;padding: 50px 0;}
		.horizontal .callout:last-child .content .inner_content{border-bottom:none;}
		#content .horizontal .callout .content img{display:none !important;}
		.horizontal .callout .content .inner_content{position:static;}
		.horizontal .callout .content .inner_content h4{font-size:58px;line-height:60px;color:#000;}
		.horizontal .callout .content span{
			width:30px;
			height:33px;
			background-position: -130px 0;
			position:absolute; 
			top:50%;
			right:15px;
			margin-top:-19px;}
		.horizontal.sb .callout .content .inner_content .cta{
			opacity:0;
			filter:alpha(opacity=0);
			background:transparent;
			color:transparent;
			margin:0;
			position:absolute;
			top:0;
			bottom:0;
			left:0;
			right:0;
			z-index:10;}
		.horizontal.sb .callout .content .inner_content h4{float:none;}
	/* 2nd Set Of Callouts ---------------------*/
		.horizontal.services .callout .content .inner_content{padding:40px 0;}
		.horizontal.services .callout .content .inner_content .cta{width:100%;position:static;margin:0;}
	/* Components ------------------------------*/
		.rte .inner_container{width:100%;}
		.rte .inner_container > img{display:none;}
		/* Pull Quote ------------------------------*/
			.pull_quote{padding:0;background:none;}
			.pull_quote .inner_container{background:#eee;padding:30px;}
		/* Video Block -----------------------------*/
			.video_block a.vthumb{width:100%;display:inline-block;float:none;margin:0 0 20px;}
			.video_block a.vthumb > img{width:100%;height:auto;}
		/* BG Image --------------------------------*/
			.bg_image{margin:40px 0 51px;}
			.bg_image > img{display:none;}
			.bg_image .content{position:static;;}
			.bg_image .inner_container{background:#143d8d;}
			.bg_image .caption{width:100%;}
			.bg_image .caption .inner_content{background:none;padding:70px 0;}
			.bg_image .caption .inner_content h1{font-size:42px;line-height:48px;}
			.bg_image .caption .inner_content p{font-size:32px;line-height:40px;}
			.bg_image .caption .inner_content .cta{font-size:30px;left:-15px;right:-15px;}
		/* Photo Embed -----------------------------*/
			.photo_embed{width:100%;height:auto;}
			.photo_embed .photo{display:none;}
			.photo_embed .inner_container{border:none;}
			/* with callout ----------------------------*/
				.photo_embed .callout{width:100%;margin:40px 0;}
				.photo_embed .callout h4{font-size:42px;line-height:50px;}
				.photo_embed .callout p{font-size:32px;line-height:40px;}
				.photo_embed .callout .cta{display:block;}

				.photo_embed .horizontal.services{width:100%;float:none;}
				.photo_embed .horizontal.services .callout{width:100%;margin-top:0;}
				.photo_embed .horizontal.services .callout .content{padding:0;}
				.photo_embed .horizontal.services .callout .content .inner_content{padding:0;}
				.photo_embed .horizontal.services .callout .content .inner_content h4{font-size:36px;line-height:40px;}
				.photo_embed .horizontal.services .callout .content .inner_content p{font-size:34px;line-height:42px;}
				.photo_embed .horizontal.services .callout .content .inner_content .cta{width:100%;}
	/* Footer ---------------------------------*/
		#links{width:65%;}
		#social_bar{width:35%;}
	/* Column Grids ---------------------------*/
		ul.colx2 > li,
		ul.colx3 > li,
		div.colx2,
		span.colx2,
		div.colx3,
		span.colx3{width:100%;float:none;}
		ul.colx4 > li,
		div.colx4,
		span.colx4{width:50%;}
		ul.colx2 .contentblock{width:100%;min-height:inherit;float:none;border:none;}
		ul.colx2 .contentblock:nth-child(2n+1){margin-right:0;}
		ul.colx2 .contentblock img{display:none;}
		ul.colx2 .contentblock .content{height:auto;min-height:inherit;background:none;}
		ul.colx2 .contentblock h4:before,
		ul.colx2 .contentblock h4:after{display:none;}
		ul.colx2 .contentblock p{padding-bottom:15px;}
		ul.colx2 .contentblock a{width:100%;position:static;}
	/* Carousels -------------------------------*/
		.carousel{max-width:350px;}
		.photo_carousel{padding-bottom:0;}
		.photo_carousel > div{width:100%;position:relative;}
		.photo_carousel > div:nth-child(2) .cycle-slideshow{height:480px !important;}
		.photo_carousel .caption h4{font-size:36px;line-height:38px;}
		.photo_carousel .caption p{font-size: 30px;line-height: 36px;}
		.photo_carousel .caption > div{padding-left:15px;padding-right:15px;}
		.photo_carousel + .bg_image,
		.bg_image + .photo_carousel{border-top:2px solid #e6e6e6;}
	/* Modal -----------------------------------*/
		.modal-container.modal-iframed{width:90%;margin:0 0 0 -45%;}
		#modal-iframe{height:390px;}
}
/*-------------------------------------------------------------------
Phone: Androids 
-------------------------------------------------------------------*/
@media screen and (max-width: 660px) {
	.phone_visible{display:block;}
	.phone_hidden{display:none;}
	/* Mobile Tray -----------------------------*/
		#mobile_tray{width:350px;right:-350px;}
		.push_left{left:-350px;}
	/* Splash ----------------------------------*/
		.splash-wrap .content .caption .inner_content p{font-size:25px;line-height:32px;}
	/* Footer ----------------------------------*/
		#links{width:50%;}
		#links > li{display:block;}
		#social_bar{width:50%;}
		#social_bar > li{margin-left:12%;}
	/* Sliders ---------------------------------*/
		.cycle-arrows{top:342px;}
		.cycle-slideshow.subpage .cycle-pager{width:160px;left:50%;bottom:32px;margin-left:-80px;}
		.cycle-slideshow.subpage .slide .slide_content .caption{width:100%;left:0;padding:0 20px;}
	/* Page Styles -----------------------------*/
		#template-newsarticle .heading ul li{float:none;border:none;padding:0 0 5px;}
		/* Search Results --------------------------*/
			#template-results .CoveoResult{padding:30px 0;}
		/* Contact ---------------------------------*/
			#template-contact .more_info,
			#template-contact .recent_activity{display:none;}
	/* Carousels -------------------------------*/
		.carousel{width:86%;}
		.photo_carousel > div:nth-child(2) .cycle-slideshow{height:640px !important;}
	/* Modal -----------------------------------*/
		#modal-iframe{height:320px;}
}
/*-------------------------------------------------------------------
Phone: iPhones - any other small screen
-------------------------------------------------------------------*/
@media only screen and (max-width: 485px) {
	/* Umbrella Nav Mobile --------------------*/
		.brand_label{font-size:20px;padding:14px 7px;}
	/* Mobile Tray ----------------------------*/
		#mobile_tray{width:240px;right:-240px;}
		#mobile_btn{width:80px;left:-80px;}
		#tray_wrap > .drawer > ul > li{padding:40px 20px;}
		#tray_wrap > .drawer > ul > li{padding-left:60px;}
		.push_left{left:-240px;}
	/* Sliders --------------------------------*/
		.cycle-slideshow .slide .slide_content .caption{width:97%;}
		.cycle-slideshow .slide .slide_content .caption h1{font-size:40px;line-height:44px;}
	/* Page Styles ----------------------------*/
		/* Find Dealer ----------------------------*/
			.search button[type=submit]{padding:12px 22px 13px;}
			.search input[type=text]{padding:0 72px 0 35px;}
		/* Search Results -------------------------*/
			#template-results .CoveoResult > a {width:100%;}
			#template-results .CoveoPager ul{float:none;}
			#template-results .CoveoPager ul li{padding:8px 14px;}
			#template-results .CoveoPager .coveo-next > a > span,
			#template-results .CoveoPager .coveo-previous > a > span{margin:10px 9px 9px}
	/* Callouts -------------------------------*/
		.horizontal.sb .callout .content .inner_content h4{font-size:34px;line-height:26px;}
	/* Components -----------------------------*/
		.rte h2{font-size:2em;line-height:40px;}
		/* Pull Quote -----------------------------*/
			.pull_quote p:nth-child(1){font-size:24px;line-height:34px;}
			.pull_quote p:nth-child(2){font-size:20px;}
		/* Bg Image -------------------------------*/	
			.bg_image .caption .inner_content p{font-size:20px;line-height:32px;}
		/* Photo Embed ----------------------------*/
			.photo_embed .callout h4{font-size:32px;line-height:40px;}
			.photo_embed .callout p{font-size:16px;line-height:24px;}
			.photo_embed .horizontal.services .callout .content .inner_content h4{font-size:26px;line-height:38px;}
			.photo_embed .horizontal.services .callout .content .inner_content p{font-size:24px;line-height:30px;}
		/* Recent Activity ------------------------*/
			.recent_activity img{float:none;}
	/* Footer ---------------------------------*/
		#links{width:100%;}
		#links > li:last-child{padding-bottom:0;}
		#social_bar{width:100%;text-align:left;}
	/* Column Grids ----------------------------*/
		ul.colx4 > li,
		div.colx4,
		span.colx4{width:100%;float:none;}
	/* Carousels ------------------------------*/
		.carousel{width:100%;padding:0 15px;}	
		.carousel .pagination{width:90%;position:static;overflow:hidden;padding:0 15px;margin:20px auto 0;}
		.carousel .pagination a{
			position:static;
			border-top:15px solid transparent;
			border-bottom:15px solid transparent;}
		.photo_carousel > div:nth-child(2) .cycle-slideshow{height:950px !important;}
	/* Modal ----------------------------------*/
		#modal-iframe{height:250px;}
}