/*----------------Core---------------------------*/
html { height: 100%; }
body{
	min-height: 100%;
	padding: 0px;
	margin: 0px;
	background: #1e3d7c;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #fff;
	height: 100%;
}
img, input[type=image] { border: 0px; vertical-align: middle; }
a:link, a:visited, a:active { color: #1e3d7c; text-decoration: underline; }
a:focus, input:focus {outline: 0; }
a:hover { color: #1e3d7c; 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: 0px solid #333; border-top-width: 0px; max-width: 300px; right: 0; bottom: 0; margin-bottom: -30px; font-size: 16px; color: #fff; display: block; line-height: 1.4em; background: #fff; padding: 30px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;  }
	.photo-caption a { color: #fff; font-weight: bold; }

.photo-container { position: relative; margin-bottom: 60px; }
	.photo-container .img-holder { margin-right: 30px; }
	.photo-container .img-holder .img-responsive { border-radius: 15px; }
	.photo-container.left .img-holder { margin-right: 0px; margin-left: 30px; }
	.photo-container.left .photo-caption { right: auto; left: 0; }

.small-space { font-size: 5pt; }
h1,h2,h3,h4,h5,h6 {font-family:  Arial, serif; }

#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;}
.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 { background: #4a81c1 url('../images/header-bg.jpg') 50% 0%; background-size: cover; z-index: 999; font-size: 16px; line-height: 1.4em; position: fixed; top: 0; opacity: 0; -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: 10px 0px; color: #fff; }
#header a { color: #fff; }
#header .company { display: block; font-weight:bold; }
	#header.loaded { top: 0px; opacity: 1; }
	#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 { background: #fff; }
		
#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 { display: block; max-width: 255px;  background: #fff; text-decoration: none; padding: 0; margin: 15px auto; border: 2px solid #fff; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; overflow: hidden;}
	#mobile-menu a span { display: block; color: #1e3d7c; 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; background: #4a81c1 url('../images/footer-bg.jpg') 50% 0%; background-size: cover; color: #fff;  font-size: 14px; line-height: 1em;  }
#footer h6 { font-size: 18px; font-weight: bold; margin: 0 0 15px; color: #fff; }
#footer a{ color: #fff;  }

#footer ul { list-style: none; padding: 0; margin: 0; text-align: left; margin-bottom: 15px;  }
#footer li { padding: 0; float: left; border-right: 1px solid rgba(255,255,255,0.2); padding-right: 8px; margin-right: 8px; display: block;  }
	#footer li i { display: none; }
	#footer li a { display: block; color: #fff; text-decoration: none; padding: 0px 0; }
	#footer li a:hover { opacity: 0.5; }
	#footer li.last { border: 0; }

/*------PAGES----------*/
.page { display: none; font-size: 16px; line-height: 1.6em; padding-top: 60px; padding-bottom: 30px; background: #fff; color: #333; }
	.page .cover { padding: 45px 0; background: #1691cc; background: linear-gradient(45deg, #0f5091, #78b6e3); color: #fff; margin-bottom: 30px; text-align: left;  }
	.page .cover a { color: #fff;  }
	.page .cover a.readmore { text-decoration: none; display: inline-block; border-bottom: 2px solid #fff; margin-right: 4px; font-weight: bold;  }
	.page h1 { font-size: 36px; margin: 0; font-weight: normal; line-height: 1.3em; color: #fff; }
	.page h2 { font-size: 26px; font-weight: normal; color: #1e3d7c; margin: 0px 0 15px; }
	.page hr { border-color: #ccc; margin: 30px 0; }
	.intro-copy { color: #25408f; font-size: 22px; line-height: 1.5em; margin-bottom: 15px; font-weight: 700;  }
#home { display: block; }

.purple-background { background: #5C2F91 !important; }
.green-background { background: #92981b !important; }
.orange-background { background: #df6420 !important; }
.blue-background { background: #005a78 !important; }
.yellow-background { background: #e5b611 !important; }

.color-purple { color: #5C2F91 !important; }
.color-green { color: #92981b !important; }
.color-orange { color: #df6420 !important; }
.color-blue{ color: #005a78 !important; }
.color-yellow { color: #e5b611 !important; }

.border-purple { border-color: #5C2F91 !important; }
.border-green { border-color: #92981b !important; }
.border-orange { border-color: #df6420 !important; }
.border-blue{ border-color: #005a78 !important; }
.border-yellow { border-color: #e5b611 !important; }

/*------------HOME----------------------*/
#home-cover {   }
#home-cover .about{ padding-top: 20px; font-size: 20px; line-height: 1.5em; }
	#home-cover .about h1 { color: #1e3d7c; margin: 15px 0; }
	#home h2 { color: #1e3d7c; font-size: 36px; margin: 0; font-weight: normal; 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; }
	#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 { display: block; text-decoration: none; text-align: left; margin-bottom: 15px; overflow: hidden; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
	.home-box-container { display: block; width: 100%; color: #fff;  padding: 10px;   }
		.home-box-container .title { display: flex; align-items: center; min-height: 150px; margin-bottom: 15px; }
		.home-box-container .title span { display: block; width: 100%; text-align: center; font-size: 36px; line-height: 1.2em;  }
		.home-box-cell { display: block; min-height: 220px; background: #fff; color: #333; font-size: 16px; line-height: 1.5em; margin: -9px; padding: 10px; }
	a.home-box .read-more { color: #fff; font-size: 16px; line-height: 1em; padding: 15px; text-align: center; }
	.home-spacing {height: 30px; }

	.fact-box { display: flex; width: 100%; align-items: center; border-right: 1px solid #ccc; min-height: 190px; font-size: 14px; line-height: 1.3em; color: #fff; margin: 20px 0; text-align: center; padding: 15px; }
		.fact-box div { margin: auto; }
		.fact-box span { display: block; font-size: 32px; line-height: 1.1em; margin: 4px 0; }
		.fact-box em { font-style: normal; }
	#box1 { color: #92981b; }
	#box2 { color: #5C2F91; }
	#box3 { color: #df6420; }
	#box4 { color: #005a78; border-right: 0; }

#slick {}
.slick-list:hover .slick-slide:not(:hover) a { transition: all 0.5s ease; filter: grayscale(100%); opacity: 0.6; } 
.video-thumbnail { padding: 60px 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: #eee; display: block; text-align: center; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; overflow: hidden; text-decoration: none; color: #fff; }
.video-thumbnail a:hover { opacity: 1; }
	.video-thumbnail a span { display: block; padding: 12px 15px; font-size: 18px; line-height: 1em; }
	.video-thumbnail a .img-responsive { margin: 0 auto; }

/*------------FOUR SEGMENTS-------------------*/
.slider { position: relative; }
.slider-container{ width: 83.33333333333334%; margin-top: 30px;    margin-left: 8.333333333333332%; height: 440px; overflow: hidden; border: 1px solid #ccc; border-radius: 15px;  }
	a.l-arrow, a.r-arrow { z-index: 100; display: block; position: absolute; top: 50%; margin-top: -19px;  background: #1e3d7c; color: #fff; 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;   }
.logo-caption { padding: 0 25px; white-space: normal; text-align: left; font-size: 18px; line-height: 1.3em; }

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

/*------------ENGINEERED SYSTEMS-------------------*/
#es-1 .photo-caption { bottom: 50%; }
#es-3 .photo-caption { bottom: 20%; }
#es-4 .photo-caption { bottom: auto; top: 40%; }
#es-6 .photo-caption { bottom: auto; top: 10%; }
	#engineered .graph-container .title { margin-bottom: 15px; }


/*------------FLUIDS-------------------*/
#fluids-2 .photo-caption { bottom: 10%; }
#fluids-3 .photo-caption { bottom: 30%; }


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

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

/*------------PUMPS-------------------*/
#pumps-1 .photo-caption { bottom: auto; top: 10%; }
#pumps-2 .photo-caption { bottom: 20%; }
#pumps-3 .photo-caption { bottom: 40%; }
#pumps-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: 1px 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; }
}