@charset "utf-8";
/* CSS Document */

#nav-icon {
  margin: 0;
  padding: 0; 
}
#nav-icon {
  width: 20px;
  height: 15px;
  position: relative;
  margin: .1em auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}
#nav-icon span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background-color: rgba(255,255,255,1.00);
	border-radius: 3px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
#nav-icon span:nth-child(1) {
  top: 0px;
}
#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
  top: 6px;
}
#nav-icon span:nth-child(4) {
  top: 12px;
}
#nav-icon.open span:nth-child(1) {
  top: 6px;
  width: 0%;
  left: 50%;
}
#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#nav-icon.open span:nth-child(4) {
  top: 6px;
  width: 0%;
  left: 50%;
}


/*----------------------------------------------------------------------------*/
.topnav {
	position: fixed;
	width: 100%;
/*	overflow: hidden;*/
	background-color: rgba(68,199,255,1.000);
	z-index: 100;
	background-image: -webkit-linear-gradient(270deg,rgba(68,199,255,1.00) 0%,rgba(0,178,255,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(68,199,255,1.00) 0%,rgba(0,178,255,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(68,199,255,1.00) 0%,rgba(0,178,255,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(68,199,255,1.00) 0%,rgba(0,178,255,1.00) 100%);
	-webkit-box-shadow: inset 0px -1px 1px rgba(1,132,153,1.00);
	box-shadow: inset 0px -1px 1px rgba(1,132,153,1.00);
	max-height:42px;
}
.topnav a {
	box-sizing: border-box;
	display: inline-block;
	color: #fff;
	text-align: center;
	padding: .7em 1.4em;
	text-decoration: none;
	font-size: 1em;
	transition: .1s ease;
	letter-spacing: .15em;

	
}
.topnav a:hover {
    box-sizing: border-box;
    background-color: rgba(0,255,114,0.50);
}
.topnav .active {
	color: rgba(255,255,255,1.00);
	/* [disabled]background-color: rgba(0,255,116,1); */
	text-shadow: 1px 1px 3px rgba(0,90,130,0.49);
	/* [disabled]font-weight: bold; */
	background-image: -webkit-linear-gradient(270deg,rgba(0,255,116,0.31) 0%,rgba(0,255,116,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(0,255,116,0.31) 0%,rgba(0,255,116,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(0,255,116,0.31) 0%,rgba(0,255,116,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(0,255,116,0.31) 0%,rgba(0,255,116,1.00) 100%);
}
.topnav .icon {
  display: none;
}
.topnav .NavHide {
	display: none;
	font-weight: bold;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-variant: small-caps;
	text-shadow: none;
}

.blu{
	color: rgba(0,130,152,1.00);
}
.grn{
	color: rgba(0,169,2,1.00);
}

@media screen and (max-width : 750px ){
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
	padding: .7em 1.2em;
	font-size:1em;
	letter-spacing: .15em;
    float: right;
    display: block;
  }
  .topnav .NavHide {
	float:left;
	display:block;
	padding: .7em 1.2em;
	font-size:1em;
	letter-spacing: .15em;
	}
  .topnav.responsive {position: fixed;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
	float: none;
	display: block;
	padding: .7em 1.2em;
	font-size:1em;
	letter-spacing: .15em;
	text-align: left;
	border-top: thin solid rgba(0,0,0,0.2);
  }
  .topnav.responsive a:not(:first-child){
	text-align: right;
	background-color: rgba(0,95,135,0.90);
  }
  .topnav.responsive a:not(:first-child):hover{
	text-align: right;
	  background-color: rgba(151,223,255,0.82);
  }
.topnav .active {
	color: rgba(57,196,255,1.00);
	background: none;
	background-color: rgba(197,197,197,0.49);
	font-weight: bold;
}
}



@media (max-width: 1300px){
	.topnav a {
		padding: .7em 0.8em;
		font-size:1em;
		letter-spacing: .08em;
	}

}

@media (max-width: 1000px){
	.topnav a {
		padding: .7em 0.4em;
		font-size:1em;
		letter-spacing: .01em;
	}
/*	.ReviewHolder{
		background-color: ;
		width: 100%;
		max-width: 1500px;
		margin: auto;
		text-align: center;
	}
	.ReviewHolder img{
		width: 50%;
		min-width: 300px;
	}
	.ReviewHolder iframe{
		width: 90%;
		height: 300px;
	}
	.RevTitle{
		text-align: center;
		margin-left:0;
	}*/

}