#includedFooter p,
#includedFooter ul,
#includedFooter li {
  font-size: 12px;
  color: #fff;
}
#includedFooter h6 {
  margin-bottom: 40px;
}
#includedFooter .about-footer h6 {
  margin-bottom: 23px;
}
.innerwrapper {
  min-width: 960px;
}
.innerwrapper .navbar-header {
  margin-left: 15px;
}
.top-nav-bk .innerwrapper .contact-number {
  margin-left: -15px;
}
html,
body {
  height: 100%;
  width: 100%;
  color: #333;
  font-family: 'Open Sans', arial, helvetica sans-serif;
  -webkit-font-smoothing: initial;
  -moz-font-smoothing: initial;
  -webkit-font-smoothing: antialiased;
}
.zoom {
  zoom: 2;
}
.spacer {
  height: 20px;
}
.spacerlg {
  height: 75px;
}
.clear {
  clear: both;
}
footer {
  margin: 50px 0;
}
.backer {
  padding: 0 0;
  background: url("../img/header.png") no-repeat right top;
  -webkit-transition: background 0.5s ease-in-out;
  -moz-transition: background 0.5s ease-in-out;
  -ms-transition: background 0.5s ease-in-out;
  -o-transition: background 0.5s ease-in-out;
  -webkit-transition: 250ms linear all;
  -moz-transition: 250ms linear all;
  -ms-transition: 250ms linear all;
  -o-transition: 250ms linear all;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
}
iframe {
  pointer-events: none;
}
.blue {
  color: #4ac7e9;
}
.darkblue {
  color: #1486a5;
}
.grey {
  color: #888;
  margin-top: -25px;
}
.rightalign {
  float: right;
}
.version {
  font-size: 9px;
  float: right;
  opacity: .6;
  margin-right: 20px;
}
.leftalign {
  float: left;
}
.producthint {
  color: #888;
  font-size: 13px;
  padding: 30px;
}
.thankyou p {
  font-size: 12px;
}
.center {
  text-align: center!important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 40px;
  font-weight: 300;
  line-height: 1.3em;
}
p {
  line-height: 1.9em;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 300;
}
a {
  color: #4ac7e9;
  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  -ms-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
}
a:hover,
a:focus {
  color: #19a7ce;
  text-decoration: none;
}
.modal-body ol {
  padding-left: 20px;
  padding-right: 20px;
}
.modal-body ol ul {
  list-style: disc;
  padding-left: 30px;
  margin: 20px 0;
}
.modal-body ol ul li {
  font-weight: 400;
  font-size: 11px;
  margin-bottom: 10px;
}
.modal-body ol li {
  font-weight: 600;
  margin-bottom: 20px;
}
.modal-body ol li h5 {
  margin: 10px 0;
  font-weight: 600;
  font-size: 13px;
}
.modal-body ol li p {
  font-weight: 400!important;
  font-size: 11px;
  margin-bottom: 10px;
  line-height: 15px;
}
.providerIcon {
  margin-left: 12px;
}
.btn-primary {
  color: #fff;
  background-color: #4ac7e9;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#voiceslide .btn {
  box-shadow: 1px 1px 1px #565656;
}
.btn-warning {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
}
.btn-primary:hover {
  background-color: #19a7ce;
}
.btn:hover {
  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  -ms-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
}
.ladda-button[disabled] {
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
}
.overlay {
  margin-top: 10px;
  background: none;
  border: 1px solid #fff;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
}
.overlay:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  border: 1px solid #1db9e3;
  background: #1db9e3;
}
.vdsl .overlay:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  border: 1px solid #1db9e3;
  background: #18a3c9;
}
.testing {
  background: url(../img/jpeg-2.jpg);
}
.btn-default {
  color: #fff;
  background-color: #aaaaaa;
  border: none;
  border-bottom: 1px solid #909090;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.internetlinks a {
  color: #565656;
}
.internetlinks a:hover {
  color: #19a7ce;
  text-decoration: none;
}
.wrapper {
  padding: 0;
  margin: 0;
}
#content {
  padding: 100px 0 75px 0;
  float: left;
  width: 100%;
}
.teamcontainer {
  margin-top: 86px;
}
#domaintable > thead,
#domaintable > thead > tr,
#domaintable > thead > tr > td,
#domaintable {
  border: none;
  margin-top: 40px;
}
.domains p {
  font-size: 15px;
}
#domaintable td {
  line-height: 30px;
  text-align: center;
}
#domaintable > tbody > tr > td:first-child {
  background: #ddd;
  font-weight: normal;
  color: #565656;
  border: 1px solid #fff;
  border-left: none;
}
#andmore > thead,
#andmore > thead > tr,
#andmore > thead > tr > td,
#andmore {
  border: none;
  margin-top: 40px;
}
#andmore td {
  line-height: 30px;
  text-align: center;
}
#andmore td i {
  color: #18a3c9;
  margin-right: 5px;
}
#andmore > tbody > tr > td:first-child {
  background: #eee;
  font-weight: normal;
  color: #565656;
  border: 1px solid #fff;
  border-left: none;
}
.blog {
  margin-top: 20px;
}
#searchsubmit {
  height: 34px;
}
.blog .post img {
  width: 100%;
  height: auto;
}
.blog .page-title {
  margin-bottom: 0;
  font-size: 24px;
  color: #4ac7e9;
}
.widget {
  width: 100%;
  padding: 0 25px 25px 25px;
  float: left;
}
.widget ul {
  list-style: none;
  margin: 0 0 10px 0px;
  padding: 0;
}
.widget ul li {
  border-top: 1px solid #eee;
  padding-left: 5px;
}
.widget ul li a::after {
  font-size: 8px!important;
  line-height: 14px;
  font-family: FontAwesome;
  content: "\f054";
  float: right;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  color: #888;
  margin-right: 15px;
  margin-left: 15px;
}
.widget ul li a:hover::after {
  margin-right: 5px;
}
.widget ul li a {
  color: #888;
  font-size: 13px;
  padding: 10px 20px 10px 0;
  display: block;
}
.widget ul li a:hover {
  background: #f8f8f8;
  color: #222;
}
.widget h4 {
  margin-bottom: 20px;
  font-size: 15px;
  text-transform: uppercase;
}
.postMeta {
  font-size: 12px;
  color: #ccc;
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #f3f3f3;
}
.postWrapper {
  padding-bottom: 50px;
}
h2.postTitle {
  margin-bottom: 15px;
}
h2.postTitle a {
  color: #565656;
}
.widget li a::after {
  content: "hi";
}
.widget li a i {
  position: relative;
  right: 10px;
  float: right;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.widget li a:hover i {
  right: 0px;
  position: relative;
}
.pagination {
  width: 100%;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  padding: 20px 0 25px 0;
  float: left;
  border-top: 1px solid #f3f3f3;
}
.pagination .current {
  padding: 5px 10px;
  border-radius: 3px;
  color: #565656;
}
.pagination a.page-numbers {
  background: #f3f3f3;
  padding: 5px 10px;
  margin-right: 5px;
  border-radius: 2px;
}
.pagination a:hover {
  color: #ffffff!important;
  background: #4ac7e9;
}
.athome {
  position: absolute;
  left: 60px;
  top: 50%;
  line-height: 38px;
  font-size: 18px;
  font-weight: 300;
  opacity: .6;
  color: #fff;
}
.atoffice {
  position: absolute;
  right: 60px;
  top: 50%;
  line-height: 38px;
  opacity: .6;
  font-weight: 300;
  font-size: 18px;
  color: #fff;
}
/*---added for Arrow Friends of Voyager --*/
.fov-title {
  font-size: 40px!important;
}
#myCarousel-arrow {
  height: 480px;
  position: relative;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#myCarousel-arrow .slideframe {
  display: block;
  top: 28%;
}
#myCarousel-arrow .angle {
  position: absolute;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
}
#myCarousel-arrow .angle:before {
  border-bottom: 72px solid #fff;
  border-right: 960px solid transparent;
  left: 0;
}
#myCarousel-arrow .angle:after {
  border-bottom: 72px solid #fff;
  border-left: 960px solid transparent;
  right: 0;
}
#myCarousel-arrow .angle:before,
#myCarousel-arrow .angle:after {
  position: absolute;
  z-index: 4;
  content: "";
  width: 0;
  height: 0;
  bottom: 0;
}
/*---end of arrow-*/
.carousel,
.item,
.active {
  height: 100%;
}
.carousel-inner {
  height: 100%;
}
.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
#SoAT .slider-title {
  transition: all 1s ease;
  font-size: 3.5em;
  font-weight: 200;
  color: white;
  left: 0;
  line-height: 1.2;
  text-shadow: 0 0 10px #000;
}
#SoAT .slider-title img {
  margin-bottom: 10px;
}
#SoAT .slider-sub {
  transition: all 1s ease;
  font-size: 20px;
  font-weight: lighter;
  line-height: 1.5;
  left: 0;
  text-shadow: 0 0 10px #000;
  margin: 20px 0;
}
.spirit img {
  margin-top: 0px!important;
  margin-left: 10px;
}
.spiritTitle {
  font-size: 22px;
  margin-bottom: 25px;
}
.spiritTitle span {
  padding-bottom: 25px;
  display: block;
  font-size: 50px;
}
.carousel .item {
  left: 0 !important;
  -webkit-transition: opacity 0.8s;
  -moz-transition: opacity 0.8s;
  -ms-transition: opacity 0.8s;
  -o-transition: opacity 0.8s;
}
.carousel .item .carousel-caption {
  -webkit-transition: all 2s linear;
  -moz-transition: all 2s linear;
  -ms-transition: all 2s linear;
  -o-transition: all 2s linear;
}
.carousel .item .carousel-caption {
  opacity: 0;
  height: 100%;
  left: 10%;
  right: 10%;
}
.carousel .item .services {
  opacity: 0;
  height: 100%;
  left: 10%;
  right: 10%;
}
.carousel .item .services .slideframe {
  top: 35%;
}
.carousel .item.active .carousel-caption {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  margin-top: 0;
  height: 100%;
}
.carousel .carousel-control {
  background-image: none;
  max-width: 100px;
}
.carousel .carousel-indicators {
  display: none;
}
.carousel .next.left,
.carousel .prev.right {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  z-index: 1;
}
.carousel .active.left,
.carousel .active.right {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  z-index: 2;
}
.carousel .sliderprev {
  left: 25px;
}
.carousel .slidernext {
  right: 25px;
}
.carousel .slidernext,
.carousel .sliderprev {
  position: absolute;
  top: 50%;
}
.carousel .slidernext i,
.carousel .sliderprev i {
  font-size: 40px;
}
.carousel .slidespacer {
  position: absolute;
  bottom: 0px;
  height: 45px;
  width: 100%;
}
.slideframe {
  display: block;
  top: 30%;
  position: relative;
  text-align: left;
}
.slideframe .slider-title {
  position: relative;
  left: -5%;
  text-shadow: none;
  transition: all 1s ease;
  font-size: 4em;
  font-weight: 200;
  color: white;
  line-height: 1.2;
  text-shadow: 0 0 10px #000;
}
.active .slideframe .slider-title {
  left: 0%;
}
.slideframe .slider-text {
  position: relative;
  right: -5%;
  padding: 30px 0;
  transition: all 1s ease;
  text-shadow: none;
  font-weight: 300;
  font-size: 15px;
  line-height: 28px;
  text-shadow: 0 0 10px #000;
}
.active .slideframe .slider-text {
  right: 0%;
}
.slideframe .slider-sub {
  position: relative;
  left: -5%;
  text-shadow: none;
  transition: all 1s ease;
  font-size: 20px;
  font-weight: lighter;
  line-height: 1.5;
  text-shadow: 0 0 10px #000;
}
.active .slideframe .slider-sub {
  left: 0%;
  margin-bottom: 20px;
}
.powered {
  text-shadow: none;
  color: #888;
  font-weight: 400;
  margin-top: -10px;
}
.powered a {
  color: #888;
}
.powered a:hover {
  color: #18a3c9;
}
#supportslide .slider-title {
  /*color: #0e4a72;
		text-shadow: none;*/

  color: #666;
  font-size: 4em;
  text-shadow: 1px 1px 0px #fff;
}
#supportslide .slider-text {
  color: #666;
  text-shadow: 1px 1px 0px #fff;
  padding: 25px 0 23px 0;
  font-weight: 400;
}
#supportslide .slider-text a {
  color: #18a3c9;
}
#supportslide .slider-sub {
  color: #666;
  font-weight: 400;
  text-shadow: 1px 1px 0px #fff;
}
#supportslide .slider-sub span {
  color: #18a3c9;
  font-weight: 400;
}
#wholesaleslide .slider-title .ceo {
  font-size: 34px;
  line-height: 30px;
  margin-top: 15px;
  text-shadow: 0px 0px 8px #000;
}
#wholesaleslide .slider-sub {
  margin-top: 30px;
  text-shadow: none;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 30px;
}
.rightservice .slider-sub {
  margin: 10px 0 30px 0;
  text-shadow: 1px 1px 5px #000;
  font-size: 16px;
}
#internetslide .slider-title {
  text-shadow: 0px 0px 7px #444;
}
#internetslide .slider-sub {
  text-shadow: none;
  color: #fff;
}
#internetslide .slider-sub span {
  color: #0b4b5c;
}
#internetslide .slider-text {
  font-size: 15px;
  text-shadow: 0px 0px 5px #444;
  line-height: 28px;
}
#enterpriseslide .slider-title {
  text-shadow: none;
  text-shadow: 0px 0px 5px #444;
}
#enterpriseslide .slider-sub {
  text-shadow: 0px 0px 5px #444;
  color: #fff;
  font-size: 22px;
}
#enterpriseslide .slider-text {
  font-size: 15px;
  text-shadow: none;
  text-shadow: 0px 0px 5px #444;
  line-height: 28px;
}
#hostingslide .slider-text {
  font-size: 15px;
  text-shadow: none;
  text-shadow: 0px 0px 5px #444;
  line-height: 28px;
}
#hostingslide .slider-sub {
  text-shadow: 0px 0px 5px #444;
  color: #fff;
  font-size: 22px;
}
#voiceslide .slider-title {
  text-shadow: 1px 2px 10px #000;
}
#voiceslide .slider-sub {
  text-shadow: none;
  color: #fff;
  margin-top: 20px;
  line-height: 35px;
  text-shadow: 1px 2px 10px #000;
}
#voiceslide .slider-sub span {
  color: #117089;
}
#voiceslide a .col-sm-4:hover {
  background: #1486a5;
  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  -ms-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
}
#voiceslide .slider-price {
  text-shadow: none;
  color: #fff;
  margin-top: -10px;
  margin-bottom: 20px;
  font-size: 24px;
  text-shadow: 1px 2px 10px #000;
  clear: both;
}
#voiceslide .slider-price span {
  font-size: 20px;
  font-weight: 300;
}
#voiceslide .slider-price strong {
  text-shadow: 1px 2px 5px #000;
}
#voiceslide h3 {
  margin-top: 8px;
}
#voiceslide .btn-default {
  border: none!important;
}
#voiceslide .label {
  text-shadow: none!important;
  color: #fff!important;
  padding: 5px 10px;
}
#voiceslide .label span {
  color: #fff!important;
  font-weight: normal;
}
#voiceslide .label strong {
  font-weight: normal;
}
#ruralslide {
  top: 40%;
}
#ruralslide h2 {
  text-shadow: 0px 0px 10px #000;
}
/*#supportslide{
	.slider-sub, .slider-text, .slider-title{
		font-weight: 300;
		line-height: 1.5;
		text-shadow: 0 0 10px #999;
	}
	
	
	
	
	.slider-text{
		color: #0e4a72;
		font-size: 14px;
		font-weight: 400;
	}
	.slider-sub{
		color: #0e4a72;
		font-weight: 400;
	}
}*/
/*#main_nav{
	height: 78px!important;
}*/
#maps .col-md-6 {
  padding: 0;
}
.navbar-collapse {
  max-height: 360px;
}
.navbar-fixed-top {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
}
#loginMenu {
  margin-top: 0!important;
  -moz-border-radius-topright: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-top-left-radius: 0;
  border-top: none;
  padding: 0;
  background: #009ee1;
}
#loginMenu li a {
  border-bottom: 1px solid #0976ab;
  font-weight: 600;
}
#loginMenu li a .disabled {
  font-weight: 300;
}
#loginMenu li:last-child a {
  border-bottom: none;
}
.navbar {
  min-height: 22px;
  border-bottom: 0;
  background-color: #1b263c;
  background: -webkit-gradient(radial, center center, 1000, from(#0e4a72), to(#1b263c));
  background: -webkit-radial-gradient(circle, #0e4a72, #1b263c);
  background: -moz-radial-gradient(circle, #0e4a72, #1b263c);
  background: -ms-radial-gradient(circle, #0e4a72, #1b263c);
  background: -o-radial-gradient(circle, #0e4a72, #1b263c);
  background: radial-gradient(circle, #0e4a72, #1b263c);
  -webkit-transition: background 0.5s ease-in-out;
  -moz-transition: background 0.5s ease-in-out;
  -ms-transition: background 0.5s ease-in-out;
  -o-transition: background 0.5s ease-in-out;
}
.navbar a.loginBtn:hover {
  background: #19a7ce !important;
  color: #fff!important;
}
.navbar a.loginBtn:focus {
  background: #009ee1!important;
}
.navbar .btn-group.open .loginBtn {
  background: #009ee1!important;
}
.navbar .btn-group .dropdown-toggle {
  border-left: 1px solid #0976ab;
  padding: 8px 10px!important;
}
.navbar-brand {
  padding-left: 0;
  padding-right: 0;
  height: 78px;
}
.navbar-brand img {
  margin-top: 11px;
  width: 85%;
  /*xmas
		margin-top: 2px; 
		width: 90%;*/

  -webkit-transition: background 0.5s ease-in-out;
  -moz-transition: background 0.5s ease-in-out;
  -ms-transition: background 0.5s ease-in-out;
  -o-transition: background 0.5s ease-in-out;
  -webkit-transition: 250ms linear all;
  -moz-transition: 250ms linear all;
  -ms-transition: 250ms linear all;
  -o-transition: 250ms linear all;
}
.top-nav-collapse ul.nav-pills li a {
  padding: 0 15px!important;
}
.nav-pills {
  margin: 0 auto;
  display: block;
  padding: 0;
  max-width: 525px;
}
.nav-pills a.btn-primary:hover {
  background: #19a7ce !important;
  color: #fff!important;
}
.top-nav-collapse {
  padding: 0;
  /*
        #main_nav{
        	height: 66px!important;
        }*/

}
.top-nav-collapse .top-nav-bk {
  height: 5px;
}
.top-nav-collapse .top-nav-bk .contact-number {
  display: none;
}
.top-nav-collapse .navbar-right {
  display: none;
}
.top-nav-collapse .navbar-nav li a {
  font-size: 12px;
  font-weight: 400;
}
.top-nav-collapse .navbar-brand {
  height: 66px;
}
.top-nav-collapse .navbar-brand img {
  width: 70%;
  margin-top: 3px;
}
.top-nav-collapse .spirit img {
  margin-top: -6px !important;
}
.top-nav-collapse .backer {
  padding: 0 0;
}
.top-nav-collapse ul.nav li a {
  padding: 23px 15px;
}
.navbar-default .navbar-nav li a {
  text-rendering: optimizeLegibility;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  color: #eee;
  position: relative;
  display: block;
  padding: 28px 15px;
  cursor: pointer;
}
.navbar-default .navbar-nav li a:hover {
  color: #4ac7e9;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
ul.nav li.dropdown:hover ul.dropdown-menu {
  display: block;
  background: #1b263c;
  border: none;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  padding: 0;
}
.navbar-nav li .dropdown-menu li a {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.navbar-nav li .dropdown-menu li a {
  padding: 10px 30px;
  text-transform: none;
  border-bottom: 1px solid #1b263c;
}
.navbar-nav li .dropdown-menu li a:hover {
  background: #4ac7e9;
  color: #fff;
}
.top-nav-collapse ul.nav li .dropdown-menu li a {
  padding: 10px 30px;
}
.top-nav-collapse .loginBtn {
  margin: 15px 0px 15px 10px;
}
#LoginContainer {
  background: -webkit-radial-gradient(#10476e, 5% #131d32 95%);
  background: -o-radial-gradient(#10476e 5%, #131d32 95%);
  background: -moz-radial-gradient(#10476e 5%, #131d32 95%);
  background: radial-gradient(#10476e 5%, #131d32 95%);
  position: absolute;
  height: 150%;
  width: 100%;
}
.form-signin {
  padding: 15px;
  margin: 0 auto;
  color: #fff;
}
.form-signin .overlayComingSoon {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: url(../img/coming-soon-overlay.png) no-repeat;
  opacity: 0.5;
}
.form-signin .form-signin-heading {
  text-align: center;
  margin-top: 0px;
}
.form-signin .copyright {
  font-size: 16px;
  text-align: center;
  width: 100%;
  color: #4ac7e9;
  font-weight: bold;
  font-style: italic;
  margin: 0 0 25px 0;
  padding: 0;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 5px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  font-size: 13px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input {
  border-radius: 2px;
  padding: 10px;
}
.form-signin input[type="password"] {
  border-radius: 2px;
}
.form-signin .btn-primary {
  background: #47c7eb;
  font-size: 13px;
  border: none;
}
#LoginContainer {
  padding-top: 10%;
  padding-bottom: 10%;
}
#LoginContainer h6 {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  margin: 15px 15px 15px;
  color: #4ac7e9;
}
#LoginContainer .columnBreak {
  border-left: 1px solid #fff;
  padding-bottom: 15px;
  margin-top: 20px;
}
#LoginContainer .columnBreakRight {
  padding-bottom: 15px;
  margin-top: 20px;
}
#LoginContainer .nav {
  margin: 0 15px;
}
#LoginContainer .nav li {
  font-size: 12px;
  border-bottom: 1px solid #15537f;
}
#LoginContainer .nav li a {
  color: #fff;
  font-weight: 400;
}
#LoginContainer .nav li i {
  margin-right: 10px;
}
#LoginContainer .nav li a:hover,
#LoginContainer .nav li a:focus {
  color: #fff;
  background: #15537f;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #eee;
}
.navbar .navbar-toggle {
  background: none;
  border: 1px solid #eee;
  padding: 12px;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
  background: #20d0f3;
}
.top-nav-collapse .dropdown-menu li a {
  padding: 10px 15px;
  text-transform: none;
  border-bottom: 1px solid #1b263c;
}
.loginBtn {
  padding: 8px 15px 8px 15px!important;
  margin: 20px 0 25px 10px;
  font-weight: 600!important;
  font-size: 12px!important;
}
#top_nav {
  background: #009ee1;
}
#top_nav ul li a {
  padding: 0;
  padding: 0px 15px;
  height: 38px;
  line-height: 38px;
  color: #fff;
  font-size: 11px;
  text-transform: none;
  font-weight: 600;
}
#top_nav ul li {
  border-left: 1px solid #0976ab;
}
#top_nav ul li a:hover,
#top_nav ul li a:focus,
#top_nav ul li a.active {
  background: #0976ab;
}
#top_nav ul li:last-child {
  border-right: 1px solid #0976ab;
}
.top-nav-bk {
  background: #009ee1;
  line-height: 38px;
  color: #fff;
  font-size: 11px;
}
.top-nav-bk .contact-number {
  position: relative;
  display: block;
  border-left: 1px solid #0976ab;
  border-right: 1px solid #0976ab;
  float: left;
  margin-left: -30px;
}
.top-nav-bk .contact-number a {
  padding: 0px 15px;
  height: 38px;
  display: block;
  line-height: 38px;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
}
.top-nav-bk .contact-number a:hover {
  background: #0976ab;
}
.top-nav-bk .navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 5px 10px;
  margin-top: 4px;
  margin-bottom: 4px;
}
#twitter {
  background: #f5f5f5;
  width: 100%;
  min-height: 200px;
  position: relative;
  color: #999;
  z-index: 250;
  padding: 100px 0;
  -webkit-transition: 150ms linear all;
  -moz-transition: 150ms linear all;
  transition: 150ms linear all;
}
#twitter ul {
  text-align: center;
  list-style: none;
  padding: 0;
}
#twitter li {
  margin-top: -25px;
  font-size: 24px;
  line-height: 36px;
  font-weight: 200;
}
#twitter li p {
  font-size: 24px;
  line-height: 36px;
  font-weight: 200;
  margin-bottom: 0;
}
#twitter li span {
  font-size: 14px;
  margin-top: 25px;
}
#twitter li.item {
  display: none;
}
#twitter li.active.item {
  display: block;
}
#twitter .twitter-title {
  letter-spacing: 5px;
  font-size: 15px;
  text-align: center;
  margin-bottom: 75px;
  color: #565656;
  text-transform: uppercase;
  font-weight: 600;
}
#twitter .twitter-title:after {
  display: block;
  height: 2px;
  background-color: #555555;
  content: " ";
  margin-left: auto;
  margin-right: auto;
  width: 50px;
  margin-top: 10px;
}
/*------404 error page------*/
#errorpage img {
  width: 90%;
}
#errorpage h2 {
  margin: 35px 0 20px;
}
#testimonials {
  background: #f5f5f5;
  width: 100%;
  min-height: 200px;
  position: relative;
  color: #999;
  z-index: 250;
  padding: 0 0 100px 0;
  margin: 50px 0 0 0;
  -webkit-transition: 150ms linear all;
  -moz-transition: 150ms linear all;
  transition: 150ms linear all;
}
#testimonials ul {
  text-align: center;
  list-style: none;
  padding: 0;
}
#testimonials li {
  margin-top: -25px;
  font-size: 24px;
  line-height: 36px;
  font-weight: 200;
}
#testimonials li p {
  font-size: 24px;
  line-height: 36px;
  font-weight: 200;
  margin-bottom: 0;
}
#testimonials li .name {
  font-size: 14px;
  margin-top: 25px;
}
#testimonials li .organisation {
  font-size: 14px;
  margin-top: 25px;
}
#testimonials li.item {
  display: none;
}
#testimonials li.active.item {
  display: block;
}
#testimonials .testimonial-title {
  text-align: center;
  position: relative;
  left: 50%;
  margin-top: -50px;
  margin-bottom: 70px;
  margin-left: -50px;
  background: #fff;
  height: 100px;
  width: 100px;
  line-height: 100px;
  font-size: 60px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
#wordpress {
  background: #fff;
  width: 100%;
  min-height: 200px;
  position: relative;
  color: #666;
  z-index: 250;
  padding: 100px 0 0 0;
  -webkit-transition: 150ms linear all;
  -moz-transition: 150ms linear all;
  transition: 150ms linear all;
}
#wordpress ul {
  text-align: center;
  list-style: none;
  padding: 0;
}
#wordpress li {
  margin-top: -25px;
  font-size: 24px;
  line-height: 36px;
  font-weight: 200;
}
#wordpress li p {
  font-size: 24px;
  line-height: 36px;
  font-weight: 200;
  margin-bottom: 0;
}
#wordpress li span {
  font-size: 14px;
  margin-top: 25px;
}
#wordpress li.item {
  display: none;
}
#wordpress li.active.item {
  display: block;
}
#wordpress .wordpress-title {
  letter-spacing: 5px;
  font-size: 15px;
  text-align: center;
  margin-bottom: 75px;
  color: #565656;
  text-transform: uppercase;
  font-weight: 600;
}
#wordpress .wordpress-title:after {
  display: block;
  height: 2px;
  background-color: #555555;
  content: " ";
  margin-left: auto;
  margin-right: auto;
  width: 50px;
  margin-top: 10px;
}
.screenshot {
  width: 100%;
  margin: 10px 0;
}
#pain p {
  color: #666;
}
.nicelist {
  padding-left: 35px;
}
.nicelist h2 {
  margin: 10px 0 30px;
}
.nicelist ul {
  padding: 0;
  list-style: none;
}
.nicelist ul li {
  line-height: 1.9em;
  font-size: 13px;
  color: #999;
  font-weight: 300;
  margin-bottom: 20px;
}
.nicelist ul li:before {
  content: "";
  border-left: 5px solid #4ac7e9;
  border-top: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  display: inline-block;
  margin-right: 7px;
}
.clients {
  padding: 50px 0 75px 0!important;
}
.clients img {
  width: 90%;
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.clients p {
  color: #565656;
}
#fibreTabs .clients h2 {
  margin-top: 0;
}
footer {
  background-color: #1b263c;
  background: -webkit-gradient(radial, center center, 1000, from(#0e4a72), to(#1b263c));
  background: -webkit-radial-gradient(circle, #0e4a72, #1b263c);
  background: -moz-radial-gradient(circle, #0e4a72, #1b263c);
  background: -ms-radial-gradient(circle, #0e4a72, #1b263c);
  background: -o-radial-gradient(circle, #0e4a72, #1b263c);
  background: radial-gradient(circle, #0e4a72, #1b263c);
  margin: 0;
  color: #fff;
  font-size: 12px;
  letter-spacing: .5px;
  font-weight: 300;
}
footer .backer-footer {
  background: url("../img/footer3.png") no-repeat left top;
}
footer #footer {
  padding: 100px 0 75px 0;
}
footer P {
  font-size: 10px;
  font-weight: 300;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  margin-bottom: 0;
  line-height: 28px;
}
footer h6 {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
}
footer .about-footer img {
  width: 132px;
}
footer .about-footer p {
  font-size: 11.5px;
  font-weight: 300;
  line-height: 23px;
  padding-right: 25px;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
footer .about-footer h6 {
  margin-bottom: 23px;
}
.copyright {
  padding: 0 0 30px 0;
  text-align: center;
}
.copyright i {
  font-size: 20px;
  color: #fff;
  padding: 0 20px 0 0 ;
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.copyright i:hover {
  color: #4ac7e9;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
}
.copyright a:last-child i {
  padding: 0;
}
.copyright p {
  padding: 0;
  margin: 0;
}
.footerLinksList {
  padding: 0;
  list-style: none;
}
.footerLinksList li {
  margin-bottom: 8px;
}
.footerLinksList li a {
  color: #ffffff;
  font-style: 13px;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.footerLinksList li a:hover {
  color: #4ac7e9;
  margin-left: 10px;
  font-weight: bold;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.footerLinksList li:before {
  content: "-";
  width: 10px;
  color: #ffffff;
  display: inline-block;
}
.getInTouchList {
  list-style: none;
  padding: 0;
}
.getInTouchList li {
  margin-bottom: 12px;
}
.getInTouchList li span {
  margin-bottom: 5px;
  line-height: 20px;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  display: block;
}
.getInTouchList li span.head {
  font-weight: 400;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  float: left;
  width: 120px;
}
.getInTouchList .text {
  color: #ffffff;
}
.getInTouchList .text a {
  font-weight: 400;
}
.results {
  font-size: 14px;
  line-height: 40px;
  padding: 0;
  list-style: none;
}
.results #check {
  margin-top: -2px;
  margin-left: 10px;
}
.results li:nth-child(even) {
  background: #f7f7f7;
}
#mapcontainer {
  background: #f5f5f5;
  width: 100%;
  min-height: 200px;
  position: relative;
  z-index: 250;
  padding: 100px 0 75px 0;
}
#area-D.errFld {
  width: 20%;
  float: left;
}
#area-D.errFld .invSelect {
  width: 100%!important;
}
#numbers-D {
  width: 80%;
  float: left;
}
#numbers-D .invInput {
  width: 100%!important;
}
#area-D {
  width: 20%;
  float: left;
}
#area-D .invSelect {
  width: 100%!important;
}
#intagr8_numbers .input-group-addon,
#intagr8_numbers .input-group-btn {
  width: 12%;
}
#terms-D .termBox {
  margin-left: 0;
}
#termsDD {
  padding-left: 0;
}
/*
#area-D{
	width:20%;
}
#intagr8_numbers-D{
	width: 80%;
}
#intagr8_numbers-D.required.errFld{
	float: left;
	width: 80%;
	.invInput{
		width: 100%!important;
	}
}


#area-D.required.errFld{
	float: left;
	display: inline-block;
	.invSelect{
		width: 100%!important;
	}
}


#area-D-E{
	width: 20%;
}*/
.map .maplist {
  list-style: none;
  padding: 0;
  line-height: 25px;
}
.map .maplist .chorus {
  color: #13af90;
}
.map .maplist .enable {
  color: #45a9d5;
}
.map .maplist .ultra {
  color: #ff6757;
}
.map .maplist .north {
  color: #746ba3;
}
.map .maplist span {
  font-size: 20px;
  margin-right: 10px;
}
.map img {
  width: 85%;
  margin-top: -60px;
}
.map .hint {
  font-style: italic;
  color: #888;
  font-size: 12px;
}
.map h2 {
  margin-bottom: 20px;
}
.adsl {
  background: #4ac7e9;
}
.vdsl {
  background: #26bce5;
}
.ufb {
  background: #18a3c9;
}
.ufbfast {
  background: #1486a5;
}
.adsl,
.vdsl,
.ufb,
.ufbfast,
.net1,
.net2,
.net3,
.net4 {
  color: #fff;
  text-align: left;
  padding: 20px 25px 25px 25px;
}
.adsl .sublarge,
.vdsl .sublarge,
.ufb .sublarge,
.ufbfast .sublarge,
.net1 .sublarge,
.net2 .sublarge,
.net3 .sublarge,
.net4 .sublarge {
  font-size: 24px!important;
  font-weight: 200;
  opacity: 0.5;
  color: #1b263c;
  margin-top: 10px;
}
.adsl ul,
.vdsl ul,
.ufb ul,
.ufbfast ul,
.net1 ul,
.net2 ul,
.net3 ul,
.net4 ul {
  padding-left: 0;
  margin-top: 0px;
  list-style: none;
  line-height: 26px;
  font-weight: 300;
}
.adsl sub,
.vdsl sub,
.ufb sub,
.ufbfast sub,
.net1 sub,
.net2 sub,
.net3 sub,
.net4 sub {
  font-size: 14px;
  font-weight: 200;
  display: block;
  line-height: 13px;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
}
.adsl h3,
.vdsl h3,
.ufb h3,
.ufbfast h3,
.net1 h3,
.net2 h3,
.net3 h3,
.net4 h3 {
  margin-top: 15px;
  font-weight: 300;
  margin-bottom: 0;
}
.net1 h3,
.net2 h3,
.net3 h3,
.net4 h3 {
  font-size: 22px;
}
.net1 h4,
.net2 h4,
.net3 h4,
.net4 h4 {
  margin: 0 0 10px 0;
}
.net1 .sublarge,
.net2 .sublarge,
.net3 .sublarge,
.net4 .sublarge {
  font-size: 20px!important;
  color: #fff;
  opacity: 0.6;
}
.internet {
  background: #4ac7e9;
}
.internet2 {
  background: #1db9e3;
}
.voice {
  background: #1694b7;
}
.hosting {
  background: #117089;
}
.domain {
  background: #0b4b5c;
}
.net1 {
  background: #4ac7e9;
}
.net2 {
  background: #26bce5;
}
.net3 {
  background: #18a3c9;
}
.net4 {
  background: #1486a5;
}
#streetNumber {
  width: 100px;
}
#address {
  width: 350px;
}
#street {
  width: 50px;
}
#order_form .col-md-9 {
  padding-left: 0;
}
.entry {
  margin-bottom: 4px;
}
#transferForm sub {
  font-size: 11px;
  font-style: italic;
  color: #999;
}
.fixit {
  position: fixed;
  top: 40px;
  width: 285px;
  padding-left: 15px;
  z-index: -10;
  padding-right: 15px;
}
.fixit .col-md-3 {
  width: 285px;
  margin-left: 840px;
}
.radioStack {
  padding: 20px 30px!important;
}
.radioStack .hint {
  font-size: 12px!important;
  font-style: normal!important;
  color: #565656!important;
  margin-bottom: 10px!important;
  margin-top: 5px!important;
  clear: both;
  font-weight: 600;
}
.radioStack .radio {
  padding-left: 0;
  margin-bottom: 12px;
}
.radioStack .radio span {
  padding-left: 0;
}
.radioStack .radio .title {
  font-size: 12px;
}
.radioStack .radio label .price {
  float: left!important;
  text-align: left!important;
  font-size: 12px;
  color: #26bce5 !important;
}
.radioStack .radio .label {
  padding: .2em .6em .3em!important;
}
.radioStack .radio input[type=radio] {
  margin-left: 0;
  margin-right: 5px;
}
.ufbupgrade {
  background: #26bce5!important;
  color: #fff;
}
.form-content .greylist {
  margin: 0px;
}
.form-content .greylist label {
  margin-bottom: 2px;
}
.form-content .greylist label span,
.form-content .greylist label span.price {
  padding: 6px;
}
.form-content .greylist label span:first-child {
  background: #f7f7f7;
}
.form-content .greylist label .price .monthly {
  background: none;
  color: #565656;
  font-size: 11px;
  font-weight: normal;
  padding-left: 5px;
}
.form-content .greylist label span.price {
  padding-left: 10px;
  font-size: 14px;
}
/*---modal-form---*/
.modal-form {
  margin: 10px 0;
}
.modal-footer {
  margin-top: 0;
}
#message-error,
#name-error,
#email-error {
  font-size: 11px;
  color: #4ac7e9;
  font-weight: normal;
}
/*---end of modal ---*/
.form-content {
  border: 1px solid #ddd;
  padding: 15px 30px;
  margin: 10px 0 30px 0;
  display: block;
  background: #fff;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.form-content .checkbox {
  font-size: 12px;
  margin: 10px 0;
  width: 100%;
}
.form-content .checkbox .hint {
  margin: 0;
}
.form-content .hint {
  margin: 0;
}
.form-content input[type="checkbox"] {
  margin-right: 5px;
  margin-top: 2px;
}
.form-content input[type="radio"] {
  margin-top: 2px;
}
.form-content .radio {
  display: block;
  float: left;
  width: 100%;
}
.form-content .radio label {
  font-size: 12px;
  width: 100%;
  display: block;
  float: left;
}
.form-content .radio label .title {
  font-weight: bold!important;
  padding: 0;
}
.form-content .radio label .price {
  font-weight: bold!important;
  color: #4ac7e9;
  text-align: right;
  padding: 0;
}
.form-content .hint {
  font-size: 12px!important;
  font-style: normal!important;
  color: #565656!important;
  margin-bottom: 10px!important;
  margin-top: 5px!important;
  clear: both;
  font-weight: 600;
}
.nobox {
  padding: 15px 30px;
}
.nobox h5 {
  font-size: 14px;
  margin: 0px 0 8px 0;
}
.nobox .addons {
  padding: 5px 30px 0 0;
}
.nobox h2 {
  font-size: 20px;
  margin: 0;
}
.nobox .producthint {
  padding: 10px 0;
  margin: 0;
  font-size: 12px;
  clear: both;
}
.nobox .hint {
  padding-top: 8px;
}
/*-----------------------*/
.serviceBoxStart {
  height: 150px;
  width: 300px;
  margin-left: -300px;
  float: left;
  transition: all linear 0.25s;
  -ms-transition: all linear 0.25s;
  -moz-transition: all linear 0.25s;
  -webkit-transition: all linear 0.25s;
  -o-transition: all linear 0.25s;
}
.supportBox {
  width: 200px!important;
}
.serviceBox {
  height: 150px;
  text-align: center;
  width: 150px;
  float: left;
  padding: 35px 0;
  transition: all linear 0.25s;
  -ms-transition: all linear 0.25s;
  -moz-transition: all linear 0.25s;
  -webkit-transition: all linear 0.25s;
  -o-transition: all linear 0.25s;
}
.serviceBox i {
  margin: 0 auto 10px;
  width: 30px;
  height: 30px;
  font-size: 30px;
  line-height: 30px;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
  display: block;
  transition: all linear 0.25s;
  -ms-transition: all linear 0.25s;
  -moz-transition: all linear 0.25s;
  -webkit-transition: all linear 0.25s;
  -o-transition: all linear 0.25s;
  text-shadow: none;
}
.serviceBox strong {
  margin: 0;
  font: 300 20px/20px Open Sans, Arial, Helvetica, sans-serif;
  color: #FFF;
  text-transform: uppercase;
  display: block;
  opacity: 1;
  text-shadow: none;
}
.serviceBox p {
  margin: 0;
  font: 300 12px/22px Open Sans, Arial, Helvetica, sans-serif;
  color: rgba(255, 255, 255, 0.6);
  text-shadow: none;
}
.serviceBox:hover i {
  font-size: 45px;
  color: #ffffff;
  height: 45px;
  width: 45px;
}
.serviceContainer {
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  margin-left: -100px;
  display: block;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
}
.order-summary {
  background: #f2f2f2;
  margin-top: 42px;
  margin-bottom: -20px;
  font-size: 12px;
  border: 1px solid #eee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 15px 15px 25px 15px;
}
.order-summary h4 {
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 0;
  border-bottom: 1px solid #e6e6e6;
}
.order-summary ul {
  list-style: none;
  padding: 0;
  font-weight: 300;
  line-height: 20px;
  margin: 10px 0 0 0;
}
.order-summary ul span {
  float: right;
}
.order-summary ul span.hidden-md {
  float: none;
}
.order-summary .order-btn {
  border-top: 1px solid #e6e6e6;
  margin-top: 10px;
  padding-top: 10px;
}
#newExisting-V,
#term-two-V,
#porting-V,
#addons-V,
#additional-V,
#existingVoyager-V,
#routerOptions-V,
#ciscoAddon-V,
#additionalBox-V,
#emailFax-V {
  display: none;
}
.form-control {
  font-size: 13px;
  width: 100%!important;
}
.invSelect {
  width: 20%!important;
}
.invInput {
  width: 80%!important;
}
.input-group-btn {
  vertical-align: top;
}
.radioNumber {
  padding: 0 6px!important;
}
.input-sm {
  border: 1px solid #eee;
  height: 29px;
  box-shadow: none;
}
.btn-file {
  position: relative;
  overflow: hidden;
  height: 34px;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}
input[readonly] {
  background-color: #f7f7f7 !important;
  /*cursor: text !important;*/

}
.captchainput {
  width: 30%!important;
  float: left;
}
#captcha img {
  margin-left: 10px;
  float: left;
}
.first,
.last,
.middle,
.full {
  margin: 10px 0;
  overflow: hidden;
}
.debitBox:first-child {
  margin-top: 42px;
}
#directDebit .form-content {
  background: #fcfcfc;
  margin-top: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-top-left-radius: 0;
  border-top: none;
}
#directDebit .debitBox {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #4ac7e9 !important;
}
#directDebit .debitBox h4 {
  background: none;
}
#directDebit label {
  font-size: 12px;
  font-weight: 600;
}
#directDebit h4 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  background: #1486a5;
  margin: 0;
  padding: 10px 20px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.dd {
  margin-bottom: 10px;
  margin-left: 0;
  font-weight: 600;
  line-height: 22px;
  font-size: 17px;
  text-align: center;
  padding: 10px 0!important;
}
.ddcode {
  letter-spacing: 2px;
  font-size: 16px!important;
  background: #fff;
  opacity: .4;
  font-weight: 600;
  padding: 15px 10px;
  color: #565656;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.authorise {
  font-size: 12px;
}
.authorise span {
  font-style: italic;
  color: #999;
}
.authoriseCheck {
  padding-left: 25px;
}
.authoriseCheck input[type="checkbox"] {
  margin-top: 5px;
  margin-left: -25px;
}
.debitBox {
  border: none;
  color: #fff;
  text-align: center;
  margin: 10px 0;
}
.debitBox .form-content {
  background: #4ac7e9;
}
.debitBox p {
  line-height: 18px;
  font-size: 13px;
}
.bank {
  width: 15%!important;
  float: left;
}
.branch {
  width: 20%!important;
  float: left;
}
.bankaccount {
  width: 50%!important;
  float: left;
}
.suffix {
  width: 15%!important;
  float: left;
}
ul.termsCons li {
  list-style: none;
}
ul.termsCons {
  font-size: 12px;
  margin-top: -20px;
  padding-right: 30px;
}
ul.termsCons h4 {
  margin-bottom: 15px;
  font-weight: 500;
  margin-top: 25px;
}
ul.termsCons ul {
  padding-left: 35px;
  margin-top: 10px;
}
ul.termsCons li {
  margin-bottom: 10px;
  text-indent: -35px;
}
ul.termsCons span {
  font-weight: 700;
  width: 35px;
  float: left;
  height: inherit;
}
ul.termsCons div {
  display: inline-block;
}
ul.termsCons p {
  font-size: 12px;
}
.first {
  padding-left: 0;
}
.last {
  padding-right: 0;
}
.full {
  padding: 0 0;
}
form h4 {
  margin-left: 30px;
  margin-bottom: 0;
}
.cc_1,
.cc_2,
.cc_3,
.cc_4,
.cc_style {
  width: 23%!important;
  float: left;
  margin-right: 5px;
}
.cc_style_expire {
  width: 47%!important;
  float: left;
  margin-right: 5px;
}
.cc_4 {
  margin-right: 0;
}
#cc_number_div {
  clear: both;
}
.errMsg span {
  display: block;
  width: 100%;
  float: left;
  font-size: 11px;
  padding-left: 5px;
  padding-top: 5px;
  font-weight: bold;
  color: #20d0f3;
}
span.errFld {
  background: #ccc;
  overflow: hidden;
  display: block;
  padding: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #f2fdff;
  border: 1px solid #e5fafe;
}
.icon {
  width: 30px;
  float: left;
  height: 30px;
  text-align: center;
  margin-top: -7px;
  margin-bottom: -7px;
  background: #0e4a72;
  border-radius: 15px;
  margin-right: 15px;
  color: white;
}
.icon span {
  line-height: 27px;
  margin-left: 1px;
}
.ordercrumb {
  list-style: none;
  padding: 0;
  margin-top: 40px;
  overflow: hidden;
}
.ordercrumb li {
  color: white;
  color: #565656;
  font-size: 12px;
  padding: 10px 25px 10px 55px;
  background: #eeeeee;
  position: relative;
  display: block;
  float: left;
}
.ordercrumb li:after {
  content: " ";
  display: block;
  width: 0;
  height: 18px;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 18px solid #eeeeee;
  position: absolute;
  top: 0%;
  left: 100%;
  z-index: 2;
}
.ordercrumb li:before {
  content: " ";
  display: block;
  width: 0;
  height: 18px;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 21px solid white;
  position: absolute;
  top: 0%;
  margin-left: 0px;
  left: 100%;
  z-index: 1;
}
.ordercrumb li:first-child {
  background: #fff;
  font-weight: bold;
  padding: 10px 0 10px 0px;
}
.ordercrumb li:first-child:after {
  border-left-color: #fff;
}
.ordercrumb li.active {
  background: #0e4a72;
  color: white;
  font-weight: 400;
}
.ordercrumb li.active:after {
  border-left-color: #0e4a72;
}
.numberedList {
  list-style: none;
  padding: 0;
}
.numberedList li {
  border: 0!important;
  margin-bottom: 40px;
  font-weight: 400 !important;
}
.numberedList h5 {
  margin-bottom: 15px!important;
  color: #292929;
  font-weight: 600;
}
.numberedList .wrap {
  text-decoration: none!important;
  display: block;
  position: relative;
  text-align: left;
  padding-left: 90px;
  padding-right: 15px;
  color: inherit !important;
}
.numberedList .wrap > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 62px;
  height: 62px;
  line-height: 62px;
  text-align: center;
  border: 2px solid #4ac7e9;
  color: #4ac7e9;
  font-size: 18px;
  font-weight: 300;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-transition: all .2s ease 10ms;
  -moz-transition: all .2s ease 10ms;
  -o-transition: all .2s ease 10ms;
  transition: all .2s ease 10ms;
  font-weight: 300 !important;
}
.proTitle {
  width: 100%;
  font-size: 16px;
  color: #4ac7e9;
  font-weight: bold;
  margin-top: 20px;
}
.proTitle span {
  color: #888;
  font-weight: 300;
}
.og-details .description .quote {
  font-size: 42px;
  width: 100%;
  font-weight: 300;
  margin: 20px 0 10px 0;
}
.og-details .description .author {
  font-size: 12px;
  color: #ccc;
  font-style: italic;
  margin-bottom: 30px;
  width: 100%;
  display: block;
}
.og-details .description .option {
  font-size: 14px;
  width: 100%;
  line-height: 20px;
  padding: 10px 0;
  color: #888;
  font-weight: 300;
  border-top: 1px solid #eee;
}
/*--circle FOV---*/
.circleFOV {
  background: #4ac7e9;
  width: 100px;
  height: 100px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-shadow: none;
  opacity: 0.9;
  padding-top: 8px;
  margin: 0 auto;
  margin-bottom: 10px;
}
.circleFOV p {
  font-size: 32px;
  font-weight: 400;
  color: #fff;
  padding: 0 0 0 0;
  margin: 0;
  line-height: 18px;
}
.circleFOV sub {
  font-size: 12px;
  font-weight: 200;
  margin-bottom: 20px;
  bottom: 0;
  line-height: 30px;
}
/*-------circle table----*/
.circle {
  background: #4ac7e9;
  width: 100px;
  height: 100px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
  /*top: -50px;*/

  margin-bottom: -50px;
  border: 2px solid #fff;
}
.circle p {
  font-size: 26px;
  font-weight: 600;
  color: #fff;
  padding: 32px 0 0 0;
  margin: 0;
  line-height: 16px;
}
.circle sub {
  font-size: 14px;
  font-weight: 200;
}
#bottomFOV h2 {
  margin-bottom: 0;
}
#bottomFOV h3 {
  margin-top: 10px;
  margin-bottom: 20px;
}
.fov-tables {
  background: #f3f3f3;
  padding-top: 50px;
  margin-bottom: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fov-tables h3 {
  margin: 0;
  font-size: 19px;
  font-weight: 600;
  line-height: 22px;
  margin: 15px 0 25px;
}
.fov-tables h3 sub {
  font-size: 12px;
  color: #777;
  font-weight: 400;
}
.fov-tables ul {
  list-style: none;
  padding: 0 20px;
  height: 300px;
  margin: 0;
}
.fov-tables ul li {
  font-weight: 400;
  color: #333;
  font-size: 13px;
  line-height: 45px;
  border-bottom: 1px solid #e7e7e7;
}
.fov-tables ul li:last-child {
  border: none;
}
.fov-tables a {
  font-size: 12px;
  padding: 10px 25px;
  border: none!important;
  margin-top: 10px;
  margin-bottom: 25px;
}
.fov-tables a.btn-default:hover {
  background-color: #19a7ce;
  color: #fff;
}
.fov-tables .upgradeUFB {
  width: 100%;
  display: block;
  overflow: hidden;
  background: #ccc;
  padding: 10px;
  font-size: 12px;
  color: #fff;
  font-weight: 400;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  bottom: 0;
  padding: 0 -30px 0 0;
}
.circle.grey {
  background: #aaaaaa!important;
}
/*.fov-blue{
	background: #4ac7e9!important;
	color: #fff;
	h3{
		sub{
			color: #fff;
		}
	}
	ul{
		li{
			font-weight: 400;
			color: #fff;
			font-size: 13px;
			border-bottom: 1px solid #fff;
		}
	}
	
}	*/
/*---*/
.friendsOV {
  background: #fff;
  width: 100%;
  min-height: 200px;
  position: relative;
  z-index: 250;
  padding: 40px 0px 0px 0px;
  -webkit-transition: 150ms linear all;
  margin-bottom: 0;
  -moz-transition: 150ms linear all;
  transition: 150ms linear all;
}
.friendsOV h2 {
  margin-bottom: 0px;
}
.friendsOV h3 {
  margin-top: 15px;
}
.callAction {
  background: #f5f5f5;
  width: 100%;
  min-height: 200px;
  position: relative;
  z-index: 250;
  padding: 40px 0;
  -webkit-transition: 150ms linear all;
  -moz-transition: 150ms linear all;
  transition: 150ms linear all;
}
.callAction p {
  font-size: 16px;
  color: #565656;
}
.callAction h4 {
  margin-bottom: 5px;
  margin-top: 15px;
}
.contactus h3 {
  margin-bottom: 5px;
}
.contactus p {
  color: #999;
}
/* Glossary 
//////////////////////////////////*/
.glossarytitle {
  line-height: 40px;
  background: #f7f7f7;
  border-bottom: 1px solid #fff;
  font-size: 24px;
  font-weight: 300;
  padding-left: 15px;
}
.glossaryList {
  line-height: 30px;
  list-style: none;
  padding-left: 15px;
}
.glossaryList a:hover {
  cursor: pointer;
}
#gloss {
  border-bottom: none;
}
#gloss > li > a {
  margin-right: 0px;
  line-height: 20px;
  border: none;
  background: #4ac7e9;
  border-radius: 0;
  padding: 5px 10px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 1px;
  border-right: #fff 1px solid;
  border-bottom: #fff 1px solid;
}
#gloss > li > a:hover {
  color: #565656;
  border-bottom: #fff 1px solid;
}
.config {
  padding: 30px 0;
}
.config h1 {
  margin-bottom: 10px;
}
/*------internet enterprise tabs---*/
#enterprise > li > a {
  padding: 12px 25px!important;
  border: none;
  font-weight: 300;
  background: #eee;
  color: #565656;
}
#enterprise > li > a i {
  color: #4ac7e9;
}
#enterprise > li > a:hover {
  color: #fff;
  background: #4ac7e9;
}
#enterprise > li > a:hover {
  color: #fff;
}
#enterprise > li > a:hover i {
  color: #fff;
}
#enterprise > li.active a {
  color: #fff;
  background: #4ac7e9;
}
#enterprise > li.active a i {
  color: #fff;
}
.dictionary {
  padding-left: 0;
  padding-top: 20px;
}
.dictionary .dicTitle {
  margin-bottom: 0px;
  font-size: 45px;
  font-weight: 300;
}
.dictionary .dicSub {
  margin-top: 0;
  margin-bottom: 25px;
  font-size: 24px;
  font-weight: 300;
  color: #888;
}
.dictionary p {
  font-size: 15px;
  font-weight: 300;
  font-style: italic;
}
.dictionary p strong {
  font-style: normal;
}
.rightservice .slider-title {
  text-align: left;
}
.rightservice .slider-sub {
  text-align: left;
}
.priceTitle h2 {
  margin-bottom: 15px;
}
.priceTitle h4 {
  color: #888;
}
#add {
  border: 1px solid #fff;
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 0;
}
#add .grey {
  background: #f7f7f7!important;
  color: #565656!important;
}
#add .grey strong {
  font-size: 12px!important;
}
#add strong {
  font-weight: 300;
  font-size: 14px;
}
#add strong span {
  font-weight: 500;
}
#add th {
  background: #0e4a72;
  color: #fff;
  border: none;
  padding: 15px 25px;
}
#add tr,
#add td {
  border: none;
  border: 1px solid #fff;
  padding: 10px 25px;
  font-size: 13px;
  line-height: 24px;
  vertical-align: middle;
}
#add tr td:first-child {
  background: #4ac7e9;
  font-weight: 300;
  color: #fff;
}
#add .price {
  background: #eee;
  color: #1694b7;
}
#add tr {
  background: #f7f7f7;
}
#add.hsns {
  color: #fff;
}
#add.hsns tr td:first-child {
  font-weight: 600;
}
.routers img {
  max-height: 130px;
}
.routers sub {
  color: #888;
  min-height: 60px;
  display: block;
  line-height: 18px;
}
.routers h3 {
  margin-bottom: 15px;
}
.routers .price {
  font-size: 18px!important;
  font-weight: 300;
}
/*------data circles-----*/
.circle-text {
  width: 100%;
  margin: 0 auto;
}
.circle-text div {
  float: left;
  width: 100%;
  padding-top: 50%;
  margin-top: -1.2em;
  text-align: center;
  color: white;
  font-size: 22px;
}
.circle-text div span {
  font-size: 15px;
  width: 100%;
  float: left;
  font-weight: 200;
}
.circle-text:after {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 100%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.circle-text.light:after {
  background: #1db9e3;
}
.circle-text.dark:after {
  background: #1694b7;
}
.circle-text.darker:after {
  background: #117089;
}
.circle-text.darkest:after {
  background: #0b4b5c;
}
/*----internet tabs-----*/
#fibreTabs h2 {
  margin-top: 50px;
}
#fibreTabs h3 {
  margin-top: 40px;
}
.tab-pane sub {
  bottom: 0;
  font-size: 60%;
  color: #888;
}
.readmore {
  margin-bottom: 10px;
}
#datausage h4 {
  line-height: 30px;
  color: #888;
}
.data {
  margin-top: -15px !important;
}
.data td {
  font-weight: 300;
}
.data td:nth-child(3),
.data td:nth-child(5) {
  background: #4ac7e9;
  color: #fff;
}
.data tr:last-child td:nth-child(even) {
  background: #ddd;
}
.data tr:last-child td:nth-child(odd) {
  background: #ccc!important;
  color: #565656!important;
  font-weight: bold!important;
}
.issue-header {
  line-height: 28px;
  background: #f7f7f7;
  border-bottom: 1px solid #fff;
  font-size: 14px;
  font-weight: 600;
  padding-left: 15px;
}
.details-no-issues,
.details-issues {
  overflow: hidden;
  font-size: 11px;
  margin-bottom: 10px;
}
.details-no-issues .details-label,
.details-issues .details-label {
  width: 30%;
  float: left;
  font-weight: 600;
  padding-left: 15px;
  line-height: 30px;
}
.details-no-issues .details-field,
.details-issues .details-field {
  width: 70%;
  float: left;
  line-height: 30px;
}
.details-no-issues .issue-heading,
.details-issues .issue-heading {
  border-left: 5px solid #ff0000;
}
.issue {
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 20px;
  font-size: 12px;
}
.issue .issue-heading {
  font-weight: bold;
  margin-bottom: 5px;
}
.issue .issue-time {
  margin-top: 10px;
  font-style: italic;
  font-size: 11px;
  opacity: 0.6;
}
.system-issues {
  margin-top: -25px;
  margin-bottom: 30px;
}
.system-issues ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.system-issues .issue-time {
  font-style: italic;
  font-size: 13px;
  opacity: 0.6;
}
#supportAlert {
  font-size: 11px;
  opacity: .7;
  line-height: 20px;
  padding: 25px;
}
.smallprint {
  font-size: 38px;
}
.awards h3 {
  margin-bottom: 20px;
}
.awards p {
  margin-bottom: 0px;
}
.awards img {
  padding: 15px;
}
.faster {
  display: block;
  float: right;
  position: absolute;
  width: 67px;
  height: 58px;
  background: url('../img/fast.png');
  top: 0;
  right: 0;
  text-align: right;
  line-height: 40px;
  font-size: 9px;
}
.faster div {
  padding-right: 4px;
}
.faster div.fast {
  padding-right: 9px;
}
#upgrade-V.adsl {
  padding: 5px 15px 0 15px;
  margin: 0 -12px 15px -12px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#upgrade-V.adsl h5 {
  font-weight: 500;
}
#upgrade-V.adsl .hint {
  color: #fff;
}
#bundleHead .adsl {
  padding: 4px 14px;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 24px;
  vertical-align: middle;
  margin-top: -7px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.carousel-caption #availability_results {
  text-shadow: none;
  margin-bottom: 0px;
  margin-top: 10px;
  display: block;
  overflow: hidden;
  margin-bottom: 20px;
}
.service-box {
  margin-bottom: 35px;
}
.service-box .title-small {
  margin: 0 0 10px;
  font-size: 17px;
  color: #556;
}
.service-box .fa.fa-bg {
  background: #4ac7e9;
  color: #fff;
  margin-right: 10px;
  padding: 6px 8px;
  border-radius: 3px;
}
.service-box p {
  font-size: 13px;
}
.fixit {
  position: fixed;
  top: 40px;
  width: 285px;
  padding-left: 15px;
  padding-right: 15px;
}
.fixit .col-md-3 {
  width: 285px;
  margin-left: 840px;
}
.loaderBtn {
  height: 40px;
  width: 40px;
  background: none!important;
  border: none!important;
  position: absolute;
  top: -40px !important;
  display: block;
}
.results #check {
  margin: 0 10px 0 auto;
}
#address_check_results li {
  height: 40px;
  display: block;
}
#address_check_results a {
  display: block;
}
#address_check_results a:hover,
#address_check_results a:focus {
  background: #d9f5fc;
}
#address_check_results .results {
  line-height: 0;
}
#additional-V .nobox,
#existingVoyager-V .nobox {
  display: block;
  clear: both;
  padding-left: 0;
  padding-right: 0;
}
#existingVoyager-V .nobox {
  padding-top: 0;
}
#existingVoyager-V .hint {
  font-size: 12px!important;
  font-style: normal!important;
  color: #565656!important;
  margin-bottom: 10px!important;
  margin-top: 5px!important;
  clear: both;
  font-weight: 600;
}
.homepage {
  padding: 106px 0 0 0;
}
.homeHero {
  padding-left: 0px;
}
.homeBlockSide {
  padding-left: 0px;
  padding-right: 0px;
  overflow: hidden;
}
.homeBlockSide h1,
.homeBlockSide h2,
.homeBlockSide h3 {
  margin: 0;
}
/*.carousel-control.left {
	left: -25px;
}
.carousel-control.right {
	right: -25px;
}*/
.carousel-control .glyphicon-chevron-right,
.carousel-control .glyphicon-chevron-left {
  top: 45%;
}
.img-responsive {
  -moz-transform: 1;
  -webkit-transform: 1;
  -o-transform: 1;
  -ms-transform: 1;
}
.heroInfo {
  position: absolute;
  color: #fff;
  top: 0;
  height: 100%;
  padding: 18% 100px 0 80px;
}
.heroInfo h1 {
  font-size: 2.4vw;
  font-weight: 600;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  margin: 0;
  line-height: 3.5vw;
  letter-spacing: .5px;
  text-shadow: 0px 0px 7px #444;
}
.heroInfo p {
  font-size: 1.4vw;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  margin: 10px 0 20px;
  font-weight: 400!important;
  letter-spacing: .5px;
  text-shadow: 0px 0px 7px #444;
}
.heroInfo .btn-primary {
  background: #009ee1;
  box-shadow: 1px 1px 1px #565656;
  border: none;
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  padding: 8px 30px;
  border-radius: 2px;
  font-weight: 600;
}
.heroInfo .btn-primary:hover {
  background: #057fb7;
}
.mainInfo {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  padding-top: 20%;
}
.mainInfo h2 {
  margin: 0 0 0 0;
  font-size: 2vw;
  font-weight: 600;
  text-shadow: 0px 0px 7px #444;
}
.mainInfo p {
  font-size: 1.2vw;
  text-shadow: 0px 0px 7px #444;
  font-weight: 400;
}
.mainInfo i {
  font-size: 5.5vw;
  opacity: .5;
  color: #9ffbf5;
  margin-bottom: 1%;
  text-shadow: 0px 0px 7px #444;
}
.mainInfo:before {
  display: block;
  content: '';
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  border: 2px solid rgba(255, 255, 255, 0.2);
}
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default!important;
  margin-bottom: 15px;
}
.hovereffect .overlayHome {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.hovereffect .overlayHome .mobilelink {
  color: #fff;
  display: block;
  position: relative;
  cursor: pointer;
  height: 100%;
  z-index: 100;
}
.hovereffect:hover .overlayHome {
  background-color: rgba(170, 170, 170, 0.4);
}
.hovereffect h2,
.hovereffect img {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.hovereffect img {
  display: block;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.hovereffect:hover img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.hovereffect {
  color: #fff;
}
.hovereffect:hover .mainInfo {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.hovereffect .info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: uppercase;
  color: #fff;
  cursor: default;
  margin: 0;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-weight: normal;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.hovereffect .info .btn-default {
  margin-top: 35%;
  background: #fff;
  border: none;
  color: #333;
  text-transform: uppercase;
  box-shadow: 1px 1px 1px #565656;
  font-size: 12px;
  padding: 8px 30px;
  border-radius: 2px;
  font-weight: 600;
}
.hovereffect .info .btn-default:hover {
  background: #eee;
  color: #057fb7;
}
.hovereffect .info h2 {
  font-weight: 500;
  top: 38%;
  position: relative;
  text-transform: none;
  font-size: 1.8vw;
}
.hovereffect:hover .info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  background-color: rgba(74, 199, 233, 0.5);
}
/*---home grid stuff---*/
.hero-image {
  margin-bottom: 13px;
}
.hero-promo {
  margin-bottom: 10px;
}
.hero-promo .carousel-caption {
  height: 100%;
}
.hero-promo .carousel-caption p {
  padding: 5.7% 0 0 0;
  text-align: center;
  opacity: .85;
  font-size: 1.1vw;
  font-weight: 400;
}
.hero-promo .carousel-caption p span {
  font-size: 1.3vw;
  font-weight: 600;
}
@media (min-width: 1200px) {
  .map img {
    width: 72%;
    margin-top: -60px;
    margin-left: 60px;
  }
  .producthint {
    padding: 30px 200px;
  }
  .fixit {
    width: 285px!important;
  }
  .fixit .col-md-3 {
    width: 285px!important;
    margin-left: 840px!important;
  }
  .og-grid li {
    width: 20%;
  }
  .og-grid li img {
    width: 100%;
  }
  .og-fullimg img {
    width: auto!important;
  }
}
@media only screen and (max-width: 992px) {
  .map img {
    width: 90%;
    margin-top: -10px;
  }
  .first,
  .last {
    padding: 0;
  }
  #includedHeader .container {
    max-width: 1170px;
  }
  .serviceBox {
    height: 124px!important;
    width: 124px!important;
  }
  .serviceBox p {
    display: none;
  }
  .serviceBox strong {
    font: 300 16px/16px Open Sans, Arial, Helvetica, sans-serif !important;
  }
  .supportBox {
    width: 150px!important;
  }
  .serviceBoxStart {
    height: 124px!important;
  }
  .fixit {
    width: 285px;
  }
  .fixit .col-md-3 {
    width: 285px;
    margin-left: 840px;
  }
  /*--homepage margin--*/
  .homeBlockSide {
    margin-bottom: 20px;
    padding-left: 15px;
  }
  /*
  	.homeMain{
  		h1{
  			font-size: 4.5vw;
  		}
  	}
  	*/
  .homeBottom {
    padding-left: 10px;
  }
  .homeBottom h2 {
    font-size: 2.2vw;
  }
  .homeBottom p {
    font-size: 1.5vw;
  }
  /*
  	.homeTop{
  		padding-right: 10px;
  		.title, .price{
  			font-size: 2vw;
  		}
  		h2{
  			font-size: 3.5vw;
  		}
  		
  	}*/
  #LoginContainer .columnBreak {
    border-left: none!important;
  }
  .heroInfo {
    width: 95%;
    padding: 18% 100px 0 80px;
  }
  .heroInfo h1 {
    font-size: 4.3vw!important;
    line-height: 5.3vw!important;
  }
  .heroInfo p {
    font-size: 2vw!important;
  }
  .homeBlockSide {
    margin-bottom: 15px;
    padding-left: 15px;
  }
  .homeHero {
    padding-right: 0px;
  }
  .homepage .row {
    margin-right: 0;
  }
  .homeBottom h2,
  .homeTop h2 {
    font-size: 2.6vw;
  }
  .homeBottom p,
  .homeTop p {
    font-size: 1.6vw;
  }
  .homeBottom i,
  .homeTop i {
    font-size: 8vw;
  }
  .hero-promo {
    margin-bottom: 10px;
  }
  .hero-promo p {
    font-size: 1.5vw!important;
  }
  .hero-promo p span {
    font-size: 2vw!important;
  }
  .hovereffect .info h2 {
    font-size: 2.2vw;
  }
  .navbar-default .navbar-nav li a {
    padding: 28px 9px;
  }
}
@media only screen and (min-width: 992px) {
  #includedHeader .container {
    width: 1170px;
    max-width: 1170px;
  }
  .homepage .row {
    margin-right: 0px;
  }
  .producthint {
    padding: 30px 140px;
  }
  .fixit {
    width: 235px;
  }
  .fixit .col-md-3 {
    width: 235px;
    margin-left: 690px;
  }
}
@media (max-width: 767px) {
  .routers sub {
    min-height: 40px!important;
    display: block;
  }
  /*---homape styles---*/
  .hero-promo {
    display: none;
  }
  .hero-image {
    margin-bottom: 15px;
  }
  .heroInfo {
    text-align: center;
    padding: 18% 0 0 0;
  }
  .heroInfo h1 {
    font-size: 6vw!important;
    line-height: 7.5vw!important;
  }
  .heroInfo p {
    display: none;
  }
  .heroInfo a {
    margin-top: 15px;
  }
  .homepage {
    padding: 70px 0px 0 0px;
  }
  .homeHero {
    padding-right: 0px;
  }
  .homeTop,
  .homeBottom {
    padding-right: 0px;
    height: 200px;
  }
  .homeTop i,
  .homeBottom i {
    display: none;
  }
  .homeTop .mainInfo,
  .homeBottom .mainInfo {
    padding-top: 65px;
  }
  .homeTop .mainInfo h2,
  .homeBottom .mainInfo h2 {
    font-size: 4.5vw!important;
  }
  .homeTop .mainInfo p,
  .homeBottom .mainInfo p {
    font-size: 3vw;
  }
  .hovereffect .info h2 {
    font-size: 3.5vw;
  }
  .hovereffect .info .btn-default {
    margin-top: 80px;
  }
  #LoginContainer .nav {
    border-left: none;
  }
  #LoginContainer .nav li {
    margin-left: 0;
  }
  .navbar-brand {
    height: 56px!important;
  }
  #myCarousel-arrow .fov-title {
    font-size: 30px!important;
  }
  #myCarousel-arrow .slideframe {
    top: 22%!important;
  }
  #voiceslide {
    top: 25%;
  }
  #voiceslide .col-sm-4 {
    padding: 25px 20px;
  }
  #voiceslide .col-sm-4 h3 {
    font-size: 20px;
    margin-top: 0;
  }
  #voiceslide .slider-sub {
    font-size: 18px;
    margin: 15px 0;
  }
  #voiceslide .slider-title {
    font-size: 3.5em;
  }
  #ruralslide {
    top: 25%;
  }
  .serviceBox {
    height: 96px!important;
    width: 96px!important;
  }
  .serviceBox p {
    display: none!important;
  }
  .serviceBox strong {
    display: none!important;
  }
  .serviceBoxStart {
    height: 96px!important;
  }
  .teamcontainer {
    margin-top: 70px;
  }
  #order_form .col-md-9 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .last,
  .first {
    padding: 0;
  }
  .navbar-brand img {
    margin-top: 3px;
    /*xmas*/
    padding-left: 15px;
    width: 70%;
  }
  .clients .col-sm-2 {
    width: 33.33%;
    padding: 15px 30px;
    float: left;
  }
  .backer {
    padding: 10px 0 0 0;
    min-height: 70px;
    background-position: right -17px;
  }
  .navbar-main-collapse {
    margin-top: 10px;
  }
  .top-nav-collapse .backer {
    padding: 10px 0;
  }
  .top-nav-collapse .spirit img {
    margin-top: -13px !important;
  }
  .spirit img {
    margin-top: -13px !important;
    padding-left: 0px!important;
  }
  #SoAT .slider-title {
    font-size: 2.5em;
  }
  #SoAT .slider-sub {
    font-size: 16px;
  }
  #top_nav .navbar-nav li {
    width: 25%;
    display: block;
    float: left;
    border: none;
  }
  #top_nav .navbar-nav li a {
    background: #009ee1;
    padding: 10px;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    float: left;
    text-align: center;
    width: 100%;
    border-right: 1px solid #0976ab;
    border-bottom: none;
  }
  #top_nav .navbar-nav li:last-child a {
    border: none;
  }
  .navbar-default .navbar-nav li a {
    padding: 15px;
  }
  .top-nav-collapse ul.nav li a {
    padding: 15px;
  }
  .navbar-nav {
    margin: 0px -15px;
  }
  .navbar-nav li a {
    border-bottom: 1px solid #1b263c;
    background: #1b263c;
  }
  .navbar-nav li a.loginBtn {
    background: #4ac7e9;
    margin: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-align: left;
  }
  .navbar-nav li a:hover {
    background: #4ac7e9!important;
    color: #fff!important;
  }
  footer #footer {
    padding: 25px 0;
    text-align: center;
  }
  footer #footer .footer-btn .btn {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
  }
}
@media (min-width: 992px) {
  .og-grid li {
    width: 25%;
  }
  .og-grid li img {
    width: 100%;
  }
  .og-fullimg img {
    width: auto!important;
  }
  .routers h3 {
    font-size: 24px;
  }
}
@media (min-width: 1500px) {
  .og-grid li {
    width: 16.6666664%;
  }
  .og-grid li img {
    width: 100%;
  }
  .og-fullimg img {
    width: auto!important;
  }
}
@media screen and (max-width: 830px) {
  .og-details .description .quote {
    font-size: 32px;
  }
}