@charset "utf-8";
/* W3.CSS 2.0 by Jan Egil and Borge Refsnes. Do not remove this line. */
button{overflow:visible}button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input[type=checkbox],input[type=radio]{padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{box-sizing:content-box;-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}


/* Content Css*/
/*--------------------------------------------------------- Header ------------------------------------------------------------  */
head { 
    width: 1335px;
    margin: auto ;
    height: 115px;
}

header { 
    width: 1335px;
    margin: auto ;
    height: 115px;
}

#logo input{ 
    float: left;
    width:300px;
    height:95px;
    margin-left:145px;
    position: absolute;
}

#contact-top input{ 
    width:275px;
    height:80px;
    margin-left:938px;
    margin-top: 8px;
    position: absolute;
}

/*--------------------------------------------------------- Body ------------------------------------------------------------  */
#navbar	          { clear:both; }	
.navbar-container { width: 1335px; height: 40px; background:#004069;} 	
.navbar-inner     { margin-left: 10%; margin-right:10%; }	
.navbar-inner ul  { height: 40px; 
					 list-style-type: disc;
					-webkit-margin-before: 0em !important;
					-webkit-margin-after: 0em !important;
					-webkit-margin-start: 0px;
					-webkit-margin-end: 0px;
					-webkit-padding-start: 40px;
                                        -moz-margin-before: 0em !important;
					-moz-margin-after: 0em !important;
					-moz-margin-start: 0px;
					-moz-margin-end: 0px;
					-moz-padding-start: 40px;
                                        -ms-margin-before: 0em !important;
					-ms-margin-after: 0em !important;
					-ms-margin-start: 0px;
					-ms-margin-end: 0px;
					-ms-padding-start: 40px;}

.navbar-inner ul a:hover    { background:#FFF;  }
.navbar-inner ul li         { display:inline-block; padding: 0px 10px; font-size: 16px; color:#06F; line-height: 38px; max-height:40px !important;  border-right:#FFF solid 1px; }
.navbar-inner ul li:hover   { text-decoration:none; color:#fff; background:#0076B6; }
.navbar-inner ul li a       { text-decoration:none; color:#fff; padding: 10px 10px; }
.navbar-inner ul li a:hover { text-decoration:none; background-color:transparent; }




/*-------------------------------------------------------Banner---------------------------------------------------------------*/

#banner		{ margin-left: 150px; margin-top: 35px; width: 900px;}
.banner-a	{ width: 150px; height: 380px; float: left;}
.banner-b	{ margin-left: 80px; margin-top: 10px; width: 70%; float: left; height: auto;}

#ftth{
  border-radius: 2px; 
  border: 0px;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1); 
  background-color: #0093F2;
}

#ftth:hover {
  border: 0px;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #004069;
}

#fttb{
  border-radius: 2px; 
  border: 0px;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1); 
  background-color: #0093F2;
}

#fttb:hover {
  border: 0px;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #004069;
}

/*--------------------------------------------------------- Footer ---------------------------------------------------------*/

footer { 
    background-color:#005288; 
    height:150px; 
    width: 1335px;
}

.footer_fibre_guy img { 
    width: 280px; 
    height: 215px;
    margin-left: 35px; 
    padding: 15px; 
    margin-top: -135px; 
    padding-bottom: 40px;
}

/*----------------------------------------------------- Misc ------------------------------------------------------------- */
.clear 	        { clear:both; margin-top: 5px;}
.clear1         { clear:both; margin-top: 1px;}
.clear20        { clear:both; margin-top: 20px;}
.box-heading	{ text-align:center; border-bottom:#004069 thin solid; padding-bottom:15px; font-weight:600; color:#005288; font-size:24px; line-height:1.3em; font-family: 'Ubuntu',Arial,sans-serif;;  }
.center-step	{ margin-left:auto !important; margin-right: auto !important; width: 160px; margin-bottom: 10px; }
.center-ph	{ margin-left:auto !important; margin-right: auto !important; width: 620px; }
#content	{ margin-top: 15px; width:100% !important; height:auto; }
.container2     { width: auto; padding: 15px; margin-left: 10%; margin-right:10%;  }
.banner-c img   { width: 780px; height: 200px; margin-left: 272px; margin-bottom: 35px;}
.container30 { 
    width: 854px; 
    margin-bottom: 5px; 
    margin-left: 221px; 
    border:#004069 1px solid; 
    padding: 15px; 
    background-color:rgba(113,198,254,0.05);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(12,157,251,0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(12,157,251,0.2);
    box-shadow: 0px 0px 10px 0px rgba(12,157,251,0.2);
}
.container30 li { padding-top: 10px; }
.container30 ul { padding:10px; text-align:justify; }



h2{
    color: #006DB0;
    text-shadow: 0.5px 0.5px 0.5px black;
}

h3{
    color: #006DB0;
    text-shadow: 0.5px 0.5px 0.5px black;
}

#find_address{
    height: 150px;
}

#Form{
    width: 1330px;
}

.map_locator {
    width: 1330px;
    margin: auto ;
    height: 80px;
}

#map_locator {
    width: 1330px;
    margin: auto ;
    height: 80px;
    display: block;
}

.map_locator2 {
    width: 850px;
    margin-top: 45px;
    height: 95px;
    float: left;
    margin-left: 267px;

}

#map_locator3 {
    width: 850px;
    margin-top: -30px;
    height: 95px;
    float: left;
    margin-left: 250px;
}

#geoposition1a{
    background: url('../css/images/locationIcon.png') #fff;
    background-position: 7px 0px;
    background-repeat: no-repeat;
    padding-left:40px;
}
#latitude{
    background: url('../css/images/locationIcon.png') #fff;
    background-position: 7px 0px;
    background-repeat: no-repeat;
    padding-left:40px;
}
#longitude{
    background: url('../css/images/locationIcon.png') #fff;
    background-position: 7px 0px;
    background-repeat: no-repeat;
    padding-left:40px;
}

#geoposition1b{
    background: url('../css/images/locationIcon.png') #fff;
    background-position: 7px 0px;
    background-repeat: no-repeat;
    padding-left:40px;
}

#geoposition1d{
    background: url('../css/images/addressIcon.png') #fff;
    background-position: 7px 0px;
    background-repeat: no-repeat;
    padding-left:40px;
}


#Find_Location_Header{
    width: 1330px;
    margin: auto;
    height: 80px;
}

#details{
    position: relative;
    width: 850px;
    margin-top: -520px;
    float: left;
    margin-left: 0px;
}

#companyName{
    background: url('../css/images/companyNameIcon.png') #fff;
    background-position: 7px 0px;
    background-repeat: no-repeat;
    padding-left:40px;
}

#contactPersonEmail{
    background: url('../css/images/email.png') #fff;
    background-position: 7px 0px;
    background-repeat: no-repeat;
    padding-left:40px;
}

#companyPosition{
    background: url('../css/images/positionAtCompanyIcon.png') #fff;
    background-position: 7px 0px;
    background-repeat: no-repeat;
    padding-left:40px;
}

#contactLandLineNo{
    background: url('../css/images/landlineIcon.png') #fff;
    background-position: 7px 0px;
    background-repeat: no-repeat;
    padding-left:40px;
}

#contactPersonName{
    background: url('../css/images/contactNameIcon.png') #fff;
    background-position: 7px 0px;
    background-repeat: no-repeat;
    padding-left:40px;
}

#contactCellNo{
    background: url('../css/images/cellphoneIcon.png') #fff;
    background-position: 7px 0px;
    background-repeat: no-repeat;
    padding-left:40px;
}

#Contact_Details_Header{
    width: 1330px;
    margin: auto ;
}

#Service_Requirements_Header{
    width: 1330px;
    margin: auto;
    margin-top: 5px;
}

#Existing_Service_Header{
    width: 1330px;
    margin: auto ;
}

#submit {
  height:44px;
  border-radius: 2px; 
  border: 0px;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1); 
  background-color: #0093F2;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#4787ed)); */
}

#submit:hover {
  border: 0px;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #004069;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#357ae8)); */
}

#p1{
    width: 820px;
    background: white;
    margin: auto;
    overflow: hidden;
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    margin-top: 10px;
    border-radius: 10px;
    box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.25);
    position: relative;
}

#fill_form{
  height:30px;
  border-radius: 3px; 
  border: 0px;
  color: #fff;
  font-weight: bolder;
  text-shadow: 0 1px rgba(0,0,0,0.1); 
  background-color: #a9a9a9;
}

#fill_form:hover{
  border: 0px;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #004069;
}

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 5.8px 0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #006DB0;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 20px;
  width: 10px;
  border-radius: 1px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -6px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #006DB0;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #006DB0;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 20px;
  width: 10px;
  border-radius: 1px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #006DB0;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #006DB0;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 20px;
  width: 10px;
  border-radius: 1px;
  background: #ffffff;
  cursor: pointer;
  height: 8.4px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #006DB0;
}
input[type=range]:focus::-ms-fill-upper {
  background: #006DB0;
}