@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}

.logoheader{margin-top:60px; background-color:#fff; padding:10px 0px;}

@media all and (max-width: 600px) {
    .logoheader { margin-top:100px; }
}

.socialinfo{margin-left: 0px !important; margin-right:0px !important;}
#myNavbar{margin-top: 5px;}

/*.navbar-default{background-color: #2475A8 !important; color: #FFFFFF !important;}
.navbar-default .navbar-nav > li > a { color: #FFF !important; padding: 15px !important; line-height: 10px !important;}
	.navbar {margin-bottom: 0px !important;}
	

.navbar-nav{margin-top:5px 20px !important;}
.navbar-nav li{margin:5px !important;}*/

.dropdown-menu {
	min-width: 200px;
}
.footermain{margin-top: 65px}
.dropdown-menu.columns-2 {
	min-width: 700px;
}
.dropdown-menu.columns-3 {
	min-width: 600px;
}
.dropdown-menu li a {
	padding: 5px 15px;
	font-weight: 300;
	
}
.navbar-nav > li > .dropdown-menu {

    margin-top: 10px !important;
}
li{list-style-image: url(images/arrow.png);}
.multi-column-dropdown{list-style-type: none;}
.dropdown .dropdown-menu li a{
	color: #1972a9 !important;
	border-radius: 0px !important;
}
.multi-column-dropdown {
	list-style: none;
	background-color: #FFF;
	padding: 0px !important;
}
.multi-column-dropdown li {
	border-bottom: 2px solid #F9F9F9;
	border-radius: 20px;
}
.multi-column-dropdown li a {
	display: block;
	clear: both;
	line-height: 1.428571429;
	color: #FFF;
	white-space: normal;
}
.multi-column-dropdown li a:hover {
	text-decoration: none;
	color: #FFFFFF !important;
	background-color: #1972a9;
	border-radius: none !important;
}
 
@media (max-width: 767px) {
	.dropdown-menu.multi-column {
		min-width: 240px !important;
		overflow-x: hidden;
	}
}
@media (max-width: 311px){
	.navbar-nav {
    margin: 0px 0px !important;
	}
	.col-sm-6{
		padding-left:0px !important;
		padding-right:0px !important;
	}
}


.navbar-toggle {
    border-color: none !important;
}
.navbar{margin-bottom:0px !important;}
.footer li{list-style-image: none !important;}
.navbar-nav li{margin:5px !important; list-style-image: none !important;}
@media (max-width: 311px){
	.multi-column-dropdown li{margin:0px 0px 0px 0px !important;}
}
.navbar-nav li a{padding:15px !important; line-height: 10px !important;}
.navbar-default{
    background: -webkit-linear-gradient(#1972a9, #1972a9, #1972a9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#1972a9, #1972a9, #1972a9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#1972a9, #1972a9, #1972a9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#1972a9, #1972a9, #1972a9); /* Standard syntax (must be last) */}

.navbar-default /*.navbar-toggle */.icon-bar {
    background-color: #FEFEFE !important;
}
.navbar-toggle {
    position: left !important;
    float: left !important;
    padding: 15px 15px !important;
    margin: 0px !important;
    background-image: none;

    border-radius: 0px !important;
}

#havbar2{
    position: relative !important;
    float: right !important;
    padding: 9px 10px !important;
    margin-top: 6px !important;
    margin-right: 5px !important;
    margin-bottom: 8px;
    background-image: none;
    border: none !important;
    border-radius: 4px;
	font-size:20px;
}

.navbar-nav li a{color: #FFFFFF !important; border-radius: 4px !important;}
.navbar-nav:active{ color: #000000 !important;}

.navbar-default .navbar-nav > .active > a {
    color: #000000 !important;
	
    background-color: #FFFFFF !important;
	
}
.simply-scroll .simply-scroll-clip {
    width: 97%;
    height: 200px;
    margin-left: 5px !important;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #000000 !important;

	background-color:#FFFFFF !important;
}
.navbar-collapse {
    padding-right: 0px !important;
    padding-left: 0px !important;
	
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: none !important;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}






.welcomebox{margin-top:40px; background-color:#FCFCFC; height:auto;padding: 10px; border-radius:5px;}
.welcomebox h1{font-size:24px; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
p{text-align:justify; font-family:Arial, Helvetica, sans-serif; line-height:23px;}
.spn{color:#1D72A8;}
.newright{margin-top:40px; border:3px solid #1D72A8; border-radius: 4px; height:auto; }
.newright h3{background-color: #5091BA; margin-top:0px !important; color: #FFFFFF; text-align:center; padding: 5px; }
.newright p{padding:8px; text-align:left; }
.divider_line4.two {
    margin: 25px 0px 15px 0px;
}
.btn-default {
    color: #FFF !important;
    background-color: #2D688C !important;
    border: none !important;
}
.contactdetals{float:right; margin-top: 15px}
.form-group{border-radius:0px !important;}
.products li{list-style: none; display: inline-block;}
.divider_line4 {
    float: left;
    width: 100%;
    height: 3px;
    padding: 0px;
    margin: 15px 0px 15px 0px;
    background: url(images/h-lines2.png) repeat-x left top;
}
.clearfix {
    display: block !important;
}
#clients {
	background: url(images/client.png);
	padding:15px;
	}
#clients h3{color:#FFFFFF; padding-left:15px;}
#clients li{
	list-style: none; display: inline-block; padding:13px 20px 13px 20px ;}
@media (max-width: 310px) {
	#clients li {
		padding:13px 0px 0px 0px;
	}
}
.business1{padding:5px;}
.business1 h3{color:#327faf; font-size:24px;}
#cle{margin-top:50px;}
.busleft{border: 2px solid #327faf; height:auto; width:100%; float:left}
.busleft p{color: #000;}
.busleft img{
	z-index:9999; position:relative; top:-40px; left: -40px}


.busright{border: 2px solid #327faf; height:auto; width:100%; float:right;}
.busright img{z-index:9999; position:relative; top:-40px; left: -40px}

#testimonial{ float: left; display: inline; width: 100%;}
#testimonial h2{color: #327faf;}

.testimonial_area {
  display: inline;
  float: left;
  width: 100%;
  margin-top: 70px;
  margin-bottom: 150px;
}

.testimon_nav {
  margin-left: -39px;
  float: left;
  margin-top: 50px;
}
.testimon_nav li {
    display: block;
    float: left;
    margin-left: 37px;
    width: 46%;
}
.testimonial_content {
  background-color: #fcfcfc;
 /* border: 2px solid #327faf;*/
  border-radius: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05) inset, 0 1px 3px rgba(0, 0, 0, 0.125);
  min-height: 190px !important;
  padding: 18px 18px 33px;
  position: relative;
  margin-bottom:75px;
}
.testimonial_content:hover {
border: 2px solid #327faf;
cursor:pointer;

}
.testimonial_content blockquote:before {
  content: "";
  height: 40%;
  left: 18px;
  position: absolute;
  top: 18px;
  width: 5px;
}
.testimonial_content blockquote > p {
  color: #5e5e5e;
  font-size: 16px;
  font-weight: 300;
  text-align: justify;
}
.client_img {
  background: none repeat scroll 0 0 #fff;
  border: 2px solid #327faf;
  bottom: -47px;
  height: 90px;
  left: 40%;
  overflow: hidden;
  padding: 8px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
 transform: rotate(45deg);  
  width: 90px;
}
@media (max-width: 310px) {
	.client_img {
		left: 26%;
	}
}
.client_img > img {
  height: 100%;
  width: 100%;
  border-radius: 100%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
   -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
.client_img > img:hover{
   -webkit-transform: rotate(320deg);
  -moz-transform: rotate(320deg);
  -ms-transform: rotate(320deg);
  -o-transform: rotate(320deg);
   transform: rotate(320deg);
}
blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #327faf;
}


/*footer*/
@media all and (max-width: 600px) {
    .footer { background-image: none; }
}

.footer {float: left; width: 100% !important; padding-bottom: 18px;}
.footer{background: url(images/network.jpg); background-color: #000}
.footer h3 {	color: #fff;	font-weight: normal;	margin-bottom: 27px;}
.footer ul.list {	padding: 0px;	margin: 10px 0px 0px 0px;	list-style: none;}
.footer .list li {	margin: 0;	padding: 0px;	margin-top:5px;	line-height: 28px;	text-decoration:none;}
.footer .list li i {	margin-right: 4px;	font-weight: bold;}
.footer .list li a {	color: #FFFFFF;	text-decoration:none;}
.footer .list li a:hover {	color: #db5940;
}
.footer-bottom {
	background: #2475A8;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFFFFF;
}
.footer-bottom p.pull-left {
	padding-top: 13px;
}
.footer-bottom p.pull-right {
	padding-top: 13px;
}
.pull-right span{color:#F00;}

.ul.footer_social_links {
    float: left;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}
.social li {
	background: none repeat scroll 0 0 #3FA1DA;
	list-style: none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	float: right;
	height: 36px;
	line-height: 36px;
	margin: 14px 8px 0 0;
	padding: 0;
	text-align: center;
	width: 36px;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}
@media (max-width: 311px){
	.social li {
	background: none;
	
	height: 30px;
	line-height: 36px;
	margin: 8px 0px 0 0;
	padding: 0;
	text-align: center;
	width: 28px;
	
}
}
.social li:hover {
	transform: scale(1.15) rotate(360deg);
	-webkit-transform: scale(1.1) rotate(360deg);
	-moz-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
}
.social li a {
	color: #EDEFF1;
}
.social li:hover {
	border: 2px solid #2c3e50;
	background: #2c3e50;
}
.social li a i {
	font-size: 16px;
	margin: 0 0 0 5px;
	color: #EDEFF1 !important;
}

.productsfib{margin:5px;}
.productsfib h3 {margin-left:30px; color: #327FAF;}

.productsfib .row{margin-right: -20px !important;
margin-left: -20px !important;}


#access .menu {
	list-style: none;
	font-weight: normal;
	position: relative;
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	margin-top: 0px;
}
#access .menu select {
	border: 2px solid #eee;
	padding: 10px 10px 10px 10px;
	background-color: #f9f9f9;
	color: #333;
}
#access .menu ul {
	margin: 0px;
	list-style-type: none;
	position: relative;
	text-align: left;
	z-index: 1001;
	height: auto;
	margin: 9px 0px 9px 0px;
	float: right;
}
#access .menu ul li {
	position: relative;
	display: inline-block;
	padding: 0;
	z-index: 101;
	margin: 0px 14px 0px 0px;
	float: left;
}
#access .menu ul li.last {
	background: none;
}
#access .menu ul li a {
	display: inline-block;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 1;
	color: #3b3a39;
	margin: 0;
	padding: 10px 20px 10px 20px;
	text-align: center;
}
#access .menu ul li a i {
	margin-left: 4px;
}
#access .menu ul li a:hover {
	color: #fff;
	background-color: #185ea4;
	border-radius: 4px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
} 
#access .menu ul li a.active {
	color: #fff;
	background-color: #185ea4;
	border-radius: 4px;
}

#access .menu ul li ul {
	position: absolute;
	left: 0;
	height: auto;
	display: none;
	visibility: hidden;
	width: 194px;
	padding: 0;
	margin-top: -1px;
	text-align: left;
	background: #da231a;
	border-radius: 4px;
	border-top-left-radius: 0px;
}
#access .menu ul li ul li {
	display: list-item;
	float: none;
	background: none;
	padding: 0;
	margin: 0;
	height: auto;
}
#access .menu ul li ul li ul {
	top: 0;
}
#access .menu ul li ul li a {
	margin: 0;
	border: none;
	display: block;
	padding: 14px 17px 14px 17px;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	color: #fff;
	background: #da231a;
	width: 159px;
	text-align: left;
	border-bottom: 1px solid #f6f6f6;
	border-radius: 4px;
	border-top-left-radius: 0px;
}
#access .menu ul li ul li a:hover,
#access .menu ul li ul li.active a,
#access .menu ul li ul li a.selected {
	background: #f45048;
	border-bottom: 1px solid #f3f3f3;
	color: #fff;
	padding: 14px 17px 14px 17px;
	border-radius: 4px;
	border-top-left-radius: 0px;
}

#access .menu ul li ul li:last-child {
	border: none;
}
* html #access .menu {
	height: 1%;
}

.selectnav {display: none; width: 440px; margin-left: 20px;}
/*#trueHeader #logo{
	float:left;
	display:block;
	width:100%;
	height:62px;
	text-indent:-999em;
	background:url(images/logo.png) no-repeat left top;
}*/


.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth {
	position: relative;
	margin-right: 1%;
	float: left;
}
.one_full {
	width: 100%;
}
.one_half {
	width: 48%;
}
.one_third {
	width: 30.650%;
}
.one_fourth {
	width: 25.5%;
}
.one_fifth {
	width: 16.800%;
}
.two_third {
	width: 65.350%;
}
.three_fourth {
	width: 73%;
}

.last {
	margin-right: 0 !important;
	clear: right;
}


#header{background-color: #999;}

/* page title */
.page_title {
	float: left;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 15px;
	padding: 50px 0px;
	background: #272727 url(images/contactimg.jpg) no-repeat left top;
}
.page_title .title {
	width: 100%;
	float: left;
	text-align: left;
	margin: 0px;
}
.page_title .title h1 {
	margin: 0px 0px 0px 0px;
	background: none;
	font-weight: 300;
	color: #fff;
}
.page_title .pagenation {
	float: left;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
	color: #eee;
	margin: 4px 0px 0px 0px;
	padding: 0px;
}
.page_title .pagenation i {
	color: #999;
	margin: 0px 2px 0px 2px;
}
.page_title .pagenation a {
	padding: 0px 0px 0px 0px;
	color: #999;
}
.page_title .pagenation a:hover {
	color: #eee;
}

.comment_form {
	float: left;
	width: 690px;
	margin-top: 30px;
}
.blocklabel {
	float: left;
	width: 100%;
	display: block;
	margin-top: 10px;
}
.comment_form label{
	float: left;
	width: 90px;
	height: 15px;
	padding: 7px 10px;
	margin-bottom: 20px;
}
.input_bg {
	float: left;
	width: 90%;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	padding: 0px 0px 0px 10px;
	border-top: 2px solid #e1e1e1;
	border-left: 2px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #f9f9f9;
}
.textarea_bg {
	float: left;
	width: 90%;
	padding: 7px 10px 0px 10px;
	margin-bottom: 20px;
	border-top: 2px solid #e1e1e1;
	border-left: 2px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #f9f9f9;
}

.address-info {
	float: left;
	background-color: #f9f9f9;
	border: 1px solid #e1e1e1;
	padding: 20px 20px 10px 20px;
	width: 100%;
	margin-bottom: 40px;
}
.address-info a {
	color: #ff8100;
}
.address-info a:hover {
	color: #454545;
}

@media all and (max-width: 320px) {
    .pattren { margin-left:-14px; }
}


.google-map {
	width: 99%;
	height: 350px;
	border: 5px solid #fff;
	-webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

.address-info ul{list-style:none;}
.pattren {border: 1px solid #ccc;margin-bottom: 5px;}
.business_title {float: left;width: 100%;margin-top: 0px;margin-bottom: 15px;padding: 50px 0px;background: #272727 url(images/aboutbanner.jpg) no-repeat left top;}
.business_title .title {width: 100%;float: left;text-align: left;margin: 0px;}
.business_title .title h1 {margin: 0px 0px 0px 0px;background: none;font-weight: 300;color: #fff;}
.business_title .pagenation {	float: left;	width: 100%;	font-family: 'Open Sans', sans-serif;	font-weight: normal;	font-size: 12px;	text-align: left;	font-weight: normal;	color: #eee;	margin: 4px 0px 0px 0px;	padding: 0px;}
.business_title .pagenation i {	color: #999;	margin: 0px 2px 0px 2px;}
.business_title .pagenation a {	padding: 0px 0px 0px 0px;	color: #999;}
.business_title .pagenation a:hover {	color: #eee;}


.businessleft{background-color: #F9F9F9; width:100%; float:left; color: #2475A8;}
.businessleft h3{padding:10px;}
.produvtsright{background-color: #F9F9F9; width:100%;}


hr {margin:5px 20px 12px 20px !important;border: 0;border-top: 1px solid #eee;}
.businessleft img{margin:12px !important;}
.businessleft p{text-align:justify; padding: 0px 15px 0px 15px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; line-height:2;}
.businessleft .default{margin-left: 15px; color: #000;}
.businessleft li{margin-left: 15px;}
.btn{ margin:5px !important;}
.businessone li{ color: #000;}
.businessright{background-color: #F9F9F9; width:100%; float:left;}
.businessright h3 {padding: 10px; color: #2475A8;}
.businessright li{list-style:none; padding:12px 10px; }
.businessright li a{background-color:#2475A8; color: #FFF; padding:10px 15px; border-radius: 4px; text-decoration:none;}
@media (max-width: 300px) {
	.businessright li{
		padding:5px 6px;
		background-color:none;
	}
	.businessright li a{
	padding: 2px 5px;
	line-height: 21px;
	
	background-color:none;
	}
}
.businessright li a:hover{background-color:#FFFFFF; color: #2475A8; border:1px solid #2475A8;}

.product_title{float: left;width: 100%;margin-top: 0px;margin-bottom: 15px;padding: 50px 0px;background: #272727 url(images/product1.jpg) no-repeat left top;}
.product_title .title {width: 100%;float: left;text-align: left;margin: 0px;}
.product_title .title h1 {margin: 0px 0px 0px 0px;background: none;font-weight: 300;color: #fff;}
.visionmission{background-color: #F9F9F9; padding: 15px;}
.visionmission h3{color: #2475A8;}
.visionmission p{margin:15px;}
.vissioncontent {margin-top:15px;}

.vision_title{float: left;width: 100%;margin-top: 0px;margin-bottom: 15px;padding: 50px 0px;background: #272727 url(images/product1.jpg) no-repeat left top;}
.vision_title .title {width: 100%;float: left;text-align: left;margin: 0px;}
.vision_title .title h1 {margin: 0px 0px 0px 0px;background: none;font-weight: 300;color: #fff;}
#vissioncontent{margin-top:15px;}
.vision p{margin:10px;}
.mission{background-color: #F9F9F9; padding:5px;}
.mission p{padding:10px; background-color: #F9F9F9;}

/*--aboutus--*/
.about_title{float: left;width: 100%;margin-top: 0px;margin-bottom: 15px;padding: 20px 0px;background: #2475A8;}
.about_title .about {width: 100%;float: left;text-align: left;margin: 0px;}
.about_title .about h1 {margin: 0px 0px 0px 0px;background: none;font-weight: 300; color: #FFF;}
.aboutcontent{margin-top:15px !important;}

/*product1*/
#productinfo{background-color: #2475A8; padding: 10px; color: #FFF; }
#productcontent{margin-top:25px;}
.opticalsm{
	border:2px solid #f9f9f9; height:auto; padding:0px; float:left; margin-top: 5px; width:100%}

.opticalsm h4{ background-color: #2475A8; margin-top:0px; padding:15px; color: #FFF;}
.opticalsm p{text-align:justify; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height: 2;}
map{ border:2px solid #337ab7; float:left; width:100%; border-radius:5px; margin:10px;}
.footaddress{margin-top: 15px;}
.contact-info{color: #fff; list-style-type: none; line-height: 26px}