			/*
 Theme Name:     Divi Northfield Lines Child Theme
 Description:    Divi Northfield Lines Child Theme
 Author:         Patrick Casey Design
 Author URI:     http://www.patrickcaseydesign.com
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

#videoSection, .hideOnMobile
{
	display:block;
}

@media screen and (max-width: 980px)
{
	#videoSection, .hideOnMobile
	{
		display:none;
	}
}


html, body
{
	padding:0px!important; 
	margin:0px!important; 
}

.hideThisOnMobile
{
	display:block;
}

.hideThisNow
{
	display:none;
}

#sidebarTwitterFeed h3.widget-title
{
	margin-bottom: 15px;
}
#sidebarTwitterFeed .aiwidget-title, #sidebarTwitterFeed .tweet_author_name, #sidebarTwitterFeed .tweet_author, #sidebarTwitterFeed .thinkTwitFollow
{
	display:none!important;
}
#sidebarTwitterFeed .tweettext
{
	padding-top:0px!important;	
	margin-top:-20px;
}


h3.widget-title
{
	margin-bottom: 15px;
}
.aiwidget-title, .tweet_author_name, .tweet_author
{
	display:none!important;
}
.tweettext
{
	padding-top:0px!important;	
	margin-top:-20px;
}





#realTimeMapiFrame
{
	width:100%;
	
	height:calc(100vh - 90px);
}





/*
background: #bb0e2b;
background: -moz-linear-gradient(top,  #bb0e2b 0%, #9f041e 100%);
background: -webkit-linear-gradient(top,  #bb0e2b 0%,#9f041e 100%);
background: linear-gradient(to bottom,  #bb0e2b 0%,#9f041e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb0e2b', endColorstr='#9f041e',GradientType=0 );
*/



#consultationButtonSection, #quoteATripButtonSection
{
	cursor:pointer;
	margin-top:0px!important;
	
	font-size:24px!important;
	font-family: 'Oxygen', sans-serif!important;

	font-weight:400!important;
}
#consultationButtonSection h2, #quoteATripButtonSection h2
{	
	font-size:30px!important;
	font-family: 'Open Sans', sans-serif!important;
	font-weight: 200;
	
	padding:20px 10px;
}











#fleetSubmenuSection
{
	border:1px solid rgba(255,255,255,0.05);
	//border:1px solid rgba(0,0,0,1.0);
	border-top:3px solid #c51230;
	
	//box-shadow: 0px 0px 10px 5px rgba(255,255,255,0.125);
	
	width:1080px;
	max-width:1080px;
	
	background-color:#111111;
		
	text-align:center;
	
	position:fixed;
	top:120px;
	left:calc(50% - 540px);
	
	z-index:11;
	
	display:none;
	
	margin:0px;
	padding:0px;
	
	padding-top:20px;
	
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
.fleetSubmenuSectionSection, .fleetSubmenuSectionRow, .fleetSubmenuSectionOneThirdSection, .fleetSubmenuSectionOneThirdSection p
{
	margin:0px;
	padding:0px;
}

.fleetSubmenuSectionRow
{
	padding-top:20px;
}

.fleetSubmenuSectionOneThirdSection
{
	text-align:center;
	
	float:left;
	
	width:33.33%!important;
}
.fleetSubmenuSectionOneThirdSection p
{
	font-family: 'Open Sans', sans-serif!important;
	font-weight: 200; 
	
	margin-top:-6px;
	padding:20px;
	
	color:#fff;
	
	font-size:18px;
}
.fleetSubmenuSectionOneThirdSection:nth-child(2) p
{
}

.fleetSubmenuSectionOneThirdSectionImage
{
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
}


.fleetSubmenuSectionOneThirdSection:hover img
{
	margin-bottom:-3px;
	border-bottom:3px solid #c51230;
}

/*
.fleetSubmenuSectionOneThirdSection img:hover
{
	margin-bottom:-3px;
	border-bottom:3px solid #c51230;
}
*/

@media screen and (max-width: 1440px)
{
	#fleetSubmenuSection
	{
		width:980px;
		max-width:980px;
	
		position:fixed;
		top:90px;
		left:calc(50% - 490px);
	}
}
@media screen and (max-width: 1366px)
{
	#fleetSubmenuSection
	{
		width:780px;
		max-width:780px;
	
		position:fixed;
		top:90px;
		left:calc(50% - 390px);
	}
	.fleetSubmenuSectionOneThirdSection p
	{
		margin-top:-6px;
		padding:15px;
		
		font-size:14px;
	}
}
@media screen and (max-width: 1024px)
{
	#fleetSubmenuSection
	{
		width:680px;
		max-width:680px;
	
		position:fixed;
		top:90px;
		left:calc(50% - 340px);
	}
	.fleetSubmenuSectionOneThirdSection p
	{
		margin-top:-6px;
		padding:10px;
		
		font-size:14px;
	}
}




/* Dropdown Arrows */
#top-menu .menu-item-has-children > a:first-child:after,
#et-secondary-nav .menu-item-has-children > a:first-child:after {
	content: "";
}
#top-menu .menu-item-has-children > a:first-child,
#et-secondary-nav .menu-item-has-children > a:first-child {
	padding-right: 0px;
}





#top-menu li .sub-menu, #top-menu li .sub-menu li.menu-item, #top-menu li .sub-menu li.menu-item a
{	
	width:270px;
}
#top-menu li .sub-menu
{
	width:300px;
}
#top-menu li .sub-menu li.menu-item a
{
	//padding-right:0px;
}





#background-video
{
	height:calc(100vh - 90px)!important;
}
#background-video-NO-VIDEO
{
	display:none;
}

#background-video:after, #background-video-NO-VIDEO:after
{
	content: '';
	position: absolute;
	top: 0; right: 0;

	width: 100%;
	height: 100%;
	
	height:calc(100% + 40px)!important;
	
	/* This height needs to change for mobile - or maybe just make the whole popup disappear */
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+40,000000+100&0.8+40,0.1+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 40%, rgba(0,0,0,0.1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 40%,rgba(0,0,0,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 40%,rgba(0,0,0,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#1a000000',GradientType=0 ); /* IE6-9 */

	-webkit-transform-origin:100% 0;
	-ms-transform-origin:100% 0;
	transform-origin: 100% 0;
	
	z-index: 0;
}


@media screen and (max-width: 980px)
{
	.background-video, .fullScreenFormContainer
	{
		display:none;
	}
	#background-video-NO-VIDEO
	{
		display:block;
		height:100vh;
	}
	#background-video-NO-VIDEO img
	{
		height:100vh;
	}
}














.buyATicketMobile, .quickQuoteMobile
{
	display:none!important; 
}

#fullWidthContainer, #fullWidthContainerContainer
{
	width:100%!important;
	overflow:hidden!important;
	
	padding:0px!important; 
	margin:0px!important; 
	
	
	
	/* ++ */
	display:none;
	/* ++ */
	
}


#socialMediaIconsSection
{
	z-index:10;

	position: absolute;
	bottom: 15px!important;
	left: 0!important;

	text-align:center;
	width:100%!important;
}

span.iconSocialMedia
{
	display:inline-block;
	width:40px!important;
	text-align:center!important;
}

#imgLogoSection
{
	z-index:10;
	
	position: absolute;
	bottom: 15px!important;
	left: 10px!important;
}

#textOverSwooshContainer
{
}

#textOverSwoosh
{
	color:#fff!important;
	
	font-size:84px;
	
	z-index:10;
	
	position: absolute;
	top: calc(50% - 20px)!important;
	left: 0!important;
	
	text-align:center;
	width:100%!important;
	
	text-transform:uppercase;
}

#textOverSwoosh span.isRed
{
	color:#c51230!important;
	
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25), 2px -2px 3px rgba(0, 0, 0, 0.25), -2px 2px 3px rgba(0, 0, 0, 0.25), -2px -2px 3px rgba(0, 0, 0, 0.25);
}


#swooshOverlay
{
	//cursor: none;
		
	content: '';
	position: absolute;
	top: 0!important;
	left: 0!important;

	height:100vh!important;
	width:100%!important;
	
	
	background-image: url('images/video-swoosh-overlay-transparent.png');
	background-repeat: no-repeat;
	background-position: 50% calc(50% - 10px);
}

@media screen and (max-width: 1440px)
{
	#textOverSwoosh
	{
		font-size:65px!important;
	}
	#swooshOverlay
	{
		//cursor: none;

		content: '';
		position: absolute;
		top: 0!important;
		left: 0!important;

		height:100vh!important;
		width:100%!important;

		background-image: url('images/video-swoosh-overlay-transparent.png');
		background-repeat: no-repeat;
		background-position: 50% calc(50% - 10px);
	}
}

#darkerOverlay:before
{
	//cursor: none;
	
	content: '';
	position: absolute;
	top: 0!important;
	left: 0!important;

	height:100vh!important;
	width:100%!important;

	overflow:hidden!important;

	background: rgba(0,0,0,0.80);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0.65) 50%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.80)), color-stop(50%, rgba(0,0,0,0.65)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0.65) 50%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0.65) 50%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0.65) 50%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0.65) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

.et_pb_slider .et_pb_slide:before
{	
	content: '';
	position: absolute;
	top: 0!important;
	left: 0!important;

	height:100vh!important;
	width:100%!important;
	
	overflow:hidden!important;
	
	background: rgba(0,0,0,0.95);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.65) 50%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.95)), color-stop(50%, rgba(0,0,0,0.65)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.65) 50%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.65) 50%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.65) 50%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.65) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}


#main-header
{
	background-color:#2c2c2c;
	
	background: #2c2c2c;
	background: -moz-linear-gradient(top,  #2c2c2c 0%, #111111 100%);
	background: -webkit-linear-gradient(top,  #2c2c2c 0%,#111111 100%);
	background: linear-gradient(to bottom,  #2c2c2c 0%,#111111 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2c2c', endColorstr='#111111',GradientType=0 );
}

#et-top-navigation #top-menu-nav #top-menu li a
{
	color:#f4f4f4;
}
#et-top-navigation #top-menu-nav #top-menu li.current-menu-item a
{
	color:#fff;
}

#et-top-navigation #top-menu-nav
{	
	min-height:90px!important;
}

#et-top-navigation
{
	padding-top:0px!important;
}

#main-header
{
	height:90px!important;
}

#et-top-navigation #top-menu-nav #top-menu
{
	position:fixed;
	right:0px;
	margin-right:0px!important;
}


#et-top-navigation #top-menu-nav #top-menu li .sub-menu
{
	background-color:#111111;
}


#top-menu a
{
	font-family: 'Open Sans', sans-serif!important;
	font-weight: 200; 
	
	color: rgba(255, 255, 255, 1.0);
	-webkit-transition: none!important;
	-moz-transition: none!important;
	transition: none!important;
	
	text-transform:uppercase;
}
#top-menu a:hover
{
	color: rgba(251, 251, 251, 1.0);
	
	opacity: 1.0!important;
	-webkit-transition: none!important;
	-moz-transition: none!important;
	transition: none!important;
}

#top-menu li .sub-menu
{
	margin-top:-7px;
}

#top-menu li .sub-menu li:hover a
{
	border-left: 2px solid #c51230;
}

#top-menu .buyATicket
{
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-ms-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	transform: skewX(-10deg);
	
	background: #bb0e2b;
	background: -moz-linear-gradient(top,  #bb0e2b 0%, #9f041e 100%);
	background: -webkit-linear-gradient(top,  #bb0e2b 0%,#9f041e 100%);
	background: linear-gradient(to bottom,  #bb0e2b 0%,#9f041e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb0e2b', endColorstr='#9f041e',GradientType=0 );
	
	margin-top:0px!important;
	padding-top:36px;
	
	padding-left:20px;
	padding-right:20px;
	
	height:90px!important;
	
	border-right:5px solid #b8b8b8;
	
	
	
	
	//padding-top:15px;
	
	//width:280px;

	//overflow-wrap: break-word;
	//word-wrap: break-word;

	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	//word-break: break-all;
	/* Instead use this non-standard one: */
	//word-break: break-word;

	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	//-ms-hyphens: auto;
	//-moz-hyphens: auto;
	//-webkit-hyphens: auto;
	//hyphens: auto;	
}

#top-menu .buyATicket a
{
	text-transform:uppercase;
	
	//font-family: 'Exo 2', sans-serif!important;
	font-family: 'Racing Sans One', cursive!important;
	font-size:28px!important;
	
	//line-height:30px!important;
	
	color:#ffffff;
	text-shadow: 2px 2px 2px #8c041b, 2px -2px 2px #8c041b, -2px 2px 2px #8c041b, -2px -2px 2px #8c041b;
}
#top-menu .buyATicket a:hover
{
	color:#f4f4f4!important;
	text-shadow: 2px 2px 2px #bb0e2b, 2px -2px 2px #bb0e2b, -2px 2px 2px #bb0e2b, -2px -2px 2px #bb0e2b;
}

#top-menu .quickQuote
{
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-ms-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	transform: skewX(-10deg);
	
	background: #f1f1f1;
	background: -moz-linear-gradient(top,  #f1f1f1 0%, #cacaca 100%);
	background: -webkit-linear-gradient(top,  #f1f1f1 0%,#cacaca 100%);
	background: linear-gradient(to bottom,  #f1f1f1 0%,#cacaca 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#cacaca',GradientType=0 );
	
	margin-top:0px!important;
	margin-left:-5px!important;
	margin-right:-30px!important;
	padding-top:36px;

	padding-left:20px;
	padding-right:50px!important;

	height:90px!important;
}
#top-menu .quickQuote a
{
	text-transform:uppercase;
	
	//font-family: 'Exo 2', sans-serif!important;
	font-family: 'Racing Sans One', cursive!important;
	font-size:28px!important;
	
	color:rgba(0, 0, 0, 1.0)!important;
	
	text-shadow: 1px 1px 0 #f6f6f6, 1px -1px 0 #f6f6f6, -1px 1px 0 #f6f6f6, -1px -1px 0 #f6f6f6;

}
#top-menu .quickQuote a:hover
{
	color:rgba(0, 0, 0, 1.0)!important;
	text-shadow: 1px 1px 0 #eaeaea, 1px -1px 0 #eaeaea, -1px 1px 0 #eaeaea, -1px -1px 0 #eaeaea;
}


#main-header .logo_container a img#logo
{
	position:fixed;
	left:0px;
}







.metroExpressBaggageRestrictionButton
{
	text-align:center;
	
	background-color: #2c2c2c;
	
	width:100%;
	
	height:60px;
	
	border:2px solid white;
	
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
.metroExpressBaggageRestrictionButton:hover
{
	background-color:#c51230;
}
.metroExpressBaggageRestrictionButton p
{
	color:#fff;
	font-size:21px;
	line-height:58px;
	padding:50px auto;
}

.metroExpressBaggageRestrictionButton .superScript
{
	font-size:15px;
}

.metroExpressBaggageRestrictionButtonFirst
{
	//background-color:#333333;
	//border:2px solid white;
}





#homepageIntroBlurb, #homepageIntroBlurb2, #homepageIntroBlurb3
{
	margin:80px auto 0px auto;
}
#homepageIntroBlurb2
{
	margin:30px auto 30px auto;
	text-align:justify;
}
#homepageIntroBlurb3
{
	margin:0px auto 50px auto;
	text-align:justify;
}

#homepageIntroBlurb h1, #homepageIntroBlurb p, , #homepageIntroBlurb2 h1, #homepageIntroBlurb2 p, #homepageIntroBlurb3 h1, #homepageIntroBlurb3 p
{
	color:#272727;
}
#homepageIntroBlurb h2, #homepageIntroBlurb2 h2, #homepageIntroBlurb3 h2
{
	color:#c51230;
	font-size:25px;
	padding-bottom:20px;
}
#homepageIntroBlurb h1, #homepageIntroBlurb2 h1, #homepageIntroBlurb3 h1
{
	font-size:38px;
	padding-bottom:20px;
}
#homepageIntroBlurb p, #homepageIntroBlurb2 p, #homepageIntroBlurb3 p
{
	font-size:17px;
	padding-bottom:0px;
}




// Homepage 3 Primary Sections [START]
// ===================================



#homepageThreePrimariesContainerContainer
{
	margin:0px!important;
	padding:0!important;
}

#homepageThreePrimariesContainer
{
	width:100%!important;
	
	margin:0px auto!important;
	padding:0!important;
}

#homepageThreePrimariesContainer .et_pb_column_1_3
{
	width:33.333%!important;
	margin:0!important;
	padding:0!important;
}

.homepageThreePrimaries
{
	width:100%;
	
	margin:0px!important;
	padding:0!important;
	
	text-align:center;
	
	position:relative;
}

#charterServices, #ourFleet, #metroExpress, #charterServicesOver, #charterServicesUnderWhite, #ourFleetOver, #ourFleetUnderWhite, #metroExpressOver, #metroExpressUnderWhite
{
	cursor:pointer;
	
	text-transform:uppercase;
	
	color:#fff;
	
	height:395px;
	line-height:395px;
	
	font-size:30px;
	
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35), 1px -1px 2px rgba(0, 0, 0, 0.35), -1px 1px 2px rgba(0, 0, 0, 0.35), -1px -1px 2px rgba(0, 0, 0, 0.35);
}

#charterServices
{
	background-image: url('images/3-primaries-Charter-Services-1.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	
	overflow: hidden!important;
}
#ourFleet
{
	background-image: url('images/3-primaries-Our-Fleet-1.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	
	overflow: hidden!important;
}
#metroExpress
{
	background-image: url('images/3-primaries-Metro-Express-1.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	
	overflow: hidden!important;
}


#charterServicesOver, #charterServicesUnderWhite, #charterServicesOverContent, #ourFleetOver, #ourFleetUnderWhite, #ourFleetOverContent, #metroExpressOver, #metroExpressUnderWhite, #metroExpressOverContent
{
	z-index:10;
	
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	
	position:absolute;
	top:0px;
	left:-100px;
	
	width:100%!important;
	
	background:rgba(256,0,0,1.0);
	
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-ms-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	transform: skewX(-10deg);
	
	overflow: hidden!important;
	
	background: #c51230;
	background: -moz-linear-gradient(top,  #c51230 0%, #910019 100%);
	background: -webkit-linear-gradient(top,  #c51230 0%,#910019 100%);
	background: linear-gradient(to bottom,  #c51230 0%,#910019 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c51230', endColorstr='#910019',GradientType=0 );
	
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
}

#charterServicesUnderWhite, #ourFleetUnderWhite, #metroExpressUnderWhite
{
	z-index:9;
	left:-85px;
	background:rgba(255,255,255,0.45);
}

#charterServicesOverContent, #ourFleetOverContent, #metroExpressOverContent
{
	z-index:11;
	left:0px;
	background: none!important;
	
	//border:1px solid green;
	
	-webkit-transform: skewX(0deg);
	-moz-transform: skewX(0deg);
	-ms-transform: skewX(0deg);
	-o-transform: skewX(0deg);
	transform: skewX(0deg);
	
	text-align:left;
	
	padding:60px;
	padding-right:160px;
	
	cursor:default;
}
#charterServicesOverContent h3, #charterServicesOverContent p, #ourFleetOverContent h3, #ourFleetOverContent p, #metroExpressOverContent h3, #metroExpressOverContent p
{
	text-transform: none!important;
	line-height:30px;
	
	font-size:17px;
	
	text-shadow:none;
	
	color:#fff;
}
#charterServicesOverContent h3, #ourFleetOverContent h3, #metroExpressOverContent h3
{
	font-size:32px;
	text-transform: uppercase!important;
	
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2), 2px -2px 2px rgba(0, 0, 0, 0.2), -2px 2px 2px rgba(0, 0, 0, 0.2), -2px -2px 2px rgba(0, 0, 0, 0.2);
	
	padding-bottom: 20px;
}
#charterServicesOverContent p, #ourFleetOverContent p, #metroExpressOverContent p
{
	padding-top: 10px;
}


#charterServices:hover #charterServicesOver, #charterServices:hover #charterServicesUnderWhite, #charterServices:hover #charterServicesOverContent, #ourFleet:hover #ourFleetOver, #ourFleet:hover #ourFleetUnderWhite, #ourFleet:hover #ourFleetOverContent, #metroExpress:hover #metroExpressOver, #metroExpress:hover #metroExpressUnderWhite, #metroExpress:hover #metroExpressOverContent
{
	-webkit-opacity: 1.0;
	-moz-opacity: 1.0;
	opacity: 1.0;
}

.homepageThreePrimariesButton
{
	position:absolute;
	z-index:11;
	
	bottom:0px!important;
	right:30px!important;
	
	text-align:left;	
	text-transform:uppercase!important;	
	font-size:21px!important;
	line-height:21px!important;
	font-weight:bold;
	color:#a1051f;
		
	border:3px solid white!important;
	
	background-color: rgba(255, 255, 255, 0.35);
	
	padding:12px 22px 12px 22px!important;
}
.homepageThreePrimariesButton a
{
	color:#a1051f;
	text-transform:uppercase!important;
}
.homepageThreePrimariesButton a:hover
{
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2), 2px -2px 2px rgba(0, 0, 0, 0.2), -2px 2px 2px rgba(0, 0, 0, 0.2), -2px -2px 2px rgba(0, 0, 0, 0.2);
	color:#fff;
}


// [END]
// =====



#whatOurCustomersSayContainerContainer, #ourServicesContainerContainer
{
	padding:0px;
	margin:0px;
}

.ourServicesContainer:nth-child(2)
{
	padding-top:50px!important;
}
#ourServicesContainerContainer
{
	padding-bottom:20px!important;
}


.ourServicesImage
{
	margin-bottom:0px!important;
	padding-bottom:0px!important;
	
	overflow:hidden;
}

.ourServicesTitleLink
{
	margin-top:0px!important;
	padding-top:0px!important;
}
.ourServicesTitleLink h3
{
	padding-top:25px!important;
	padding-bottom:25px!important;
	
	color:rgba(0,0,0,0.9);
	
	background-color: #f5f5f5;
	
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
.ourServicesTitleLink h3:hover
{
	//color:#f5f5f5;
		
	background-color: rgba(0,0,0,0.1);
}

.ourServicesImage:hover + .ourServicesTitleLink h3
{
	//color:#f5f5f5;
	background-color: rgba(0,0,0,0.1);
}

.ourServicesImage:hover img
{
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
}

.ourServicesTitleLink h3:hover + .ourServicesImage img
{
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	
	-moz-transform: scale(1.02);
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
}








#whatOurCustomersSayContainer
{
	height:90px;
	width:100vw!important;
	margin:0px auto;
	
	background: #c51230;
	background: -moz-linear-gradient(top,  #c51230 0%, #a1051f 100%);
	background: -webkit-linear-gradient(top,  #c51230 0%,#a1051f 100%);
	background: linear-gradient(to bottom,  #c51230 0%,#a1051f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c51230', endColorstr='#a1051f',GradientType=0 );
	
	border-bottom:3px solid rgba(0, 0, 0, 0.2);
}

#fromTheDriversSeatContainerContainer
{
	background-repeat:no-repeat;
	background-position:center top;
}

#fromTheDriversSeatContainer
{
	width:100vw!important;
	margin:0px auto;
	
	padding:14px 0 0px 0;

	background: none!important;
}

#whatOurCustomersSay h3, #fromTheDriversSeat h3, #onSocialMedia h3
{
	margin:0 auto;
	
	text-transform: uppercase!important;
	
	font-size:28px;
	line-height:90px;

	width:100%!important;
	
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2), 2px -2px 2px rgba(0, 0, 0, 0.2), -2px 2px 2px rgba(0, 0, 0, 0.2), -2px -2px 2px rgba(0, 0, 0, 0.2);
	color:#fff;
}

#fromTheDriversSeat h3
{
	text-shadow: none;
	color:#272727;
}

#testimonialsRotatorContainerContainer
{
	background-image: url('http://northfieldlines.com/wp-content/uploads/2016/03/minneapolis-cityscape-1-2.jpg');
	background-repeat: no-repeat;
	background-position: center center;
}
#testimonialsRotator
{
	color:rgba(255,255,255,0.9)!important;
	font-style: italic;
	font-size:17px;
	line-height:30px;
}
.testimonial_rotator_quote
{
	padding-bottom:20px;
}
.testimonial_rotator_author_info
{
	font-size:18px;
}
.testimonial_rotator_prev, .testimonial_rotator_next
{
	color:rgba(255,255,255,0.25)!important;
}
.testimonial_rotator_prev:hover, .testimonial_rotator_next:hover
{
	color:rgba(255,255,255,0.75)!important;
}
.longform_hr
{
	display:none;
}



#homepageBlogGalleryContainer
{
	padding-bottom:450px;
}

#homepageBlogGallery .entry-title
{
	display:none!important;
}

#homepageBlogGallery article
{
	background:none!important;
	border:none!important;
}

#homepageBlogGallery article
{
	font-size: 0!important;
	
	padding-top:0px;
	padding-bottom:0px;
	
	margin-top:0px;
	margin-bottom:50px;
}

#homepageBlogGallery .et_pb_image_container img
{
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
	
	border:2px solid white;
}

#homepageBlogGallery .et_pb_image_container img:hover
{
	//opacity:0.75;
	border:2px solid #c51230;
	
	opacity:0.35!important;
}


#homepageBlogGallery .et_pb_image_container
{
	padding-bottom:0px!important;
	margin-bottom:0px!important;
	
	background:#c51230!important;
}



// INNER PAGES
.innerPagesFullWidthHeaderWithImagesContainerContainer
{
}

.innerPagesFullWidthHeaderWithImagesContainerContainer section
{	
	height:500px;
}
.innerPagesFullWidthHeaderWithImagesContainerContainer section div.et_parallax_bg
{	
	background-position: center bottom!important;
}
.innerPagesFullWidthHeaderWithImagesContainerContainer .et_pb_fullwidth_header_container
{	
	padding-top:100px;
}
.innerPagesFullWidthHeaderWithImagesContainer .header-content p
{
	font-size:20px!important;
}


#onSocialMediaSection
{
	margin:50px auto 80px auto!important;
}

#onSocialMediaSection h3
{
	font-size: 30px;
	padding-bottom:50px;
}

#onSocialMediaSection h3 a span.normalGrey
{
	color:#b2b2b2;
	margin-left:20px;
}

.fa-facebook, .fa-twitter
{
	color:#b2b2b2!important;
}

#onSocialMediaSection h3 a span.isDarkRed
{
	color:#c51230;
}

#onSocialMediaSection h3.widget-title
{
	display:none;
}

//<h3><a href="#null"><img src="" class="onSocialMediaSectionIcon">facebook.com/<span>northfieldlines</span></a></h3>


// RESPONSIVE CODE
// ---------------


@media only screen and ( min-width:768px )
{
	#main-header .logo_container a img#logo
	{
		top:5px;
		width: 245px;
	}
}

@media only screen and ( min-width:981px )
{
    /* Set the slider height */
    .et_pb_slider, .et_pb_slider .et_pb_container
    { 
        //height: 800px !important; 
        
        height: 90vh!important;  /* fallback if needed */
	height: calc(100vh - 100px)!important; 
	
	width:90%!important; 
	overflow:hidden!important;
    }
    .et_pb_slider, .et_pb_slider .et_pb_slide
    { 
       // max-height: 800px;
        
        max-height: 90vh!important;  /* fallback if needed */
	max-height: calc(100vh - 100px)!important; 
	
    }
}

@media only screen and ( min-width:1024px )
{
	#main-header .logo_container a img#logo
	{
		top:10px;
		width: 275px;
	}
}

@media only screen and ( min-width:1280px )
{
	#main-header .logo_container a img#logo
	{
		width: 400px;
	}
}


@media only screen and ( max-width:1785px )
{
	#charterServicesOverContent h3, #charterServicesOverContent p, #ourFleetOverContent h3, #ourFleetOverContent p, #metroExpressOverContent h3, #metroExpressOverContent p
	{
		line-height:26px;
		font-size:16px;
	}
	#charterServicesOverContent h3, #ourFleetOverContent h3, #metroExpressOverContent h3
	{
		font-size:32px;
		padding-bottom: 20px;
	}
}


@media only screen and ( max-width:1620px )
{
	img#logo
	{
		//border:1px solid yellow!important;
		width:320px!important;
	}
	#charterServicesOverContent h3, #charterServicesOverContent p, #ourFleetOverContent h3, #ourFleetOverContent p, #metroExpressOverContent h3, #metroExpressOverContent p
	{
		line-height:24px;
		font-size:15px;
	}
	.overContent p
	{
		//border:1px solid yellow;
	}
	#charterServicesOverContent h3, #ourFleetOverContent h3, #metroExpressOverContent h3
	{
		font-size:28px;
		padding-bottom: 16px;
	}
}
@media only screen and ( max-width:1570px )
{
	#et-top-navigation #top-menu-nav #top-menu li a
	{
		font-size: 17px!important;
	}
}
@media only screen and ( max-width:1440px )
{
	img#logo
	{
		//border:1px solid yellow!important;
		width:275px!important;
		
		top:15px!important;
		left:15px!important;
	}
}
@media only screen and ( max-width:1415px )
{
	#charterServicesOverContent h3, #charterServicesOverContent p, #ourFleetOverContent h3, #ourFleetOverContent p, #metroExpressOverContent h3, #metroExpressOverContent p
	{
		line-height:24px;
		font-size:15px;
	}
	.overContent p
	{
		//border:1px solid yellow;
	}
	#charterServicesOverContent h3, #ourFleetOverContent h3, #metroExpressOverContent h3
	{
		font-size:22px;
		padding-bottom: 12px;
	}
	
	.homepageThreePrimariesButton
	{
		bottom:0px!important;
		right:30px!important;
		
		font-size:21px!important;
		line-height:21px!important;
		font-weight:normal;
			
		border:2px solid white!important;
		
		padding:10px 20px!important;
	}
}
@media only screen and ( max-width:1366px )
{
	#et-top-navigation #top-menu-nav #top-menu li a
	{
		font-size: 15px!important;
	}
	#et-top-navigation #top-menu-nav #top-menu li.quickQuote a, #et-top-navigation #top-menu-nav #top-menu li.buyATicket a
	{
		font-size: 20px!important;
	}
}

@media only screen and ( max-width:1320px )
{
	#et-top-navigation #top-menu-nav #top-menu li
	{
		padding-left: 8px!important;
		padding-right: 8px!important;
	}
	#et-top-navigation #top-menu-nav #top-menu li a
	{
		font-size: 16px!important;
	}
	#et-top-navigation #top-menu-nav #top-menu li.quickQuote a, #et-top-navigation #top-menu-nav #top-menu li.buyATicket a
	{
		font-size: 18px!important;
		padding-left: 10px!important;
		padding-right: 10px!important;
	}
		
	#top-menu .quickQuote
	{
		margin-right:-8px!important;
	}
}
@media only screen and ( max-width:1280px )
{
	#et-top-navigation #top-menu-nav #top-menu li
	{
		padding-left: 8px!important;
		padding-right: 8px!important;
	}
	#et-top-navigation #top-menu-nav #top-menu li a
	{
		font-size: 14px!important;
	}
	#et-top-navigation #top-menu-nav #top-menu li.quickQuote a, #et-top-navigation #top-menu-nav #top-menu li.buyATicket a
	{
		font-size: 17px!important;
		padding-left: 10px!important;
		padding-right: 10px!important;
	}
	
	
	#onSocialMediaSection h3
	{
		font-size: 25px;
		padding-bottom:50px;
	}
	
	#charterServicesOverContent h3, #charterServicesOverContent p, #ourFleetOverContent h3, #ourFleetOverContent p, #metroExpressOverContent h3, #metroExpressOverContent p
	{
		line-height:22px;
		font-size:14px;
	}
	#charterServicesOverContent h3, #ourFleetOverContent h3, #metroExpressOverContent h3
	{
		font-size:19px;
		padding-bottom: 10px;
	}

	.homepageThreePrimariesButton
	{
		bottom:0px!important;
		right:30px!important;

		font-size:19px!important;
		line-height:19px!important;
		font-weight:normal;

		border:2px solid white!important;

		padding:8px 18px!important;
	}
}
@media only screen and ( max-width:1200px )
{
	#charterServicesOver, #charterServicesUnderWhite, #charterServicesOverContent, #ourFleetOver, #ourFleetUnderWhite, #ourFleetOverContent, #metroExpressOver, #metroExpressUnderWhite, #metroExpressOverContent
	{
		position:absolute;
		top:0px;
		left:0px;

		-webkit-transform: none!important;
		-moz-transform: none!important;
		-ms-transform: none!important;
		-o-transform: none!important;
		transform: none!important;

		overflow: hidden!important;
	}
	
	#charterServicesOverContent, #ourFleetOverContent, #metroExpressOverContent
	{
		padding:60px!important;
	}
}

@media only screen and ( max-width:1180px )
{
	img#logo
	{
		width:200px!important;

		top:15px!important;
		left:15px!important;
	}
}
@media only screen and ( max-width:1100px )
{
	#et-top-navigation #top-menu-nav #top-menu li
	{
		padding-left: 5px!important;
		padding-right: 5px!important;
	}
	#et-top-navigation #top-menu-nav #top-menu li a
	{
		font-size: 14px!important;
	}
	#et-top-navigation #top-menu-nav #top-menu li.quickQuote a, #et-top-navigation #top-menu-nav #top-menu li.buyATicket a
	{
		font-size: 16px!important;
		padding-left: 10px!important;
		padding-right: 10px!important;
	}
}


@media only screen and ( max-width:1030px )
{
	#footer-info
	{
		font-size: 13px!important;
	}
}

@media only screen and ( max-width:1024px )
{
	#et-top-navigation #top-menu-nav #top-menu li
	{
		padding-left: 5px!important;
		padding-right: 5px!important;
	}
	#et-top-navigation #top-menu-nav #top-menu li a
	{
		font-size: 13px!important;
	}
	#et-top-navigation #top-menu-nav #top-menu li.quickQuote a, #et-top-navigation #top-menu-nav #top-menu li.buyATicket a
	{
		font-size: 15px!important;
		padding-left: 10px!important;
		padding-right: 10px!important;
	}
}



@media only screen and ( max-width:980px )
{
	.hideThisOnMobile
	{
		display:none;
	}
	
	#main-header .container .logo_container
	{
		padding:0px!important;
		margin:0px!important;
	}
	
	img#logo
	{
		position:absolute!important;
		left:calc(50% - 150px)!important;
		top:15px!important;
		
		padding:0px!important;
		margin:0px!important;
		
		min-width:300px!important;
		width:300px!important;
		height: 96px!important;
		max-height: 96px!important;
		
		z-index:10000!important;
		
	}
	
	#et_mobile_nav_menu
	{
		margin-top:30px;
	}
	
	#top-menu
	{
		z-index:1!important;
	}
	
	.introBlurbContainerContainer
	{
	}
	.introBlurbContainer
	{
	}
	#homepageIntroBlurb
	{
		margin:0px auto;
	}
	
	li.quickQuote a, li.buyATicket a
	{
		font-size: 15px!important;
		
		color:#fff!important;
		
		background-color:#c51230!important;
		
		border-bottom: 1px solid white!important;
		
		text-transform:uppercase;
	}
	li.quickQuote a:hover, li.buyATicket a:hover
	{
	}
	
	.buyATicket, .quickQuote
	{
		display:none!important; 
	}
	.buyATicketMobile, .quickQuoteMobile
	{
		display:block!important; 
	}
	
	#homepageThreePrimariesContainer .et_pb_column_1_3
	{		
		float:none!important;
		width:100%!important;
	}
	.oneOfThreeHomepage
	{
	}
	
	#charterServices, #ourFleet, #metroExpress
	{
		background-size: cover;
	}
	
	.homepageThreePrimariesButton
	{
		background-color:#c51230!important;
	}
	.homepageThreePrimariesButton a
	{
		color:#fff;
	}
	
	#charterServicesOverContent h3, #charterServicesOverContent p, #ourFleetOverContent h3, #ourFleetOverContent p, #metroExpressOverContent h3, #metroExpressOverContent p
	{
		line-height:26px;
		font-size:16px;
	}
	#charterServicesOverContent h3, #ourFleetOverContent h3, #metroExpressOverContent h3
	{
		font-size:28px;
		padding-bottom: 10px;
	}
	
	#whatOurCustomersSayContainerContainer
	{
		margin:0px auto!important;
		padding:0px!important;
	}
	#whatOurCustomersSayContainer
	{
		height:90px;
		width:100vw!important;
		margin:0px auto!important;
		padding:0px!important;
	}
	#whatOurCustomersSay
	{
		margin:0px auto!important;
	}
	
	#homepageBlogGallery .et_pb_image_container
	{
		//border:1px solid blue;
	}
}

@media only screen and ( max-width:414px )
{
	img#logo
	{
		left:calc(50% - 110px)!important;
		
		min-width:220px!important;
		width:220px!important;
		
		height: 70px!important;
		max-height: 70px!important;
	}
	
	#testimonialsRotator .testimonial_rotator_quote
	{
		font-size:14px;	
	}
	
	#whatOurCustomersSay h3, #onSocialMedia h3
	{
		font-size: 22px!important;
	}
	
	#onSocialMediaSection
	{
		margin:0px auto 25px auto!important;
	}
	
	#onSocialMediaSection h3
	{
		font-size: 20px;
	}
}

@media only screen and ( max-width:375px )
{
	#charterServicesOverContent h3, #charterServicesOverContent p, #ourFleetOverContent h3, #ourFleetOverContent p, #metroExpressOverContent h3, #metroExpressOverContent p
	{
		line-height:24px;
		font-size:15px;
	}
	#charterServicesOverContent h3, #ourFleetOverContent h3, #metroExpressOverContent h3
	{
		font-size:24px;
		padding-bottom: 10px;
	}
	
	#testimonialsRotator .testimonial_rotator_quote
	{
		font-size:13px;	
	}
	
	#fromTheDriversSeat h3
	{
		font-size:24px;
		line-height:50px;
	}
	
	#onSocialMedia h3
	{
		font-size: 19px!important;
	}
	
	#onSocialMediaSection h3
	{
		font-size: 18px;
	}
}

@media only screen and ( max-width:360px )
{
	img#logo
	{
		left:calc(50% - 100px)!important;
		
		min-width:200px!important;
		width:200px!important;
		
		height: 64px!important;
		max-height: 64px!important;
	}
	
	#whatOurCustomersSay h3
	{
		font-size: 20px!important;
	}
}

@media only screen and ( max-width:320px )
{
	img#logo
	{
		left:calc(50% - 80px)!important;
		
		min-width:160px!important;
		width:160px!important;
		
		height: 51px!important;
		max-height: 51px!important;
	}
	
	#charterServicesOverContent h3, #charterServicesOverContent p, #ourFleetOverContent h3, #ourFleetOverContent p, #metroExpressOverContent h3, #metroExpressOverContent p
	{
		line-height:22px;
		font-size:14px;
	}
	#charterServicesOverContent h3, #ourFleetOverContent h3, #metroExpressOverContent h3
	{
		font-size:20px;
		padding-bottom: 10px;
	}
	
	#fromTheDriversSeat h3
	{
		font-size:22px;
		line-height:40px;
	}
	
	#onSocialMedia h3
	{
		font-size: 17px!important;
	}
	
	#onSocialMediaSection h3
	{
		font-size: 16px;
	}
}






.wpcf7-form
{ 
	background: #ffffff;
	width:100%!important;
}
.wpcf7-form input[type="text"] , .wpcf7-form input[type="email"], .wpcf7-textarea
{
	width:100%!important;
	background: #fff; 
	border: 1px solid #bbb; 
	color: #444444!important; 
	padding:10px;
	margin-bottom:0px;
}
.wpcf7-textarea
{
	height:50px;!important;
}

.wpcf7-form input[type="submit"]
{
	background: #231f20;
	border:none!important;
	color:#fff;

	font-size:26px;
	font-family: 'Open Sans', sans-serif!important;
	font-weight: 200;

	padding:20px;

	width:100%!important;
	
	cursor:pointer;
	
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	
}
.wpcf7-form input[type="submit"]:hover
{
	background: #bb0e2b;
	color:#fff;
}


span.wpcf7-list-item { display: block; }











/* DRIVER APPLICATION FORM */

#wpcf7-f1775-p1530-o1 .wpcf7-form
{
	background: none;
	width:100%!important;
}

#wpcf7-f1775-p1530-o1 #yourNameField
{
	background-color:#f9f9f9;
	
	color:#aaa!important;
}
















#quickQuoteContactFormContainer
{
	width:100%;
	padding-top:30px;
}

#quickQuoteContactFormContainerLeft
{
	width:50%;
	float:left;
	padding-right:10px;
}

#quickQuoteContactFormContainerRight
{
	width:50%;
	float:left;
	padding-left:10px;
}

#quickQuoteContactFormContainerRightInnerDiv
{
	width:100%;
}

#quickQuoteContactFormContainerRightInnerDivLeft
{
	width:50%;
	float:left;
}
#quickQuoteContactFormContainerRightInnerDivRight
{
	width:50%;
	float:left;
}


@media only screen and ( max-width:980px )
{
	#quickQuoteContactFormContainer, #quickQuoteContactFormContainerLeft, #quickQuoteContactFormContainerRight, #quickQuoteContactFormContainerRightInnerDiv, #quickQuoteContactFormContainerRightInnerDivLeft, #quickQuoteContactFormContainerRightInnerDivRight
	{
		width:100%;
		float:none;
		display:block;
		
		padding-right:0px;
		padding-left:0px;
	}
}




.footer-widget .TestimonialRotatorWidget h4
{
	text-align:center;
}