@charset "utf-8";

body#beneschAbout a#aboutPage {
	color: #4aaa45;
}


::-moz-selection { /* Code for Firefox */
  color: #000;
  background: #d8dfe4;
}

::selection {
  color: #000; 
  background: #d8dfe4;
}


#transitionSlow {
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease;
}
#transitionMedium {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}


/*
ul li:first-child { margin-left: 0 !important; }
ul li:last-child { margin-right: 0 !important; }
*/


/*
<a href="tel:1-417-773-5223">(417) 773-5223</a>
*/

	







body, HTML {
	background-color: #f3f3f3 !important;
	/*height: 100%;*/
	position: relative;
	-webkit-font-smoothing: antialiased;
	/*overflow-x: hidden;*/
}

.inner {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	max-width: 1180px;
	position: relative;
	box-sizing: border-box;
	background: #fff;
}

.linkfill {
	display: inline-block !important;
	width: 100% !important;
	height: 100% !important;
	line-height: 0 !important;
	font-size: 0 !important;
	color: transparent !important;
	text-decoration: none !important;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
}

a[href^="tel"] {
    font-family: inherit;
    font-size: inherit;
    text-align: inherit;
    color: inherit;
    text-decoration: none;
    
}


/*
Benesch Green = #4aaa45
Grey = #e2e2e2
*/











/*  HEADER  ============================================================================= */
.header {
	background: #fff;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	position: relative;
	height: 100px;
	z-index: 9;
}

	#headerLogo {
		width: 100%;
		max-width: 211px;
		float: left;
		display: inline-block;
		margin-top: 25px;
	}

	ul#headerNav {
		float: right;
		display: inline-block;
		list-style: none;
	}
		ul#headerNav li {
			display: inline-block;
			font-size: 14px;
			margin-left: 25px;
			line-height: 100px;
			font-family: "Adagio Sans W00", arial, sans-serif;
		}
			ul#headerNav li a {
				text-decoration: none;
				color: #636466;
			}
			ul#headerNav li a:hover {
				text-decoration: none;
				color: #4aaa45;
			}








/*  MOBILE MENU  ============================================================================= */
.mobileBurger {
	display: none;
	position: absolute;
	top: 32px;
	right: 0px;
	width: 30px;
	cursor: pointer;
}
	span.mobileBurger_Line {
		background: #4aaa45;
		display: block;
		height: 5px;
		margin: 5px 0;
	}






/*  ABOUT  ============================================================================= */
.aboutMain {}

	.aboutSlideshow {
		position: relative;
	}
		.slideshowCaption {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0px;
			right: 0px;
			z-index: 9;
            background: rgba(0, 0, 0, 0.5);
		}
		.slideshowCaption_Text {
			width: 100%;
			height: auto;
			float: left;
            padding: 50px 50px 0px 50px;
			box-sizing: border-box;
		}
			.slideshowCaption_Text h2 {
                max-width: 750px;
				text-shadow: 2px 4px 18px rgba(0,0,0,0.5);
				text-align: left;
				font-family: "Adagio Sans W00", arial, sans-serif;
				font-size: 48px;
				margin-bottom: 10px;
				color: #fff;
                line-height: 56px;
			}
			.slideshowCaption_Text p {
                max-width: 600px;
				text-shadow: 2px 4px 18px rgba(0,0,0,0.65);
				text-align: left;
				font-family: "Adagio Sans W00", arial, sans-serif;
				line-height: 21px;
				font-size: 16px;
				margin-bottom: 20px;
				color: #fff;
			}

		.slideshowCaption_Stats {
			width: 100%;
			height: auto;
			float: left;
			box-sizing: border-box;
            position: absolute;
            bottom: 50px;
		}
			.slideshowCaption_Stats ul {
				list-style-type: none;
			}
				.slideshowCaption_Stats ul li {
					color: #fff;
					text-align: center;
					font-family: "Adagio Sans W00", arial, sans-serif;
                    display: inline-block;
                    width: 24%;
                    font-size: 15px;
					text-shadow: 2px 2px 12px rgba(0,0,0,0.3);
				}
				.slideshowCaption_Stats ul li strong {
					display: inline-block;
                    width: 100%;
                    font-size: 30px;
				}





.slideshowCaption_Text_Alt {
    display: none;
    width: 100%;
    background: #fff;
    float: left;
    box-sizing: border-box;
    padding: 25px 35px; 
}
    .slideshowCaption_Text_Alt h2 {
        text-align: center;
        color: #4aaa45;
        line-height: 30px;
        font-size: 24px;
    }

    .slideshowCaption_Text_Alt p {
        width: 100%;
        font-family: "Adagio Sans W00", arial, sans-serif;
        margin-bottom: 20px;
        color: #636466;
    }





.slideshowCaption_Stats_Alt {
    display: none;
    width: 100%;
    background: #51ac4b;
    float: left;
    box-sizing: border-box;
    padding: 25px 0px;
}
    .slideshowCaption_Stats_Alt ul {
        list-style-type: none;
        text-align: center;
    }
        .slideshowCaption_Stats_Alt ul li {
            color: #fff;
            text-align: center;
            font-family: "Adagio Sans W00", arial, sans-serif;
            display: inline-block;
            width: auto;
            vertical-align: top;
            width: 24%;
            font-size: 15px;
            text-shadow: 2px 2px 12px rgba(0,0,0,0.3);
        }
        .slideshowCaption_Stats_Alt ul li strong {
            display: inline-block;
            width: 100%;
            font-size: 30px;
        }






/* ======================== */

	.aboutSlider {
		background: #fff;
		padding: 10px 0px;
	}
		.aboutSlider_Box {
			height: 200px;
			background: #646567;
			position: relative;
			-webkit-transition: all .3s ease;
			-moz-transition: all .3s ease;
			-ms-transition: all .3s ease;
			-o-transition: all .3s ease;
			transition: all .3s ease;
            background-size: cover;
            background-position: center;
		}

	.aboutSlider_Box:hover:first-child {
		    background: #4aaa45;
        }

		/*Background Images for Each Market - Show On Hover*/
		#Market_Aviation_BG {
			background: url("../siteart/Market-Backgrounds/Aviation.jpg");
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}
		#Market_Bridges_BG {
			background: url("../siteart/Market-Backgrounds/Bridges.jpg");
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}
		#Market_Built_BG {
			background: url("../siteart/Market-Backgrounds/Built-Environment.jpg");
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}
		#Market_Environmental_BG {
			background: url("../siteart/Market-Backgrounds/Environmental.jpg");
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}
		#Market_Railroad_BG {
			background: url("../siteart/Market-Backgrounds/Railroad.jpg");
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}
		#Market_Roadway_BG {
			background: url("../siteart/Market-Backgrounds/Roadway.jpg");
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}
		#Market_Transit_BG {
			background: url("../siteart/Market-Backgrounds/Transit.jpg");
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}
		#Market_Water_BG {
			background: url("../siteart/Market-Backgrounds/Water.jpg");
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}
		/*Background Images for Each Market - Show On Hover*/




			.aboutSlider_UnderlayText {
				font-weight: 600;
                font-size: 18px;
                width: 90%;
				max-width: 200px;
				/*background: blue;*/
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				color: #fff;
				font-family: "Adagio Sans W00", arial, sans-serif;
				margin-bottom: 30px;
				text-transform: uppercase;
				text-shadow: 2px 4px 10px rgba(0,0,0,0.3);
			}


			span.aboutSlider_Overlay {
				display: inline-block;
				position: relative;
				width: 100%;
				height: 100%;
				background: #646567;
				z-index: 2;
				-webkit-transition: all .3s ease;
				-moz-transition: all .3s ease;
				-ms-transition: all .3s ease;
				-o-transition: all .3s ease;
				transition: all .3s ease;
			}
				.aboutSlider_OverlayIcon {
					width: 150px;
					height: 100px;
					/*background: #000;*/
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
				}
					.aboutSlider_OverlayIcon img {
						max-width: 100px;
					}

				.aboutSlider_Box:hover span.aboutSlider_Overlay {
					opacity: 0;
				}


				img#aboutSlider_AltBox {
					max-width: 100px;
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
				}


/* ======================== */

	.aboutHistory {
            padding-top:125px;
}
		.aboutHistory_Photo {
			height: 350px;
			width: 50%;
			float: left;
			display: inline-block;
			background: url("https://web.benesch.com/wp-content/themes/update-content/siteart/History-BW.jpg");
			background-size: cover;
			background-position: center;
		}
		.aboutHistory_Text {
			height: 350px;
			width: 50%;
			float: left;
			display: inline-block;
			box-sizing: border-box;
			padding: 40px;
			background: #fff;
		}
			.aboutHistory_Text h2 {
				text-align: left;
				font-family: "Adagio Sans W00", arial, sans-serif;
				/*font-weight: bold;*/
				font-size: 24px;
				margin-bottom: 10px;
				color: #4aaa45;
			}
			.aboutHistory_Text p {
				text-align: left;
				font-family: "Adagio Sans W00", arial, sans-serif;
				color: #636466;
			}

/* ======================== */

	.aboutTimeline {
		background: #fff;
		position: relative;
		box-sizing: border-box;
		margin: 50px 0px 50px 0px;
		padding: 50px 0px 50px 0px;
	}
		.timeline_MiddleLine {
			margin-left: auto;
			margin-right: auto;
			width: 2px;
			height: 100%;
			background: #d6d6d6;
			position: absolute;
			top: 0%;
			left: 50%;
			transform: translate(-50%, 0%);	
		}
		.timelineColumn {
			width: 48%;
			height: 100%;
			float: right;
			box-sizing: border-box;
		}
			.timelineEvent_Left {
				text-align: right;
				/*transform: translateX(-108.5%);*/
				transform: translateX(-108.2%);
				display: block;
				padding-left: 20%;
			}

			.timelineEvent_Right {
				text-align: left;
				display: block;
				padding-right: 20%;
			}

			.timelineEvent_Left img, .timelineEvent_Right img {
				max-width: 60%;
				margin-top: 10px;
			}
			

			.timelineEvent_Left a, .timelineEvent_Right a {
                font-style: italic;
                color: #4aaa45;
                text-decoration: underline;
			}	
            
            .timelineEvent_Left a, .timelineEvent_Right a:hover {
				
			}	


			.timelineEvent_Left h2, .timelineEvent_Right h2 {
				font-size: 20px;
				font-family: "Adagio Sans W00", arial, sans-serif;
				/*font-weight: bold;*/
				color: #4aaa45;
				margin-bottom: 5px;
				position: relative;
			}
			.timelineEvent_Left h2:after {
				content: url(../siteart/Timeline_Point.svg);
				position: absolute;
				z-index: 100000;
				right: -6.7%;
				top: 0px;
				width: 13px;
				height: 13px;
			}
			.timelineEvent_Right h2:before {
				content: url(../siteart/Timeline_Point.svg);
				position: absolute;
				z-index: 100000;
				left: -6.5%;
				top: 0px;
				width: 13px;
				height: 13px;
			}


			.timelineEvent_Left span, .timelineEvent_Right span {
				font-size: 17px;
				font-family: "Adagio Sans W00", arial, sans-serif;
				/*font-weight: bold;*/
				color: #636466;
				display: inline-block;
				max-width: 400px;
			}

			.timelineEvent_Left p, .timelineEvent_Right p {
				font-size: 17px;
				font-family: "Adagio Sans W00", arial, sans-serif;
				color: #636466;
			}



			a#timelineToggle_Button {
				position: absolute;
				bottom: -50px;
				left: 50%;
				transform: translate(-50%, 0%);
				font-size: 18px;
				font-family: "Adagio Sans W00", arial, sans-serif;
				text-transform: uppercase;
			}
				a#timelineToggle_Button:hover {
					cursor: pointer;
					text-decoration: underline;
				}
				a#timelineToggle_Button:before {
					content: url(../siteart/Down-Arrow.svg);
					width: 18px;
					height: 22px;
					position: absolute;
					top: -15px;
					left: 50%;
					transform: translate(-50%, -50%);					
				}


				/*This is for the jquery in header on about page - css for rotating arrow when "view more" button is clicked*/
				a#timelineToggle_Button.switchArrow:before {
					left: 40%;
					transform: rotate(180deg);             /* W3C compliant browsers */					
					-webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
					-moz-transform: rotate(180deg);        /* FF */
					-o-transform: rotate(180deg);          /* Opera */
					-ms-transform: rotate(180deg);         /* IE9 */
				}






a.stickyTimeline {
    display: none;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 90.5%;
    max-width: 1200px;
    background: #fff;
    height: 85px;
    z-index: 999999;
    /*box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);*/
    font-size: 18px;
    font-family: "Adagio Sans W00", arial, sans-serif;
    text-transform: uppercase;
    color: #4aaa45;
    text-decoration: none;
    text-align: center;
    /*padding: 45px 0px 0px 0px;*/
    padding: 20px 0px 0px 0px;
    box-sizing: border-box;
}

a.stickyTimeline:hover span {
    cursor: pointer;
    text-decoration: underline;
}


a.stickyTimeline span {
    width: 100%;
    display: inline-block;
}
a.stickyTimeline img {
    width: 22px;
    height: 22px;
    display: inline-block;
    margin: 5px 0px 0px 0px;
}


    /*a.stickyTimeline:before {
        content: url(../siteart/up-Arrow.svg);
        width: 20px;
        height: 25px;
        position: absolute;
        top: 30px;
        left: 50%;
        transform: translate(-50%, -50%);
        display: inline-block;
    }*/

.scrolledPast {
    visibility: hidden;
}

.displayTest {
    display: inline-block !important;
}

.original_stickyTimeline {}



/* ======================== */

	.aboutLocations {
		background: #646567;
		padding: 0px 0px 50px 0px;
		box-sizing: border-box;
		position: relative;
        text-align: center;
	}
		.aboutLocations p {
			text-align: center;
			font-family: "Adagio Sans W00", arial, sans-serif;
			color: #fff;
			margin: 0 auto;
			box-sizing: border-box;
		}

		.aboutLocations p.aboutLocations_p_Padding {
			padding: 0 50px;
		}

		.aboutLocations a {
            font-family: "Adagio Sans W00", arial, sans-serif;
            color: #fff;
            border: 1px solid #51ac4b;
            display: inline-block;
            text-transform: uppercase;
            font-size: 16px;
            font-weight: 600;
            text-align: center;
            padding: 13px 38px 12px;
            border-radius: 26px;
            text-decoration: none;
            margin-top: 30px;
            vertical-align: middle;
            }
			.aboutLocations a:hover {
				background: #51ac4b;
				color: #fff;
			}

		.aboutLocations img {
			width: 100%;
			display: inline-block;
			height: auto;
			z-index: 1;
		}



/* ======================== */

	.aboutValues {
		background: #fff;
        text-align: center;
	}
		.aboutValues_Intro {
			box-sizing: border-box;
			padding: 80px 50px 0px 50px;
		}
			.aboutValues_Intro h2 {
				text-align: center;
				font-family: "Adagio Sans W00", arial, sans-serif;
				/*font-weight: bold;*/
				font-size: 30px;
				margin-bottom: 10px;
				color: #4aaa45;
			}
			.aboutValues_Intro p {
				text-align: center;
				font-family: "Adagio Sans W00", arial, sans-serif;
			}
			.aboutValues_Intro hr {
				margin-top: 40px;
				height: 1px;
				background: #6d6e71;
			}

		.aboutValues_List {
			width: 85%;
			display: inline-block;
			margin: 0 auto;
			padding: 40px 0px 80px 0px;
			box-sizing: border-box;
		}
			.aboutValues_List ul {
				display: inline-block;
				float: left;
				width: 50%;
			}
			.aboutValues_List ul.floatRight {
				display: inline-block;
				float: right;
				width: 50%;
			}

				.aboutValues_List ul li {
					list-style-type: none;
					display: inline-block;
					margin-bottom: 35px;
                    position: relative;
                    width: 100%;
				}
					.aboutValues_List ul li:last-child {
						margin-bottom: 0px;
					}
					.aboutValues_List ul li h3 {
						font-size: 24px;
						font-family: "Adagio Sans W00", arial, sans-serif;
						display: inline-block;
						float: left;
                        width: 100%;
						color: #636466;
                        margin: 0px 0px 0px 0px;
					}
					.aboutValues_List ul li img {
						float: right;
                        width: 100%;
                        max-width: 90px;
						height: auto;
						display: inline-block;
					}

					.aboutValues_List ul li span#coreValues_Icon {
						float: left;
                        text-align: left;
						height: auto;
                        width: 20%;
						display: inline-block;
                        box-sizing: border-box;
					}
					.aboutValues_List ul li span#coreValues_Description {
						float: left;
                        text-align: left;
						height: auto;
                        width: 75%;
						display: inline-block;
                        padding: 0px 10px 0px 30px;
                        box-sizing: border-box;
					}

                    .aboutValues_List ul li span.coreValues_LearnMore {
                        margin-top: 25px;       
                    }   


.fact-slide-text-inner_AboutPage {
    color: #FFFFFF;
    padding: 40px 50px 50px;
    position: relative;
    font-size: 18px;
    line-height: 1.5; 
}

#fact-slider-content-right_AboutPage {
    background: #51ac4b;
    box-sizing: border-box;
}
    #fact-slider-content-right_AboutPage h3  {
        color: #fff;
    }
    #fact-slider-content-right_AboutPage p  {
        color: #fff;
    }
    #fact-slider-content-right_AboutPage .inner {
        background: none !important;
        box-sizing: border-box;
    }


#fact-slider-wrap_AboutPage {
    border-right: 10px solid #fff;
}


/* ======== MOBILE =========== */

.fact-slider-content-right-Mobile {
    display: none;
    width: 100%;
    background: #51ac4b;
    color: #fff; 
    padding: 50px;
    border-bottom: 10px solid #fff;
}




/* ======================== */

	.aboutCareers {
		background: url("../siteart/Line-Pattern-Background.png") #e6e6e6;
		background-size: cover;
		background-position: center;
		padding: 100px 50px;
		box-sizing: border-box;
        text-align: center;
        background-attachment: fixed;
	}


		.aboutCareers h2 {
			text-align: center;
			font-family: "Adagio Sans W00", arial, sans-serif;
			/*font-weight: bold;*/
			font-size: 30px;
			margin-bottom: 10px;
			color: #4aaa45;
		}
		.aboutCareers p {
			text-align: center;
			font-family: "Adagio Sans W00", arial, sans-serif;
			font-size: 17px;
			line-height: 25px;
			color: #636466;
		}
		.aboutCareers a {
            font-family: "Adagio Sans W00", arial, sans-serif;
            color: #636466;
            border: 1px solid #51ac4b;
            display: inline-block;
            text-transform: uppercase;
            font-size: 16px;
            font-weight: 600;
            text-align: center;
            vertical-align: middle;
            padding: 13px 38px 12px;
            border-radius: 26px;
            text-decoration: none;
            margin-top: 30px;
		}
			.aboutCareers a:hover {
				background: #51ac4b;
				color: #fff;
			}

/* ======================== */

.aboutCommunity {
	background: #fff;
	border-top: 10px solid #fff;
}
	.aboutCommunity_Text {
		background: #51ac4b;
		width: 30%;
		float: left;
		display: inline-block;
		box-sizing: border-box;
		padding: 50px;
	}
		.aboutCommunity_Text h2 {
			text-align: left;
			font-family: "Adagio Sans W00", arial, sans-serif;
			/*font-weight: bold;*/
			font-size: 24px;
			margin-bottom: 10px;
			color: #fff;
		}
		.aboutCommunity_Text p {
			text-align: left;
			font-family: "Adagio Sans W00", arial, sans-serif;
			font-size: 17px;
			line-height: 25px;
			color: #fff;
		}

	.aboutCommunity_Slideshow {
		background: #000;
		width: 70%;
		float: left;
		display: inline-block;
		box-sizing: border-box;
		border-left: 10px solid #fff;
	}

/* ======================== */
			
.aboutCloser {
	background: #fff;
	box-sizing: border-box;
	padding: 100px 0px;
}
	.aboutCloser_Box {
		display: inline-block;
		margin: 0 auto;
		float: none;
		width: 33%;
		vertical-align: top;
		box-sizing: border-box;
		padding: 0px 50px;
	}
		.aboutCloser_Box h2 {
			text-align: left;
			font-family: "Adagio Sans W00", arial, sans-serif;
			/*font-weight: bold;*/
			font-size: 24px;
			margin-bottom: 10px;
			color: #4aaa45;
		}
		.aboutCloser_Box p {
			text-align: left;
			font-family: "Adagio Sans W00", arial, sans-serif;
			font-size: 17px;
			line-height: 25px;
			color: #636466;
		}


/* ======================== */






/********* CORE VALUES PAGE *********/
#core-values-left {
    width: 46%;
    float: left;
    display: inline-block;
}

#core-values-right {
    width: 46%;
    float: right;
    display: inline-block;
}



.single-main-no-float {
     padding: 25px 0 20px !important;
}




.coreValues_back {
    background: #53ac4c;
    width: 100%;
    padding: 50px;
}
    .coreValues_back a {
        display: inline-block;
        border: 1px solid #ffffff;
        color: #fff;
        font-family: "Adagio Sans W00", arial, sans-serif;
        text-transform: uppercase;
        padding: 13px 20px 12px;
        font-weight: 600;
        border-radius: 26px;
        min-width: 200px;
        text-align: center;
    }
    .coreValues_back a:hover {
        background: #fff;
        color: #53ac4c;
    }



/********* CAREERS PAGE - MAIN SLIDESHOW 
.fact-slider-content-right-grey {
    background: rgb(226, 226, 226);
}



.video-box .video-box-info {
    background: none;
    padding: 0px;
    width: 100%;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.video-box .video-box-info .round-button {
    background: #fff;
    color: #4aaa45;
    min-width: auto;
    font-size: 24px;
    border-radius: 50%;
    border: 0px;
    width: 60px;
    height: 60px;
    padding-top: 14px;
    padding-left: 23px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5), 0 2px 10px 0 rgba(0,0,0,0.5);
}

.video-box .video-box-info .round-button:hover {
    background: #4aaa45;
    color: #fff;
    min-width: auto;
    font-size: 24px;
    border-radius: 50%;
    border: 0px;
    width: 60px;
    height: 60px;
    padding-top: 14px;
    padding-left: 23px;
    box-shadow: none;
    text-align: center;
}

.video-box-info-title {
    display: inline-block;
    position: absolute;
    bottom: 0px;
    z-index: 9;
    width: 100%;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    padding: 35px 0px;
    font-size: 1.75em;
}

*********/



/********* CAREERS PAGE - BOTTOM SLIDESHOW *********/
.benefits-row {
    border-bottom: 0px;
}

/*****/

#fact-slider-content-right_CareersPage {
    box-sizing: border-box;
    float: left;
    background: #51ac4b;
}

#fact-slider-content-right_CareersPage .inner {
    background: #51ac4b;
}

#fact-slider-content-right_CareersPage .inner p, #fact-slider-content-right_CareersPage .inner h3 {
    color: #fff;
}

/*****/

#fact-slider-wrap_CareersPage {
    border-left: 10px solid #fff;
}


.fact-slide-text-inner_CareersPage {
    color: #FFFFFF;
    padding: 40px 50px 50px;
    position: relative;
    font-size: 18px;
    line-height: 1.5; 
}


/** CAREERS PAGE - BOTTOM PHOTO GALLERY ***/

#careersPage_GalleryIntro {
    margin-bottom: 50px;
}


.gallery-masonry-entry_CareersPage {
    width: 31.33%;
    background: orange;
    float: left;
    margin: 0% 1% 1% 1%;
}
    .gallery-masonry-entry_CareersPage img {
        width: 100%;
    }


/** CAREERS PAGE - BOTTOM OUTRO INFO ***/

.careersPageOutro {
    height: 500px;
    background: #646567;
}





/*  RESPONSIVE  ============================================================================= */

@media screen and (max-width: 1275px){   /*1080PX*/
	
	/*ABOUT PAGE*/
	.timelineEvent_Right h2:before {
		left: -6.8%;
	}
    
    .aboutHistory {
        padding-top: 60px;
    }

}




@media screen and (max-width: 1220px){
	
	/*ABOUT PAGE*/
	.aboutCommunity_Text {
		width: 100%;
		height: auto !important;
	}
		.aboutCommunity_Text h2	{
			text-align: center;
		}
		.aboutCommunity_Text p	{
			text-align: center;
		}

	.aboutCommunity_Slideshow {
		width: 100%;
		border-left: 0px;
		border-top: 10px solid #fff;
	}
    
    .slideshowCaption_Stats_Alt {
    padding: 55px 0px;
}
    
    /*ABOUT PAGE - CSR*/
    .fact-slider-content-right-Mobile {
        display: inline-block;
    }
    
    .aboutPage_CSR-Slideshow-Desktop {
        display: none;
    }
    
    .fact-slider-wrap#fact-slider-wrap_AboutPage {
        width: 100%;
        border-right: 0px;
    }

    /*CAREERS PAGE - BOTTOM SLIDESHOW*/
    #fact-slider-content-right_CareersPage {
        width: 100%;
        background: #51ac4b;
        color: #fff;
        padding: 50px;
        border-bottom: 10px solid #fff;
    }
    
    #fact-slider-content-right_CareersPage .inner {
        padding: 0px;
    }
    
    #fact-slider-wrap_CareersPage {
        border-left: 0px;
        width: 100%;
        border-right: 0px;
    }   
	
}




@media screen and (max-width: 1150px){
	
	/*ABOUT PAGE*/
	.aboutHistory_Photo {
		width: 40%;
	}
	.aboutHistory_Text {
		width: 60%;
	}
    
    
    

    .slideshowCaption_Stats {
        Display: none !important;
    }    
    .slideshowCaption_Stats_Alt {
        Display: inline-block;
    }
    

}


@media screen and (max-width: 1050px){
	
	/*ABOUT PAGE*/
	.aboutCloser_Box {
		margin-bottom: 50px;
		float: none;
		width: 100%;
		/*max-width: 800px;*/
	}	
		.aboutCloser_Box h2	{
			text-align: center;
		}
		.aboutCloser_Box p {
			text-align: center;
		}

}


@media screen and (max-width: 1024px){

    #fact-slider-wrap_AboutPage {
        border-right: 0px solid #fff;
    }
    
    #fact-slider-content-right_AboutPage {
        text-align: center;
    }
    
    
    /*CAREERS PAGE - BOTTOM SLIDESHOW*/

    #fact-slider-wrap_CareersPage {
        float: left
    }
    
}




@media screen and (max-width: 900px){
	
	/*ABOUT PAGE*/	
	
	/********/
	
	.timelineEvent_Left p, .timelineEvent_Right p {
		font-size: 14px;
	}	
	
	/********/
	
	/********/
	
	/********/
	
	.aboutCareers p {
		font-size: 14px;
	}
	
	/********/

	.aboutCommunity_Text p {
		font-size: 14px;
	}
	
	/********/
	
	
}



@media screen and (max-width: 825px){

    /*ABOUT PAGE*/
    .slideshowCaption_Text_Alt {
        display: inline-block;
    }
    
    /********/
    
    
    .slideshowCaption_Text {
        position: relative;
        height: 100%;
    }
         .slideshowCaption_Text p {
            display: none !important;
        }

        .slideshowCaption_Text h2 {
            padding: 0px 25px;
            width: 100%;
            font-size: 52px;
            line-height: 66px;
            text-align: center;
            margin: 0;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
    }
        
    
    
}

@media screen and (max-width: 800px){
	
	/*MOBILE MENU*/
	.mobileBurger {
		display: block !important;
	}
	
	/*HEADER*/
	ul#headerNav {
		display: none;
	}
	
	
	
	/*ABOUT PAGE*/
    .slideshowCaption_Text p {
        font-size: 14px;
        line-height: 20px;
	}
    
	
	/********/
	
	.aboutSlider_Box {
		height: 150px;
	}
	
	/********/

	.aboutHistory_Photo {
		width: 100%;
		height: 250px;
	}
	.aboutHistory_Text {
		width: 100%;
		height: auto !important;
	}	
	
	/********/
	
	.aboutTimeline {
		margin: 0px 0px 50px 0px;
		padding: 30px 0px 50px 0px;
        text-align: center;
	}	
	
	.timeline_MiddleLine {
		display: none;
	}	
	
	.timelineColumn {
		width: 85%;
		height: 100%;
		float: none;
		display: inline-block;
		margin: 0 auto;
	}
		.timelineEvent_Left {
			float: left;
			text-align: center;
			transform: none;
			display: inline-block;
			padding: 20px;
			margin-bottom: 40px;
			width: 100%;
			border: 1px solid #ddd;
			box-sizing: border-box;
		}	
		.timelineEvent_Right {
			float: left;
			text-align: center;
			display: inline-block;
			padding: 20px;
			margin-bottom: 40px;
			width: 100%;
			border: 1px solid #ddd;
			box-sizing: border-box;
		}	
			.timelineEvent_Left h2:after, .timelineEvent_Right h2:before {
				display: none;
			}
	
		a#timelineToggle_Button {
			bottom: 25px;
		}	
    
    
    
 /********* CORE VALUES PAGE *********/

    #core-values-left {
        width: 100%;
        float: left;
    }

    #core-values-right {
        width: 100%;
        float: left;
    } 
    
    
    
/********* CSR SLIDESHOW SLIDESHOW | ABOUT *********/
    
    .fact-slide-text {
        background: #646567;
        position: static;
        color: #fff;
    }

    #fact-slider-wrap_AboutPage {
        background: #646567;
    }

	
}



@media screen and (max-width: 660px){
	
	/*ABOUT PAGE*/
    .aboutValues_List {
        padding: 40px 0px 40px 0px;
    }
    .aboutValues_List ul  {
        width: 100%;
        margin-bottom: 35px;
    }
    .aboutValues_List ul.floatRight  {
        width: 100%;
        float: left;
    }
	
	/********/
    
 	/********/
    
    .slideshowCaption_Stats_Alt ul li strong {
        font-size: 28px;
        text-shadow: none;
    }

    .slideshowCaption_Stats_Alt ul li {
        font-size: 18px;
        text-shadow: none;
    }    
	
}



@media screen and (max-width: 600px){
    
    /*ABOUT PAGE*/
    .slideshowCaption_Text h2 {
		font-size: 39px;
        line-height: 45px;
	}

}


@media screen and (max-width: 520px){
	
	/*ABOUT PAGE*/
	.hideMobile2 {
		display: none;
	}
		
}


@media screen and (max-width: 500px){
    
    /*ABOUT PAGE*/
    .slideshowCaption_Text h2 {
		font-size: 33px;
        line-height: 38px;
	}

}

