body{
		background-color: #f3f3f3;
		font-family: Verdana, "Lucida Sans Unicode", sans-serif;
		font-size: 14px;
	}
	h1, h2, h3, h4, h5, h6 {
    font-family: Lato, Helvetica, Roboto, sans-serif;
}
	#main-content {
		margin-top:0px;
	}
	a.bluelink:link,  a.bluelink:visited{
		color: #47b6e3;
		font-weight: bold;
		text-decoration: none;
	}
	a.bluelink:hover, a.bluelink:active {
		color: #fff;
	}
	a.bluelinkgrey:link,  a.bluelinkgrey:visited{
		color: #47b6e3;
		font-weight: bold;
		text-decoration: none;
	}
	a.bluelinkgrey:hover, a.bluelinkgrey:active {
		color: #8b8989;
	}
	a.nav-link:link,  a.nav-link:visited{
		color: #60676f;
		font-weight: bold;
		text-decoration: none;
	}
	a.nav-link:hover, a.nav-link:active {
		color: #47b6e3;
	}
	.nav{
		width: 100%;
	}
	li.nav a {
	  display: block;
	    padding: 14px 16px;
	}
	ul.nav {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	li.nav {
	  float: left;
	}

	.top{
		height: 85px;
		background-color: #f3f3f3;
		box-shadow: 0 0 10px #000;
	}

	.banner{
		position: relative;
		top: -8px;
		background-image: linear-gradient(45deg, #4490b2, #d8e7d9);
		height: 365px; 
		width: 100%;
		min-width: 365px;
		z-index: -1;
	}

	.floatleft {
		float: left;
	}
	.floatlogo { 
		width: 40%;
  		padding: 15px 0;
  		padding-left: 80px;
		}
	.floatmenu { 
  		padding: 15px 0;
		width: 350px;
  		text-align: center;
		}

	.clearfix::before,
	.clearfix::after {
	  content: " ";
	  display: table;
	} 

	.clearfix::after {
	  clear: both;
	}

	.clearfix {
	  *zoom: 1; 
	}
	.container{
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.footer {
		margin-top: 25px;
		padding-top: 20px;
		padding-bottom: 70px;
		box-shadow: 10px 0 10px #000;
		display: flex;
  		justify-content: center;
		background-image: linear-gradient(#4c4d50, #222327);

	}

	.footermobile {
		position: absolute;
		margin-top: 25px;
		padding-top: 20px;
		box-shadow: 10px 0 10px #000;
  		justify-content: center;
		background-image: linear-gradient(#4c4d50, #222327);
		color: #fff;
		height: 800px;

	}
	.footerbox{
		width: 310px;
		color: #fff;
		margin-right: 50px;
		margin-left: 50px;
	}
	.footerline1{
		height: 1px;
		background-color: #47b6e3;
	}
	.footerline2{
		margin-top: 2px;
		height: 1px;
		background-color: #3a515c;
	}
	bigblue{
		color: #47b6e3;
		font-weight: bold;
	}

	.scrollbox{
		display: flex; 
		justify-content: center;
	}
	#scroll {
	    position:fixed;
	    bottom:10px;
	    cursor:pointer;
	    width:50px;
	    height:50px;
	    background-color:#47b6e3;
	    text-indent:-9999px;
	    display: none;
	    -webkit-border-radius:60px;
	    -moz-border-radius:60px;
	    border-radius:60px

	}
	#scroll span {
	    position:absolute;
	    top:50%;
	    left:50%;
	    margin-left:-8px;
	    margin-top:-12px;
	    height:0;
	    width:0;
	    border:8px solid transparent;
	    border-bottom-color:#ffffff;
	}
	#scroll:hover {
	    background-color:#60676f;
	    opacity:1;filter:"alpha(opacity=100)";
	    -ms-filter:"alpha(opacity=100)";
	}
	.split {
	  height: 100%;
	  width: 50%;
	  min-width: 360px;
	  position: absolute;
	  z-index: 1;
	  top: 0;
	  overflow: hidden;
	  padding-top: 20px;
	  display: block;
	}
	.left {
	  left: 0;
	  color: #fff;
	  float: left;

	}
	.lefttext{
		text-align: center;
		font-weight: normal;
		font-size: 48px;
		text-shadow: 1px 1px 2px #60676f;

	}
	.leftbox{
		margin-top: 15px;
		width: 340px;
		min-height: 125px;
	}
	.leftboxcenter{
		border-radius: 5px;
		padding: 15px;
	    margin: 0px auto;
		margin-left: 35%;
		margin-right: 35%;
		min-width: 340px;
		max-width: 60%;
		height: 205px;
	    background-color: rgba(0, 0, 0, 0.1);
	    box-shadow: 0 10px 15px rgba(0,0,0,0.5);
	    z-index: 1;
	}
	.right {
	  right: 0;
	  color: #fff;
	  background-image: url(/images/head-banner.png);
	  background-position:  center,right;
	  background-repeat: no-repeat;
	  background-size: auto 99%;
	  float: left;
	}
	.rightbox{
		width: auto;
		position:absolute; 
   		bottom:0;
   		right:0; 
	}
	.rightboxcenter{
		padding-left: 10px;
		padding-right: 10px;
		position:absolute;
		width: 280px;
		height: 85px;
		background-color: rgba(76, 149, 180, 0.9);
	    box-shadow: 0 10px 15px rgba(0,0,0,0.5);
		bottom:0;
		right:calc((100% + 160px)/2);
		font-size: 10pt;
		overflow: hidden;
	}
	.mobile-container {
	  max-width: 100%;
	  margin: auto;
	  background-color: #555;
	  height: auto;
	  color: white;
	  border-radius: 10px; 
	}

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

	}

	.topnav #mobileLinks {
	  display: none;
	}

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

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

	.topnav a:hover {
		color: #fff;
	}
	.active {
		background-color: #47b6e3;
		color: #fff;
	}