html, body {
	font-family: calibri;
	color: #666;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: justify;
	text-justify: inter-word;
	min-height: 100%;
	/*min-width: 1200px;*/
	Width: 100%;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0ffff+1,e0ffff+1,f0f9ff+41,ffffff+82 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 1%, #ffffff 1%, #ffffff 41%, #ffffff 82%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 1%,#ffffff 1%,#ffffff 41%,#ffffff 82%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 1%,#ffffff 1%,#ffffff 41%,#ffffff 82%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */


}
h1, h2, h3 {
	color: #3333CC;
}

.tabletest {

border-collapse: collapse;
border: 1px solid black;


}

a{
	text-decoration: none;
}

li {
	margin-left: 20px;
}
/************************************
			Header
*************************************/

.NotificationYellow {
	padding-top:5px;
	height:30px;
	width:100%;
	background-color:#f7e800;
	text-align:center;
}

.header{
	width: 100%;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	position: relative;
	font-family: 'Alata', sans-serif;
}
.hContainer{
	padding: 15px;
	display: grid;
	grid-template-columns: auto 1fr auto auto;
	gap: 20px;
}

.Headerlogo {
	display: inline-block;
	position: relative;
	vertical-align: top;
	height: 92px;
}
.Headerlogo img{ height: 92px; }

.headerSchoolApproved { height: 92px; }
.headerSchoolApproved a { 
	display: grid;
	height: 100%;
}
.headerSchoolApproved img { 
	width: 100%;
	max-width: 481px;
	margin: auto;
}

.headerNextDayDelivery { 
	align-self: center;
	display: grid;
	background-color: #3333CC;
	height: 92px;
}
.headerNextDayDelivery p {
	display: inline-block;
	box-sizing: border-box;
	color: white;
	padding: 10px;
	margin: 0px;
	width: 260px;
	font-size: 13.5px;
	text-align: center;
	align-self: center;
	font-weight: 700;
	font-family: Alata, sans-serif;
	text-transform: uppercase;
}


.Headerlogomobile, .Headerlogomobile img{
	margin-left: auto;
	margin-right: auto;
	width: 400px;
}
.headerContainermobile{
	margin-right: auto; 
	width: 500px;
	margin-top: 25px;
}
.headerContainer{
	width: 700px;
	margin-right: auto;
	/*border: 1px solid green;*/
	
}
.headertxt{
	display: grid;
	height: 92px;
	grid-template-rows: 1fr 1fr;
	align-items: center;
}
.headercalltxt, .headerdeliverytxt{
	padding: 0px;
	width: 330px;
	text-align: right;
}
.headerdeliverytxt{
	display: flex;
}

 .headercalltxt h2, .headerdeliverytxt h2{
	padding: 0px;
	margin: 0px;
    text-align: right;
 }

.headercalltxt{
	margin-left: 75px;
	display: inline-block;
	position: relative;
	/*border: 1px solid orange;*/
	
}

.headercalltxt, .headercalltxt a, .headerdeliverytxt, .headerdeliverytxt a{
	color: #083b66;
	text-decoration: none;
	padding-top: 30px;
}

.headertoolbar {
	color: #fff;
	font-size: 22px;
	display: grid;
	grid-template-columns: auto auto;
	text-align: center;
}
.headertoolbar a {
	color: #444;
	font-size: 22px;
}

.headermidlogin {
	margin-top:50px;
}

.headernav1 {
	display: block;
	float: right;
	width: 95%;
	margin-top:70px;
}

.ContentBack {
	background-color:#f2f2f2;
	width: 100%;
	min-height: 100%;
	padding-top: 20px;
	padding-left:0%;
	padding-bottom: 30px;
	overflow: auto;
}

.top20container2 {
	display:block;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-top:-20px;
	margin-bottom:-30px;
	overflow:hidden;
}
.Tribute1 {
	width:75%;
	height:75%;
}

@media screen and (max-width: 1790px) {

	.headertoolbar { 
		grid-template-columns: unset;
		text-align: end;
		height: 92px;
	}
	
	.headertoolbar2 { display: none; }
}

@media screen and (max-width: 1560px) {

	.headertoolbar { align-items: center; }
	.headertoolbar .contacttext { display: none; }
}

@media screen and (max-width: 1000px) {

	.headerSchoolApproved img { display: none; }
}

@media screen and (max-width: 700px) {

	.headerNextDayDelivery p { display: none; }
}

/************************************
		Navigation
*************************************/

.topnav {
  display: flex;
  height: 60px;
  width: 100%;
  background-color: #ffffff;
  flex-direction: row;
  justify-content: space-evenly;
  align-content: center;
  
  flex-wrap: nowrap;
  border:0px solid blue; 
  
}

.topnav div {
  
  margin: 0px;
  flex: 1;
  text-align: center;
  vertical-align: middle;
  
  /*border: 2px solid red;*/
}

.child {
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	height: 60px;
	background-color: #3333CC;
}

.child:hover {
	background-color: #242490;
	color: #000;
}

.topnav a {
  
  color: #f1f1f1;
  font-weight: 700;
  font-family: 'Alata', sans-serif;
  font-size: 16px;
}

.topnav a:hover {
  color: #fff;
}
	
.mobilenavicon{
    position:absolute;
    right:20px;
    top:25px;
    
    width:50px;
    background-repeat: no-repeat;
    height:50px;
    display:none;
    
}
.mobilenavicon img {
    width:100%;
    height:100%;
    cursor: pointer;
}
.mobilenavdropdown{
    position:absolute;
    top:100px;
    width:100%;
    background-color:rgba(0,0,0,0.9);;
    z-index:50;
    display:none;
}
.mobilenavitem{
    height:50px;
    line-height:50px;
    width:100%;
    display:block;
    text-align: left;
    color:white;
    font-size:20px;
    padding-left:20px;
    font-family:'Arial','Sans-serif';
    font-weight: bold;
    cursor:pointer;
}
.mobilenavitem:hover{
    background-color:white!important;
    color:black;
}
.submenuitem{
    height:50px;
    display:block;
    width:100%;
    text-align:left;
    line-height:50px;
    color:white;
    font-size:15px;
    padding-left:50px;
    overflow:hidden;
    font-family:'Arial','Sans-serif';
}

/************************************
		Main Content
*************************************/
.MText{
	display: block;
	width: 100%;
	background-color: #f1f1f1;
	/*border: 1px solid red;*/
}

.indexbuttons{
	width: 100%;	
	/*border: 1px solid green;*/
}

.butIndex1 {
	display: inline-block;
	width: 24.5%;
	min-height:50px;
	background-color: #3333CC;
	/*background-color: #dc4650;*/
	/*border: 3px solid blue;*/
	text-align: center;
	font-family: 'Alata', sans-serif;
	font-size: 22px;
	color: white;
	cursor: pointer;
}
.butIndex1:hover {
	background-color: #242490;
	/*background-color: #f36279;*/
	
}

.butIndexIcon {
	padding-top: 7px;
	padding-right: 10px;
	height:30px;
	width:30px;
	
}

.butIndex2 {
	display: inline-block;
	width: 24.5%;
	min-height:50px;
	background-color: #3333CC;
	/*background-color: #b09343;*/
	/*border: 3px solid blue;*/
	text-align: center;
	font-family: 'Alata', sans-serif;
	font-size: 22px;
	color: white;
	cursor: pointer;
}
.butIndex2:hover {
	background-color: #242490;
	/*background-color: #c3a11f;*/
}
.butIndex3 {
	display: inline-block;
	width: 24.5%;
	min-height:50px;
	background-color: #3333CC;
	/*background-color: #ea8e4b;*/
	/*border: 3px solid blue;*/
	text-align: center;
	font-family: 'Alata', sans-serif;
	font-size: 22px;
	color: white;
	cursor: pointer;
}
.butIndex3:hover {
	background-color: #242490;
	/*background-color: #ff9e6d;*/
}
.butIndex4 {
	display: inline-block;
	width: 24.5%;
	min-height:50px;
	background-color: #3333CC;
	/*background-color: #76c5e3;*/
	/*border: 3px solid blue;*/
	text-align: center;
	font-family: 'Alata', sans-serif;
	font-size: 22px;
	color: white;
	cursor: pointer;
}
.butIndex4:hover {
	background-color: #242490;
	/*background-color: #8dc7e9;*/
}

.Centerimg{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	align-content: center;
	
	border: 1px solid navy;
}

.Centerimg2{
	width: 100%;
	margin-top: 20px;
	margin-bottom: 10px;
	align-content: center;
	
}
.Centerimg3{
	width: 80%;
	margin-left:auto;
	margin-right:auto;
	margin-top: 80px;
	margin-bottom: 80px;
	display:block;
	height: auto;
	overflow: none;
	text-align:center;
}

.HalfWidthContent1 {
	width: 40%;
	float: left; 
	margin-top: 80px;
	margin-bottom: 80px;
	padding-left: 40px;
	padding-right: 40px;
	display:block;
	height: auto;
	overflow: none;
	
}

.Centerimg3 h1 {
	font-size: 40px;
}

.Centerimg3 h2 {
	font-size: 30px;
}

.Centerimg3 p {
	font-size: 20px;
}

.StandardContent1{
	margin: 0 auto;
	position: relative;
	padding-top: 30px;
	width: 70%;
	height: 100%;
	
	font-family: calibri;
	color: #666;
	font-size: 18px;
	padding-bottom:30px;
}

.StandardContent1 h1, h2, h3 {
	color: #3333CC;
	font-family: 'Alata', sans-serif;
}

.Centerimg3 h1, h2, h3 {
	color: #3333CC;
}

.StandardContent1 b {
	color: #3333CC;
}

.ProdGal h1 {
	color: #3333CC;
}

.StandardContent1 img {
	width: 60%;
	margin-left:18%;
	padding: 1%;
}

.logoAdsContainer {
	display:block;
	margin-left:auto;
	margin-right:auto;
    overflow:hidden;
	width: 100%;
	margin-top: -30px;
}
	
.logoAdsContainer .logoAds {
	display:inline-block;
	width: 30.8%;
	height: 100px;
	background-color:white;
	border: 5px solid #fdc8c4;
	margin: 5px;
}

.LogoAds img {
	height: 30%;
	width: 30%;
	float: left;
}

.Writeupcontainer {
	display:block;
	margin: 0 auto;
    overflow:hidden;
	width: 100%;
	text-align:center;
}
	
.Writeups {
	display:inline-block;
	width: 22%;
	min-height: 180px;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 20px;
	padding-top:15px;
	text-align: center;
	font-size: 18px;
	vertical-align:top;
}

.Writeups h3 {
	color: #3333CC;
	font-size: 22px;
	font-weight: 700;
}

.supLogo2 {
	height: 100%;
	width: 100%;
}

#logoAdExtra {
	display: none;
}

.Centerimg3 .TradeAdItem {
	display:inline-block;
	width: 24%;
	height: 100%;
}

.TradeAd1 {
	height: 100%;
	width: 100%;
}

.ProdNav1{
	display:block;
	padding-top:20px;
	padding-bottom:10px;
	margin-left:auto;
	margin-right:auto;
    overflow:hidden;
	width: 96%;
	color: #666;
	font-family: calibri;
	font-size: 16px;
}

.ProdNav1 a {
	color: #666;
	font-style: underline;
}

.Centerimg4{
	display:block;
	margin-left:auto;
	margin-right:auto;
    overflow:hidden;
	width: 100%;
	padding-bottom:20px;
}
	
.Centerimg4 a{	
	color: #666;
	/*font-weight: 500;*/
	font-family: calibri;
	font-size: 16px;
	text-align: center;
	align-content: center;
}

.Centerimg4 a:hover {
	color: #333;
}

.ProdsImg {
	height:120px;
	width:auto;
	padding: 5px;
}

.ProdGal {
	margin-left:auto;
	margin-right:auto;
	display: block;
	width:80%;
	/*width:18%;*/
	text-align: center;
	padding-top:50px;
	padding-bottom:50px;
	height: auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	overflow: auto;
}
.ProdGal h1 {
	font-family: 'Alata', sans-serif;
}

.ProdGal a {
	color: #666;
	/*font-weight: 500;*/
	font-family: calibri;
	font-size: 16px;
}

.ProdItem {
	float: left;
	display:inline-block;
	width:180px;
	margin:10px;
	padding:10px;
	/*width:18%;*/
	text-align: center;
	cursor: pointer;
	border:1px solid #ecec;
	min-height:150px;
}

.CatItem {
	width:320px;
	margin:10px;
	/*width:18%;*/
	text-align: center;
	cursor: pointer;
	/*border:1px solid #666;*/
	border: 2px solid #3333CC;
}

.CatTitle {
	margin-bottom: 0px;
	height: 50px;
	background-color: #888;
	background-color: #3333CC;
	color: #fff;
	line-height: 50px;
	font-family: 'Alata', sans-serif;
	font-size: 20px;
	font-weight: bold;
}

/*.CatTitle {
	margin-bottom: 0px;
	width: 100%;
	height: 50px;
	position: absolute;
    bottom: 0;
	color: #666;
	line-height: 50px;
	font-family: calibri;
	font-size: 20px;
	/*font-weight: bold;
}*/

.CatItem:hover {
	border: 2px solid #242490;
}
.CatTitle:hover {
	background-color: #242490;
}

.CatImg {
	height:100%;
	width:100%;
	margin-top:20px;
	/*padding: 5px;*/
}

.PromItem {
	text-align: center;
	width: 80%;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.PromItem img {
	height: 30%;
	width: 30%;
	float: left;
	margin: 10px;
	display:inline-block;
	/*width:18%;*/
	text-align: center;
	cursor: pointer;
	border:1px solid #ccc;
	min-height:220px;
}

.PDFButton {
	width: 100px;
	height: 30px;
	background-color:red;
	padding: 6px;
	color: #fff;
	font-family: calibri;
	font-size: 16px;
}

.PDFButton1 {
	margin-right:170px;
}

.container{
	min-height: 100%;
}
.Centerimg, .promotionscontainer{
	text-align: center;
	
}
.Centerimg3, .promotionscontainer{
	
	
}

.maintext{
	display: flex;
	width: 95%;
	justify-content: center;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}
.maintext2{
	display: flex;
	flex-direction: column;
	width: 55%;
	flex-grow: 1;
	justify-content: center;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

.bodylinks2 a {
  
  color: black;
  font-weight: 700;
}

.bodylinks2 a:hover {
  color: red;
}
}

.MTable{
	Padding:0px;
	Margin:0px;
}

/*
.maintext,.maintext img, .GYSTable, .Mapcontainer{
	width: 725px;
}
.maintext h3{
	color: #083b66;
}

.maintext, .promotionscontainer, .prom, .GYSTable,  .contactusstyle, .indexbuttons table{
	margin-left: auto;
	margin-right: auto;
}
.maintext{
	min-height: 250px;
}
.maintext img{
	padding-top: 15px;
	height: 75px;
}
*/
.promotionscontainer{
	width: 95%;
	margin-left:auto;
	margin-right:auto;
}

.prom, .prom img{
	height: 400px;
	width: 300px;
}
.prom{
	padding-right: 25px;
	padding-left: 25px;
	display: inline-block;
}

/************************************
		Products
*************************************/

.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  justify-content: space-evenly;
  
  flex-wrap: wrap
}

.flex-item {
  background: lightskyblue;
  padding: 15px;
  width: 250px;
  height: 150px;
  margin-top: 10px;
  line-height: 150px;
  color: white;
  font-weight: bold;
  font-size: 1em;
  text-align: center;
}

.flex-item-blank {
  background: white;
  padding: 15px;
  width: 250px;
  height: 150px;
  margin-top: 10px;
  
  line-height: 150px;
  color: white;
  font-weight: bold;
  font-size: 1em;
  text-align: center;
  
  
}

img.imggall {
	width: 50%;
}

.imagegalleryitem {
	margin: 5px;
	border: 1px solid #ccc;
	float: left;
	width: 15%;	
	text-align: center;
}
.imagegalleryitem:hover {
	border: 2px solid #8abee7;
}
/*required to resize images in carousel*/
.item {
	width:90%;
	padding:5px;
	
}
.owl-stage .active{
    background-color:white;
}
.owl-dots .active{
    background-color:white;
}
.owl-item .item{
    text-align: center;
    display:block;
    margin:auto;
}
.owl-item{
    margin-right:0px!important;
}
.p-carousel{
    display:block;
}

/************************************
		About Us 
*************************************/
.abouttab{
	text-align: center;
}
.abouttab table {
    border-collapse: collapse;
    width: 55%;
	margin-left: auto;
	margin-right: auto;
}

.abouttab th, .abouttab td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #000000;
}

/************************************
		Grow Your Sales
*************************************/
.GYSTable, .GYSTable h3{
	width: 810px;
	
}
.GYSTable h3{
	background: #eee;
	padding-bottom: 15px;
	padding-top: 15px;
	margin-bottom: 2px;
    color:#004990;
}
.GYSTable, .GYSCategories{
	display: inline-block;
	position: relative;
}

.GYSCategories img, .GYSCategories {
	width: 400px;
	height: 65px;
}

/************************************
		Contactus
*************************************/
.contactusstylemobile{
	display: none;
}

.ContactContainer{
	margin: 0 auto;
	position: relative;
	margin-top: 30px;
	width: 95%;
}
.MapContainer, .ContactInfo{
	position: relative;
	display: inline-block;
	height: auto;
	vertical-align: top;
}
.MapContainer {
	width: 50%;
	padding-right:10%;
}

.Map1 {
	border: 0px;
	height: 90%;
	width: 90%;
}
.OpeningTime, .OpeningTimes h3, .OpeningTimes p, .Addressinfo, .Addressinfo h3, .Addressinfo p {
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.Addressinfo{
	margin-top: 15px;
}
/*.OpeningTimes h3, .Addressinfo h3, .contactusstyle table th, .contactusstyle h3{
	color: #083b66;
	font-size: 22px;
}*/

.OpeningTimes table, .OpeningTimes p, .OpeningTimes h3, .Addressinfo p, .Addressinfo h3, .Addressinfo table{
	font-size: 18px;
	font-family: calibri;
}

.ContactInfo1 {
	float: left;
	width: auto;
	padding-left:10%;
	padding-top:0%;
	text-align:left;
	width:30%;
}

 .contactusstyle,  .contactusstyle table{
	width:100%;
	font-size: 16px;
	font-family: calibri;
}


input, textarea, .contactusstylemobile input, textarea  {
	padding: 8px;
	background-color: #fff;
	margin-bottom: 5px;
	width: 100%;
	height: 40px;
	cursor:pointer;
	color: #333;
	font-size: 16px;
	font-family: 'Alata', sans-serif;
	border: solid 1px #ccc;
	border-radius: 5px;
 }
 
label {
	
	color: #3333CC;
	font-size: 20px;
	font-family: 'Alata', sans-serif;
	font-weight: 700;
	vertical-align: text-top;
}
 
input:focus, textarea:focus{
	background-color:#fff;
	color: #666;
	border: 2px solid #83c16a;
	 
} 

.contactusstyle textarea {
	 height: 150px;
	 line-height: 150%;
	 width: 100%;
	 resize: none;
 }
 
.Cfm1 {
	width: 100%;
	margin: 0 auto;
	margin-top:30px;
	margin-bottom:30px;
}

.ContactTBL1 {
	width: 70%;
	text-align: left;
	
}	

.contactsubmit {
	width: 100%;
	height: 50px;
	background-color: #3333CC; 
	border: none;
	cursor:pointer;
	color: #fff;
}


/************************************
			Footer
*************************************/

.footer, .footer a {
	align-self:flex-end;
	margin-top: 170px;
	font-size: 15px;
	/*color: #083b66;*/
	color: #d3d3d3;
	text-decoration: none;
	text-align: right;
	margin-right: 20px;
	position:absolute;
    bottom:0;
	height: 210px;
}
/************************************
			Sitemap at base 
*************************************/

.sitebase {
	/*background-color: #464646;*/
	background-color: #19000d;
	color: white;
	margin-top: 10px;
	padding-top:20px;
	height: 300px;
	width: 88%;
	font-family: calibri;
	padding-left:6%;
	padding-right:6%;
	padding-bottom:20px;
	margin-bottom:0px;
}

.sitebase a {
	color: white;
	font-family: calibri;
}

.sbaseh {
	margin-left: 20px;
	color: #d3d3d3;
	font-weight: 700;
}
.sbasem {
	margin-left: 20px;
	color: #c0c0c0;
	
}
.sbases {
	margin-left: 20px;
	color: #c0c0c0;
}

.sbaset {
	margin-left: 20px;
	color: white;
}

.sbaset h3 {
	color: #ccc;
}

.FooterCol {
	float: left;
	height: 100%;
	width: 25%;
}


/************************************
			ad rotator
*************************************/

.adslideshow-container {
width:90%;
    max-width:700px;
  position: relative;
  margin: auto;
  height:auto;
    display:block;
}

.adslideshow-containerM {
  width:100%;
  /*max-width:900px;*/
  position: relative;
  margin: auto;
  height:auto;
  display:block;
}

.addot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.admySlides {display: none;}

.MadmySlides {display: none;}

.adactive {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: adfade;
  -webkit-animation-duration: 1.5s;
  animation-name: adfade;
  animation-duration: 1.5s;
}

@-webkit-keyframes adfade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes adfade {
  from {opacity: .4} 
  to {opacity: 1}
}

.IndexButtons a div table {
	height:90px;
	
}

.mobile-nav-links{
	display:none;
	position:absolute;
	top:70px;
	height:auto;
	width:95%;
	left:0px;
	background-color:#fff;
	padding-left:6%;
	padding-bottom:2%;
	border-bottom:1px solid black;
}

.header-mobile-nav{
        width:100%;
        background-color:#fff;
        z-index:21;
        height:80px;
        display:none;
        position:absolute;
        top:0px;
        bottom:0px;
	}
	.header-mobile-nav a{
		font-size:20px;
		color:#3333CC;
		font-weight:lighter;
		margin-top:10px;
		margin-bottom:10px;
		display:block;
	}
	.header-mobile-nav a:hover{
		text-decoration: underline;
	}
	.mobile-nav-container{
		width:90%;
		
		padding:5%;
		padding-bottom:2%;
		padding-top:0%;
		margin-left:auto;
		margin-right:auto;
		display:block;
		z-index:20;
		position: relative;
		background-color: #fff;
	}
	.mobile-nav-transition{
		animation: slide 0s forwards ease-in-out;
		-webkit-animation: slide 0s forwards ease-in-out;
		-moz-animation:    slide 0s forwards ease-in-out; 
		-o-animation: slide 0s forwards ease-in-out;
	}
	.mobile-nav-close{
		POSITION:absolute;
		top:8px;
		right:35px;
		width:20px;
		text-align: center;
		font-size:30px;
		color:black;
		cursor:pointer;
	}
	.mobile-nav-menutext{
		POSITION:absolute;
		top:5px;
		right:60px;
		text-align: center;
		font-size:27px;
		color:#3333CC;
		cursor:pointer;
	}
.OnlineLinks img{
	width:180px!important;
	height:auto!important;
	margin-left:0px;
}
.phone-app{
	width:220px!important;
	margin-left:auto!important;
	margin-right:auto!important;
	display:block;
}

.olorbutton {
  background-color: #0b1f8f; 
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

.imageRotator-container {
  width:80%;
	max-width:500px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.imageRotator {
  display: none;
  text-align:center;
}

.imageRotator img {
	width:100%!important;
	margin-left:0px!important;
}
.CatContainer{
	display:flex;flex-wrap:wrap;justify-content:center;
}
.CatContainer a{
	
}

#back-to-top{
	display:none;
	position:fixed;
	bottom:18px;
	right:6px;
	z-index:99;
	border:none;
	outline:none;
	background-color:#3333CC;
	color:white;
	cursor:pointer;
	padding:15px;
	border-radius:10px;
	font-size:18px;
	box-shadow:0px 4px 4px 0px rgba(0,0,0,0.4);
	transition:0.2s linear;
}
#back-to-top:hover{
	background-color:#242490;
}
@media screen and (max-width: 1799px) and (min-width: 1450px) {
	
}

@media only screen and (max-width: 1135px){
	.CatTitle {
		font-size:16px;
	}
	.Writeups p{
		font-size:16px!important;
	}
	.Writeups h3{
		font-size:18px!important;
	}
}

@media only screen and (max-width: 1000px){
	.NotificationYellow {
		font-size: 14px;
		height:40px;
	}
}

@media only screen and (max-width: 800px){
		.sbasem{
			font-size:15px;
		}
		.sbases{
			font-size:15px;
		}
		.sitebase{
			height:auto;
			overflow:hidden;
		}
		.butIndex1{
			font-size:18px;
		}
		.butIndex2{
			font-size:18px;
		}
		.butIndex3{
			font-size:18px;
		}
		.butIndex4{
			font-size:18px;
		}
		.butIndexIcon{
			width:20px;
			height:20px;
		}
		.Writeups{
			width:47%;
		}
		.headertoolbar a {
			font-size:17px;
		}
		.CatItem{
			
		}
		.ContactInfo1{
			padding:0px;
			width:100%;
			display:block;
			margin-left:auto;
			margin-right:auto;
			text-align:center;
			margin-bottom:40px;
		}
		.MapContainer{
			width:100%;
			margin-bottom:20px;
			padding:0px;
		}
		.Addressinfo{
			text-align:center;
		}
		.Writeups p{
		font-size:15px!important;
		}
		.Writeups h3{
		font-size:17px!important;
		}
}		

@media only screen and (max-width: 600px){
	.NotificationYellow {
		font-size: 14px;
		height:50px;
	}
	.FooterCol{
		width:100%;
		display:block;
	}
	.sitebase{
		height:auto;
		overflow:hidden;
	}
	
	.butIndex1{
			font-size:14px;
			width:24%;
		}
		.butIndex2{
			font-size:14px;
			width:24%;
		}
		.butIndex3{
			font-size:14px;
			width:24%;
		}
		.butIndex4{
			font-size:14px;
			width:24%;
		}
		.butIndexIcon{
			width:17px;
			height:17px;
		}
		.Writeups{
			width:90%;
			min-height:100px;
			margin-left:5%;
			margin-right:5%;
			margin-top:10px;
		}
		.prom {
			width:100%!important;
			padding-left:0px;
			padding-right:0px;
		}
		.hContainer{
			display:none;
		}
		.myTopnav{
			display:none;
		}
		.header-mobile-nav{
		display:block;
	}
	.Centerimg3{
			width:90%;
	}
	.IndexButtons a div table{
		height:60px;
		padding:5px;
	}
	.p-carousel{
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
	.prom, .prom img{
	height: auto;
	width: 100%;
}
	.StandardContent1 img {
		width:100%!important;
		margin-left:auto;
		margin-right:auto;
	}
	label{
		font-size:16px!important;
	}
	input {
		font-size:14px!important;
		padding:5px!important;
	}
	textarea {
		font-size:14px!important;
		padding:5px!important;
	}
	.g-recaptcha {
    transform:scale(0.77);
    transform-origin:0 0;
	}
	input, textarea, .contactusstylemobile input{
		width:80%;
	}
	.contactsubmit{
		width:80%;
	}
	.Writeups p{
		font-size:14px!important;
	}
	.Writeups h3{
		font-size:16px!important;
	}
	.OnlineLinks img{
	width:200px!important;
	height:auto!important;
	margin-left:0px;
}
}