/*everywhere*/
body{margin:0;padding:0;}
.logo-container-width, .page{max-width:1200px;margin:0 auto;}
/*header*/
.logo-container {background: #ffffff;margin:0 0 5px;}
.logo-container-width{
	display:flex;
	justify-content:space-between;
	height:60px;
	position: relative;
}
/*mobile menu*/
#mobile-menu{
	display:flex;
	align-items:center;
	background:#ffd500;
	color:#1268db;
	padding: 0 30px;
	text-align: center;
	height:100%;
	font-family: "Teko", sans-serif;
	font-weight: bold;
    text-transform: uppercase;
}

.carver-logo-wrapper, .carver-logo-wrapper img{max-width:100%; transition: background-image 0.3s;}
.carver-logo-wrapper, .carver-logo-wrapper a{display:flex;align-items:center;}

.main-nav{
	position: fixed;
    z-index: 100;
    background-color: #1268db;
    overflow-y: auto;
    width: 188px;
    top: 0;
    right: 0;
    height: 100%;
	transition: transform 0.3s;
	display:flex;
	flex-direction:column;
}
#nav-pumps{background-repeat: no-repeat;background-position: center bottom;}
#nav-pumps .fa{font-size:1.4em;font-weight:bold;position:absolute;right:20px;top:14px;color: #fff;}


.nav-main a{
	color:#fff;
	font-size:18px;
	font-weight:bold;
	font-family:Teko, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 20px;
}

#nav-pump-series-wrapper{
	background:#0d4a9e;
	padding:20px 0;
	width:188px;
	margin-top:17px;
	margin-bottom:-17px;
}
.nav-pump-series{padding:7px ;}

.nav-pump-series a{font-size:14px;}
#mobile-menu-bars{font-size:1.5em;margin-top: -4px;margin-left: 7px;}
@media (max-width:771px){
	.main-nav > div:nth-of-type(odd){background:#105dc5;}
	.nav-main{padding:17px 0;}
	.nav-pump-series:hover{background:#0e53af;}
}
@media (min-width:770px){
	#mobile-menu, #pump-angle{display:none;}
	.logo-container-width{height:100px;}
	.main-nav{
		position:relative;
		width:initial;
		flex-direction:row;
		background:initial;
		display:flex !important;
	}
	.nav-main{line-height:100px;}
	.nav-main a{
		color: #1268db;
		padding: initial;
		margin: 20px;
		border-bottom: 4px solid #FFD500;
	}
	.nav-main:hover a{border-bottom:4px solid #1268db}
	.nav-pump-series{
		width: calc(25% - 10px);
		padding: 10px 0;
	}
	.nav-pump-series a{color:#fff;border:initial;font-size: 18px;}
	.nav-pump-series a:hover{opacity: .5;}
	#nav-pump-series-wrapper{
		position:fixed;
		top: 80px;
		left:0;
		width:100%;
		flex-wrap: wrap;
		line-height: initial;
		background: #1268DB;
		padding: 45px 35px;
		display: none !important;
	}
	#nav-pumps:hover #nav-pump-series-wrapper{display:flex !important;}
	#nav-pumps:hover {background-image:url(/storefronts/carverpump/images/supernav-arrow.png);}
	#nav-contact{background:#ffd500;line-height: initial;display: flex;flex-direction: column;}
	#nav-contact-phone{display:block !important;color:#1268db;text-align:center;font-family: "Roboto Slab", serif;letter-spacing:0;font-size:13px;font-weight:bold;margin: 33px 0 3px;}
}
@media (min-width:975px){
	.nav-pump-series{
		width: calc(20% - 10px);
	}
}
@media (min-width:1201px){
	#nav-pump-series-wrapper{
		width:1200px;
		left: calc((100% - 1270px) / 2);
	}
}

/*end mobile menu*/
/*storefront*/
.store_catbuttons {text-align: center; padding-top: .5em;}
p, .store_contact {padding:.5em;}
.store_contact div {margin-bottom: 2px;}
ul.frq-radios {list-style: none; padding: 0; margin: 0 0 8px 0;}
ul.frq-radios li {display: inline; margin-right: 8px;}
.section{margin:0 2px 4px;}
.section p{
	max-width:960px;
	font-size:1.2em;
	margin:0 auto;
	padding:10px;
}
/* Component containers*/
.ui-widget-header {background-color: #1268db; background-image: none; }
.ui-widget-content{border:none; box-shadow:0px 1px 1px 0px rgba(18, 104, 219, 0.75);}
/*buttons*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default 
{background: #FFD500; border: solid 1px #1268db; color:#1268db; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus 
{background:#1268db; color:#FFFFFF;}

/* icon defaults - arrow on acct menu and symbol on search button */
.ui-icon 
{background-image: url(/_static/scripts/jquery-ui/themes/pumpflo/images/ui-icons_454545_256x240.png) !important;}

/* icon override for hover/selected when we need to have two color-states */
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon
{background-image: url(/_static/scripts/jquery-ui/themes/pumpflo/images/ui-icons_ffffff_256x240.png) !important;}

/*Links*/
.section a, #ti_nav_links a{
	color: #1268db;
	text-decoration: none;
}

.section a:hover, #ti_nav_links a:hover{
	text-decoration: underline;
}

.ui-state-hover a, .ui-state-hover a:hover {
    color: #fafafa;
}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color: #2A77DF;} /*The "Orange" active links*/
.ui-state-active:hover a, .ui-state-active:hover a:link,.ui-state-active:hover a:visited{color: #fff;}

.fg-menu a:link,.fg-menu a:visited,.fg-menu a:active{color:#1268db;} /*Printed reports and similar links*/
.fg-menu a:hover{color:#fff;}

/*Contacts div*/
.ESI-contacts {
	margin: auto;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}

.ESI-contacts-region {
	padding: 10px;	
	text-align: left;
}
/*End Contacts*/
/*Criteria Mobile*/
	@media (max-width: 750px) {
	.criteria_columns{
		width:100%;
		float:initial;
	}
}
/*End Criteria*/
/*Product section*/
.products-wrapper{display:flex;flex-wrap:wrap;justify-content:center;}
.product-series{
	max-width:calc(33.33% - 20px);
	min-width: 300px;
	display:flex;
	flex-direction:column;
	text-align:center;
	box-shadow:0px 1px 1px 0px rgba(18, 104, 219, 0.75);
	margin:5px;
	padding:5px;
	border-radius:5px;
	background:#fff;
}
.series-img-wrapper,.series-img-wrapper img{max-width:100%;}
.series-img-wrapper{height:180px;line-height:180px;}
.series-img-wrapper img{max-height:180px;}
.series-title{width:90%; margin:0 auto;border-bottom:2px solid #FFD500}
.series-title a{
	font-size:20px;
	font-weight:bold;
}
.series-text p{
	text-align:left;
	padding:10px;
}
@media (max-width:700px){
	.series-img-wrapper{height:initial;line-height:initial;}
	.product-series{max-width:initial;}
}
/*Pump display overrides*/
#graph_image_container{width:initial !important;}
#graph_image_container img{max-width:100%;}