.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, #349980,#2e59a6);
}


.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 > 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 > li {
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  	 max-width: 300px;
}

.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;
	width: 100%;
	background-image: url(../images/infographics/infographics-band.png);
	background-position: center center;
	background-repeat: repeat-y;
}
.logo {
	float: left;
	overflow: visible;
	position: relative;
	z-index: 1;
	left: 1px;
	top: 1px;
	height:240px;
	width:240px;
	
}

.infoitem {
	padding: 50px;
}

::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;
	}


.appstore {
	display: block;
	width: 171px;
	height: 37px;
	text-indent: -99999px;
	background-image: url(../images/appstoreset.png);
	background-position: bottom;
	
}
.appstore:hover {
	background-position: 0 0;
}

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

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

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





/*  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;
		}
		
button.radius, .button.radius {
    border-radius: 3px; }
  button.round, .button.round {
    border-radius: 1000px; }
	
	
	.closeicon
	{
		width: 40px;
		height: 40px;
		}
		
	.grnButton a:link
	{
		background-color: #2e59a6;
		color: FFFFFF;
		}
		
.heading 
{
	padding-top: 100px;
	
	}
	
@media only screen and (max-width: 40em) {
.mobpadding
		
		{
	padding-left: 30px;
!important
			padding-right: 10px;!important
; 	
 /*padding-right: 30px; */
			}
			
			.heading 
{
	padding-top: 10px;
	
	}
			
			
		.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 #FFF;			
			
			
			
			}		
				
				
				.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;
		}
.leftscrollbar
{
	direction: rtl;
	
	}

	
.newsevent
	{
	padding-bottom: 30px;
	}
	
	.newseventheading
	{
		
		}
	
.newseventimage
{
	padding-top: 10px; !important
	padding-bottom: 10px; !important
	padding-right: 10px; !important
	
	
	}
.newseventcontent
{
	max-height: 240px;
	overflow: scroll;
	 direction: ltr;
	color: #666;
	overflow-x: hidden;
	
	}
	
	
H3, H2, H1
	
	{
	color: #349980;
	font-weight: bold;
		}

.right img
{
	text-align: right;
	padding-left: 110px;!important
	}

.padding
{
	padding-top: 20px;
	
	}
	
	
.profileoffer{}




.profilesummary{
	height: 290px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.profilesummaryIMAGE{
	height: 600px;
	overflow-y: scroll;
	overflow-x: hidden;
}



.profiledownload{}
.profilecontact{}
.profileimage{}

.nopadding
{
	margin: 0px;
!important
	padding: 0px;!important
; 	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
	}


/* CONTACT PAGE & FORM STYLES */

.topspace
{
	padding-top: 100px;

	}
	
	@media only screen and (max-width: 40em)
{
	.topspace
{
	padding-top: 0px; !important

	}
}
	
	

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

.contactform textarea
{
	min-height: 190px;

}

.searchboxpadding

{
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 40px;
	margin-left: 10px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	color: #999;
	}

.searchboxpadding2

{
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 50px;
	margin-left: 10px;
	
	color: #999;
	}
	
	
	.range-slider-handle, .range-slider-handle:hover {
 
 border-radius: 80px;
}








.inputform :placeholder-shown {
  border: 0px solid #fff; !important
  box-shadow: none;!important
 
}

.inputform ::placeholder, [type='text'] {

  color: #666;!important
    border: 0px solid #fff; !important
	box-shadow: none;!important
	 border: 0px;
}

.inputform .input, [type='text'] {

  color: #666;!important
    border: 0px solid #fff; !important
	box-shadow: none;!important
	 border: 0px;
}

.noborders
{
border: none; 
border-width: 0; 
box-shadow: none;
}


.searchtype .input
{
	padding-left: 30px; !important
	background-attachment: scroll;
	background-image: url(../images/icons/searchmagnify.png); !important
	background-repeat: no-repeat; !important
}

.searchlocation .input
{
	background-attachment: scroll; 
	background-image: url(../images/icons/searchlocation.png);
	background-repeat: no-repeat;	
}

.mappadding
{
	padding: 30px;	!important
	
	}

.thumbnailsize
{
	height: 125px;
	width: 165px;
	}
	
.category-list
{
	list-style: none;
	margin-top: -3px;
	padding: 0;

	}
	
	.category-list ul
{
	list-style: none;
	margin-top: -10px;
	padding-top: -10px;
	padding: 0;

	}
	
.category-list li
{
	padding: 5px;
	background: #fff;
	border-bottom: #399880 1px solid;
	}
	
	
.category-list li:hover
{
	background-color: #009966;
	color: #FFF;
	cursor: pointer;	
	}
	
	
	
.suggesstion-box
{
	margin-top: 0px;
	padding-top: 0px;
	}
	
	.redtext
	{
		color: #C03;
		}