/*----------------Core---------------------------*/
html { height: 100%; }
body{
	min-height: 100%;
	padding: 0px;
	margin: 0px;
	background: #fff;
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #003087;
	height: 100%;
}
img, input[type=image] { border: 0px; vertical-align: middle; }
a:link, a:visited, a:active { color: #003087; text-decoration: underline; }
a:focus, input:focus {outline: 0; }
a:hover { color: #003087; opacity: 0.8; text-decoration: none;}
form { margin: 0px; padding: 0px; }

input[type=text], textarea { color: #fff; background: #111; border: 1px solid #000; padding: 2px; }
input[type=submit] { cursor: pointer; color: #000; background: #34c6f5; padding: 2px 8px; border:0px; font-weight: bold; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;	  }
label { display: block; }

.container { max-width: 991px; }
.large-container { max-width: 1200px; margin: 0 auto; padding: 0 15px;}

/*------------UTILITIES ----------------------*/
.clear{ clear: both; height: 0px; margin: 0px; overflow: hidden; }

.table-row { display: table; width: 100%; margin: 0; padding: 0; }
.table-cell { display: table-cell; vertical-align: middle; }

.no-list { list-style: none; padding-left: 0; }
	.no-list li { margin-left: 0px; }
.bullet { display: inline-block; height: 0.6em; width: 0.6em; margin-right: 4px; border-bottom: 2px solid #fff; border-right: 1px solid #fff; background: #bb131a; }

.row-5 { margin: 0 -7px; }
.row-5 .col-sm-2 { width: 20%; padding: 0 7px; }

.small-padding { margin-left: -5px; margin-right: -5px; }
.small-padding .col-sm-1, .small-padding .col-sm-2, .small-padding .col-sm-3, .small-padding .col-sm-4, .small-padding .col-sm-5, .small-padding .col-sm-6, .small-padding .col-sm-7, .small-padding .col-sm-8, .small-padding .col-sm-9, .small-padding .col-sm-10, .small-padding .col-sm-11, .small-padding .col-sm-12,
.small-padding .col-xs-1, .small-padding .col-xs-2, .small-padding .col-xs-3, .small-padding .col-xs-4, .small-padding .col-xs-5, .small-padding .col-xs-6, .small-padding .col-xs-7, .small-padding .col-xs-8, .small-padding .col-xs-9, .small-padding .col-xs-10, .small-padding .col-xs-11, .small-padding .col-xs-12 { padding: 0 5px; }

.btn-primary, a.btn-primary { text-transform: uppercase; text-decoration: none !important; background-color: #1e3d7c; border: 0; padding: 15px 25px; color: #fff; border-radius: 15px; }
	.btn-primary:hover, .btn-primary:active .btn-primary:focus, a.btn-primary:hover, a.btn-primary:active a.btn-primary:focus  { background: #1e3d7c; opacity: 0.8; color: #fff; }
.btn-white, a.btn-white { text-transform: uppercase; text-decoration: none !important; background-color: #fff; border: 0;  font-size: 14px; line-height: 1em; padding: 6px 20px; color: #333; border-radius: 2px; }
	.btn-white:hover, .btn-white:active .btn-white:focus, a.btn-white:hover, a.btn-white:active a.btn-white:focus  { background: #fff; opacity: 0.8; color: #333; }

.photo-caption { position: absolute; border: 2px solid #003087;  max-width: 300px; right: 0; bottom: 0; margin-bottom: -30px; font-size: 16px; color: #111; display: block; line-height: 1.4em; background: #fff; padding: 30px; border-radius: 25px; box-shadow: 0 0 18px rgba(0,0,0,0.3);  }
	/*.photo-caption:before { content: ''; display: block; padding: 0; margin: -30px -30px 30px; height: 8px; background: #75A0FE radial-gradient(#fff, #75A0FE, #003087, #152559);  }
	.photo-caption:after { content: ''; display: block; padding: 0; margin: 30px -30px -30px; height: 8px; background: #75A0FE radial-gradient(#fff, #75A0FE, #003087, #152559);  }
	*/
	.photo-caption a {  font-weight: bold; }
	.photo-caption .img-responsive { margin-bottom: 5px; }
	.photo-caption .row { display: flex; align-items: center; justify-content: center; }
		.photo-caption .col-xs-6, .photo-caption .col-xs-4 { display: block; width: auto; float: unset; padding: 0 2.5px;  }
		.photo-caption .col-xs-6 { flex-basis: 50%; width: 50%;   }
		.photo-caption .col-xs-4 { flex-basis: calc(100% / 3); width: calc(100% / 3);   }

.photo-container { position: relative; margin-bottom: 60px; }
	.photo-container .img-holder { margin-right: 0px; }
	.photo-container .img-holder .img-responsive { border-radius: 25px; margin: 0 auto; box-shadow: 0 0 18px rgba(0,0,0,0.3); }
	.photo-container.left .img-holder { margin-right: 0px; margin-left: 0px; }
	.photo-container.left .photo-caption { right: auto; left: 0; }

.small-space { font-size: 5pt; }

h1,h2,h3,h4,h5,h6 {font-family: 'Helvetica Neue', Arial, serif; font-weight: bold; }

#lightbox { position: fixed; top: 0px; left: 0px; width: 60%; min-width: 272px; max-width: 450px; padding: 25px 25px 59px; height: 80%; min-height: 272px; max-height: 500px; box-shadow: 0 0 8px rgba(0,0,0,0.2); background: #fff; border: 1px solid #ccc; z-index: 9998; }
	#chooser-container { height: 100%; overflow: auto; margin-bottom: -21px; }
	#chooser-container .row, #chooser-container #directory, #chooser-container .errorbx{ margin: 0px; }
	#chooser-container h3 { font-size: 24px; color: #000; margin: 0 0 8px; }
	#chooser-controls { z-index: 9999; margin-top: 44px; height: 21px;   }
	#chooser-controls a{ display: block; text-align: right; color: #000;  }
	
#lightbox-screen { cursor: pointer; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #eee; opacity: .8; -ms-filter: 'alpha(opacity=80)'; z-index: 9997; }
#lightbox, #lightbox-screen{ display: none; }

#tooltip { cursor: pointer; z-index: 9999; display: none; visibility: hidden; opacity: 0; color: #444;   position: absolute; min-width: 100px; max-width: 250px; text-align: center; }
	#tooltip.show { display: block; visibility: visible; opacity: 1; }
	#tooltip .fa { line-height: 0px; display: block; font-size: 24px; margin: 0; height: 10px; }
	#tooltip .message { position: relative; z-index: 6; margin: 0px; padding: 4px 8px; background: #444; color: #fff; font-size: 12px; line-height: 1.2em; text-align: left; border-radius: 4px; overflow: hidden; }

.table > tbody > tr > td { border-top: 0; vertical-align: bottom; }
.table > thead > tr > th { border-bottom: 1px solid #ccc; font-weight: normal; }
.blue-text, .table > thead > tr > th.blue-text  { font-weight: bold; color: #1e3d7c; }
.table-caption { font-size: 12px; line-height: 1.3em; }
.footnotes { font-size: 11px; color: #666; line-height: 1.3em;}
.footnote-home { font-size: 14px; line-height: 1.3em; padding-bottom: 15px; }
.table > tbody > tr > td.bottom-border { border-bottom: 1px solid #ccc; }
.table > tbody > tr > td.bottom-double-border { border-bottom: 3px solid #ccc; }
/*------------HEADER----------------------*/
#logo { transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; width: 194px;  }
#header { font-weight: bold;  background: #003087 url('../image/TopBannerandMenudrop.jpg') no-repeat 50% 0%; background-size: cover; z-index: 999; font-size: 16px; line-height: 1.4em; position: fixed; top: 0; opacity: 1; -webkit-transition: all 1s ease-in-out 0s; transition: all 1s ease-in-out 0s; width: 100%; left: 0; cursor: pointer; max-height: 100%; overflow: auto;  padding: 18px 0px; color: #fff; }
#header a { color: #fff; }
#header .company { display: block; font-weight:bold; }
	#header.loaded { top: 0px; opacity: 1; box-shadow: 0 0 18px rgba(0,0,0,0.3); }
	#header.scrolled #logo { width: 100px; }
	#header.scrolled { background-color: #f6f6f6;  }
	#header .hide-mobile { display: inline-block; padding-top: 7px; }
	
#header .container-fluid { padding: 0 15px; }

#header .table-cell { width: 33.33333333333333%; }
#mobile-trigger { padding: 9px 0; }
#mobile-trigger .menu-text { font-size: 16px; line-height: 1.4em; }

#mobile-menu-btn { float: right;  margin-left: 15px; cursor: pointer; width: 30px;overflow: hidden; text-decoration: none;  }
	#mobile-menu-btn:hover { opacity: 0.5; }
	#mobile-menu-btn .icon-bar { height: 2px; background: #fff; display: block; margin: 4px 0px;  }
		#mobile-menu-btn:hover .icon-bar { opacity: 0.8; }
		
#page-cover { cursor: pointer; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); overflow: hidden; z-index: 501; }
#mobile-menu { display: none; overflow: hidden; color: #fff; padding: 24px 0 8px; display: none; z-index: 510;  }
	#mobile-menu.active { width: 300px; overflow: auto; }
	#mobile-menu .mobile-menu-trigger { cursor: pointer; font-size: 16px; line-height: 1.5em; padding: 18px 5px 19px; margin: -10px -30px 15px; text-align: center; background-color: rgba(0,0,0,0.05);   }
	#mobile-menu a { font-weight: normal; display: block; max-width: 255px; border-radius: 15px;  background: #fff; text-decoration: none; padding: 0; margin: 15px auto; border: 2px solid #fff; overflow: hidden;}
	#mobile-menu a span { display: block; color: #003087; font-size: 14px; line-height: 1.3em; padding: 8px 0; text-align: center; }
	#mobile-menu a:hover { opacity: 0.8; }

/*------------FOOTER----------------------*/

#footer { padding: 20px 0px; position: relative; margin-top: -54px; background: transparent; color: #003087;  font-size: 14px; line-height: 1em;  }
#footer a{ color: #003087;  }


/*------PAGES----------*/
.page { display: none; font-size: 16px; line-height: 1.6em; padding-top: 70px; padding-bottom: 54px; background: #fff url('../image/Segment pages bckgrnd.jpg') 50% 100% repeat-y; background-size: 100% auto; color: #111; }
	.page .cover { padding: 45px 0; background: transparent; color: #111; margin-bottom: 30px; text-align: left;  }
	.page .cover a.readmore { text-decoration: none; display: inline-block; border-bottom: 0px solid #fff; margin-right: 4px; font-weight: bold;  }
	.page h1 { font-size: 36px; margin: 0;  line-height: 1.3em; color: #003087; }
	.page .cover h1 {  margin: 0 0 15px; }
	.page h2 { font-size: 26px;  color: #003087; margin: 0px 0 15px; }
	.page hr { border-color: #ccc; margin: 30px 0; }
	.intro-copy { color: #003087; font-size: 22px; line-height: 1.5em; margin-bottom: 15px; font-weight: 700;  }
#home { display: block; background: #fff url('../image/Segment pages bckgrnd.jpg') 50% 100% repeat-y; background-size: 100% auto; }
#home-top-background { background: #fff url('../image/Segment pages bckgrnd.jpg') 50% 100% repeat-y; background-size: 100% auto; }

	.page .products-slider-background { padding: 45px 0; /* background: #003087 url('../images/Background_BlueAbstract.jpg') 50% 50%; background-size: auto 100%; */ color: #fff; }
/*	.page .products-slider-background h2 { color: #fff; }*/

/*------------HOME----------------------*/
#home-cover {   }
#home-cover .about{ padding-top: 45px; font-size: 20px; line-height: 1.5em; }
	#home-cover .about h1 {  margin: 0 0 15px 0; }
	#home h2 {  font-size: 36px; margin: 0; line-height: 1.3em; }
#banner { max-width: 1200px; margin: 0 auto 30px; }
	#banner ul { list-style: none; margin: 0; padding: 0; }
	#banner li { display: block; margin: 0; padding: 0; }

	#financial-highlights, #home-featured { padding: 15px 0; }
	#home-financial-highlights { margin: 0; }
		#home-financial-highlights .col-sm-3 { padding: 0; }

	#home-boxes { margin-right: -5px; margin-left: -5px; }
		#home-boxes:before { display: table; content: " "; }
		#home-boxes:after { clear: both; }
		#home-boxes .col-sm { float: left; width: 20%; padding: 5px; }
	a.home-box { background: rgba(255,255,255,0.4); display: block; text-decoration: none; text-align: left; border: 1px solid #003087; border-radius: 25px; margin-bottom: 15px; overflow: hidden; box-shadow: 0 0 18px rgba(0,0,0,0.1); }
	.home-box-container { display: block; width: 100%; color: #003087;  padding: 0px;    }
		.home-box-container .title { display: flex; border-bottom: 1px solid #003087; align-items: center; min-height: 150px; margin-bottom: 15px; padding: 10px; }
		.home-box-container .title span { display: block; width: 100%; text-align: center; font-size: 26px; font-weight: bold; line-height: 1.2em;  }
		.home-box-container span.border { display: none; padding: 0; height: 8px; background: #75A0FE radial-gradient(#fff, #75A0FE, #003087, #152559); }
		.home-box-cell { display: block; min-height: 300px; background: transparent; color: #111; font-size: 16px; line-height: 1.5em; padding: 10px; }
	a.home-box .read-more { color: #fff; border-top-right-radius: 25px; border-top-left-radius: 25px; font-size: 16px; background: #003087; line-height: 1em; padding: 15px; text-align: center; }
	.home-spacing {height: 30px; }

	#financial-highlights .flex-row { display: flex; align-items: stretch; justify-content: center; margin: 30px auto;  }
	#financial-highlights .col { flex-basis: 25%; border-right: 2px solid #888; }
	.fact-box {  display: flex;  align-items: center;  font-size: 14px; line-height: 1.3em;  margin: 0; text-align: left; padding: 0 15px 0 30px; }
		.fact-box div { }
		.fact-box .spacer { height: 20px; }
		.fact-box span { display: block; font-size: 36px; font-weight: normal; color: #003087;  line-height: 1.1em; margin: 4px 0; }
		.fact-box em { font-style: normal; }

	#financial-highlights #box1 {  padding-left: 0; }
	#financial-highlights #box4 {  border-right: 0; }

	
#video-gallery { background: #fff url('../image/VideoBackground.jpg') 50% 50%; background-size: auto 100%; padding: 45px 0;  }
#slick { padding: 15px 0;  }
.slick-list:hover .slick-slide:not(:hover) a { transition: all 0.5s ease; filter: grayscale(100%); opacity: 0.6; } 
.video-thumbnail { padding: 90px 0px; }
.slick-active a { transform: scale(1.15); position: relative; z-index: 5;  }
.slick-current a { transform: scale(1.25); z-index: 99; position: relative;  }
.video-thumbnail a { background: #003087; position: relative; display: block; text-align: center; overflow: hidden; box-shadow: 0 0 18px rgba(0,0,0,0.3); text-decoration: none; color: #fff; border-radius: 25px;  }
.video-thumbnail a:hover { opacity: 1; }
	.video-thumbnail a span { position: absolute; width: 100%; top: 0; left: 0; background: #003087; display: block; padding: 12px 15px; font-size: 18px; line-height: 1em; border-bottom-right-radius: 25px; border-bottom-left-radius: 25px; }
	.video-thumbnail a span.border { display: none; padding: 0; height: 8px; background: #75A0FE radial-gradient(#fff, #75A0FE, #003087, #152559); }
	.video-thumbnail a .img-responsive { margin: 0 auto; }

	.slick-dots li.slick-active button:before, .slick-dots li button:before  { color: #fff; }
/*------------FOUR SEGMENTS-------------------*/
.slider { position: relative; }
.slider-container{ width: 83.33333333333334%; margin-top: 30px;    margin-left: 8.333333333333332%; height: 440px; overflow: hidden; box-shadow: 0 0 18px rgba(0,0,0,0.3); background: #fff; border-radius: 25px;  }
	a.l-arrow, a.r-arrow { z-index: 100; display: block; position: absolute; top: 50%; margin-top: -19px;  background: #fff; color: #003087; text-decoration: none; border-radius: 100%; font-size: 24px; line-height: 1em; padding: 7px 15px; }
	a.l-arrow { left: 0px; } a.r-arrow { right: 0px; }
 	a.l-arrow:hover, a.r-arrow:hover { }
.product-slider { }
.product-slider .slider {  overflow: hidden; white-space: nowrap; }
.product-slider .slider > * { vertical-align: middle; }
.product-slider .slider .element { display: inline-block; float: none; padding: 0; width: 100%;   }

.logo-box { padding: 25px;  height: 500px; position: relative;  }

.logo-caption { padding: 0 25px; white-space: normal; text-align: left; font-size: 18px; line-height: 1.3em; color: #003087; }

#engineered h2, #fueling h2, #pumps h2, #imaging h2, #refrigeration h2 { padding: 30px; display: block; border-radius: 15px; text-align: center;   }
	

/*------------ENGINEERED SYSTEMS-------------------*/
#es-1 .photo-caption { bottom: auto; top: 2%; }
#es-2 .photo-caption { bottom: auto; top: 2%; }
#es-3 .photo-caption { bottom: auto; top: 10%; }
#es-4 .photo-caption { bottom: auto; top: 2%; }
#es-5 .photo-caption { bottom: 2%; }
#es-6 .photo-caption { bottom: auto; top: 10%; }


/*------------FLUIDS-------------------*/
#fluids-1 .photo-caption { bottom: auto; top: 0%; }
#fluids-2 .photo-caption { bottom: auto; top: 2%; }
#fluids-3 .photo-caption { bottom: 2%; }
#fluids-4 .photo-caption { bottom: 0%; }
#fluids-5 .photo-caption { bottom: 2%; }
#fluids-6 .photo-caption { bottom: 2%; }

/*------------IMAGING-------------------*/
#imaging-1 .photo-caption { bottom: 20%; }
#imaging-2 .photo-caption { bottom: 0%; }


/*------------PUMPS-------------------*/
#pumps-1 .photo-caption { bottom: auto; top: 10%; }
#pumps-2 .photo-caption { bottom: auto; top: 10%; }
#pumps-3 .photo-caption { bottom: auto; top: 10%; }
#pumps-4 .photo-caption { bottom: 2%; }


/*------------REFRIGERATION-------------------*/
#ref-1 .photo-caption { bottom: auto; top: 5%; }
#ref-2 .photo-caption { bottom: 10%; }
#ref-3 .photo-caption { bottom: 20%; }
#ref-4 .photo-caption { bottom: 20%; }


.show-mobile { display: none; }

@media all and (min-width: 991px) {
	.desktop-break { display: block; }
	.graph-container { min-height: 350px; padding-left: 30px; border-left: 1px solid #ccc;  }
		.graph-container.left { border: 0;   }
	#letter .graph-container{ min-height: 350px; }
}
@media all and (min-width: 766px) and (max-width:991px) {
	#home-boxes .col-sm { width: 33.3333333333333333%;  }
		#pumps-column { margin-left: 16.5%; }
	
}
@media all and (max-width:765px) {
	#header .menu-text { display: none;  }
	#header { font-size: 12px; }
		/*#header .text-right { text-align: center; }*/
	.graph-container { border-top: 1px solid #ccc; padding-top: 30px; margin-top: 30px; }
		.graph-container.left { border: 0; padding: 0; margin: 0;  }
	.page { padding-top: 55px; }
	.page h1 { font-size: 28px; }
	
	#mobile-menu { padding: 30px 0 15px; }
	.fact-box { border: 0; border-bottom: 0px solid #ccc; }
		#box4 { border: 0; }
	#home-boxes .col-sm { float: none; width: 100%; }
		.home-box-container .title, .home-box-cell { min-height: 0; }

	.hide-mobile, #header .hide-mobile { display: none; }
	.show-mobile { display: block; }
	#home-cover { min-height: 210px; text-align: center; padding-top: 30px; background-size: 100% auto; margin-bottom: 0; background-position: 50% 45px;	}
	
	.logo-box { padding: 0 15px;  }
	.logo-caption { padding: 0; }
	.slider-container{ height: 330px; }
	
	#footer li { display: block; border: 0; text-align: center; padding: 4px 0; float: none;  }
	#footer .text-right { text-align: center !important; }

	.photo-caption { position: static; max-width: 100%;  }

	.photo-container .img-holder { margin-right: 0px; }
	.photo-container.left .img-holder { margin-left: 0px; }

	#financial-highlights .fact-box { padding-left: 15px !important; margin-bottom: 30px;  }

	#financial-highlights .flex-row { flex-wrap: wrap;  }
	#financial-highlights .col { flex-basis: 50%; border-right: 0; border-bottom: 0px solid #888;  }

/*	#home-top-background { background: url('../image/Segment pages bckgrnd.jpg') 50% 100% repeat-y; }*/
}