﻿html {
  scroll-behavior: smooth;
}

/* Crossfade use class "swap1 for image one and swap2 for mouseover */
.swapMe img { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all .7s ease-in-out; }
.swap1,.swapMe:hover 
.swap2 { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; }
.swapMe:hover .swap1, .swap2 { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; }

.tallrow_backdrop {
	background-image: url('../images/tall_rowbacksmac.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	height: 380px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 8px;
	padding-left: 2px;
	margin: 0px;
}
a:link {
	text-decoration: none;
}
.allcopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
.style67 {
				font-family: Arial, Helvetica, sans-serif;
				font-size: large;
}
.style74 {
				color: #003366;
}
.style129 {
				border-width: 0;
}

.center
{
  width: 200px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align:center;
}

[draggable=true] {
    cursor: move;
}
body {
				margin:0;
				padding:0;
}
/* For desktop: */
.col-8 {width: 8.33%;}
.col-16 {width: 16.66%;}
.col-25 {width: 25%;}
.col-33 {width: 33.33%;}
.col-41 {width: 41.66%;}
.col-50 {width: 50%;}
.col-58 {width: 58.33%;}
.col-66 {width: 66.66%;}
.col-75 {width: 75%;}
.col-83 {width: 83.33%;}
.col-91 {width: 91.66%;}
.col-100 {width: 100%;}

@media only screen and (max-width: 768px) 
	{
	    /* For mobile phones: */
	    [class*="col-"] 
	    	{
	        width: 100%;
  			}
	}

#unlimited {
				text-align:center;
				display:block;
				position:relative;
				width: 600px;
				top:-10px;
				left:0;
				right:0;
				margin: 0 auto;
				font-family:Arial, Helvetica, sans-serif;
}
	
#loading{
				text-align:center;
				display:block;
				position:absolute;
				top:55%;
				margin:0 auto;
				left:0;
				right:0;
				width:500px;
				background:gray;
				color:111111;
				font-size:2.5em;
				font-family:Arial, Helvetica, sans-serif;

    background-color:#CDCDCD;
    padding:3px 3px; 
    -moz-border-radius:0px;
    -webkit-border-radius:0px; 
    border-radius: 0px;
    z-index:3000;

}

.loading_default{
				opacity:.6;
				-webkit-transition-property:all;
				-webkit-transition-duration:.75s;
				-webkit-transition-timing-function:ease;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:.75s;
				transition-timing-function:ease;
				transition-delay:0s;
}
.loading_target{
				opacity:0;
}
.pad_head {
			font-family: Arial, Helvetica, sans-serif;
			font-size: large;
			margin-top:0px;
			margin-left:0px;
			text-align:center;
			color: #eee;
			background:#333;
			padding:20px;
			padding-top:15px;
			padding-bottom:15px;
}
.pad-group-scroll {
				position:fixed;
				text-align:justify;
				margin:0 auto;
				left:0;
				right:0;
				display:flex;
				justify-content: space-between;
				flex-wrap:wrap;
				width:90%;
				height:50px;
				top:110px;
				padding:2px;
				background-color:white;
				z-index:1000;
}

.pad-scroll {
	height: 50px;
	position:fixed;

	left:0;
	right:0;
	display:inline-block;
	min-width: 210px;
	max-width:250px;
	width:80%;
    border:0px;
    color:#000000;
    margin:0 auto;
    position:relative;
    text-align: center;
    font-family: Arial;
	font-size: 12px;
	color: #ef5544;
	margin-top:0px;
	overflow:hidden;
				-webkit-transition-property:all;
				-webkit-transition-duration:3s;
				-webkit-transition-timing-function:ease;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:3s;
				transition-timing-function:ease;
				transition-delay:0s;
}

.pad_head-scroll {
			font-family: Arial, Helvetica, sans-serif;
			font-size: large;
			margin-top:0px;
			margin-left:0px;
			color: #eee;
			background:#333;
			padding:20px;
			padding-top:15px;
			padding-bottom:15px;
			text-align:left;
}
.pad_desc-scroll {
			color: #000000;
			opacity:0;
				-webkit-transition-property:all;
				-webkit-transition-duration:3s;
				-webkit-transition-timing-function:ease;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:3s;
				transition-timing-function:ease;
				transition-delay:0s;
	
}
.pad_price-scroll {
			margin-left:29%;
			width:70%;
			text-align:right;
			font-weight:bold;
			color:#b22;
			font-family: Arial, Helvetica, sans-serif;
			font-size: large;
			top:15px;
			position:absolute;	
			opacity:0;
				-webkit-transition-property:all;
				-webkit-transition-duration:3s;
				-webkit-transition-timing-function:ease;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:3s;
				transition-timing-function:ease;
				transition-delay:0s;
}

.pad_desc {
			margin-left:0px;
			width:100%;
			top:30px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
			font-style: normal;
			font-weight: normal;
			color: #000000;
		    position:relative;
			opacity:1;
				-webkit-transition-property:all;
				-webkit-transition-duration:3s;
				-webkit-transition-timing-function:ease;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:3s;
				transition-timing-function:ease;
				transition-delay:0s;
}

.mini {
				font-size:9px;
				line-height:18px;
}

.pad_price {
			margin-left:0px;
			width:100%;
			text-align:center;
			font-weight:bold;
			color:maroon;
			font-family: Arial, Helvetica, sans-serif;
			font-size: large;
			top:75%;
		    position:absolute;
			opacity:1;	
}

#pad_button {	
			margin-left:28px;
			bottom:35px;
			top:0px;
		    position:relative;
		    cursor:pointer;
		    width:128px;
		    height:40px;

}
.pad_button-default {
    		background-image:url('/images/Find%20out%20more.gif');
				-webkit-transition-property:all;
				-webkit-transition-duration:1s;
				-webkit-transition-timing-function:ease;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:1s;
				transition-timing-function:ease;
				transition-delay:0s;
}

.pad_button-target {
    		background-image:url('/Images/Signup-Red-Button_128_png.png');
				
}
.pad-group {
				position:relative;
				text-align:justify;
				margin:0 auto;
				left:0;
				right:0;
				display:flex;
				justify-content: space-between;
				flex-wrap:wrap;
				width:90%;
				top:-40px;
}

#pads {
	margin:0 auto;
	margin-top:10px;
	display:inline-block;
	position:relative;
	left:0;
	right:0;
	width:100%;
    border:0px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px; 
    border-radius: 5px;
	z-index: -1;
}
.pad {
	left:0;
	right:0;
	display:inline-block;
	min-width: 210px;
	max-width:250px;
	width:20%;
	height: 310px;
    border:0px;
    color:#000000;
    margin:0 auto;
    position:relative;
    text-align: center;
    font-family: Arial;
	font-size: 12px;
	color: #ef5544;
	margin-top:30px;
				-webkit-transition-property:all;
				-webkit-transition-duration:3s;
				-webkit-transition-timing-function:ease;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:3s;
				transition-timing-function:ease;
				transition-delay:0s;
}


#info {
				position:relative;
				top:-200px;
}
#signupbutton {
}
.signupbutton_default {
		    position:relative;
		    z-index:13;	
		    border:0px;	
		    cursor:pointer;
		    top:-230px;
		    left:-350px;
		    transform:rotate(-180deg);
		    -ms-transform:rotate(-180deg);
		    -webkit-transform:rotate(-180deg);
				-webkit-transition-property:all;
				-webkit-transition-duration:1s;
				-webkit-transition-timing-function:ease;
				-webkit-transition-delay:1.25s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:1s;
				transition-timing-function:ease;
				transition-delay:1.25s;
		    opacity:0.0;
}
.signupbutton_in {
			width:400px;
		    transform:rotate(0deg);
		    -webkit-transform:rotate(0deg);
		    -ms-transform:rotate(0deg);
		    left:70px;
		    opacity:1;
			-webkit-transition-delay:1s;
			transition-delay:1s;
}

#wifibutton {
		    position:relative;
		    display:inline-block;
		    border:0px;	
		    cursor:pointer;
		    margin: 0 auto;
		    width:247px;
		    float:right;
}

.wifi-container {
				width:100%;
				height:auto;
				position:relative;
				display:inline-block;
				display:flex;
				flex-wrap:nowrap;
				margin-bottom:100px;
}

#wifi-banner {
	width: 50%;
	max-width:600px;
	min-width:500px;
	height: 500px;
    left:0px;
    top: 0;
	border:0px solid #bbb;
    float:left;
    padding:0px 0px; 
    margin:0 auto;
    text-align: center;
    font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4455EF;
	z-index:12;
}
.wifi-content {
				left:0px;
				width:80%;
				height:500px;
				float:right;
    top: -20px;
				position:relative;
    			font-family:Arial, Helvetica, sans-serif;
				font-size: 15px;
				display:inline-block;
				text-align:left;
				padding-top:20px;	
}

#wifi-title{
	display: inline-block;
	position:relative;
	width: 100%;
    margin:0 auto;
    text-align: center;
    border:0px solid #bbb;
    position:relative;
    padding:20px 0px; 
    font-family: Arial;
    font-weight:bold;
    font-size: 20px;
   	color: #FFFFFF;
	z-index:12;
			background:#236;
	background-image:url('../../Images/wifi-image.jpg');
}

.wifi-text{
	width:90%;
	padding-left:20px;
	padding-top:0px;

}
.wifi-default {
		    transform:rotate(90deg);
		    -webkit-transform:rotate(90deg);
		    -ms-transform:rotate(90deg);
		    top:-100px;
			width:247px;
		    z-index:0;	
		    opacity:0.0;
				-webkit-transition-property:all;
				-webkit-transition-duration:1.4s;
				-webkit-transition-timing-function:ease;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:1.4s;
				transition-timing-function:ease;
				transition-delay:0s;
}
.wifi-button-size {
			width:247px;

}

.wifi-in {
		    transform:rotate(0deg);
		    -webkit-transform:rotate(0deg);
		    -ms-transform:rotate(0deg);
		    top:-290px;
		    right:5%;
		    z-index:0;			
		    opacity:1;
			-webkit-transition-delay:.5s;
			transition-delay:.5s;
}

.wifi-target {
		    top:380px;
		    left:0;
		    z-index:6;			
			-webkit-transition-delay:0s;
			transition-delay:0s;
}

#plan_spacer {
	margin:0 auto;
	left:0;
	width:74px;
	right:0;
	position:relative;
}
.plan_spacer-default{
		    transform:rotate(90deg);
		    -ms-transform:rotate(90deg);
		    -webkit-transform:rotate(90deg);
		    zoom:1;
				opacity:0;
				-webkit-transition-property:all;
				-webkit-transition-duration:2.4s;
				-webkit-transition-timing-function:ease-in-out;
				-webkit-transition-delay:.5s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:2.4s;
				transition-timing-function:ease-in-out;
				transition-delay:.5s;
}
.plan_spacer-target{
		    transform:rotate(0deg);
		    -ms-transform:rotate(0deg);
		    -webkit-transform:rotate(0deg);
		    zoom:1;
			opacity:1;
}
.basic-default{
    top: 0px;
    left:900px;
    opacity:0;
    zoom:1;
    display:inline-block;
				-webkit-transition-property:all;
				-webkit-transition-duration:.75s;
				-webkit-transition-timing-function:ease;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:.75s;
				transition-timing-function:ease;
				transition-delay:0s;
}
.basic-default:hover{
    top: -5px;
    left:-5px;
 	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.basic-target{
    top: 0px;
    left:0px;
    z-index:6;
    opacity:1;
    zoom:1.0;
}
.basic-start{
    display:inline-block;
    top: 0px;
    left:0px;
    opacity:1;
    z-index:0;
    zoom:1;
}
.basic-away{
    top: 0px;
    opacity:0;
    zoom:1;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-delay:0s;
}

.hddsl-default{
    top: 0px;
    left:1400px;
    opacity:0;
    zoom:1;
    z-index:0;
				-webkit-transition-property:all;
				-webkit-transition-duration:.75s;
				-webkit-transition-timing-function:ease;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:.75s;
				transition-timing-function:ease;
				transition-delay:0s;
}

.hddsl-default:hover{
    top: -5px;
    left:-5px;
 	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.hddsl-target{
    top: 0px;
    left:0px;
    z-index:6;
    opacity:1;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    zoom:1.0;
}

.hddsl-start{
    display:inline-block;
    top: 0px;
    left:0px;
    opacity:1;
	z-index:0;
	zoom:1.0;
}
.hddsl-away{
    top: 0;
    opacity:0;
    zoom:1;
    z-index:0;
				-webkit-transition-delay:.25s;
				/* Standard syntax */
				transition-delay:.25s;
}
.office-default{
    top: 0px;
    left:2000px;
    opacity:0;
    zoom:1;
				-webkit-transition-property:all;
				-webkit-transition-duration:.75s;
				-webkit-transition-timing-function:ease;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:.75s;
				transition-timing-function:ease;
				transition-delay:0s;
}
.office-default:hover{
    top: -5px;
    left:-5px;
 	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.office-target{
    top: 0px;
    left:0;
    z-index:6;
    opacity:1;
    zoom:1.0;
}
.office-start{
    opacity:1;
	top: 0px;
    left:0px;
    z-index:0;
    zoom:1.0;
}
.office-away{
    top: 0px;
    opacity:0;
    zoom:1;
				-webkit-transition-delay:.5s;
				/* Standard syntax */
				transition-delay:.5s;
}
.busclass-default{
    top: 0px;
    left:2700px;
    opacity:0;
    zoom:1;
				-webkit-transition-property:all;
				-webkit-transition-duration:.75s;
				-webkit-transition-timing-function:ease;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:.75s;
				transition-timing-function:ease;
				transition-delay:0s;
}
.busclass-default:hover{
    top: -5px;
    left:-5px;
 	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.busclass-target{
    top: 0px;
    left:0px;
    z-index:6;
    opacity:1;
    zoom:1.0;
}
.busclass-start{
    top: 0px;
    left:0px;
    opacity:1.0;
    z-index:0;
    zoom:1;
}
.busclass-away{
    top: 0px;
    opacity:0;
    zoom:1;
				-webkit-transition-delay:.75s;
				/* Standard syntax */
				transition-delay:.75s;
}
#transparent {
  		-moz-border-radius:5px;
   		-webkit-border-radius:5px; 
   		border-radius:5px;
	border-top:1px solid #eef;
    border-left:1px solid #eef;
    border-bottom:1px solid #003;
    border-right:1px solid #003;
    margin:0 auto;
	left:0;
	right:0;
	position:absolute;
				z-index:1;
}

.transparent-default {
				opacity:0.0;
				background:#FFFFCC;
				z-index:0;
				top:50%;
				bottom:50%;
			    width:8%;
				/* Transistion control - For Safari 3.1 to 6.0 */
				-webkit-transition-property:all;
				-webkit-transition-duration:1s;
				-webkit-transition-timing-function:ease;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:1s;
				transition-timing-function:ease;
				transition-delay:0s;
}
/* Toggled State... */
.transparent-target{
				opacity:0.8;
				background:#004477;
				z-index:5;
				top:0;
				min-height:540px;
				bottom:35px;
				width:98%;
}

.coverage-container{
    top: -150px;
	margin:0 auto;
	left:0;
	right:0;
	width:100%;
	height:650px;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2), 0 6px 40px 0 rgba(0, 0, 0, 0.19);
	position:relative;
}
.coverage-backdrop{
	background-image:url('../../Images/landscape-tree-grass-structure-field-farm-521794-pxhere.com.jpg');
	background-position:center;
	position:relative;
		left:0;
	right:0;
	width:100%;
	height:650px;
	opacity:.65;
			
}
#coverage {
    top: -580px;
    display:inline-block;
	margin:0 auto;
	left:10%;
	right:0;
	width:591px;
	max-width:591px;
	height:500px;
  background-color: rgba(126, 123, 215, 0.65);
  	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3);
	position:relative;
}

.coverage-frame-style {
				width:100%;
				height:650px;
				min-width:350px;
}
.coverage-default {
	opacity:1;
	left:0px;
	right:0px;
	display:flex;
	justify-content: center;

	background:#ffFFFF;
	z-index: 50;
	zoom:1;
				/* Transistion control - For Safari 3.1 to 6.0 */
				-webkit-transition-property:all;
				-webkit-transition-duration:1s;
				-webkit-transition-timing-function:ease;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:1s;
				transition-timing-function:ease;
				transition-delay:0s;
}
.coverage-target {
	left:0px;
	top:0px;
	max-width:591px;
	opacity:0.99;
	background:#40454b;
	z-index: 15;
	zoom:1;
}
#knowledge {
	border-top:1px solid #def;
    border-left:1px solid #def;
    border-bottom:1px solid #014;
    border-right:1px solid #014;
 	 -moz-border-radius:5px;
 	 -webkit-border-radius:5px; 
 	 border-radius:5px;
	margin:0 auto;
	position:relative;
	display:inline-block;
}
.knowledge-default {
	opacity:1;
	left:0;
	right:0;
	min-width:450px;
    top: 45%;
	background:#ee7733;
	z-index: 80;
	zoom:1;
				/* Transistion control - For Safari 3.1 to 6.0 */
				-webkit-transition-property:all;
				-webkit-transition-duration:1s;
				-webkit-transition-timing-function:ease;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:1s;
				transition-timing-function:ease;
				transition-delay:0s;
}
.knowledge-target {
	left:0;
	right:0;
    top: 0px;
	bottom:60px;
	min-width:450px;
	opacity:0.95;
	background:#3377aa;
	z-index: 15;
	zoom:1;
	min-height:630px;
}
.net-controls-container {
				margin:0 auto;
				left:0;
				right:0;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2), 0 6px 40px 0 rgba(0, 0, 0, 0.19);
	position:relative;
	margin-bottom:100px;
    top: 0px;
}

#controls {
	overflow:hidden;
}

.controls-default {
	opacity:1;
	left:0;
	right:0;
	width:950px;
	margin:0 auto;
	height:1810px;
	z-index: 5;
	zoom:1;
				/* Transistion control - For Safari 3.1 to 6.0 */
				-webkit-transition-property:all;
				-webkit-transition-duration:1s;
				-webkit-transition-timing-function:ease;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:1s;
				transition-timing-function:ease;
				transition-delay:0s;
}
.controls-target {
	left:5%;
	right:5%;
    top: 10px;
	bottom:60px;
	opacity:0.95;
	background:#3377aa;
	z-index: 15;
	zoom:1;
	min-height:630px;
}

#signup-link{
				position:relative;
				top:-250px;
}
.signup{
    bottom: 16px;
    border:0px;
    margin: auto;
    left:44%;
    position:absolute;
    cursor: pointer;
	z-index:12;
}
#signup1{
	z-index:12;
				
}
#signup2{
	z-index:12;
				
}
#signup3{
	z-index:12;
				
}
#signup4{
	z-index:12;
				
}
.red-signup {
    width:75px;
}

#detail {
	position:relative;
	display:none;
	margin: 0 auto;
	left:0;
	right:0;
	width: 100%;
	min-height:500px;
	border:0px;
    background:#F8FcFF;
    font-family: Arial;
	font-size: 14px;
	color: #4455EF;
	z-index: 10;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2), 0 6px 40px 0 rgba(0, 0, 0, 0.19);

				/* Transistion control - For Safari 3.1 to 6.0 */
				-webkit-transition-property:all;
				-webkit-transition-duration:1s;
				-webkit-transition-timing-function:ease;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:1s;
				transition-timing-function:ease;
				transition-delay:.2s;
    
    
}

.detail-default {
	opacity:1;
    top:0px;
				/* Transistion control - For Safari 3.1 to 6.0 */
				-webkit-transition-property:all;
				-webkit-transition-duration:1s;
				-webkit-transition-timing-function:ease;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:1s;
				transition-timing-function:ease;
				transition-delay:.2s;

}
.detail-target {
	opacity:1.0;
    zoom:1.0;
				/* Transistion control - For Safari 3.1 to 6.0 */
				-webkit-transition-property:all;
				-webkit-transition-duration:1s;
				-webkit-transition-timing-function:ease;
				-webkit-transition-delay:0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:1s;
				transition-timing-function:ease;
				transition-delay:.2s;
}
:target{
	top:700px;
	opacity:0.0;			
}

#detail-view {
				opacity:0.2;
				display:inline;
				background:#fff;
				width:580px;
				z-index:11;
				left:20px;
				top:0px;
				position:relative;
				height:260px;
	border-top:1px solid #000;
    border-left:1px solid #000;
    border-bottom:1px solid #fff;
    border-right:1px solid #fff;
  			 -moz-border-radius:5px;
   			 -webkit-border-radius:5px; 
   			 border-radius:5px;
}

#detail1 {
	width: 628px;
	height: 355px;
    left:0%;
    top: 0%;
	border:0px solid #bbb;
    float:left;
    padding:1px 1px; 
    margin:0 auto;
    text-align: center;
    font-family: Arial;
	font-size: 14px;
	color: #4455EF;
	z-index:12;
}

#detail2 {
	width: 628px;
	height: 355px;
    left:0%;
    top: 0%;
	border:0px solid #bbb;
    position:absolute;
    float:left;
    padding:1px 1px; 
    margin:0 auto;
    text-align: center;
    font-family: Arial;
	font-size: 14px;
	color: #4455EF;
	z-index:12;
}

#detail3 {
	width: 628px;
	height: 355px;
    left:0%;
    top: 0%;
	border:0px solid #bbb;
    position:absolute;
    float:left;
    padding:1px 1px; 
    margin:0 auto;
    text-align: center;
    font-family: Arial;
	font-size: 14px;
	color: #4455EF;
	z-index:12;
}
#detail4 {
	width: 628px;
	height: 355px;
    left:0%;
    top: 0%;
	border:0px solid #bbb;
    position:absolute;
    float:left;
    padding:1px 1px; 
    margin:0 auto;
    text-align: center;
    font-family: Arial;
	font-size: 14px;
	color: #4455EF;
	z-index:12;
}
#wifi-uses{
	display: inline;
	width: 570px;
    left:10px;
    right:0;
    margin:1 auto;
    height:auto;
    max-height:155px;
    top:110px;
    text-align: left;
    position:absolute;
    float:left;
    padding:5px 5px; 
   	color: #882211;
    font-family: Arial;
	font-size: 12px;
	color: #000000;
	-moz-border-radius:5px;
    -webkit-border-radius:5px; 
    border-radius: 5px;
	z-index:12;
}

#special_content_a {
    margin:0 auto;
	z-index:12;
}
#special_content_b {
    margin:0 auto;
	z-index:12;
}
#disclaimer {
	display:inline-block;
	margin:0 auto;
    left:10%;
    right:0;
	border-top:0px solid #ddd;
    border-left:0px solid #ddd;
    border-bottom:0px solid #333;
    border-right:0px solid #555;
 	color:#000000;
    background:#F8FcFF;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.1);
    padding:3px 3px; 
    text-align: center;
    font-family: Arial;
	color: #222211;
	margin-bottom:300px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px; 
    border-radius: 0px;
	z-index:2001;
}
.disclaimer-default {
    position:relative;
	width: 80%;
	font-size: 9px;
	opacity:0;
				/* Transistion control - For Safari 3.1 to 6.0 */
				-webkit-transition-property:all;
				-webkit-transition-duration:1s;
				-webkit-transition-timing-function:ease;
				-webkit-transition-delay:s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:1s;
				transition-timing-function:ease;
				transition-delay:0s;
}
.disclaimer-in {
	width: 80%;
    top: 0px;
	font-size: 9px;
	opacity:1;
}
.disclaimer-target {
			width: 80%;
			top:150px;
			font-size: 14px;
			opacity:1;
}
.disclaimer-zoom {
				width: 80%;
				padding-bottom:100px;
				top:100px;
				left:0;
				font-size: 16px;
				opacity:1;
}

#disclaimer-small {
	display: none;
	width: 60px;
    left:7%;
    top: 62px;
    border:1px solid #444;
   	background-image: url('https://www.litewire.net/Images/Grey_fade.jpg');
    background-color:#CDCDCD;
    color:#000000;
    position:fixed;
    float:left;
    padding:3px 3px; 
    margin:0 auto;
    text-align: center;
    font-family: Arial;
	font-size: 9px;
	color: #222211;
	border-top-style:none;
	border-right-style:solid;
	border-bottom-style:solid;
	border-left-style:none;
    cursor: pointer;
}
.next-container {
				width:100%;
				background-position:center;
				background-repeat:no-repeat;
				max-height:1000px;
				overflow:hidden;
				margin-bottom:30px;
				top:-261px;
				position:relative;
}
#next {
    position:relative;
	margin:0 auto;

    top:170px;

    color:#000000;
    padding:25px 25px; 
    text-align: center;
    font-family: Arial;
	font-size: 14px;
	color: #222211;
	
    z-index:600;
}
.next-default{
    left:0;
    right:0;
	width: 60%;
    opacity:0;
	position:relative;


				/* Transistion control - For Safari 3.1 to 6.0 */
				-webkit-transition-property:all;
				-webkit-transition-duration:1s;
				-webkit-transition-timing-function:ease;
				-webkit-transition-delay:1.2s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:1s;
				transition-timing-function:ease;
				transition-delay:1.2s;
			
}
.next-target{
    left:0;
    right:0;
	width: 60%;
    opacity:1;
}
#next-complete {
    position:absolute;
	display: none;
	margin:0 auto;
    left:0;
    right:0;
    color:#000000;
    padding:25px 25px; 
    text-align: center;
    font-family: Arial;
	font-size: 14px;
	color: #222211;
    -moz-border-radius:10px;
    -webkit-border-radius:10px; 
    border-radius: 10px;
    z-index:-6;
}
.next_text_default {
    top: 0px;
	opacity:0.3;
				/* Transistion control - For Safari 3.1 to 6.0 */
				-webkit-transition-property:all;
				-webkit-transition-duration:1s;
				-webkit-transition-timing-function:ease;
				-webkit-transition-delay:.4ign0s;
				/* Standard syntax */
				transition-property:all;
				transition-duration:1s;
				transition-timing-function:ease;
				transition-delay:.40s;

}
.next_text_target {
    top: 00px;
	opacity:1.0;
}
#next-complete:hover {
	opacity:1.0;
}

#next-small {
	display: none;
	width: 60px;
    left:7%;
    top: 40px;
    border:1px solid #444;
   	background-image: url('../Images/Grey_fade.jpg');
    background-color:#EFEFEF;
    color:#000000;
    position:fixed;
    float:left;
    padding:3px 3px; 
    margin:0 auto;
    text-align: center;
    font-family: Arial;
	font-size: 9px;
	color: #222211;
	border-top-style:none;
	border-right-style:solid;
	border-bottom-style:solid;
	border-left-style:none;
    cursor: pointer;
}

#review {
	z-index:0;
	display: inline;
	width: 110px;
    position:absolute;
	display: none;
	margin:0 auto;
    left:0;
    right:0;
    top: 60px;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    border-bottom:1px solid #333;
    border-right:1px solid #555;
   	background-image: url('https://www.litewire.net/Images/Grey_fade.jpg');
    background-color:#EFEFEF;
    color:#000000;
    position:absolute;
    padding:27px 25px; 
    text-align: center;
    font-family: Arial;
	font-size: 11px;
	color: #222211;
    -moz-border-radius:10px;
    -webkit-border-radius:10px; 
    border-radius: 10px;
    cursor: pointer;
	-webkit-box-shadow: 2px 2px 7px 0px rgba(0,0,0, 0.50);
	-moz-box-shadow: 2px 2px 7px 0px rgba(0,0,0, 0.50);
	box-shadow: 2px 2px 7px 0px rgba(0,0,0, 0.50);
}
#review_button {
	display: inline;
	width: 98%;
    left:0px;
    top: 15px;
    text-align: center;
    border:0px solid #bbb;
    position:absolute;
    float:left;
    padding:1px 1px; 
    margin:0 auto;
    font-family: Arial;
	font-size: 17px;
	color: #000000;
	z-index:12;
}



.close-button{
	display: inline;
	width: 40px;
    right: 10px;
    top: 7px;
    border:0px;
    position:absolute;
    float:right;
    padding:1px 1px; 
    margin:0 auto;
    cursor: pointer;
	z-index:12;
	border-width: 0px;
}

#closemap{
	display: inline;
	width: 90px;
    right: 8px;
    top: 1px;
    border:0px solid #bbb;
    position:absolute;
    float:right;
    padding:1px 1px; 
    margin:0 auto;
    cursor: pointer;
}
#closecontrols{
	display: inline;
	width: 90px;
    left: 5px;
    top: 60px;
    border:0px solid #bbb;
    position:absolute;
    float:right;
    padding:1px 1px; 
    margin:0 auto;
    cursor: pointer;
}

#toggleexit{
				z-index:25;
				min-height:20px;
				min-width:20px;
				position:absolute;
				width:20px;
				height:20px;
				left:0;
				bottom:0;
				opacity:0.05;
				background:#004477;
}

#close-small{
	display: inline;
	width: 20px;
    right:7px;
    top: -3px;
    border:0px solid #bbb;
    position:absolute;
    float:right;
    padding:1px 1px; 
    margin:0 auto;
    cursor: pointer;
}

#detail_content{
	display: inline;
	width: 90%;
    left:37px;
    top: 60px;
    text-align: left;
	line-height:130%;
    border:0px solid #bbb;
    position:absolute;
    float:left;
    padding:1px 1px; 
    margin:0 auto;
   	color: #882211;
	z-index:12;
}

#title{
	display: none;
	width: 100%;
    left:0px;
    top: 0px;
    text-align: center;
    border:0px solid #bbb;
    position:absolute;
    padding:20px 0px; 
    margin:0 auto;
    font-family: Arial;
    font-weight:normal;
    font-size: 50px;
   	color: #333;
	z-index:12;
}
.title {
				font-family:Arial, Helvetica, sans-serif;
				font-size:22px;
				font-weight:600;
				color:#333;
}
#nexthead{
	display: inline;
	width: 90%;
    left:20px;
    top: 5px;
    text-align: left;
    border:0px solid #bbb;
    position:absolute;
    float:left;
    padding:1px 1px; 
    margin:0 auto;
    font-family: Arial;
	font-size: 20px;
	color: #000000;
}

.title2{
	display: inline;
    left:1px;
    top: 0px;
    text-align: left;
    float:left;
				font-family:Arial, Helvetica, sans-serif;
				font-size:22px;
				font-weight:600;
				color:#333;
    padding:1px 1px; 
}
#detail-title{
	display:inline-block;
	width: 290px;
	height:460px;
	max-height:460px;
    left:-300px;
    top: -40px;
    text-align: center;
    border:0px solid #bbb;
    position:absolute;
    padding:20px 0px; 
    margin:0 auto;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size: 20px;
   	color: #000;
	z-index:12;
}
#detail-title-install{
	display:inline-block;
	width: 240px;
	height:460px;
	max-height:460px;
    left:-280px;
    top: -40px;
    text-align: center;
    border:0px solid #bbb;
    position:absolute;
    padding:20px 0px; 
    margin:0 auto;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size: 20px;
   	color: #000;
	z-index:12;
}

#text_table{
	display: inline;
	width:auto;
    left:300px;
    right:0;
    text-align:left;
    
    margin:0 auto;
    top:30px;
    
    border:0px solid #bbb;
    border-bottom:1px solid #333;
    position:absolute;
    float:right;
    padding:1px 1px; 
    margin:0 auto;
   	color: #882211;
	z-index:12;
	line-height:30pt;
	font-size:1.5em;
}

#infobubble{
	display: inline-block;
	width:auto;
    left:300px;
    right:0;
    min-height:100px;
    
    margin:0 auto;
    top:100px;
    position:absolute;
  
    text-align: left;
    color:#000;
    float:right;
    padding:5px 5px; 
	padding-right:5px;
    font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	-moz-border-radius:5px;
    -webkit-border-radius:5px; 
    border-radius: 0px;
	z-index:12;
}
.pro-container {
				display:flex;
				flex-wrap:wrap;
				
}
#product{
	left:30%;
	border:0px;
	width:256px;
	height:60px;
    right:0;
    margin:1 auto;
    bottom:-50px;
    position:absolute;
    cursor:pointer;
}
.prodsize {
	width:256px;
}

#price{
	font-weight:bold;
	color:maroon;			
}
#proinstall{
    top:15px;
    min-height:148px;		
    position:relative;
	z-index:12;
}

.tab_text{
    left:12px;
    top:29px;
    position:absolute;
    text-align: left;
   	font-size: 11px;
    float:left;
   	color: #000000;
}

.info_text{
    text-align: left;
   	font-size: 12px;
    float:left;
   	color: #000000;
}
.info_text-lease{
    text-align: left;
   	font-size: 98%;
   	background-image:none;
    float:left;
   	color: #000000;
}
.info_text-lifetime{
    text-align: left;
   	font-size: 100%;
   	background-image:none;
    float:left;
   	color: #000000;
}

.info_text2{
    text-align: left;
   	font-size: 14px;
    float:left;
	min-width:323px;
	width:100%;
	top:20px;
	padding-top:20px;
	position:relative;
	display:inline-block;
   	color: #000000;
}
.info_text-work{
    text-align: left;
   	font-size: 14px;
    float:left;
	width:100%;
	top:-40px;
	padding-top:20px;
	padding-right:10px;
	position:relative;
	display:inline-block;
   	color: #000000;
}
.double{
    list-style-type: disc;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    list-style-position: inside;
}

/* --------------------------------------------------------------
   TEXT COLORS
-------------------------------------------------------------- */

.textblack {
	color: #000000;
}
.textblue {
    color: #224488;
}
.textgreen {
	color: #00FF00;
}
.textred {
	color: #cc0000;
}
/* ------------------------------------
    TEXT modifications
--------------------------------------- */
.textcenter {
	text-align: center;
}
.btn {
	border: none;
	outline: none;
	padding: 1px 1px;
	background-color:transparent;
	cursor: pointer;
	font-size:1em;
	color:#444;
}

.active{
 text-shadow: 0 0 2px #0000aa;
}

.btn:hover {
  text-shadow: 0 0 2px #00E;
}
/*---------------------------------
         TABS
----------------------------------*/
    <!--
		DIV.container { margin: auto; width: 90%; margin-bottom: 10px;}

		UL.tabNavigation {
		    list-style: none;
		    margin: 0;
		    padding: 0;
		   	font-size: 11px;
		}

		UL.tabNavigation LI {
		    display: inline;
		    position:relative;
		    top:10px;

		}

		UL.tabNavigation LI A {
		    padding: 6px 5px;
		    background-color: #555;
		    color: #fff;
		    text-decoration: none;
		}

		UL.tabNavigation LI A.selected,
		UL.tabNavigation LI {
		    background-color: #FFF;
		    color: #000;
		    padding-top: 6px;
			border: 1px solid #bbb;
	-moz-border-radius:2px;
    -webkit-border-radius:2px; 
    border-radius: 2px;
		}
		
		UL.tabNavigation LI A:focus {
			outline: 0;
		}

		div.tabs > div {
			padding: 5px;
			margin-top: 3px;
			border: 1px solid #999;
    position:absolute;
    left:0px;
    top:20px;
    z-index:10;
    background:#fff;
	border-top-style:none;
	border-right-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
}
		
		div.tabs > div h2 {
			margin-top: 0;
		}

		#first {
		}

		#second {
		}

		#third {
		}
		
    -->
