@charset "utf-8";

nav#navigation .contact-button {
	display:none;
}

nav#navigation .nav-trigger {
	display:none;
	position:absolute;
	top: -4px;left:50%;
	margin-left: -30.5px;
	background: rgba(6,166,214,0.75);
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	height: 300px;
	overflow:hidden;
	text-indent:-9999px;
	white-space:nowrap;
	z-index:11;
	cursor:pointer;
	box-shadow:0 0 10px rgba(0,0,0,0.5);
	/* -webkit-animation-name:bounce;
	animation-name:bounce;
	-webkit-animation-duration:2s;animation-duration:2s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-timing-function:ease-in-out;
	animation-timing-function:ease-in-out;
	animation-iteration-count:2;
	-webkit-animation-iteration-count:2;
	-webkit-animation-delay:3s;
	animation-delay:3s;
	-webkit-transition: all 5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
	-moz-transition: all 5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
	transition: all 5s cubic-bezier(0.18, 0.89, 0.32, 1.28); */
}

nav#navigation .nav-trigger.open {
	box-shadow:none;
	background: rgba(6,166,214,1.0);
}

nav#navigation .nav-trigger.lookatme {-webkit-animation: lookatme 3s infinite;}
nav#navigation ul.is-hidden {-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:0 .5s;-moz-transition:0 .5s;transition:transform .5s}
ul.menu {float: left;}
nav#navigation ul li {float:left;list-style:none;text-align:center;margin: 0;}
nav#navigation ul li:last-child {margin-left:10px;}
nav#navigation ul li a {display:block;color: #000;padding:5px 10px;font-size: 16px;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
nav#navigation ul li a:hover {color: #06A4D6;}
nav#navigation ul li.active a {color: #06A4D6;}

nav#navigation ul li a.trial {color: #FFF;font-size: 16px;text-transform: uppercase;font-weight: 300;float: right;width: 165px;padding: 5px 0;background: #06A4D6;text-align: center;            }
nav#navigation ul li a.trial:hover {background: #0694C1;}

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

nav#navigation {position:fixed;bottom:0;left:0;width:100%;margin:0;z-index:7777;}
ul.menu {float:left;margin: 0;width: 100%;}
nav#navigation ul li {width: 20%;}
nav#navigation ul li:last-child {margin:0;}
nav#navigation ul li a {padding:15px 0;color: #FFF;}
nav#navigation ul li a.trial {width: 100%;padding: 10px 0;}
nav#navigation ul li a.trial:hover {background: #009FD0;}
nav#navigation ul li a:hover {color: #FFF;background: #2D474E;}

.call {margin: 0 0 0 15.5%;opactity:0.75;}
.email {margin: 0 15.5% 0 0;}

nav#navigation .nav-trigger:before {
	font-family:'FontAwesome';
	content:'\f077';
	color:#FFF;
	width:58px;
	text-align:center;
	display:block;
	height:60px;
	padding: 0;
	margin:0;
	font-size:36px;
	line-height:54px;
	-webkit-backface-visibility:visible;
	backface-visibility:visible;
	-webkit-transition:-webkit-transform .3s;
	transition:transform .3s;
	text-indent:0;
	float:left;
	-webkit-transform:rotateX(0deg);
	transform:rotateX(0deg);
}

nav#navigation .nav-trigger.open:before {-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-backface-visibility:visible;backface-visibility:visible;}
nav#navigation .nav-trigger {display:block}
/* nav#navigation .nav-trigger:hover {box-shadow:0 0 5px rgba(0,0,0,0.25);} */
nav#navigation .nav-trigger span {position:absolute;display:block;width:20px;height:2px;background:#FFF;top:18px;left:50%;margin-left:-10px;-webkit-transition:background .5s;-moz-transition:background .5s;transition:background .5s}
nav#navigation .nav-trigger span::before,.nav-trigger span::after {content:'';position:absolute;left:0;background:inherit;width:100%;height:100%;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:transform .5s;-moz-transition:transform .5s;transition:transform .5s}
nav#navigation .nav-trigger span::before {top:-6px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
nav#navigation .nav-trigger span::after {bottom:-6px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
nav#navigation .nav-trigger.open span {background:rgba(255,255,255,0)}
nav#navigation .nav-trigger.open span::before,.nav-trigger.open span::after {background:#FFF}
nav#navigation .nav-trigger.open span::before {top:0;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}
nav#navigation .nav-trigger.open span::after {bottom:0;-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);-o-transform:rotate(225deg);transform:rotate(225deg)}
nav#navigation ul {width: 100%;position:absolute;bottom: -340px;opacity: .5;background: #314d55;z-index:1111;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;margin: 0;overflow: hidden;}
nav#navigation ul.is-visible {bottom: 70px;width: 100%;left: 0;opacity: 1;}
nav#navigation ul.is-visible li a {visibility:visible}
nav#navigation ul li {width:100%;}
nav#navigation ul li:last-child a {margin: 0;padding: 15px 0 20px 0;}
nav#navigation ul li a {font-size: 16px;border-bottom: 1px solid rgba(0, 0, 0, 0.05);}
div#navigationBox {width:100%;height: 72px;padding:5px 0 10px;z-index: 8888;position:relative;}
.call,.email {display:inline-block}
.call {float:left}
.email {float:right}

@-webkit-keyframes lookatme {
	0% {-webkit-transform:translateY(0)}
	10% {-webkit-transform:translateY(0px)}
	20% {-webkit-transform:translateY(0px)}
	30% {-webkit-transform:translateY(-2px)}
	35% {-webkit-transform:translateY(0)}
	40% {-webkit-transform:translateY(-5px)}
	45% {-webkit-transform:translateY(0);}
	50% {-webkit-transform:translateY(-2px);}
	60% {-webkit-transform:translateY(0);}
	80% {-webkit-transform:translateY(0);}
	90% {-webkit-transform:translateY(0);}
	100% {-webkit-transform:translateY(0);}
}