.offcanvas-full-screen {
	position: fixed;
	z-index: 1;
	transition: -webkit-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	overflow-y: auto;
	/* background-color: #003399; */
	  background: linear-gradient(to right, #8a0000,#b91010);
}


.fauxcontainer
{
	max-width: 1000px;
	margin-left:auto;
	margin-right:auto;
	}



[data-whatinput='mouse'] .offcanvas-full-screen {
  outline: 0;
}

.offcanvas-full-screen.is-transition-overlap {
  z-index: 10;
}

.offcanvas-full-screen.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}

.offcanvas-full-screen.is-open {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.offcanvas-full-screen.is-open ~ .off-canvas-content {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.offcanvas-full-screen.is-transition-push::after {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 1px;
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
  content: " ";
}

.offcanvas-full-screen.is-transition-overlap.is-open ~ .off-canvas-content {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.offcanvas-full-screen-inner {
	padding: 1rem;
}

.offcanvas-full-screen-menu {
	margin: 0;
	list-style-type: none;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	  
}

.offcanvas-full-screen-menu > li {
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	min-height: 120px;


}

[data-whatinput='mouse'] .offcanvas-full-screen-menu > li {
  outline: 0;
}

.offcanvas-full-screen-menu > li > a {
	display: block;
	padding: 0.7rem 1rem;
	line-height: 1;
	margin: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9CC;
}

.offcanvas-full-screen-menu input,
.offcanvas-full-screen-menu select,
.offcanvas-full-screen-menu a,
.offcanvas-full-screen-menu button {
  margin-bottom: 0;
}

.offcanvas-full-screen-menu > li {
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  	 max-width: 300px;
}

.offcanvas-full-screen-menu > li > a {
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.offcanvas-full-screen-menu a {
  color: #fefefe;
  padding: 3px;
}

.offcanvas-full-screen-menu a:hover {
  color: #b2b2b2;
}

.offcanvas-full-screen-close {
	color: #fefefe;
	font-size: 12px;
	text-align: left; !important
}

.offcanvas-full-screen-close:hover {
  color: #b2b2b2;
  	text-align: left; !important
}


.top-bar-right .dropdown.menu {
	 border-style: none;
}



.dropdown.menu > li.is-dropdown-submenu-parent > a::after { 

 border-style: none;

}



.nobg
{
	background-color: #ffffff;
	}


.grnButton
	{
		background-color: #349980;
		color: FFFFFF;
		text-align:center;
		}
		
	.grnButton a:link
	{
		background-color: #2e59a6;
		color: FFFFFF;
		}
		
	.mc-field-group label {
	color: #FFF;
}
   #mc_embed_signup{color:#FFF; clear:left; font:14px Helvetica,Arial,sans-serif; line-height: 50%; padding-right: 25px; padding-bottom: 0px; margin-bottom: 0px; }
   
   div.mc-field-group input {
	   
	   background:rgba(255,255,255,0.5);
	   border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		
   }
   
   div.mc-field-group select
 {
	   
	   background:rgba(255,255,255,0.5);
	   border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
   }
.name img {
	margin: 20px;
}

.fullbtn {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	vertical-align: middle;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	/* line-height: 5px; */
}




.halfbtn {
	width: auto%;
	margin-right: auto;
	margin-bottom: 0px; !important
	margin-left: auto;
	height: 40px; 
	text-align: center;
	vertical-align: middle;
	/* line-height: 5px; */
}

.googlefont1
{
	font-family: 'Work Sans', sans-serif;
	color: #999;
	}
	
.infographic {
	height: auto;
	padding-top: 90px;
	width: 100%;	
	min-height: 500px;
	min-width: 100%;
	
	background-image: url(../images/infographics/infographics-band.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.infographic img {
	paddingtop: 30px;
	height: auto;
	max-width: 150px;
	text-align: center;

	
	}


@media only screen and (max-width: 40em)
{
	
.infographic {
	height: auto;
	padding-top: 10px;!important
	min-height:500px;
	background-image: url(../images/infographics/infographics-band-mob.png);
	background-position: left top;
	background-repeat: no-repeat;
		width: 100%;
}





.infographic img {
	height: auto;
	max-width: 150px;
	margin: 1px;
	
	}
}



.logo {
	float: left;
	overflow: visible;
	position: relative;
	z-index: 1;
	left: 1px;
	top: -60px;
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: white;
    opacity: 1; /* Firefox */
	padding-left: 5px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;
	padding-left: 5px;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: white;
	padding-left: 5px;
}
   
   
   .whitetext
   {
	   color: #FFF; !important
	   }

input.button
{
	}
	
	.waves {
	/* background-color: #322332; */
	color: #FFF;
	margin-top: 50px;
	width: 100%;
	height: auto;
	background-image: url(../images/swirls.png);
	background-repeat: no-repeat;
	background-position: center top;	
}

.helvetica
{
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: bold;
	}
	
	.black
	{
		color: #000;  
		}
	
	.helveticabold
{
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: bolder;
	}
	
	
.greentext
{
	color:#349980;
	}





H1 {
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: bolder;
	color: #002168;
}

H3 {
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: bolder;
}





/*  SLIDER CSS  */

#makeMeScrollable div.scrollableArea *
{
	position: relative;
	display: block
	float: left;
	margin: 0;
	padding: 0;
	/* If you don't want the images in the scroller to be selectable, try the following
		block of code. It's just a nice feature that prevent the images from
		accidentally becoming selected/inverted when the user interacts with the scroller. */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.margintop15
{
	margin-top: 15px;
}

	.sliders
	{
		background-color: FFFFFF; !important
	}
	
	
	

.grnButton
	{
		background-color: #349980;
		color: FFFFFF;
		}
		
	.grnButton a:link
	{
		background-color: #2e59a6;
		color: FFFFFF;
		}
		
button.radius, .button.radius {
    border-radius: 3px; }
  button.round, .button.round {
    border-radius: 1000px; }
	
	
	.closeicon
	{
		width: 40px;
		height: 40px;
		}
		

@media only screen and (max-width: 40em) {
.mobpadding
		
		{
	padding-left: 30px;
!important
			padding-right: 10px;!important
; 	
 /*padding-right: 30px; */
			}
			
		.mobcenter
			{
				text-align: center;
				} 
				
				.footercontent {
	font-family: 'Work Sans', sans-serif;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
!important
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #9abcc8;
	font-size: small;
	}
	
		.mobmenuitem{
	border: 2px solid #fd0000;			
			
			
			
			}		
				
				
				.grid-container {
  /* padding-right: 5px;!important */
  /* padding-left: 5px;!important */
  max-width: 62.5rem;!important
  margin: 0 auto; }
  .grid-container.fluid {
    padding-right: 0px;!important
    padding-left: 0px;!important
    max-width: 100%;!important
    margin: 0 auto; }
				
				
				
				
				
				 .grid-container.fullmob {
    padding-right: 0px; !important
    padding-left: 0px; !important
    min-width: 100%; !important
    margin: 0 auto; !important } 

				
				
				} 
				
.footercontentwrapper.footercontentwrappermob.mobpadding .grid-containerDIS.fullmob.fauxcontainer .vertical.menu.accordion-menu.hide-for-medium.whitetext .mobfooterborders a {
	color: #FFF;
}

.mobfooterborders2 a {
	color: #FFF;
}


.mobfooterborders2 li a {
	color: #FFF;
	background-color: rgba(201, 76, 76, 0.3);
}



/* arrows after mobile footer menu */
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after
{
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #fff transparent transparent;
position: absolute;
top: 50%;
margin-top: -3px;
right: 1rem;
	}


/* MAIN-HOME PAGE ADVERT LISTINGS */
.mainlisting
{
	min-height: 150px;
	
	}
	
	.listingImage
{
	border: 1px solid #CCC;
	margin-bottom: 5px;
	
	}
	
	
	
	
	.boldtext
	
	{
	font-weight: bolder;
	color: #069;		
		
		}
		
		.listingCategory
	
	{
	font-weight: bolder;
	color: #666;		
		}
		
	.listingSummary
	
	{
	font-weight: normal;
	color: #666;
		}
		
		
H3
	
	{
	color: #069;
		}
		
.popularsearch
{
	padding: 5px;
	float: left;
	height: auto;
	width: 10%;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;



	}	
	
	.popularsearch2
{
	padding: 5px;
	float: left;
	height: auto;
	width: 10%;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	}	
	
	
	.popularsearch2 img
{
	
		opacity: 0.6;
	filter: alpha(opacity=60);
fill = "#fffff";
color: #ffffff;
	
	}

.popularsearch2 img:hover
{
	
			opacity: 1.0;
	filter: alpha(opacity=100);
	}




	.popularsearch img
{
	
		opacity: 0.6;
	filter: alpha(opacity=60);
color: #ffffff;
	
	}
	
.popularsearch img:hover
{
	
			opacity: 1.0;
	filter: alpha(opacity=100);
	}

.popularsearches
{
	margin: 0px;
	padding: 0px;
	width: 100%;	
	

}

.popularsearches ul
{
	background-color: darkred;

; 	overflow: hidden;
	padding-left: 0px; !important
}

.show-for-small-only {
	width: 100%;
}

.popularsearches ul li
{
	border-top-width: 5px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFF;
	list-style-type: none;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
!important
; 		color: #FFF;
	text-align: center;
}

.popularsearches a
{

  color: #FFF;
}
.popularsearches ul li a:hover
{
	color: #FFF;
	font-weight: bold;
}

.popularsearches a::after {
   
    content: attr(title);
    font-weight: bold;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.headingwhite
{
	font-size: xx-large;
	color: #fff;
	}
	
	
.appstore {
	display: block;
	width: 171px;
	height: 37px;
	text-indent: -99999px;
	background-image: url(../images/appstoreset.png);
	background-position: center bottom;
	float: none;
	margin-right: 15px;
}
.appstore:hover {
	background-position: 0 0;
}

.playstore {
	display: block;
	width: 171px;
	height: 37px;
	text-indent: -99999px;
	background-image: url(../images/googleplayset.png);
	background-position: center bottom;
	float: none;
	margin-left: 15px;
}

.playstore:hover {
	background-position: 0 0;
}

.applinks {
	text-align: center;
	margin-top: 70px;
	width: auto;
	margin-right: auto;
	margin-left: auto;
}

.userform ::placeholder
{
	color: #349980; !important
	font-size: x-large; !important
}
	
.userform :placeholder-shown
{
	
	
	color: #349980; !important
	font-size: x-large; !important
}

.warning
{
	background-color: #9abcc8;
	opacity: 60%;
	font-size:small;
	color:#fff;
	padding:10px;
	}

	.lightblue
	{
		background-color: #fff;
		color:#81d4fa;
		font-weight:bold;
		border-color: #81d4fa;
		border-radius: 5px;
		border-width: 2px;
	}
	.lightbluebg
	{
		background-color: #e7f2ff	;

	}

	.redbg
{

	background-color:  rgb(210, 2, 19); !important;
color: #FFF;


}
.menubottomborder
{

	border-top-width: 2px; !important;
	border-top-style: solid;
	border-color: #646464;
}

@media only screen and (max-width: 40em) {

.menubottomborder
{

	border-top-width: 0px; !important;
	border-top-style: solid;
	border-color: #fff ;

}
}

.blueButton
{
	background-color: #002168;
	color: #FFFFFF;
	}


.blueButton a:link
{
	background-color: #002168;
	color: #FFFFFF;
	}


	.whiteButton
{
	background-color: #FFFFFF;
	color: darkred;
	}



.nopadding{
	padding-left: 0px;
	padding-right: 0px;
}

.whitebg{

	background-color:  #fff; !important;
	color: red;
	
}

.whitebg{

	background-color:  #fff; !important;
	color: red;
	
}

.sectionpadding
{
	padding: 20px;
}

.sectionborder
{
	border-top-width: 3px; !important;
	border-bottom-width: 3px; !important;
	border-top-style: solid;
	border-bottom-style: solid;
	border-color: #646464;
}

.greybg
{
	background-color: slategrey;
}


.platinumBG
{

}


.headerlogopadding
{
	margin-bottom: 10px;
}

ul.custom-bullets {
  list-style-type: "◆";
  padding-left: 0;
}

ul.custom-bullets li {
  padding-left: 14px;
}

ul.custom-bullets li::marker {
  color: #E5E4E2;
  font-size: 16px;
}