@charset "utf-8";
/* CSS Document */
html{
	background: #312b29;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, aside,
section, header, footer, input, textarea, button, a, b, strong, em, i {
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	box-sizing:border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
img 								{ max-width: 100%; height: auto;width: auto\9;}
/* = Global
--------------*/	

@font-face {
    font-family: 'HelveticaLight';
    src: url('../fonts/HelveticaNeueLTStd-MdCn.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'HoeflerTextItalic';
    src: url('../fonts/Hoefler Text Italic.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}


@font-face {
    font-family: 'HoeflerTextRegular';
    src: url('../fonts/Hoefler Text Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'HoeflerText';
    src: url('../fonts/Hoefler Text.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

a:focus {
	outline: none;
}
body{color:#1a1a18;
	font:14px/21px  "myriad Pro";/* background:#f1f0e9 url(../images/bg.jpg) repeat-y top;*/}

#wrapper{ width:100%;
		 float:left; 
		 margin-top:-12px; 
		 padding:0px;
		 background:#f2eee7  url(../images/Backgrnd1.jpg) no-repeat right;
		  height:1035px;
		  }
.header{ width:100%;
		 float:left;
		 float:left;
		 margin:0px; height:auto;
		 padding-top:39px;
	position: absolute;
	z-index: 9999;

		 }

.logo{float:left;
		width:100%;
		margin:0px;
		padding:0px;}
.logo img{ max-width:100%; height:auto;}
		
		
/*************************
*******Header******
**************************/
.navbar.navbar-defaul{
  border: 0;
  border-radius: 0;
  margin-bottom: 0;
}
.navbar.navbar-default .navbar-toggle {
  margin-top: 32px;
}
.navbar.navbar-default .navbar-brand {
  height: auto;
  padding: 0px 0px 10px;
}
@media only screen and (min-width: 768px) {
  #main-menu.navbar-default { padding-top:15px;
    background:none;
  }
  #main-menu.navbar-default .navbar-nav > li > a {
    padding-top:9px; color: #6c6c6c; font-family:"myriad Pro"; font-size:12px; font-weight:600;
    padding-bottom:9px;
  }
  #main-menu.navbar-default .navbar-nav > li.active > a,
  #main-menu.navbar-default .navbar-nav > li.open > a,
  #main-menu.navbar-default .navbar-nav > li:hover > a {
    background:#f8d02c;
    padding-top:9px;
	color:#FFF;
  /*  border-bottom: 3px solid #f8d02c;*/
  }
  #main-menu.navbar-default .dropdown-menu {
    padding: 0 20px;
    min-width: 220px;
    /*background-color: rgba(26, 28, 40, 0.9);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    background-clip: inherit;*/
  }
  #main-menu.navbar-default .dropdown-menu > li {
    border-left: 3px solid transparent; 
    margin-left: -20px;
    padding-left: 17px;
    -webit-transition: border-color 400ms;
    transition: border-color 400ms;
  }
  #main-menu.navbar-default .dropdown-menu > li > a {
    border-top: 1px solid #404455;
    padding: 15px 0;
    color: #6c6c6c; font-family:"myriad Pro"; font-size:12px;
  }
  #main-menu.navbar-default .dropdown-menu > li:first-child > a {
    border-top: 0;
  }
  #main-menu.navbar-default .dropdown-menu > li.active,
  #main-menu.navbar-default .dropdown-menu > li.open,
  #main-menu.navbar-default .dropdown-menu > li:hover {
    border-left-color: #45aed6; 
  }
  #main-menu.navbar-default .dropdown-menu > li.active > a,
  #main-menu.navbar-default .dropdown-menu > li.open > a,
  #main-menu.navbar-default .dropdown-menu > li:hover > a {
    color: #45aed6;
    /*background-color: transparent;*/
  }
}
		
		
.banner_txt{ width:100%;
			 float:left; margin:0px; 
			 padding-top:30%;
			 }
.banner_txt h1{ color:#6c6c6c; 
				font-size:50px; 
				font-family:'HoeflerTextRegular'; 
				line-height:45px;
				}
.banner_txt h2{color:#6c6c6c;
			 font-size:45px; 
			 font-family:'HoeflerTextItalic';
			 }
.banner_txt h3{color:#6c6c6c;
			 font-size:32px; 
			 font-family:'HoeflerTextRegular'; margin-top:15px;  margin-bottom:15px;
			 }
.banner_txt p{color:#6c6c6c; 
			  font-size:17px; 
			  font-family:'HoeflerTextRegular';
			   margin-top:10px;
			   }
.bottom_bx{ width:100%;
			  margin:0px; padding-top:5%;
			  }
.requestBX{ background:#f8d02c;
			 float:left; 
			 margin-right:20px;
			 margin-top:20px; margin-bottom:10px;
			 /*color:#FFF; font-family:"myriad Pro";
			  font-size:12px; padding-top:10px; 
			  width:140px; height:40px; 
			  text-align:center; */}
			  
.see_prodct{  margin-top:20px;  margin-bottom:10px;
			/* color:#FFF; font-family:"myriad Pro";
			  font-size:12px; padding-top:10px; 
			  width:140px; height:40px; 
			  text-align:center;*/ }
.bottom_bx p{color:#6c6c6c;
			  font-size:27px;
			  font-family: 'HoeflerTextItalic';
			   margin-top:25%; font-weight:500;
			   }
#provider_BX{ width:100%;
			  margin:0px; 
			  padding-top:40px;
			   background:#f3f2f3;
			   }
.siteDoes{ width:100%;
		 float:left; 
		 margin:0px;  
		 padding:0px;}
.siteDoes_left{ width:100%;
				 float:left; 
				 margin:0px; 
				 padding:0px;
				 }
.bar-heading span {
				padding:0px 0px 25px 0px;
				display:inline-block;
					border:0px;
		position:relative;
			}


	 .bar-heading span:before {
		  border-bottom: 1px solid #efc336;
    box-shadow: 0 1px 0 #efc336;
    content: "";
    float: left;
    position: absolute;
    top: 84%;
    width: 46px;
	}
/*.siteDoes_left h1{ color:#6c6c6c;  border-bottom:1px solid #efc336;
				  font-size:36px; 
				  line-height:37px;width:100px;
				  font-family:'HoeflerTextItalic';
				  }*/
	
.siteDoes_right{width:100%; float:left; margin:0px; padding:0px;}
.siteDoes_right { color:#6c6c6c;
				  font-size:16px; 
				  line-height:22px; 
				  font-family:"myriad Pro";
				  }
#img_box{ width:100%; float:left;margin:0px; padding-top:20px;
}
.imgFirst{ width:100%; float:left;margin:0px; padding:0px;}
.browse{ width:100%; 
		 color:#6c6c6c; 
		 font-family:"myriad Pro"; 
		 font-size:13px; 
		 font-weight:600; 
		 text-align:center; margin-top:60px;margin-bottom:60px;
		 }
#second_menu_box{ width:100%; margin:0px; padding-top:5px;}
.second_nav_section{width:100%; float:left; margin:0px; padding-top:15px;}
.sun_logo{ float:left;
		width:auto;
		margin:0px;
		padding:0px;}
.second_nav{ width:100%; padding-top:20px;}
#client_box{ width:100%; 
			 margin:0px; 
			 padding-top:65px; 
			 background:url(../images/Opac-Box.jpg) repeat-x top center;
			 }
.client_txt{width:100%; float:left; margin:0px; padding:0px; text-align:center;} 
.client_txt h1{ color:#FFF; font-family:'HoeflerTextRegular'; font-size:39px; }
.client_txt p{ color:#FFF; 
				font-family:'HoeflerTextRegular'; 
				font-size:18px;
				line-height:23px; 
				font-weight:400;
				}
.black_box{ width:100%; margin:0px;
		padding:24% 14% 25% 14%;}
.black_opac{ background:url(../images/Black-Opac-Box.png) no-repeat; 
			 width:100%; 
			height:344px; 
			 text-align:center;
			 padding-top:8%;
			  }
.black_opac p{ color:#fff;
			 font-size:16px; 
			  font-family:'HelveticaLight';
			  line-height:24px;
			  }
.melody_box{width:100%;
		   margin:0px; 
		    padding-left:35%;
			 padding-top:5%;
			 }
.melody_box p{ font-size:12px;
				 margin:0px !important; 
				 padding:0px;
				 font-family: 'HelveticaLight';}
.melody_pic{ float:left;width:auto; margin:0px;}
.melody_txt{ float:left;width:auto; margin:0px;}
.melody_txt p{color:#fff; 
			  font-size:13px; 
			  line-height:20px;
			  font-family:'HoeflerTextRegular';
			   text-align:left; 
			   padding-left:5%;
			   }

#aboutUs-box{ width:100%;
			  background:#efc336 url(../images/Sun.jpg) no-repeat left; 
			  }
.About_us{ width:100%; margin:0px; padding-top:57px; text-align:center;}
.About_us p{ color:#FFF; 
				font-family:"myriad Pro"; 
				font-size:18px;
				font-weight:400;}
.About_us h1{color:#FFF;
			   font-family:'HoeflerTextRegular';
			    font-size:36px; 
				line-height:30px; margin-top:12px;
				 } 
.icon_box{ width:100%; 
		   margin:0px; 
		   padding-top:45px; 
		   float:left;
		   }2
.resource{ width:100%;  margin:0px; padding:0px;}
.resource h1{color:#4e4e4e; text-align:center;
			   font-family:'HoeflerTextItalic';
			    font-size:30px; font-weight:500;  
				line-height:30px; margin-top:20px;}

.resource p{color:#3d3d3d; text-align:center;
				 font-family: 'HelveticaLight';
				font-size:14px;
				font-weight:400; line-height:18px;
				/*padding:0px 15px;*/ margin-top:15px;
				}
.resource h3{color:#4e4e4e; text-align:center; 
				font-family:'HoeflerTextRegular'; 
				font-size:24px;
				font-weight:400;
				}				

.more_btn{ width:100%;
		   text-align:center;
		    padding-top:35px; margin-bottom:55px;
			}
.bar-border span {
	padding:5px 0px 10px 0px;
				display:inline-block;
					border:0px;
		position:relative;
			}


	 .bar-border span:before {
		  border-bottom: 1px solid #b79d46;
    content: "";
    float: left;
    position: absolute;
    top: 84%;
    width:120px;
	left:-10%;
	margin:7px 0px 0px 0px;
		
	}
	.photo{height:140px; text-align:center;}
	.bar-border2 span {
	padding:5px 0px 10px 0px;
				display:inline-block;
					border:0px;
		position:relative;
			}
	.bar-border2 span:before {
		  border-bottom: 1px solid #b79d46;
    content: "";
    float: left;
    position: absolute;
    top: 84%;
    width:120px;
	left:-32%;
	margin:7px 0px 0px 0px;
		
	}

	.bar-border3 span {
	padding:5px 0px 10px 0px;
				display:inline-block;
					border:0px;
		position:relative;
			}
	.bar-border3 span:before {
		  border-bottom: 1px solid #b79d46;
    content: "";
    float: left;
    position: absolute;
    top: 84%;
    width:120px;
	left:-30%;
	margin:7px 0px 0px 0px;
		
	}
	.bar-border4 span {
	padding:5px 0px 10px 0px;
				display:inline-block;
					border:0px;
		position:relative;
			}
	.bar-border4 span:before {
		  border-bottom: 1px solid #b79d46;
    content: "";
    float: left;
    position: absolute;
    top: 84%;
    width:120px;
	left:-54%;
	margin:7px 0px 0px 0px;
		
	}
	

#footer{ width:100%; background:#312b29 url(../images/footer-bg.jpg) no-repeat center; height:700px;}
.footerBx{ width:100%; text-align:center; padding-top:78px;}
.footerBx h1{color:#FFF;
			   font-family:'HoeflerTextRegular';
			    font-size:34px; margin-top:9%; margin-bottom:36px;
				 }
.footerBx p{ color:#FFF; 
				font-family:'HelveticaLight';
				font-size:15px;}
.socialBx{ width:100%; float:left;text-align:center; padding-top:5%;}
.socialBx a{ padding-right:18px;}
.inform_box{width:100%; float:left; margin-top:5%; padding:0px; border-bottom:1px solid#898989;}
.contact_us{ width:100%; float:left;}
.contact_us h3{ color:#747473; font-size:17px; margin-bottom:7px; font-family: 'HelveticaLight';}
.contact_us p{ color:#fff; font-size:12px; line-height:17px; font-family: 'HelveticaLight';}
.footer_bottom{ width:100%; margin:0px; padding-top:16px;}
.footer_bottom p{ float:left; font-family:arial; font-size:12px; color:#FFF; margin-right:7px; font-family: 'HelveticaNeueLTStd-MdCn';}
.margin{ margin-right:-23px;}

/*back to top buttom*/
a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #27AE61 url(../images/up-arrow.png) no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
a:hover.back-to-top {
	background-color: #000;
}


/*css for about us page*/

#Abot-wrapper{ width:100%;
		 float:left; 
		 padding:0px;
		 margin-top:60px; margin-bottom:20px;
		  }
.Abot-header{ width:100%;
		 float:left;
		 margin:0px; height:auto;  
		 padding-top:39px;
		 }
.aboutDiv{ width:100%; float:left; margin:0px; padding:0px;}
.aboutDiv h1{ color:#6c6c6c; font-size:38px;
				font-family:'HoeflerTextRegular';
             }
.about_usTxt{ width:100%; margin-top:0px; padding-top:40px;}
.about_usTxt p{color:#6c6c6c; font-size:15px; margin-bottom:25px; font-weight:500; line-height:23px;
				font-family:"myriad Pro";}
.about_usTxt h1{color:#f8d02c; font-size:21px; margin-bottom:25px; font-weight:500;
				font-family:'HoeflerTextRegular';}
.about-pic{ width:100%; margin-bottom:25px;}
.siteDoes p{ color:#6c6c6c;
			 font-size:15px;
			  margin-bottom:25px; 
			  margin-top:20px;
			   font-weight:500;
			    line-height:23px;
				font-family:"myriad Pro";}
.julia_section{width:100%; float:left;
			   margin:0px; 
			   padding-top:25px; 
			   margin-bottom:20px;
			   }
.julia_section p{ color:#6c6c6c;
				 font-size:15px;
				  margin-bottom:25px;
				   margin-top:20px; 
				   font-weight:500; 
				   line-height:23px;
				font-family:"myriad Pro";
				}
.yello-box{ width:100%;
			  background:#f7d02a; padding-bottom:20px; 
			  }
.yello-box p{ color:#fff;
			 font-size:18px;
			  margin-bottom:0px;
			   margin-top:30px; 
			   font-weight:500; 
			   line-height:23px;
				font-family:'HoeflerTextRegular';
				 }
#about-footer{ background:#312b29;
				 width:100%;
				  margin:0px; 
				  padding:0px;
				  }
.icon-box{width:100%; 
			margin-top:25px; 
			padding:0px;
			border-bottom:1px solid#898989; 
			padding-bottom:20px;
			}
	
/*css for equipment page*/
.avaya{ width:100%;
		 float:left; 
		 margin-bottom:40px;  
		 padding:0px;}
.avaya h1{color:#f8d02c; font-size:21px; margin-bottom:23px; font-weight:500;
				font-family:'HoeflerTextRegular';}
.avaya p{ float:left; margin-right:100px; margin-bottom:10px;}
.cisco{width:100%; float:left;
			   margin:0px; 
			   padding-top:25px; font-family:"myriad Pro";
			   
			   }
.Plantronicslogo{ text-align:center; width:100%;margin-top:60px; margin-bottom:20px;}
.Plantronicslogo p{ float:none; text-align:center; color:#6c6c6c; font-size:17px;font-family:"myriad Pro"; font-weight:500; }

/*css for contact page*/
.contact_bx{ width:100%; margin-top:0px; padding-top:40px;}
.contact_bx p{color:#6c6c6c;
			  font-size:15px;
			   margin-bottom:20px;
			    font-weight:500; 
				line-height:23px;
				font-family:"myriad Pro";
				}
.contact_bx h1{color:#f7d02a;
			 font-size:18px;
			  margin-bottom:20px;
			   font-weight:500;
				font-family:'HoeflerTextRegular';
				}
.form-box{width:400px;
		 float:left; 
		 margin-bottom:40px;  
		 padding:0px;}
.first-nameBX{width:100%;
		 float:left; 
		 margin-bottom:20px;  
		 padding:0px;}
.nomarin{padding:0px;}		 
.first-name{ float:left; width:100%;margin-bottom:20px;}
.first-name input{ border:1px solid #cec6be; border-radius: 5px;
				  background:none;
				  width:100%;
				   height:28px;
				   padding-left:10px; 
				   color:#cec6be;
				   }
.email{ float:left;
	    width:97.5%; 
		margin:0px; 
		padding:0;
		}
.email input{ border:1px solid #cec6be;
				 background:none;
				  width:100%; 
				  height:28px; 
				  padding-left:10px;
				  color:#cec6be;
				  border-radius: 5px;
				  }
.message{ float:left; width:97.5%; margin:0px; padding:0;}
.message textarea{ border:1px solid #cec6be;
				 background:none; 
				 width:50%; 
				 width:100%;
				 padding-left:10px; 
				 color:#cec6be;border-radius: 5px;
				 }
.sendbtn{float:left; width:100%; margin:0px; padding:0;}


/*css for careers page*/
.job-box{ width:100%;
		  float:left; 
		  margin:0px; 
		  padding:0px;
		  border:1px solid #cec6be;
		   border-radius:10px;
		  }
.job-title{ width:100%; background:#f7d02a;
		  float:left; 
		  margin:0px; 
		  padding:20px 25px; border-top-right-radius:10px;border-top-left-radius:10px;
		  border-bottom:1px solid #cec6be;
		  }
.Titl{ width:33%; float:left; margin:0px; padding:0px;
	
	  }
.Titl h2{ color:#FFF;
			 text-transform:uppercase; font-size:14px; font-weight:500;}
.sale-bx{ width:100%;float:left; 
		  margin:0px; 
		  padding:25px;}
.sale-bx p{ width:60%;float:left; font-size:13px; 
		  margin:0px; 
		  padding:0px;}
.sale-bx01{ width:100%;float:left; color:#6c6c6c; font-size:14px; font-weight:600;  
		  padding:0px; margin-bottom:20px;font-family:"myriad Pro"; }

.bannerbutton{
	background-color: #f3f0eb;
	height: 45px;
	border: 2px solid #fff;
	text-transform: uppercase;
	padding: 12px 10px ;
	margin: 20px;
	color: #6c6c6c;
}
.bannerbutton:hover{
	background-color: #f8d02c;
	color: #fff;
}
.sticky {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 100;
	border-top: 0;
}
.navmenu{
	background-color: #fff;
}