/**********************************************

	Define @font-face
	
***********************************************/
@font-face {
font-family: LatoLite;
src: url(../fonts/Lato-Light.ttf);

}
@font-face {
font-family: LatoRegular;
src: url(../fonts/Lato-Regular.ttf);

}
@font-face {
	font-family: LatoBold;
	src: url(../fonts/Lato-Black.ttf);
	font-weight:bold;
}


/**********************************************

	Generic Styles
	
***********************************************/
body {
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	background:#050709;	
}
p, ul li {
	font-family: "LatoRegular",Verdana, Geneva, sans-serif;
	font-size:18px;
	line-height:150%;
	color:#fff;
	
}
p {
	margin-bottom:30px;
}
p.standOut {
	
	font-size: 20px;
	font-weight: bold;
	color: #9db92e;

}
a, a:hover {
	color:#9db92e;	
}
h1,h2,h3,h4,h5,h6 {
	font-family: "LatoBold",Verdana, Geneva, sans-serif;
	line-height:150%;
	color:#fff;
}
#main {
	position:relative;
}
.product { 
	height: 1000px;
	padding: 0; 
	margin: 0; 
	width: 100%;
	max-width: 2200px; 
	/*max-height:1000px;*/
	position: relative;
	margin: 0 auto; 
	border-bottom: 1px solid rgba(0,0,0,0.4);
	 
	box-shadow: 0 0 50px rgba(0,0,0,0.8);
	overflow:hidden;
	
	
	
	
}

.container {
	width:1200px;
	margin:0 auto;
	position:relative;

}
.sAnimate {
	position:absolute;
	z-index:50;	
}

#hoverscroll{
	text-align:center;
	font-size:20px;
	color:#fff;
	width:48px;
	height:48px;
	border:solid 2px #fff;
	border-radius:25px;
	margin-top:10px;
	padding-top:7px;
	position:fixed;
	right:80px;
	z-index:9999;
	bottom: 30px;
	right: 30px;
	cursor:pointer;
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}
	
#hoverscroll:hover{
	color: #9db92e;
	border: solid 2px #9db92e;
	}


/**********************************************

	Define Section Backgrounds
	
***********************************************/

/*
#welcome { background:url(../images/fastest-4-banner.jpg) no-repeat fixed #040507; height:1200px}
#bondedDSL { background:url(../images/Bonded-DSL.jpg) no-repeat fixed #040507; }
#fibre { background:url(../images/fibre.jpg) no-repeat fixed #040507; }

*/
#welcome 	{ background:url(../images/fastest-4-banner.jpg) no-repeat center -148px #040507;}
#bondedDSL  {background:url(../images/Bonded-DSL.jpg) no-repeat center 0 #040507;}
#fibre 	 	{ background:url(../images/fibre.jpg) no-repeat center 0  #040507; }
#efm	 	{ background:url(../images/efm.jpg) no-repeat  center 0  #040507; }
#leasedLines{ background:url(../images/leasedLines.jpg) no-repeat  center bottom  #040507; }

.overlaySplat {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: url(../images/overlayOne.png) 0 top repeat-y;
	z-index: 1;
}



/**********************************************

	Define container splats
	
***********************************************/
#fibre .topSplat{
	display:block;
	height:50%;
	background:url(../images/top-splats.png) no-repeat 0 0;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
#bondedDSL .topLeftSplat {
	display:block;
	height:379px;
	background:url(../images/splat1.png) no-repeat;
	width:569px;
	position:absolute;
	top: -225px;
	left: -10px;
}
#bondedDSL .bottomLeftSplat {
	display:block;
	height:779px;
	background:url(../images/splat3.png) no-repeat;
	width:672px;
	position:absolute;
	bottom: -464px;
	left: -270px;
}
#efm .leftSplat {
	display:block;
	height:779px;
	background:url(../images/splat7.png) no-repeat;
	width:672px;
	position:absolute;
	bottom: -50px;
	left: -50px;
}
#efm .topRightSplat {
	display:block;
	height:1035px;
	background:url(../images/splat4.png) no-repeat;
	width:690px;
	position:absolute;
	top: -300px;
	right: -235px;
}
#leasedLines .rightSplat {
	display:block;
	height:647px;
	background:url(../images/splat6.png) no-repeat;
	width:952px;
	position:absolute;
	top: -120px;
	right: -50px;
}
#leasedLines .topLeftSplat {
	display:block;
	height:185px;
	background:url(../images/splat8.png) no-repeat;
	width:1050px;
	position:absolute;
	top: -10px;
	left: -120px;
}

#leasedLines .bottomSplat {
	display:block;
	height:554px;
	background:url(../images/bottom-splat.png) no-repeat;
	background-size:cover;
	width:2200px;
	position:absolute;
	left: -10px;
	bottom: -100px;
}

/**********************************************

	Welcome Slide 
	
***********************************************/
#welcome {
	height: 1600px;

}
#welcome article {
	
	width:100%;
	
	
}
#welcome article div {
	
	background: rgba(0,0,0,0.8);
	box-shadow: 0px 0px 64px 29px rgba(0,0,0,0.8);
}
#welcome smal; {
	font-size:12px;
	font-style:italic;	
}
#welcome .alignLeft {
	width:725px;
	margin-right:50px;	
	float:left;
}
#welcome .alignRight {
	float: right;
	padding: 40px;
	border: dashed 1px;
	margin-top:30px;
}
#welcome p,
#welcome table tr td {
	font-size: 16px;
	margin-bottom: 20px;
	color: #FFFFFF;
}

#welcome table {
	margin-bottom:15px;	
}
#welcome h3,
.sign-up-info h3 {
	color:#9db92e;
	text-transform:uppercase;
}


/**********************************************

	Slidedown Contact form
	
***********************************************/

.signup-form{
	background: #191919;
	padding-top: 30px;
	display: none;
	border-bottom: 1px solid #111;
	margin-top: -20px;
	
	color: #fff;
	position:relative;
	overflow:hidden;
}

.signup-form .close-signup {
	position: absolute;
	top: 0px;
	right: 20px;
	color:rgb(127,127,127);
	color:rgba(255,255,255,0.5);
	text-decoration:none;
	font-size:16px;
	
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
}

.signup-form .close-signup:hover {
	color:rgb(255,255,255);
	color:rgba(255,255,255,1);
}

.signup-form .sign-up-info {
	width:480px;
	float:left;
	padding-right:15px;
	margin: 70px 0;
}
#signupForm {
	float: left;
	width: 650px;
	margin-top: 95px;
	margin-right: 0;
	margin-bottom: 70px;
	margin-left: 40px;
}
#signupForm .wrap {
	margin-bottom:30px;	
	width:100%;
}
#signupForm .wrap.half {
	width: 315px;
	margin-right: 20px;
	float:left;
}
#signupForm .wrap.half.last {
	margin-right:0;
}
#signupForm .wrap label {
	display:block;
	text-transform:uppercase;	
	margin-bottom:5px;
}
#signupForm .wrap input {
	width:315px;
	padding:7px;
	font-size:14px;
	color:#999;
	background:none;
	border:solid 1px #707070;
}
#signupForm .check {
	margin-bottom:20px;	
}
#signupForm  button {
	background:none;
	border:solid 2px #9db92e;
	padding:10px 0;
	text-align:center;
	width:100%;
	font-size:12px;
	text-transform:uppercase;
	color:#9db92e;
	font-weight:bold;
	
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
}
#signupForm  button:hover {
	background:#9db92e;
	color:#fff;
}
.check.has-error,
.check.has-error a {
  color: #b94a48;
}
#signupForm .alert-success {
	
	display:none;
}
/**********************************************

	Navigation 
	
***********************************************/
nav.fixed{

	box-shadow: 0 0 5px 0 #000;
}
nav{
	position: fixed;
	width: 100%;
	z-index: 9999999;
	background:rgb(60,60,60);
	background:rgba(30,30,30,0.9);

	border-bottom:rgb(25,25,25) solid 6px;
	border-bottom:rgba(0,0,0,9) solid 6px;

	
	
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
}
.nav-menu{
	margin-left:190px;
	color:#fff;
	font-size: 14px;
	font-family: "LatoBold",Verdana, Geneva, sans-serif;
	font-weight: bold;
	text-transform:uppercase;
	float:left;
	padding:0;
	margin-bottom: 20px;
}
.nav-menu > li{
	display:inline-block;
	margin-right: 40px;	
	margin-top:26px;
	position:relative;
	float:left;
}
.nav-menu li a{
	color:#fff;
	font-size:14px;
}	
.nav-menu li a:hover{
	color:#999;
	text-decoration:none;
	}
.nav-menu > li ul li.active > a,
.nav-menu > li.active > a{
	color:	#9db92e;
}
.dropdown{
	position:absolute;
	left:-20px;
	top:53px;
	width:240px;
	background:rgb(60,60,60);
	background:rgba(30,30,30,0.9);
	display:none;
	padding: 10px 0;
	
}
.dropdown li{
	list-style:none;
	padding: 6px 10px 6px 22px
}
.social-media{
	color:#fff;
	font-size:20px;
	float:right;
	text-align:center;
}
.social-media li{
	display:inline-block;
	float:left;
}	
.social-media li a{
	color:#fff;
	display:inline-block;
	width:48px;
	height:48px;
	border:solid 2px #fff;
	border-radius:25px;
	margin-top:15px;
	padding-top:8px;
	margin-left:14px;
	cursor:pointer;
	overflow: hidden;
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
	
}
.social-media li a:hover {
	border: solid 2px #9db92e;
}
.social-media li a:hover i,
#hoverscroll:hover i{
	color: #9db92e;
	
	-webkit-animation: toTopFromBottom 0.3s forwards;
	-moz-animation: toTopFromBottom 0.3s forwards;
	animation: toTopFromBottom 0.3s forwards;
}
	
	

@-webkit-keyframes toTopFromBottom {
	49% {
		-webkit-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toTopFromBottom {
	49% {
		-moz-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toTopFromBottom {
	49% {
		transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}





/**********************************************

	Home Page Products
	
***********************************************/
.product.single article {
	position:absolute;
	top:200px;
	text-shadow: 1px 1px 20px rgba(0,0,0,1);
	z-index:100;
	
}
.product.single article img {
	margin-bottom:30px;	
}
.product.single article ul {
	padding:20px;
}
.tableWrap {
	padding:30px;
	background:rgb(51,51,51);
	background:rgba(0,0,0,0.4);
	overflow:hidden;
	display:inline-block;	
}
.compareTable {
	color:#fff;	
	float:left;
	margin-right:50px;

}
.compareTable th {
	font-size: 20px;
	font-family: "LatoRegular",Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	margin:10px 0 5px 0;
}
.compareTable tr td{
	padding: 3px 0;	
}
.compareTable td{
	font-size: 16px;
	font-family: "LatoLite",Verdana, Geneva, sans-serif;
}
.compareTable td.bold{
	font-family: "LatoRegular",Verdana, Geneva, sans-serif;
}

#footer {
	padding:30px 0;
	background:#050709;	
	font-family: "LatoRegular",Verdana, Geneva, sans-serif;
	padding-top:45px;
	
	
	
}
#footer article {
	position: absolute;
z-index: 999999;
	}
	
.footer_wrap {
	margin-top: 60px;
		padding-top:30px;
}
.eclipse_link p{
	font-size:14px;
	float:right;
	}

.copyright p{
	font-size:11px;
	}
	
.footer_wrap{
	position:absolute;
	z-index:200;
	width:100%;
	}