@import url(http://fonts.googleapis.com/css?family=Nunito); /*--- CHANGE Body Font --*/
@import url(http://fonts.googleapis.com/css?family=Oxygen); /*--- CHANGE Heading Font--*/
@import url(http://fonts.googleapis.com/css?family=Fjalla+One); /*--- CHANGE Navigation Font --*/
@charset "utf-8";
/* CSS Document */


 *{
 border: 0;
 margin: 0;
 padding: 0;
 }
 
 body {
	 background-color: #f5f5f5;
	 font-family: "Nunito", sans-serif;
	 font-size: 18px;;
	 width: 100%;
     height: 100%;
     margin: 0px;
     padding: 0px;
     overflow-x: hidden; 
}

 a {
	 text-decoration: none;
 }
 
 a:link, a:visited {
 }
 
  a:hover, a:active {
 }
 
 .fixedwidth {
    width: 1050px;
    margin: 0 auto;
}
 
 .mainheader img {
	 width: auto;
	 height: auto;
	 margin: 1% 0;
 }
 
 #banner-wrapper .nav-wrap {
	 background-color: #0C0B0B;
	 height: 40px;
	 margin: 0 auto;
 }
 
 #banner-wrapper .nav-wrap ul {
	 list-style: none;
	 margin: 0 auto;
 }
 
 #banner-wrapper .nav-wrap ul li {
	 float: left;
	 display: inline;
 }
 
 #banner-wrapper .nav-wrap a:link, #banner-wrapper .nav-wrap a:visited {
	 color: #FFF;
	 display: inline-block;
	 padding: 8px 25px;
	 height: 23px;
 }
 
 #banner-wrapper .nav-wrap a:hover, #banner-wrap .nav-wrap a:active, #banner-wrap .nav-wrap .active a:link, #banner-wrap .nav-wrap .active a:visited {
	 background-color: #03035E;
	 color: #FF0;
	 text-shadow: none;
 }
 
  #banner-wrapper .nav-wrap ul li a {
	 border-radius: 5px;
	 -moz-border-radius: 5px;
	 -webkit-border: 5px;
 }
 
 .mainheader {
	 background-color: #03035E;
	 width: 100%;
	 padding: 1% 0 0 1%;
 }
 
 #banner-wrapper {
	 margin: 0 auto;
	 width: 100%;
	 height: auto;
 }
 
 #slider {
	 width: 100%;
	 height: auto;
	 margin: 0 auto;
 }
 
 #section {
	 color: #525453;
	 padding-left: 2%;
	 margin: 0 auto;
	 width: 100%;
	 text-align: left;
	 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 }
 
  #section-reviews {
	 color: #525453;
	 padding-left: 2%;
	 margin: 0 0 0 0;
	 width: 100%;
	 text-align: left;
	 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 }
 
  .contact {
	 color: #000;
	 padding-left: 2%;
	 margin: 0 auto;
	 width: 100%;
	 text-align: left;
	 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 }
	 
 .contact { 
 	background-position: center center;
 	background-image: url(contact.jpg);
 	background-repeat: no-repeat;
 	background-size: contain;
	background-size: cover;
	background-size: contain;
	-webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    -o-background-size: 100%;  
    -webkit-background-size: cover;
 }
 
 .tab {
	background-color: #009;
	font-size: 35px;
	padding-top: 1%;
	border-radius: 8px;
	color: #FFF;
	background-repeat: no-repeat;
	float: left;
	width: 20%;
	margin: 2% 2% 2% 2%;
	text-align: left;
	min-height: 125px;
	text-align: center;
	min-width: 250px;
}

 .tab1 {
	float: left;
	width: 20%;
	margin: 0% 2% 2% 2%;
	text-align: left;
	height: auto;
	text-align: center;
	color: #009;
}

 .tab2 {
	background-color: #009;
	font-size: 35px;
	padding-top: 1%;
	border-radius: 8px;
	color: #FFF;
	background-repeat: no-repeat;
	float: left;
	width: 20%;
	margin: 2% 2% 2% 2%;
	text-align: left;
	min-height: 125px;
	text-align: center;
	min-width: 250px;
}

 .tab3 {
	background-color: #009;
	font-size: 35px;
	padding-top: 1%;
	border-radius: 8px;
	color: #FFF;
	background-repeat: no-repeat;
	float: left;
	width: 20%;
	margin: 2% 2% 2% 2%;
	text-align: left;
	height: 125px;
	text-align: center;
	min-width: 250px;
}

 .tab4 {
	background-color: #009;
	font-size: 35px;
	padding-top: 1%;
	border-radius: 8px;
	color: #FFF;
	background-repeat: no-repeat;
	float: left;
	width: 20%;
	margin: 2% 2% 2% 2%;
	text-align: left;
	height: 125px;
	text-align: center;
	min-width: 250px;
}

 .review {
	margin: 0 auto;
	float: left;
	width: 28%;
	height: auto;
	margin: 2% 2% 2% 2%;
	text-align: center;
}

 .tabfooter {
	color: #FFF;
	margin: 0 auto;
	float: left;
	width: 28%;
	margin: 2% 2% 2% 2%;
	text-align: left;
}

 .clear {
	clear: both;
}

 #footer {
	 overflow: hidden;
	 margin: 0 auto;
	 color: #666;
	 width: 100%;
	 height: auto;
	 text-align: justify;
	 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	 background-color: #333;
 }
 
 h1 {
	 font-family: Verdana, Geneva, sans-serif;
	 text-align: center;
	 font-size: 175%;
	 color: #FFF;
	 text-transform: uppercase;
	 letter-spacing: 3px;
	 padding: 1% 0;
	 color: #000;
 }
 
  h2 {
	 font-family: Arial, Helvetica, sans-serif;
	 text-align: center;
	 font-size: 175%;
	 text-transform: uppercase;
	 letter-spacing: 3px;
	 padding: 2% 3% 1% 0%;
	 color: #FF3;
 }
 
 h3 {
	 font-family: Verdana, Geneva, sans-serif;
	 text-align: center;
	 font-size: 175%;
	 color: #000;
	 text-transform: uppercase;
	 letter-spacing: 3px;
	 padding: 2% 3% 1% 0%;
 }
 
 h4 {
	 font-family: Verdana, Geneva, sans-serif;
	 text-align: left;
	 font-size: 100%;
	 color: #666;
	 text-transform: uppercase;
	 letter-spacing: 3px;
	 padding: 3% 3% 0% 0%;
 }
 
  h5 {
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 24px;
	 text-align: left;
	 color: #009;
 }
 
 h6 {
	 font-family: Verdana, Geneva, sans-serif;
	 text-align: center;
	 font-size: 100%;
	 color: #FFF;
	 text-transform: uppercase;
	 letter-spacing: 3px;
	 padding: 3% 3% 1% 0%;
 }
 
  h7 {
	 font-family: Verdana, Geneva, sans-serif;
	 text-align: center;
	 font-size: 150%;
	 color: #FFF;
	 text-transform: uppercase;
	 letter-spacing: 3px;
	 padding: 3% 3% 1% 0%;
 }
 
 p {
	 padding: 2%;
	 text-align: left;
 }
 
 img {
	 width: auto;
	 height: auto;
 }
 
 
  #copyright {
	 background-color: #000;
	 color: #FFF;
	 padding-top: 1%;
	 margin: 0 auto;
	 width: 100%;
	 text-align: center;
	 font-family: Verdana, Geneva, sans-serif;
	 font-size: 12px;
  }
	 
  #support {
	 padding-top: 1%;
	 padding-bottom: 1%;
	 font-size: 12px;
	 background-color: #007;
	 color: #FFF;
	 margin: 0 auto;
	 width: 100%;
	 text-align: inherit;
	 font-family: Arial, Helvetica, sans-serif;
 }
 
  #section {
	 color: #525453;
	 margin: 0 auto;
	 width: 100%;
	 text-align: left;
	 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 }
 
 #wrapper {
	 margin: 0 auto;
	 max-width: 100%;
 }
 
 #footer a:link {
	color: #FFF;
	text-decoration: none;
 }

 #footer a:visited {
	color: #FFF;
 }
 
  #section a:link {
	color: #006;
	text-decoration: none;
 }

 #section a:visited {
	color: #006;
 }
 
 #support a:link {
	color: #FFF;
	text-decoration: none;
 }

 #support a:visited {
	color: #FFF;
 }
 
  /* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
  float: left;
  width: 50%;
}
.column1 {
  text-align: left;
  float: left;
  width: 45%;
}

.button, input[type="submit"] {
  border:0;
  padding:6% 6%;
  font-size: 140%;
  color:#fff;
}

.button, input[type="submit"] {
    background:#2E76CF;
}
.button:hover, input[type="submit"]:hover {
    background:#173b67;
}

a {
    color:#2E76CF;
}
a:hover {
    color:#173b67;
}

.button1, input[type="submit"] {
  border:0;
  padding:6% 6%;
  font-size: 140%;
  color:#fff;
}

.button1, input[type="submit"] {
    background:#2E76CF;
}
.button1:hover, input[type="submit"]:hover {
    background:#173b67;
}

.button2, input[type="submit"] {
  border:0;
  padding:6% 6%;
  font-size: 140%;
  color:#fff;
}

.button2, input[type="submit"] {
    background:#2E76CF;
}
.button2:hover, input[type="submit"]:hover {
    background:#173b67;
}
 
 /*-------------Media Queries----------------*/
@media screen and (max-width:769px){
	body {
	 width: 100%;
     height: 100%;
     margin: 0px;
     padding: 0px;
     overflow-x: hidden;
	}
	
	#wrapper {
		width: 100%;
		float: left;
		margin: 0 auto;
		width:auto;
		overflow:hidden; 
		max-width:auto;
		padding:0;
	}
	
	#banner-wrapper {
		width: 100%;
		margin: 0;
	}
	
	#slider {
		margin: 0;
		width: 100%
	}
	
	.switch {
     content: url("img/biz_logo.png");
    }
	
   #banner-wrapper .nav-wrap {
	   background-color: #333;
	   height: 200px;
	   margin: 0 auto;
   }
 
   #banner-wrapper .nav-wrap ul {
	   padding-left: 0;
	   margin: 0 auto;
   }
 
   #banner-wrapper .nav-wrap ul li {
	   width: 100%;
	   text-align: center;
   }
 
   #banner-wrapper .nav-wrap a:link, #banner-wrapper .nav-wrap a:visited {
	   padding: 8px 25px;
	   height: 20px;
	   margin: 0 auto;
   }
 
   #banner-wrapper .nav-wrap a:hover, #banner-wrap .nav-wrap a:active, #banner-wrap .nav-wrap .active a:link, #banner-wrap .nav-wrap .active a:visited {
	   background-color: #009;
	   color: #FFF;
	   text-shadow: none;
	   display: block;
   }
   
	.tabfooter {
		width: auto;
		float: left;
		margin: 0 auto;
	}
	
	.tab {
		float: left;
		width: 100%;
		height: auto;
		margin: 2% 2% 0 2%;
		text-align: left;
	}
	
	.tab1 {
		float: left;
		margin: 0 auto;
	    width: 94%;
		height: auto;
		margin: 0 0% 2% 2%;
	}
	
	.tab2 {
		float: left;
		width: 100%;
		height: auto;
		margin: 2% 2% 0 2%;
		text-align: left;
	}
	
	.tab3 {
		float: left;
		width: 100%;
		height: auto;
		margin: 2% 2% 0 2%;
		text-align: left;
	}
	
	.tab4 {
		float: left;
		width: 100%;
		height: auto;
		margin: 2% 2% 0 2%;
		text-align: left;
	}
	
	img {
	   width: 96%;
	   margin: 0;
	}

	#copyright {
		float: left;
		margin: 0 auto;
	}
	
	#support {
		text-align: center;
		float: left;
		margin: 0;
	}
	
	.review {
		width: 100%;
		height: auto;
		margin: 0 auto;
		float: left;
		text-align: center;
	}

 	.tabfooter {
		float: left;
		margin: 0 auto;
		width: 100%;
	}
	
	h2 {
		margin: 0 auto;
 	}
	
	#footer {
	 	margin: 0 auto;
	 	width: 100%;
	 	height: auto;
 	}
	
	#section {
	 	width: 96%;
		height: auto;
 	}
	
	.mainheader img {
	 	width: 100%;
	 	height: auto;
		margin: 0;
 	}
	
	h2 {
		text-align: center;
		width: 100%;
	}
	
	.mainheader {
		max-width: 99%;
	 	background-color: #009;
	 	width: 100%;
		margin: 0;
 	}
	
	.contact { 
		margin-right: 0;
		width: 95%
 	}
	
    .column {
    width: 100%;
    }
	
	.column1 {
    width: 100%;
    }
	
	html {
    	overflow: scroll;
    }
}