body {color:#000; font-family: 'Lato', sans-serif; font-size:17px; margin: 0; padding: 0; line-height: 1.5;}
 

form{ margin:0px; padding:0px;}
img{border-style:none; vertical-align: bottom;}
h1,h2,h3,h4,p,ul,ol{ margin:0px; padding:0px; padding-bottom:10px;}
h1{ font-size:36px; color:#141b2f;line-height:normal;font-family: 'montserrat semibold'; font-weight:normal;}
h2{ font-size:28px; color:#141b2f; line-height:normal;font-family: 'montserrat semibold'; font-weight:normal;}
h3{ font-size:21px; color:#141b2f;line-height:normal;font-family: 'montserrat semibold'; font-weight:normal;}

ul,ol{ padding-left:25px;}
a:hover{ color:#CC0000;}

hr{margin-top:20px; margin-bottom:20px;  background:none; border:none; border-top:1px solid #999;}

.heading-font{ font-family: 'montserrat semibold';}
.z-default-subpage-header{margin-top:0px;}

.zcart-item-quantity-input{ width:50px;  font-size:21px !important; padding:3px;}
.copyrightContainer a:link, .copyrightContainer a:visited{ text-decoration:none;} 
header .top-bar {
	background-color: #1B233D;
	color: #FFFFFF;
}
header .top-bar a {
	color: #FFFFFF;
	text-decoration: none;
}

header .main-navigation {
	position: relative;
	z-index: 300;
	height: 76px;
	margin-bottom: -76px;
	background-color: rgba( 60, 182, 208, 0.9 );
}
header .main-navigation nav {
	display: block;
	height: 76px;
}
header .main-navigation ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}
header .main-navigation li {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
}
header .main-navigation a {
	display: inline-block;
	line-height: 76px;
	 font-family: 'montserrat semibold';
	color: #FFFFFF;
	text-decoration: none;
	padding-left:34px; padding-right:34px;
	transition:background-color ease 0.2s;
}


header .main-navigation a:hover{
	background-color:rgba(0,0,0,0.1);
}




footer .footer-contact {
	background-color: #1B243E;
	background-image: url(../images/footer-globe.png);
	background-position: center top;
	background-repeat: no-repeat;
	color: #FFFFFF;
}
footer .footer-copyright {
	background-color: #141B2F;
	color: #FFFFFF;
}
footer .footer-copyright a {
	color: #FFFFFF;
	text-decoration: none;
}




.page-banner-container {
	height: 439px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.page-banner {
	height: 439px;
	position: relative;
}
.page-banner .page-banner-links {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: right;
}
.page-banner .page-banner-links .z-button {
	background-color: #1B233D !important;
	color: #FFFFFF;
	padding: 0 2em;
	line-height: 3em;
	min-width: 180px;
}
.page-banner .page-banner-links .z-button:hover {
	background-color: #3CB6D0 !important;
}
.page-banner .page-banner-links .z-button i.fa {
	width: 1em;
	display: inline-block;
	margin-right: 0.5em;
}


.zcart-navigation {
	border-bottom: 1px solid ##EEEEEE;
}
.zcart{ width:98%; padding:1%;float:left; background-color:##EEE; clear:both;}
.zcart-add-saved, .zcart-add-saved:link, .zcart-add-saved:visited{ background-color:##000 !important;  color:##FFF !important; }
.zcart-add-saved:hover{ background-color:##666 !important;  color:##FFF !important;}

.zcart-item{ width: 94%; background-color:##FFF; color:##000; padding:10px; float:left; margin: 1%;}
.zcart-item a:link, .zcart-item a:visited{ color:##369; text-decoration:none; }
.zcart-item-imagediv{ width:120px; height:80px; margin-bottom:5px; float:left; }
.zcart-item-image{ max-width:120px; max-height:80px; float:left; }
.zcart-item-info {
	float: left;
	width: 40%;
}
.zcart-item-label{ font-size: 20px;}
.zcart-item-description{ font-size:14px; font-family: 'Arial', sans-serif; color: ##999999; }
.zcart-item-options {
	float: right;
	width: 30%;
}
.zcart-item-price { text-align: center; font-size: 20px; margin-bottom: 10px; }
.zcart-item-delete{ margin:0 auto; clear:both; width:60px;}
.zcart-item-quantity{width: 100%;float: left;text-align: center;}
.zcart-item-delete-link, .zcart-item-delete-link:link, .zcart-item-delete-link:visited{ cursor:pointer;text-align:center; font-size:16px; color:##000; display:block; padding:3px; border-radius:3px; float:left; width:100%;}
.zcart-item-delete-link:hover{ background-color:##000 !important; color:##FFF !important; }
.customer-navigation a {
text-decoration: underline;
}
.z-button.zcart-checkout {
	background-color: ##228822;
}


.page-sidebar {
	border-top: 10px solid #3CB6D0;
	border-bottom: 10px solid #3CB6D0;
	background-color: #EBEBEB;
	padding:20px;
}

.page-sidebar .sidebar-heading {
	color: #1B233D;
}
.page-sidebar .sidebar-search {
	position: relative;
}
.page-sidebar .sidebar-search .search-field {
	border: 0;
	background-color: #FFFFFF;
	color: #646e74;
	font-size: 16px;
	line-height: 44px;
	height: 44px;
	padding: 0 100px 0 1em;
	outline: 0;
	width: 100%;
}
.page-sidebar .sidebar-search .search-field::placeholder {
	color: #CCCCCC;
}
.page-sidebar .sidebar-search .search-button {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	font-size: 16px;
	color: #FFFFFF;
	background-color: #3CB6D0;
	font-size: 16px;
	padding: 0 1em;
}
.page-sidebar ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}
.page-sidebar li {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}
.page-sidebar a {
	display: block;
	color: #3CB6D0;
	text-decoration: none;
	line-height: 2em;
}
.page-sidebar a:hover {
	color: #3196AB;
	text-decoration: underline;
}
.cart-container .cart{
	padding:20px;
	margin:0px; width:100%;
	background-color: #EBEBEB;
}

.z-default-subpage-left-panel-menu{ }
.z-default-subpage-left-panel-bottom{padding:0px; }
.z-default-subpage-left-panel{ width:30%; background:none;padding-top:35px; padding-bottom:35px; }

.z-mobile-header, .z-mobile-header-fixed{ background-color:#FFF !important;}
.z-mobile-menu-icon span{ background-color:#1b233d;}
.z-mobile-header .z-mobile-menu{background-color:#4fbdd5;}
.z-mobile-header-tablet-phone-link{ color:#1b233d; margin-top:0px;}
.z-mobile-header-tablet-phone-link:hover{color:#000;}


.product-head1{margin-top:-228px; position:relative; z-index:3; float:left; width:100%;}
.product-head2{width:50%; float:left;}
.product-head3{background-color:#37465b; padding:15px; font-size:24px;font-family:'montserrat light'; text-align:right; position:relative; z-index:4; float:left; color:#FFF;}
.product-head4{background-color:rgba(79, 189, 214, 0.7); margin-top:-40px; padding:30px; font-family:'montserrat light'; padding-top:70px; font-size:48px; text-align:right; width:100%; float:left; color:#FFF; text-transform:uppercase;}


@media screen and (max-width: 1362px) {
	header .main-navigation a{     padding-left: 15px;
    padding-right: 15px;}
	.product-head1{margin-top:-146px; }
.product-head3{ padding:10px; padding-left:20px; padding-right:20px; font-size:21px; }
	.product-head4{ margin-top:-20px; padding:30px; padding-bottom:10px; font-size:30px; }
 
}

@media screen and (max-width: 992px) {
	.z-mobile-header .z-mobile-header-logo{ width:250px; margin-top:5px; margin-left:-40px;}
.product-head1{margin-top:-132px; }
.product-head2{width:auto; float:left;}
.product-head3{ padding:15px; font-size:18px; }
.product-head4{ margin-top:-20px; padding:10px; font-family:'montserrat light'; padding-top:20px; font-size:30px; }

}

@media screen and (max-width: 767px) {
	.page-banner .page-banner-links .z-button {
		min-width: 0;
	}
	.z-mobile-header .z-mobile-header-logo{ width:190px; margin-top:13px; margin-left:0px;}
	h1{ font-size:28px; }
	h2{ font-size:24px; }
	h3{ font-size:18px;}
	body{font-size:16px;}
}

@media screen and (max-width: 479px) {
	.z-mobile-header .z-mobile-header-logo img{ max-width:150px;}
}

/* Contact form: the consent checkbox label links to the Privacy Policy. Gravity Forms
   styles it exactly like the surrounding text, so it did not look clickable. */
.gfield_consent_label a{ color:#0000ee; text-decoration:underline;}

/* Header top bar, signed in: "Welcome "<customer>"  Order History | Quote History | Profile | Logout".
   Half of all customer names run past 20 characters, so at the standard 974px container the
   line overflowed and Logout dropped to a second line on its own. On desktop the bar is kept to
   one line: the links never shrink, and only the customer name gives way, with an ellipsis and
   the full name on hover. Short names are unaffected. Phones keep the normal wrapping.
   Accounts that also show "Order Requests (n waiting)" have too little room left for a name, so
   the welcome is given at least 10em on the line; when that does not fit, all the links move
   together to a second line instead of the name shrinking to "Welco...". */
@media screen and (min-width: 992px) {
	.customer-navigation{ display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:baseline; white-space:nowrap;}
	.customer-navigation .customer-welcome{ flex:1 1 10em; max-width:max-content; min-width:0; overflow:hidden; text-overflow:ellipsis;}
	.customer-navigation .customer-links{ flex:none;}
}