*,*:before,*:after{
	box-sizing:inherit
}
html{
	box-sizing:border-box;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	overflow-x:hidden;
}
body{
	margin:0;
	font-family:Verdana,sans-serif;
	font-size:15px;
	line-height:1.5;
	color: #305078;
}

table{
	font-family:Verdana,sans-serif;
	font-size:15px;
	color: #305078;
}

footer{
	display:block
}
a{
	background-color:transparent;
	color: #446bc7;
}
a:link {
	text-decoration: none;
}
a:hover{
	color: #5b9ce3;
}
a:active, a:hover{
	outline-width:0
}
a.button1{
	display:inline-block;
	padding:0.35em 1.2em;
	border: 2px solid #305078;
	margin: 0 0.3em 0.3em 0;
	border-radius:0.12em;
	box-sizing: border-box;
	text-decoration:none;
	font-family:'Roboto',sans-serif;
	font-weight:300;
	color:#305078;
	text-align:center;
	transition: all 0.2s;
	bottom: 0px;
	position: absolute;
}
a.button1:hover{
	color:#FFFFFF;
	background-color:#305078;
}
a.button2{
	display:inline-block;
	padding:0.35em 1.2em;
	border: 2px solid #305078;
	margin: 0 0.3em 0.3em 0;
	border-radius:0.12em;
	box-sizing: border-box;
	text-decoration:none;
	font-family:'Roboto',sans-serif;
	font-weight:300;
	color:#FFF;
	text-align:center;
	transition: all 0.2s;
	background-color:#305078;
	bottom: 0px;
}

.text-larger{	
	font-size: 18px;
	letter-spacing: 1px;
}

.f1-absolute{
	position: absolute;
}

a.button2:hover{
	color:#FFFFFF;
	background-color:#426fa6;
	border: 2px solid #426fa6;
}
b{
	font-weight: bolder;
}
img{
	border-style:none;
	vertical-align:middle;
}
hr.site {
	border: 0;
	box-sizing:content-box;
	height: 2px;
	background-color: #305078;
	width: 85px;
	border-top:1px solid #eee;
	margin:20px 0;
	overflow:visible
}
/* ::-webkit-file-upload-button{ */
	/* -webkit-appearance:button; */
	/* font:inherit */
/* } */

.cattext {
	background-color: 
	#F1F1F1;
	padding: 2px 5px 3px 5px;
	border-radius: 4px;
	font-family: Arial;
	font-size: 8pt;
	display: inline;
	color:
	#035797;
	border: 1px solid
    #D3D3D3;
}

#pointer {
	width: 200px;
	height: 40px;
	position: relative;
	background: #3168ab;
	padding-left: 8px;
	font-size:24px;
	font-family:"Segoe UI",Arial,sans-serif;
	font-weight:400;
	letter-spacing:1px;
	color: #ffffff;
}
#pointer:before {
	content: "";
	position: absolute;
	right: -20px;
	bottom: 0;
	width: 0;
	height: 0;
	border-left: 20px solid #3168ab;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
}
#productone {
	float: left;
	margin-right: 20px;
	max-width: 320px;
}
#productthree {
	width: 100%;
	position: absolute;
	bottom: 0;
}
#producttwo {
	background-color: white;
	overflow: hidden;
	margin-left: 10px;
	/*border: 2px dashed #ccc;
	*/
	min-height: 180px;
	position: relative;
}
.f1-body-text{
	font-family: Arial,sans-serif;
	font-size: 15px;
	line-height: 1.5;
	letter-spacing: 0px;
	font-weight: 400;
}
.f1-button{
	border:none;
	display:inline-block;
	padding:8px 16px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	color:inherit;
	background-color:inherit;
	text-align:center;
	cursor:pointer;
	white-space:nowrap
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.f1-button:disabled{
	cursor:not-allowed;
	opacity:0.3;
}
:disabled *{
	pointer-events:none;
}
.f1-bar{
	width:100%;
	overflow:hidden;
}
/* .f1-bar .f1-button{ */
	/* white-space:normal; */
/* } */
/* .f1-bar .f1-bar-item{ */
	/* padding:10px 16px; */
	/* float:left; */
	/* width:auto; */
	/* border:none; */
	/* display:block; */
	/* outline:0 */
/* } */
.f1-button:hover{
	color:#ffffff !important;
	background-color:#3168ab !important
}
.f1-card{
	box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)
}
.f1-center{
	text-align:center!important
}
.f1-container:after, .f1-container:before, .f1-row-padding:after, .f1-row-padding:before, .f1-bar:before, .f1-bar:after{
	content:"";
	display:table;
	clear:both
}
.f1-col,.f1-third{
	float:left;
	width:100%
}
.f1-content{
	margin-left:auto;
	margin-right:auto;
	max-width:980px;
}
.f1-container{
	padding:0.01em 16px;
}
.f1-display-container{
	position:relative;
}
.f1-image{
	max-width:100%;
	height:auto;
}
.f1-light-gray{
	color:#000!important;
	background-color:#f1f1f1!important;
}
.f1-margin-bottom{
	margin-bottom:16px!important;
}
.f1-padding{
	padding:8px 16px!important;
}
.f1-padding-8{
	padding-top: 2px!important;
	padding-bottom: 2px!important;
}
.f1-padding-16{
	padding-top:16px!important;
	padding-bottom:16px!important;
}
.f1-padding-32{
	padding-top:0px!important;
	padding-bottom:16px!important;
}
.f1-product-heading{
	font-family: Arial,sans-serif;
	font-size: 20px;
	letter-spacing: 0px;
	font-weight: 400;
}
.f1-product-padding{
	padding: 0px 0px;
}
.f1-product-price-catalog {
	bottom: 0px;
	position: absolute;
	padding: 2px 4px 2px 4px;
	/*font-size: 22px;*/
	font-size: 20px;
	margin-top: 4px;
	left: 170px;
}
.f1-product-title{
	/*font-size: 20px;*/
	font-size: 1.05vw;
	font-family: Arial,sans-serif;
	font-weight: 400;
	height: 60px;
	margin-top: 4px;
	line-height: 1.3;
	overflow:hidden;
}
.f1-right{
	float:right!important
}
.f1-row-padding,.f1-row-padding>.f1-third,.f1-row-padding>.f1-col{
	padding:0 8px
}

.f1-section-heading {
	font-family: Arial,sans-serif;
	font-weight:600;
	font-size:28px;
	line-height: 12px;
	padding: 55px 0 10px 0;
	color: #305078;
	letter-spacing:3px;
}

.f1-top{
	position: fixed;
	width:100%;
	z-index:1;
	top:0;
	color: #263e5c;
	background-color:#f1f1f1!important;
}
.f1-wide{
	letter-spacing:3px
}
.infopage-heading{
	font-size:30px;
	font-weight:600;
	color:#426fa6;
	text-align:center;
}
.infopage-category{
	font-size:22px;
	font-weight:600;
	color:#426fa6;
}
.infopage-subcategory{
	font-size:16px;
	font-weight:600;
	color:#426fa6;
}
.productimg {
	box-shadow: 2px 2px 3px #888888;
	margin-top: 4px;
	margin-left: auto;
	margin-right: auto;
	/*display: block;
	*/
}

.productimg:hover{
	box-shadow: 4px 4px 5px #888888;
}

.search-img:hover {
  -webkit-filter: drop-shadow(1px 1px 1px #999);
  filter: drop-shadow(1px 1px 1px #999);
}
.search-img {
	margin-right: 5px;
}

.product-price{
	bottom: 0px;
	position: absolute;
	/*background-color: #f1f1f1;
	padding: 2px 4px 2px 4px;
	*/
	font-size: 20px;
	/*margin-top: 4px;
	margin-bottom:10px;
	left: 170px;
	*/
}
.productwrapper div {
	min-height: 72px; /*was 55*/
	/*padding: 10px;
	*/
}
.wrapper {
	border: 2px solid #000;
	overflow: hidden;
}

.search-button{
	background: #305078;
	color: #fff;
	/*border: 1px solid #fff;*/
	border-radius: 12px;
	border: none;
	width: 80px;
	height: 26px;
}

@media screen and (max-width: 900px) {
	a.button1{
		display:block;
		margin:0.4em auto;
	}
}
@media screen and (max-width: 940px) {
	#productone {
		float: none;
		/*margin-right: 0;
		*/
		width: auto;
		max-width: 600px;
		height: 100%;
		max-height: 320px;
		display:block;
		margin:auto;
	}
	#producttwo {
		float: none;
		/*margin-right: 0;
		*/
		width: auto;
		max-width: 600px;
		/*height: 100%;*/
		margin:auto;
	}
}
@media (max-width:600px){
	.f1-hide-small{
		display:none!important
	}
	#productone{height: auto;}
	#producttwo{height: 260px;} /*works on iphone 7*/
}
@media (max-width:930px){ /*equal or less than - hides the menu bar items. Need other menu when active*/
	.f1-hide-small{
		display:none!important;
	}
/*this makes the right column float under the left column for small devices*/
	.f1-text-container{
		flex-direction:column;
	}
	.column-right{
		width:100%!important;
	}
		.column-left{
		width:100%!important;
	}
	.v1 {
		Display:none !important;
	}
}
	
/*Menu*/

.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

.topnav #myLinks {
	display: none;
    position: fixed;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
  background: #305078;
}

.topnav a.icon {
  background: #305078;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.topnav a:hover {
  background-color: #ddd;
  color: #305078;
}

.active {
  background-color: #4CAF50;
  color: white;
}

@media (min-width:931px){ /*equal or less than - hides the menu bar items. Need other menu when active*/
	.f1-show-small{
		display:none!important;
	}
}

@media (min-width:601px){ /*equal or greater than - for the 3 images across the screen*/
	.f1-third{
		width:33.33333%;
	}
}

@media (max-width:1500px){
	.f1-product-title, .product-price{
		font-size: 16px;
	}
}

@media (max-width:1000px){
	.f1-product-title, .product-price{
		font-size: 14px;
	}
}

@media (min-width:800px){
	.f1-col.l3{
		width:24.99999%;
	}
}

* {
  box-sizing: border-box;
}

.vendorrow {
  display: flex;
  max-width:1564px;
  margin: auto;
}

/* Create three equal columns that sits next to each other */
.vendorcolumn {
  flex: 33.33%;
  padding: 10px;
  max-width: 320px;
  margin: auto;
}

.f1-product-row{
	max-width: 1564px;
}
.f1-100-auto{
	max-width: 100%;
	height: auto;
}
.f1-pop-padding{
	padding: 8px 8px !important;
}

/*for information below slider*/

.f1-text-container{
	/*width: 75%;*/
	max-width: 1428px;
	min-height: 300px;
	margin: 0 auto;
	margin-top: 15px;
	/*padding-top: 30px;*/
	display: -webkit-flex;
	/* Safari */
	display: flex;
	/* Standard syntax */
	color: #305078;
}

.lower-left-column{
	width: 48%;
	padding: 0 10px 0 0;
	float: left;
	border-right: 2px solid #dae1e8;
}

.lower-right-column{
	width: 48%;
	padding: 0 10px 0 10px;
	float: left;
}
.column-left{
	width:70%;
	padding: 10px;
	/*background: #305078;*/
	-webkit-flex: 1;
	/* Safari */
	-ms-flex: 1;
	/* IE 10 */
	flex: 1;
	/* Standard syntax */
}
.column-right{
	width:30%;
	padding: 10px;
	/*background: #dae1e8;*/
}
.vl {
  border-left: solid 2px;
  border-left-color: #dae1e8;
  height: auto;
  margin-top: 30px;
  padding-right: 12px;
}

hr.one {
	clear: both;
	border: 1px solid #dae1e8;
}
/*end information below slider*/

.f1-home-category{
	padding-bottom:16px!important;
	padding-left: 16px;
	width: 212px;
	padding-top: 20px !important;
}

.productinfo-right {
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	width: 35%;
	height: 424px;
	font-size: 14px;
}
.slider{
	float: left; 
	width:608px;
}
.slider1{
	width: 1000px; 
	 height: 380px;
}

@media (max-width:1000px){
	.productinfo-right{
		width:100%;
		height: auto;
	}
	.slider {
		margin: auto;
		width: 100%;
	} 
	.slider1{
		width: 100%;
		margin:auto;
	}
	.f1-content{
		width: 100%;
	}
	.f1-section-heading{
		line-height: 28px;
	}
}