:root{
	--masterflow-teal:#004D6C;
	--masterflow-red:#EE3342;
	--masterflow-blue:#009BDB;
	--masterflow-grey:#ECECE7;
}
/*Everywhere*/
.clearfix {clear:both;}

body{
	background-image: url(/storefronts/masterflow/images/Masterflow-Background.3.jpg);
    background-size: cover;
    background-repeat: repeat;
    background-position: center;
	background-color:var(--masterflow-grey);
    font-size: 14px;
    color: #000000;
	margin:0;
	padding:0;
	min-height:700px;
}

.page{
	max-width: 1100px;
	margin:10px auto 0;
	background: #FFF;
}
.main {
    margin: 0px;
    padding: 33px 0px 0px;
}
/*Navbar*/
.logo-container{background:#ffffff}

#mobile-menu{
	display:none;
	margin:8px 15px;
	padding:5px 10px 9px;
	border-radius:4px;
	border:1px solid #dddddd;
	float:right;
	background-color:var(--masterflow-teal);
}

#mobile-menu:hover{
	background-color:#5b5b5b;
}



.float_left{
	display:flex;
}

.product_description{
	margin: 20px 0px;
}

.section .pumpgroup table td{
	padding: 10px 0px 10px 70px!important;
}

.pumpimg-container{
	width:200px;
	height:150px;
}

.pumpimg-container img{
	display:block;
	margin:0px auto;
	max-width:200px;
	max-height:150px;
}
.ui-icon-flag {
    background-color: var(--masterflow-red);
}

.icon-bar{
	display:block;
	width:22px;
	height:2px;
	border-radius:1px;
	background-color:#ffffff;
	margin-top:4px;
}
.header-top-container{
	background-color:var(--masterflow-teal);
	order: -2;
}

.header-top-margin{
	height:45px;
	max-width: 1100px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0px auto;
}


.header-top {
	display:flex;
	height:45px;
	justify-content: flex-end;
}

.top-icons {
	display:flex;
	flex-wrap:nowrap;
	height:45px;
	justify-content: flex-end;
	padding-left:11px;
	align-self: center;
}

.top-icons a{
	text-decoration: none;
	display:flex;
	flex-wrap:nowrap;
	padding-left:11px;
	align-self: center;
}

.top-text {
	text-decoration: none;
    text-align: center;
    vertical-align: middle;
	color:#fff;
	padding-left:11px;
	align-self: center;
	font-size: 16px;
    font-family: "Acumin Pro",Sans-serif;
    font-weight: 400;
}

.top-text a{
	text-decoration: none;
	color:#fff;
	padding-left:11px;
	align-self: center;
	font-size: 16px;
    font-family: "Acumin Pro",Sans-serif;
    font-weight: 400;
}

.header-bottom-container{
    margin-bottom: 0px;
	background-color: #ffffff;
    border-color: #e7e7e7;
	border-width: 0 0 1px;
}

.header-margin{
	max-width: 1196px;
	padding: 0px 20px 0px 10px;
	margin:auto;
}

.header-logo{
	float:left;
	height:102px;
}

.header-logo img{
	display: block;
	vertical-align:middle;
	border:0;
	max-width: 304.06px;
    padding: 37px 0px 0px;
}

.header-nav{
	float:right;
	list-style:none;
	height:100px;
	vertical-align:middle;
}

.header-nav ul{
	padding:initial;
	margin:0px;
}

.header-nav li{
	display:inline-block;
	position:relative;
}

.header-nav li a{
	text-decoration:none;
	display:block;
	text-align:center;
	vertical-align:middle;
	padding:42px 16px;
	color:#797979;
	background-color:transparent;
	border:1px solid transparent;
	position:relative;
	font-size: 16px;
    font-family: "Acumin Pro",Sans-serif;
    font-weight: 400;
	line-height: 16px;
    letter-spacing: .64px;
	-webkit-font-smoothing: antialiased;
}

.header-nav li a:hover, .header-nav li:hover #parentfish{
	color:var(--masterflow-red);
	background-color:#ffffff;

}

.suckerfish{
	display:none;
	position:absolute;
	top:100%;
	z-index:100;
	min-width:160px;
	padding:5px 0;
	margin: 2px 0 0;
	text-align:left;
	background-color:#ffffff;
	border-radius:0;
	left:0;
}

.header-nav li:hover ul{
	display:block;
	transition: all .3s;
}
.position-fix{display:none}
.header-nav li:hover .position-fix{
	display:block;
	transition: all .3s;
}
.suckerfish li{
	width:100%;
	text-align:left;
}

.suckerfish li a{
	display: block;
	padding: 16px 0px 0px 10px;
	clear:both;
	color:var(--masterflow-teal);
	white-space:nowrap;
	text-align:left;
	-webkit-font-smoothing: antialiased;
	transition: all .3s;
}

.suckerfish li a:hover{
	text-decoration:none;
	color:var(--masterflow-teal);
	background-color:transparent;
	border: 1px solid transparent!important
}

.suckerfish hr{
	margin:auto;
	border:none;
	height:1px;
	color:#ffffff;
	background-color: #ffffff;
}
.Aplicaciones-menu{
	position: fixed;
	z-index:10;
	left: calc(((100% - 1100px) / 2) + 150px);
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	align-items:flex-start;
	height: 500px;
	background: var(--masterflow-teal);
	width: 900px;
	padding: 28px 20px 50px 20px;}
	
@media (max-width: 1080px) and (min-width: 777px){
	.header-logo img {margin: auto;}
	.header-logo {float: none;}
	.header-nav {float: none; display:flex;}
	.menu-margin {margin:auto;}
}

.Aplicaciones-link{
margin-bottom: 6.5px;
}

.header-nav .Aplicaciones-link a{
    padding: 3px 0;
    font-size: 14px;
    border: none;
    color: #FFF;
}
.header-nav .Aplicaciones-link a:hover{
    border-top: none !important;
    border-bottom: none !important;
	background:transparent;
	color:#fff;
}
.Aplicaciones-header{
	font-size: 21px;
	color: #FFF;
}

@media (max-width: 776px){
	.header-top-container{
		display:none;
	}
	.header-margin{
		padding-left:initial;
		padding-right:initial;
	}
	.header-nav{float:initial;}
	#mobile-menu{display:block;}
	.header-margin ul{display:none;}
	.header-margin li{width:100%;}
	.header-nav li:hover ul{display:none;}
	.fa-caret-down{display:none;}
	#no-suckerfish{display:none;}
	.company_row_1_wrapper{
		background-image: none!important;
		background: #FFF;
		justify-content: center!important;
	}
	.company_row_2_wrapper{
		background-image: none!important;
		background: var(--masterflow-teal);
	}
	.company_row_2_wrapper iframe {
		padding: 50px 0!important;
		margin: auto;
	}
	.header-nav li a{
		width: 102px;
		margin: 0px 20px 0px auto;
		background-color: #FFF;
	}
}

.header-img-container{
	order:-1;
	height:140px;
	background:#FFF;
}
.header-img{
	background-image: url(/storefronts/masterflow2/images/HeaderBackground-Pump.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    padding: 70px;
	margin:auto;
	max-width:4000px;
}



/*End Navbar*/

/*storefront*/
.storeFrontProductList p{
	font-size:12.6px;
}

.store_catbuttons {text-align: center; padding: 21px 0px 42px;}
p, .store_contact {font-family: Verdana;}
.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;}
table.contacts td {vertical-align:top; padding: .5em;}
table.contacts .right {padding-left: 1.5em;}
.section{
    margin: 0 0 4px;
    background: #FFF;
    border: 1px solid rgba(0,0,0,0);
}
.section p, .product-section ul{font-size:1.18em; margin:0 auto 2px; max-width:1100px;}
.product-images{
	 display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 40px 0 15px 0;
}
.product-child{
	margin:0 5px;
	max-width: 290px;
}
.product-child img{
	max-width: 100%;
    box-shadow: 10px 10px 10px #e6e6e6;
}
.product-child p{
	padding: 20px 0 0;
    font-size: 120%;
}
/* Component containers*/
.ui-widget-header {background-color: var(--masterflow-teal); background-image: none; }

/*Background Image Containers*/
.company_row_1_wrapper {
	background-image: linear-gradient(to right,#FFF 370px, rgba(255,0,0,0)550px), url(/storefronts/masterflow/images/Compania.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    padding: 10px;
	margin: 20px 5px 20px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    max-height: 400px;
}
.company_row_1 {
    text-align: justify;
    font-family: Verdana;
    font-size: 0.9em;
    letter-spacing: -0.1px;
}

.company_row_2_wrapper {
    background-image: linear-gradient(to left, var(--masterflow-teal) 450px, rgba(255,0,0,0)560px), url(/storefronts/masterflow/images/hisavideo.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
    max-height: 400px;
    margin: 20px 5px 20px;
}
.company_row_2 {
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
}
.company_row_2 iframe{padding: 50px;}

.world_view {}
.world_view img {
    max-width: 99%;
    height: auto;
    margin: 10px 5px 15px;
}

.footer-link {
	max-width: 410px;
	padding: 20px 0 0;
    font-size: 280%;
	margin:auto;
}
.section .footer-link a:hover, .section .ESI-contacts-region a:hover {
	background:none;
	color:#5b5b5b;
}

/*buttons*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default 
{background: var(--masterflow-teal); border: solid 1px var(--masterflow-teal); color:#FFF; font-family: Verdana;}

.catbutton{
	background: #878787!important;
	border: solid 1px #878787!important;
}

.ui-widget-content h1 {
color:var(--masterflow-teal);
}

/*2021-07-12*/.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{
	color:#FFF;
	background: var(--masterflow-red);
	cursor: pointer;
}

/*2021-07-12.ui-widget-content .ui-state-hover{color:#FFF;}*/
.fg-menu a:hover{color:#FFF !important;}

/*2021-07-12*/li.pump-tab span, li.pump-tab img {
    height: 24px;
    vertical-align: middle;
	color:#FFF
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png);}

/* 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_333333_256x240.png) !important;}

/*Links*/
/*2021-07-12*/.section a, #ti_nav_links a,.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{color:var(--masterflow-teal);text-decoration: none;}
.section a:hover, #ti_nav_links a:hover{text-decoration: underline;background: var(--masterflow-red);color:#fff;}
/*2021-07-12*/.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color: #FFF;} /*The "Orange" active links*/
.fg-menu a:link,.fg-menu a:visited,.fg-menu a:active{color:var(--masterflow-teal);} /*Printed reports and similar links*/

.section .world_view a:hover{text-decoration: underline;background: none;color:#fff;}

.section .product-child a:hover{background:none}

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

.ESI-contacts-region {
	padding: 10px;	
	text-align: left;
}
.special-contact{flex:1 1 100%;font-size:1.3em;}
.special-contact .fa{color:#003e7e;margin-right:8px;}
/*End Contacts*/

/*Criteria Mobile*/
	@media (max-width: 750px) {
	.criteria_columns{
		width:100%;
		float:initial;
	}
}
/*End Criteria*/
/*Pump display overrides*/
#graph_image_container{width:initial !important;}
#graph_image_container img{max-width:100%;}; background-image: none; }