@charset "utf-8";
a {
   color: #333;
   text-decoration: none;
}
a,
a:focus,
a:hover,
a:active {
   outline: 0 !important;
}
a:focus {
  text-decoration: none;
}
a:hover {
   color: #06F;
   text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	color: #333;
	margin-top: 5px;
	text-shadow: none;
	font-weight: normal;
}

h1 i, h2 i, h3 i, h4 i, h5 i, h6 i {
	 margin-right: 5px;
}
.no-margin{margin:0;}
.margin-bottom-5,
.margin-bottom-10,
.margin-bottom-15,
.margin-bottom-20,
.margin-bottom-25,
.margin-bottom-30,
.margin-bottom-35,
.margin-bottom-40,
.margin-bottom-45,
.margin-bottom-50,
.margin-bottom-55,
.margin-bottom-60,
.margin-bottom-100 {
	 clear:both;
}
.margin-bottom-5  { margin-bottom:5px;}
.margin-bottom-10 { margin-bottom:10px;}
.margin-bottom-15 { margin-bottom:15px;}
.margin-bottom-20 { margin-bottom:20px;}
.margin-bottom-25 { margin-bottom:25px;}
.margin-bottom-30 { margin-bottom:30px;}
.margin-bottom-35 { margin-bottom:35px;}
.margin-bottom-40 { margin-bottom:40px;}
.margin-bottom-45 { margin-bottom:45px;}
.margin-bottom-50 { margin-bottom:50px;}
.margin-bottom-55 { margin-bottom:55px;}
.margin-bottom-60 { margin-bottom:60px;}
.margin-bottom-100 { margin-bottom:100px;}
@media (max-width: 768px) {
	.margin-bottom-10 {
		margin-bottom: 10px;
	}
	.margin-bottom-20 {
		margin-bottom: 10px;
	}
	.margin-bottom-30 {
		margin-bottom: 15px;
	}
	.margin-bottom-40 {
		margin-bottom: 20px;
	}
	.margin-bottom-50 {
		margin-bottom: 25px;
	}
	.margin-bottom-60 {
		margin-bottom: 30px;
	}
}


/*Text Colors
------------------------------------*/
.color-red { color: #e74c3c;}
.color-blue { color: #0099e6;}
.color-grey { color: #95a5a6;}
.color-dark { color: #555;}
.color-green { color: #72c02c;}
.color-white { color: #fff;}
/*Grey Backroud*/
.bg-grey {
	background: #F4F4F4;
	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
}
.bg-dark {
	background: #0A0D20;
}
.content-xs {
	padding-top: 20px;
	padding-bottom: 20px;
}

.content {
	padding-top: 40px;
	padding-bottom: 40px;
}

.content-sm {
	padding-top: 60px;
	padding-bottom: 60px;
}
@media (max-width: 768px) {
	.content {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.content-sm {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

.header {
  background-color: transparent;
  padding-top:30px;
  padding-bottom:30px;
  transition: all 0.3s ease-in-out 0s;
}

.header .navbar-toggle {
  border:0;
}
.header .navbar-toggle:hover,
.header .navbar-toggle:focus {
  background-color: transparent;
}
.header .navbar-toggle .icon-bar {
  background-color: #fff;
}

.header .navbar-nav > li > a {
  color: #fff;
  font-size:17px;
}
.header .navbar-nav > li > a:hover,
.header .navbar-nav > li > a:focus {
  color: #1671ce;
  background-color: transparent;
}
.header .navbar-nav > .active > a,
.header .navbar-nav > .active > a:hover,
.header .navbar-nav > .active > a:focus {
  color: #1671ce;
  /*background-color: #e7e7e7;*/
}
.header-sticky{
	background-color: #fff;
	padding-top:5px;
	padding-bottom:5px;
	box-shadow: 0 0 3px #b5b5b5;
	
}
.header-sticky .navbar-nav > li > a {
  color: #333;
}
.header-sticky .navbar-nav > li > a:hover,
.header-sticky .navbar-nav > li > a:focus {
  color: #1671ce;
  background-color: transparent;
}

@media (max-width: 768px) {
  .header {
	background-color: transparent;
	padding-top:0px;
	padding-bottom:0px;
  }
  .navbar-collapse{background:#f8f8f8;}
  .header .navbar-nav > li > a {
	color: #333;
	font-size:17px;
  }
  .header-sticky{
	  background-color: #fff;
	  
  }
  .header-sticky .navbar-toggle .icon-bar {
  background-color: #333;
}
}

.footer{background:#3A3F4B; padding:50px 0;}
.footer h2,.footer h4{color:#fff;}
.footer p{font-size:18px; color:#fff;}

/*Interactive Slider v2
------------------------------------*/
.interactive-slider-v2 {
  position: relative;
}


/*.interactive-slider-v2:after {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: rgba(0,0,0,.4);
}*/
.interactive-slider-v2 h1 {
  color: #fff;
  font-size: 70px;
  font-weight: 600;
  line-height: 80px;
  text-transform: uppercase;
}

.interactive-slider-v2 p {
  color: #fff;
  font-size: 24px;
  font-weight: 200;
  font-family: "Open Sans", Arial, sans-serif;
}

@media (max-width: 768px) {
  .interactive-slider-v2 h1 {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px;
  }
}

/*Headline Center*/
.headline-center {
	text-align: center;
	position: relative;
}

.headline-center h2 {
	color: #555;
	font-size: 38px;
	font-weight:bold;
	letter-spacing:2px;
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 15px;
}

.headline-center h2:after {
	left: 50%;
	z-index: 1;
	width: 60px;
	height: 4px;
	content: " ";
	bottom: -5px;
	margin-left: -30px;
	text-align: center;
	position: absolute;
	background: #0129BF;
}
.headline-center p{font-size:38px; color:#718BDD; margin-top:35px; margin-bottom:40px;}
.headline {
	display: block;
	margin: 10px 0 25px 0;
	border-bottom: 1px solid #305CD7;
}

.headline h3 {
	display: inline-block;
	background:#305CD7;
	font-size: 24px;
	color:#fff;
	padding:10px 20px;
	margin:0;
}
.bg-dark .headline-center h2,
.bg-map .headline-center h2 {
	color: #fff;
}

.bg-dark .headline-center h2:after,
.bg-map .headline-center h2:after {
	background: #fff;
}
.bg-dark .headline-center p,
.bg-map .headline-center p{font-size:38px; color:#fff; margin-top:35px; margin-bottom:40px;}

@media (max-width: 768px) {
  .headline-center h2 {
    font-size: 28px;
  }
  .headline-center p{font-size:18px;}
}

.img-responsive{width:100%;}
.bg-dark{background:url(../images/bg.jpg) no-repeat center center #000521;}
.bg-map{background:url(../images/bg2.jpg) no-repeat center center #3A3F4B;}

.tech{
	width:100%;
	height:200px;
	background-color:#3A3F4B;
	background-image:url(../images/icon.png);
	background-repeat:no-repeat;
	background-position:20px 30px;
	padding:60px 20px 30px 20px;
	font-size:16px;
	line-height:1.8;
	color:#fff;
	margin-bottom:30px;
}

.case{background:#F2F2F2;}
.case .nav-tabs{border:none;}
.case .nav-tabs > li {
  width:50%;
  text-align:center;
}
.case .nav-tabs > li > a {
  margin-right: 0px;
  padding:20px 0;
  font-size:26px;
  border: 0;
  border-radius: 0;
}
.case .nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.case-left .nav-tabs > li.active > a,
.case-left .nav-tabs > li.active > a:hover,
.case-left .nav-tabs > li.active > a:focus {
  color: #fff;
  cursor: default;
  background-color: #0067CA;
  border: 0;
}
.case-right .nav-tabs > li.active > a,
.case-right .nav-tabs > li.active > a:hover,
.case-right .nav-tabs > li.active > a:focus {
  color: #fff;
  cursor: default;
  background-color: #4020CD;
  border: 0;
}

.case .tab-content{padding:30px;}
.case p{font-size:18px; line-height:1.8;}
.case-type{padding:20px 40px; text-align:center;}
.label-case{
	display:block;
	border-radius:0; 
	font-size:28px; 
	font-weight:normal;
	padding:20px 40px;
}
.case-left .label-case{
	background-color:#0044D4;
}
.case-right .label-case{
	background-color:#4020CD;
}
@media (max-width: 768px) {
	.case .nav-tabs > li > a {
	  font-size:18px;
	  padding:10px 0;
	}
	.label-case{
		font-size:20px; 
		padding:15px 20px;
	}
}

.product .nav-pills li a {
	color: #333;
	font-size: 30px;
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom: 10px;
	background: #EFEFEF;
}

.product .nav-pills li a:hover,
.product .nav-pills li.active a {
	color: #fff;
	background: #0049D2;
	background: -webkit-linear-gradient(left, #0044D4, #00D3AD);  
　　background: -moz-linear-gradient(left, #0044D4, #00D3AD);  
　　background: -o-linear-gradient(left, #0044D4, #00D3AD);  
　　background: -ms-linear-gradient(left, ##0044D4, #00D3AD);  
　　background: linear-gradient(left, #0044D4, #00D3AD); 
}
.product .nav-pills li .icon{font-size:46px; vertical-align:middle; margin-right:10px;}
.product .tab-content{
	padding:20px 50px;
}
.product h4{font-size:36px; margin-bottom:20px;}
.product p{font-size:18px; line-height:2;}
@media (max-width: 768px) {
	.product .nav-pills li a {
		font-size: 18px;
		padding-top:10px;
		padding-bottom:10px;
	}
	.product .nav-pills li .icon{font-size:28px;}
	.product .tab-content{
		padding:10px 10px;
	}
	.product h4{font-size:28px;}
}
.news .thumbnail{padding:10px; border:0;}
.news .thumbnail:hover h4{color:#1671ce}
.news h4{font-size:16px; line-height:24px; margin-top:10px; min-height:50px;}
.newsbtn {
	font-size:18px;
	color: #fff;
	padding:10px 30px;
	border-radius:6px;
	background: #0049D2;
	background: -webkit-linear-gradient(left, #0043D4, #00A2BA);  
　　background: -moz-linear-gradient(left, #0043D4, #00A2BA);  
　　background: -o-linear-gradient(left, #0043D4, #00A2BA);  
　　background: -ms-linear-gradient(left, ##0043D4, #00A2BA);  
　　background: linear-gradient(left, #0043D4, #00A2BA); 
}
.newsbtn:hover,
.newsbtn:focus,
.newsbtn:active{
	color:#fff;
}
.about{padding:60px 80px; background:rgba(245,245,245,0.7);}
.about p{font-size:20px; color:#000; line-height:1.8; text-indent:2em; margin-bottom:30px;}
@media (max-width: 768px) {
	.about{padding:15px; background:rgba(245,245,245,0.7);}
	.about p{font-size:18px; color:#000; line-height:1.8; text-indent:2em; margin-bottom:30px;}
}