@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i);
@import url(https://fonts.googleapis.com/css?family=Raleway);
@import url(https://fonts.googleapis.com/css?family=Chewy|Rancho|Cutive);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC:300,400&display=swap');
/*************************
*******Typography******
**************************/
body {
	font-family:'Noto Sans TC', sans-serif;
	font-size: 14px;
	color: #6f6f6f;
	margin:0;
	padding:0;
	font-weight:300
}

p {
  	line-height:24px;	
}

strong {
	line-height:24px;	
}

a:focus, 
a:hover {
   text-decoration: none;
   outline: none;
}

h1, h2, h3, h4, h5, h6 {
   font-family: 'Open Sans' , sans-serif;
   font-weight: 300;
   text-transform: uppercase;
}

h2 {
   font-size: 36px
}

/*************************
*******Navigation******
**************************/
.navbar-brand {
    float: left;
    padding: 0px;
    font-size: 18px;
    line-height: 20px;
    height: 75px;
}

.navbar-toggle {
   margin-top: 12px
}

.navbar-toggle .icon-bar {
   background-color: #2a4ba3;
}

.navbar-toggle, 
.navbar-toggle:focus {
   border:2px solid #2a4ba3;
   outline: none;
}

.navbar-nav.navbar-right:last-child{margin-right:20px}

.navbar-default .navbar-static-top{
position:absolute;	
}

/*************************
*******Header CSS******
**************************/

.header-top {
  display: block;
  overflow: hidden;
  padding: 10px 25px 10px 25px;
  background:#2a4ba3;
  color:#fff
}

.header-top a{
color:#fff !important;
font-weight:400	
}

.header-top i.fa{
color:#fff	
}

.social-icons i.fa-facebook{
font-size:18px	
}

.social-icons i.fa-twitter{
font-size:18px	
}

.main-nav {
  position: absolute;
  width: 100%;
  z-index: 999;
}

.main-nav 
.container {
  width: 100%
}

.navbar-brand {
   height: 85px;
  position: relative;
  width:321px;
  margin-left:55px;
}

.navbar-brand img {
  position: absolute;
  top:15px;
  height:50px
  }

.navbar-right {
   padding:0 15px 0 0;
  opacity: .9
}

.navbar-right li a {
  padding: 30px 0px 10px 0px;
  font-size: 16px;
  color:#717171;
  font-family: 'Raleway', sans-serif;
  margin-right:25px;
  margin-bottom:20px;
  font-weight:700;
  }

.navbar-right li a:hover {
 background:none
}

.navbar-right > li > a:before {
  background-color: transparent;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  height: 2px;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
  width: 0;
}

.navbar-right > li > a:hover:before {
  background-color:#2a4ba3;
  content: "";
  width:100%;
  }
  
  .navbar-right > .active > a:hover:before{
  background:none;
  width:0%
  }
 
.navbar-right > li.current > a {
  color: #2E2E2E;
  padding: 10px 0px;
  margin: 0px 40px 0px 0px;
}



.navbar-right > .active > a:before,
.navbar-right > .active > a:focus:before{
  content: "";
  position: absolute;
  bottom: 0px;
  background:#0098db;
}

.navbar-right > .active > a{
	border-bottom:1px solid #d2d2d2;
	padding-top:29px;
	padding-bottom:8px;
	margin-right:20px;
			}
	
.navbar-right > .active > a:after {
	content: '';
    position: absolute;
    display: block;
    width: 20px;
    height:2px;
    background:#2a4ba3;
    bottom:-1px;
    left: calc(50% - 10px);
	}

.navbar-right > .active > a:after{
	right: 0;
}

.selected{
background-color:#259dd1;
   color:#259dd1	
}

.fixed-menu {
  position:relative;
  border-color:#e7e7e7
}

.fixed-menu .header-top {
  display: block;
  overflow: hidden;
  padding: 0px;
  height:auto;
}

.fixed-menu .navbar-right {
  padding: 0 0px 0 0;
}


.fixed-menu .navbar-right li a {
  font-size: 13px;
  text-shadow:inherit;
}

.fixed-menu .navbar-brand {
  height: 60px;
  margin-top: 0;
  padding: 0 0 0 0px;
  margin-bottom: 0;
  width: 168px;
}

.fixed-menu .navbar-brand img {
  height:60px;
  top: 0;
}

.fixed-menu .header-top {
  display:block;
}

.header-left {float:left}

.header-right {float:right}

.white {
	background-color:#fff;
	}
/*************************
*******Home CSS******
**************************/

#home {
  position: relative;
  overflow: hidden;
}


/*================================================== 
     Slideshow
 ================================================== */

/*-- Main slide --*/

#main-slide .item img{
	width: 100%;
}

#main-slide .item .slider-content {
  z-index: 0;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}
#main-slide .item.active .slider-content {
  z-index: 0;
  opacity: 1;
  -webkit-transition: opacity 100ms;
  -moz-transition: opacity 100ms;
  -o-transition: opacity 100ms;
  transition: opacity 100ms;
}

#main-slide .slider-content{
	top: 50%;
	margin-top: -70px;
	left: 0;
	padding: 0;
	text-align: center;
	position: absolute;
	width: 100%;
	color: #fff;
}

#main-slide .carousel-indicators {
	bottom: 30px;
}

.carousel-indicators li{
	width: 14px !important;
	height: 14px !important;
	border: 2px solid #fff !important;
	margin: 1px !important;
}


#main-slide .carousel-control.left,
#main-slide .carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}

#main-slide .carousel-control.left span {
	padding: 15px;
}

#main-slide .carousel-control.right span {
	padding: 15px;
}

#main-slide .carousel-control .fa-angle-left, 
#main-slide .carousel-control .fa-angle-right{
	position: absolute;
	top: 53%;
	z-index: 5;
	display: inline-block;
}

#main-slide .carousel-control .fa-angle-left{
	left: 0;
}

#main-slide .carousel-control .fa-angle-right{
	right: 0;
}

#main-slide .carousel-control i{
	background: rgba(42,75,163,.6);
	color: #fff;
	line-height: 36px;
	font-size: 25px;
	padding: 10px 15px;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}


#main-slide .slider-content h2{
	font-size: 76px;
	font-weight: 100;
	text-transform: uppercase;
    color: #555;
	}

#main-slide .slider-content h2.white, #main-slide .slider-content h3.white {
    color: #fff;
}

#main-slide .slider-content h3{
	font-size: 36px;
	font-weight: 300;
	margin-top: 90px;
	text-transform: uppercase;
    text-align: center;
    color: #6e90eb;
	font-family:'Raleway', sans-serif;
	 text-shadow: 2px 2px 2px #3a3a3a;
	  }
	  
	 .title-background{
	 background:#fff;
	 opacity:0.8;
	 padding:0 10px
	 }
	 
	 #main-slide .line1 {
	border-top: 2px solid #fff;
	padding-top:0px;
	padding-bottom: 5px;
	margin: 10px auto 0;
	width: 10%;
	position:relative
}

#main-slide.line1:before, .line1:after {
	content: "";
	width: 10px;
	height: 10px;
	background:#fff;
	border-radius: 5px;
	position: absolute;
	top: -6px;
	right:0px
}


.slider.btn{
	padding: 5px 8px;
	margin-top: 40px;
	font-size: 14px;
	border-radius: 10px;
	text-transform: uppercase;
	line-height: 28px;
	border: 0;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
		box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
  -o-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
  -moz-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
  -webkit-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
  color:#fff;
  background:#249dd2;
  opacity:0.7;
  border:1px solid #fff;
  font-family: "Open Sans", sans-serif;
}

.slider.btn.btn-default{
	margin-left: 4px;
	background: #ECECEC
}

.slider.btn.btn-default:hover{
	background: #000;
	color: #fff;
}

.slider-content-left {
	position: relative;
	margin: 0 0 0 40px;
}

.slider-content-right{
	position: relative;
}

/*-- Animation --*/
.carousel .item.active .animated1 {
	
}

.carousel .item.active .animated2 {
	-webkit-animation: lightSpeedIn 1s ease-in 200ms both;
	animation: lightSpeedIn 1s ease-in 200ms both;
}

.carousel .item.active .animated3 {
	-webkit-animation: bounceInLeft 1s ease-in-out 500ms both;
	animation: bounceInLeft 1s ease-in-out 500ms both;
}

.carousel .item.active .animated4 {
	-webkit-animation: flipInX 1s ease-in 500ms both;
	animation: flipInX 1s ease-in 500ms both;
    text-align: center;
}

.carousel .item.active .animated5 {
	-webkit-animation: bounceInLeft 1s ease-in-out 100ms both;
	animation: bounceInLeft 1s ease-in-out 100ms both;
}

.carousel .item.active .animated6 {
	-webkit-animation: bounceIn 1s ease-in 500ms both;
	animation: bounceIn 1s ease-in 500ms both;
    text-align: center;
}

.carousel .item.active .animated7 {
	-webkit-animation: bounceIn 1s ease-in 500ms both;
	animation: bounceIn 1s ease-in 500ms both;
}

.carousel .item.active .animated8 {
	-webkit-animation: fadeInDown 1s ease-in 1000ms both;
	animation: fadeInDown 1s ease-in 1000ms both;
}


.line {
	border-top: 1px solid #e8e8e8;
	padding-top:0px;
	padding-bottom: 5px;
	margin: 10px auto 0 15px;
	width: 10%;
	position:relative
	}

.line:after {
	content: '';
    position: absolute;
    display: block;
    width: 20px;
    height:3px;
    background:#2a4ba3;
    bottom:4px;
    left: calc(50% - 10px);
}

.line:after {
	right: 0;
}


.line-serv {
	border-top: 1px solid #e8e8e8;
	padding-top:0px;
	padding-bottom: 5px;
	margin: 10px auto 0 auto;
	width: 20%;
	position:relative
	}

.line-serv:after {
	content: '';
    position: absolute;
    display: block;
    width: 20px;
    height:3px;
    background:#2a4ba3;
    bottom:4px;
    left: calc(50% - 10px);
}

.line-serv:after {
	right: 0;
}



.line3 {
	border-top: 1px solid #fff;
	padding-top:0px;
	padding-bottom: 5px;
	margin: 10px auto 0;
	width: 10%;
	position:relative
	}

.line3:after {
	content: '';
    position: absolute;
    display: block;
    width: 20px;
    height:3px;
    background:#2a4ba3;
    bottom:4px;
    left: calc(50% - 10px);
}

.line3:after {
	right: 0;
}

.line3a {
	border-top:1px solid #fff;
	padding-top:0px;
	padding-bottom: 5px;
	margin: 5px auto 10px 0;
	width: 10%;
	position:relative
	}

.line3a:after {
	content: '';
    position: absolute;
    display: block;
    width: 20px;
    height:3px;
    background:#2a4ba3;
    bottom:4px;
    left: calc(50% - 10px);
}

.line3a:after {
	right: 0;
}


.line-clients {
	border-top: 1px solid #e8e8e8;
	padding-top:0px;
	padding-bottom: 5px;
	margin: 10px auto 0;
	width: 10%;
	position:relative
	}

.line-clients:after {
	content: '';
    position: absolute;
    display: block;
    width: 20px;
    height:3px;
    background:#2a4ba3;
    bottom:4px;
    left: calc(50% - 10px);
}

.line4 {
	border-top: 1px solid #e8e8e8;
	padding-top:0px;
	padding-bottom: 5px;
	margin: 10px auto 0;
	width: 10%;
	position:relative
	}

.line4:after {
	content: '';
    position: absolute;
    display: block;
    width: 20px;
    height:3px;
    background:#2a4ba3;
    bottom:4px;
    left: calc(50% - 10px);
}

.line4:after {
	right: 0;
}

.line4a {
	border-top: 2px solid #b8b7b7;
	padding-top:0px;
	padding-bottom: 5px;
	margin: 10px auto 20px;
	width: 10%;
	position:relative
	}

.line4a:after {
	content: "";
	width: 10px;
	height: 10px;
	background: #b8b7b7;
	border-radius: 5px;
	position: absolute;
	top: -6px;
}

.line4a:after {
	right: 0;
}


.line5 {
	border-top: 2px solid #fff;
	padding-top:0px;
	padding-bottom: 5px;
	margin: 10px auto 20px;
	width: 8%;
	position:relative
	}

.line5:after {
	content: "";
	width: 10px;
	height: 10px;
	background: #fff;
	border-radius: 5px;
	position: absolute;
	top: -6px;
}

.line5:after {
	right: 0;
}

.line6 {
		border-top: 2px solid #fff;
	padding-top:0px;
	padding-bottom: 5px;
	margin: 10px auto 20px;
	width: 8%;
	position:relative
	}

.line6:after {
	content: "";
	width: 10px;
	height: 10px;
	background: #fff;
	border-radius: 5px;
	position: absolute;
	top: -6px;
}

.line6:after {
	right: 0;
}


/*************************
*******Intro CSS******
**************************/

#intro {
	padding-bottom:20px;
	padding-top:30px;
}

#intro .heading {
    color:#2a4ba3;
	margin-bottom:14px;
	font-family: 'Raleway', sans-serif;
	margin-top:10px;
	font-size:30px;
	font-weight:400;
	text-transform:inherit;
	padding-left:15px
	}

.nopad{
padding:0px
}	
	
#intro .sub-heading{
  font-family: 'Raleway', sans-serif;
  font-size: 16px;
  color: #717171;
   text-align:left;
  font-weight:700;
   text-transform:inherit;
  line-height:1.5em;
  padding-left:15px
}


#intro p {
  font-family:'Noto Sans TC', sans-serif;
  font-size: 18px;
  color: #252525;
  line-height:1.9em;
  text-align:justify;
  font-weight:300;
  margin-top:15px
}


#intro a{
	font-family: "Open Sans", sans-serif;
	font-size: 18px;
	color: #6f6f6f;
}


.left-col{
padding-right:40px
}

.right-col{
background:url(../images/services-leading-edge.jpg)
	no-repeat scroll center top / cover;
	padding-top:10px;
	padding-bottom:10px
	}
	
	.click-here{
	font-family: "Open Sans", sans-serif;
    font-size: 18px;
    color: #fff;
    line-height: 1.9em;
    text-align:justify;
	}
	
	.click-here1{
    color: #fff;
	text-decoration:underline
	}
	
	a{
	color:#2a4ba3 !important;
	font-weight:400
	}
		   	
	.right-col ul li {
    display: block;
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.40);
    padding-bottom:9px;
    margin-bottom:10px;
	margin-right:30px
}

 .heading1 {
    color:#fff;
	margin-bottom:14px;
	font-family: 'Raleway', sans-serif;
	margin-top:10px;
	font-size:24px;
	font-weight:500;
	text-transform:inherit;
	text-align:center;
	display:block
	}
	
	.left-content{
	display: block;
	  	}
	
.left-content .title {
    padding-left:30px;
    display: table-cell;
    vertical-align: middle;
    float:center;
	padding-top:15px;
	 font-family:'Noto Sans TC', sans-serif;
    font-size: 19px;
    color: #fff;
    line-height: 1.9em;
    text-align:left;
	font-weight:300
	}
	
	.serv-icon{ 
	float:left;
	}
	
	.serv-icon-img {
	max-width:70px !important
	}


/*************************
***What we can do for you CSS******
**************************/

#wwcdfy {
	position:relative
}

#wwcdfy h2 {
    color:#fff;
	font-family: 'Raleway', sans-serif;
	margin-top:10px;
	font-size:28px;
	font-weight:400;
	text-transform:inherit
}

#wwcdfy p {
    font-family:'Noto Sans TC', sans-serif;
    font-size:16px;
    color: #fff;
    line-height: 1.9em;
    font-weight:300;
    padding:0px 5px 10px 5px;
    text-align:center;
}


.wwcdfy-img {
	max-width:30px !important
	}

.feature-wwcdfy {
    padding-bottom:0px;
}


.feature-wwcdfy i {
   font-size:1.8em;
    color: #fff;
    width: 40px;
    height: 40px;
   position: relative;
   padding-top:7px;
   padding-left:13px;
   border-radius:35px
    
}

.feature-wwcdfy .media-body {
    margin-left: 25px !important;
}

.feature-wwcdfy .border {
    margin-top:5px;
    margin-left: 49.999%;
    margin-right: 49.999%;
	border-color:none;
}

.feature-wwcdfy:hover .border {
    margin-left: 0%;
    margin-right: 0%;
}

.feature-2wwcdfy {
    background:#4ea9a4;
    border: 1px solid transparent;
}

.feature-wwcdfy:hover i {
    background:transparent;
    color: #fff;
	border: 1px solid #4ea9a4
}


.feature-wwcdfy:hover .border {
    border-color:#2a4ba3;
	visibility:visible
}




/*************************
*******Clients CSS******
**************************/

#clients {
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	padding-top:20px;
	padding-bottom:20px
}


#clients h2 {
    color:#2a4ba3;
	margin-bottom:14px;
	font-family: 'Raleway', sans-serif;
	margin-top:10px;
	font-size:28px;
	font-weight:400;
	text-transform:inherit;
	}

#clients img{
	margin: auto;
    display: block;
    max-width:130px
}

#clients p{
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    color: #fff;
    line-height: 2.4em;
    text-align: center;
    font-weight: 300;
    margin-top: 15px;
	margin-bottom:40px
}

.click-here2{
    color: #fff;
	text-decoration:underline;
	font-family: "Open Sans", sans-serif;
	}

#clients .btn{
 font-family: 'Raleway', sans-serif;
  font-size:12px;
  background:#259dd1;
  color:#fff;
  border:2px solid #fff;
  border-radius:8px;
  margin-top:20px;
  opacity:0.6;
  padding: 4px 8px;
}

#clients .btn:hover{
background:#259dd1;
color:#fff	
}


/*************************
*******Services CSS******
**************************/

#serv {
  background: url("../img/about-bg.jpg") center top no-repeat fixed;
  background-size: cover;
  padding: 20px 0 40px 0;
  position: relative;
}

#serv::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.92);
  z-index: 9;
}

#serv .container {
  position: relative;
  z-index: 10;
}

#serv  h2 {
    color:#1768b3;
	font-family: 'Raleway', sans-serif;
	margin-top:10px;
	font-size:28px;
	font-weight:400;
	text-transform:inherit
}


#serv .serv-col {
  background: #fff;
  border-radius: 0 0 4px 4px;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
  margin-bottom: 20px;
  }


#serv .serv-col .icon {
   padding:12px 15px;
  text-align: center;
  position: absolute;
  background-color:#fff;
  border-radius:10%;
  text-align: center;
   border-right:4px solid #1d99d5 !important;
	border-bottom:4px solid #1d99d5 !important;
  top:50%;
  margin-top:100px;
  transition: 0.3s;
}

#serv .serv-col .icon img{
width:64px;
  height:64px;
max-height:30px
}

#serv .serv-col .img {
  position: relative;
}


#serv .serv-col h2 {
  color:#5a5a5a;
  text-align: center;
   font-size:20px;
  padding: 0;
  margin: 40px 0 12px 0;
  font-family: 'Raleway', sans-serif;
   font-weight:600;
}

#serv .serv-col .line {
    border-top: 1px solid #e8e8e8;
    padding-top: 0px;
    padding-bottom: 5px;
    margin: 10px auto 0;
    width: 10%;
    position: relative;
}

#serv .serv-col p {
font-family:'Noto Sans TC', sans-serif;
  font-size: 16px;
  color: #252525;  
  line-height: 24px;
   margin-bottom: 0;
  padding: 0 20px 20px 20px;
  font-weight:300
}


.serv-ico{
position:absolute;
top:85%;
z-index:1;
left:10px
}

.serv-ico img{
max-height:60px !important
}

/***************************************
*******Knowledge and Resources CSS******
****************************************/


#resources {
	padding-bottom:50px;
	padding-top:30px;
}

#resources h2 {
    color:#2a4ba3;
	margin-bottom:14px;
	font-family: 'Raleway', sans-serif;
	margin-top:10px;
	font-size:28px;
	font-weight:400;
	text-transform:inherit;
	}

#resources p {
  font-family:'Noto Sans TC', sans-serif;
  font-size: 18px;
  color: #252525;
  line-height:1.9em;
  text-align:justify;
  font-weight:300;
  margin-top:15px
}


.resource-container {
  position: relative;
  width: 100%;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color:#2a4ba3;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
  opacity:0.8
  }

.resource-container:hover .overlay {
  height:100%;
}

.text {
  color: white;
  font-size:17px;
  position: absolute;
  top:50%;
  left:48%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  font-family:'Noto Sans TC', sans-serif;
}

.text a{
color:#fff !important
}



/*************************
******About Us CSS****
**************************/


#about-us {
	padding-bottom:50px;
	padding-top:30px;
}

#about-us h2 {
    color:#2a4ba3;
	margin-bottom:14px;
	font-family: 'Raleway', sans-serif;
	margin-top:10px;
	font-size:28px;
	font-weight:400;
	text-transform:inherit;
	}

#about-us p {
  font-family:'Noto Sans TC', sans-serif;
  font-size: 18px;
  color: #252525;
  line-height:1.9em;
  text-align:justify;
  font-weight:300;
  margin-top:10px;
  margin-right:50px
}


#about-us img{
	max-height:250px;
	border:2px solid #2a4ba3
}



#abt-penta{
float:left;
margin-right:20px
}


/*************************
*******Team CSS******
**************************/

#team h2 {
    color:#fff;
	margin-bottom:14px;
	font-family: 'Raleway', sans-serif;
	margin-top:10px;
	font-size:28px;
	font-weight:400;
	text-transform:inherit;
	}
	
#team h3{
color:#fff;
font-family: 'Raleway', sans-serif;
font-size:20px;
font-weight:400;
}	

#team p {
  font-family:'Noto Sans TC', sans-serif;
  font-size: 16px;
  color: #fff;
  line-height:1.9em;
  text-align:justify;
  font-weight:300;
  margin-top:5px
}


.abt1{
float:left;
margin:0px 20px 0px 0px;
width:120px;
height:120px
}

.abt-box{
border:1px solid #fff;
padding:20px 20px 0px 20px;
height:340px
}

.abt-box1{
border:1px solid #fff;
padding:20px 20px 0px 20px;
height:390px
}

.abt-box2{
border:1px solid #fff;
padding:20px 20px 0px 20px;
height:290px
}

.abt-box3{
border:1px solid #fff;
padding:20px 20px 0px 20px;
height:320px
}

.mission{
background:url(../images/mission-leading-edge.jpg)
	no-repeat scroll center top / cover;
	padding-top:50px;
	padding-bottom:50px
	}


/*************************
*******Contact CSS******
**************************/

#contact{
    background-color:#f7f7f7;
	padding-top:20px
}

#contact form{
margin-top:20px
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color:#fff !important;
    background-color: transparent !important;
    background-image: none;
    border:1px solid transparent !important;
    border-radius: 4px;
     box-shadow: 0px 0px 10px rgba(255,255,255,0.5)!important;
	 }

.form-control:focus, .form-control:hover{
border:1px solid #294ba4!important;
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#contact p {
    font-family:'Noto Sans TC', sans-serif;
  font-size: 18px;
  color: #252525;
  line-height:1.9em;
  text-align:center;
  font-weight:300;
}

#contact h2{
    color:#2a4ba3;
    margin-bottom: 14px;
    font-family: 'Raleway', sans-serif;
    margin-top: 10px;
    font-size: 28px;
    font-weight: 500;
    text-transform: inherit;
}


#contact h3{
    color: #fff;
    margin-bottom: 14px;
    font-family: 'Raleway', sans-serif;
    margin-top: 10px;
    font-size: 28px;
    font-weight: 500;
    text-transform: inherit;
}


#contact img{
display:inline-block;
max-height:50px !important;
padding:0 auto !important
}




/*************************
*******Send enquiry CSS******
**************************/


#sendenq p {
    font-family:'Noto Sans TC', sans-serif;
  font-size: 18px;
  color: #252525;
  line-height:1.9em;
  text-align:center;
  font-weight:300;
}

#sendenq h2{
    color:#fff;
    margin-bottom: 14px;
    font-family: 'Raleway', sans-serif;
    margin-top: 10px;
    font-size: 28px;
    font-weight: 500;
    text-transform: inherit;
}

#sendenq .btn{
    color:#fff !important;
    background-color: transparent !important;
    background-image: none;
    border:2px solid transparent !important;
    border-radius: 4px;
     box-shadow: 0px 0px 10px rgba(255,255,255,0.5)!important;
	 padding:10px;
	 font-family: 'Raleway', sans-serif;
	font-size:13px;
	font-weight:300;
	text-transform:uppercase;
	opacity:0.7
}

#sendenq .btn:hover {
border:2px solid #294ba4!important;
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	
}






















.pad-right-20{
padding-right:20px	
}
	
	.ext-padding{
	padding-top:10px;
	}

h4.media-heading {
    margin-top: 0;
    text-transform: uppercase;
	color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
	font-weight:500
}



h4.media-heading1{
    margin-top: 10px;
    text-transform: uppercase;
	color: #4ea9a4;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
	font-weight:700
}



.media>.pull-left {
    margin-right: 5px !important;
}

.media-middle {
    vertical-align: middle;
}
.media-left, .media-right, .media-body {
    display: table-cell;
    vertical-align: middle;
}
.media-right, .media > .pull-right {
    padding-left: 10px;
}



/*====================================================
page-header
======================================================*/
.page-head{
    background:url(../images/products-services-leading-edge.jpg) 
        no-repeat scroll center top / cover;
    color:#FFF;
    position: relative;
    min-height: 300px;
}



.page-head1{
    background: url(../images/knowledge-resources-leading-edge.jpg)
        no-repeat scroll center top / cover;
    color:#FFF;
    position: relative;
    min-height: 300px;
}

.page-head2{
    background:url(../images/about-leading-edge.jpg) 
        no-repeat scroll center top / cover;
    color:#FFF;
    position: relative;
    min-height: 300px;
}

.page-head3{
    background: url(../images/contact-leading-edge.jpg)
    no-repeat scroll center top / cover;
    color:#FFF;
    position: relative;
    min-height: 300px;
}



.feature-section {
    padding-top: 100px;
}

.feature, .feature-2 {
    padding-bottom: 40px;
}


.feature-2 i {
   font-size:1.8em;
    color: #fff;
    width: 40px;
    height: 40px;
   position: relative;
   padding-top:7px;
   padding-left:13px;
   border-radius:35px
    
}

.feature-2 .media-body {
    margin-left: 25px !important;
}

.feature-2 .border {
    margin-top: 10px;
    margin-left: 49.999%;
    margin-right: 49.999%;
	border-color:none;
}

.feature-2:hover .border {
    margin-left: 0%;
    margin-right: 0%;
}


.feature-3 i {
   font-size:1.8em;
    color: #fff;
    width: 40px;
    height: 40px;
   position: relative;
   padding-top:7px;
   padding-left:13px;
   border-radius:35px
    
}

.feature-3 .media-body {
    margin-left: 25px !important;
}

.feature-3 .border {
    margin-top: 10px;
    margin-left: 49.999%;
    margin-right: 49.999%;
	border-color:none;
}

.feature-3:hover .border {
    margin-left: 0%;
    margin-right: 0%;
}

.feature i {
    background: #5BB12F;
}

.no-touch .feature:hover i,
	.no-touch .feature:active i,
	.no-touch .feature:focus i {
        
        box-shadow: 0 0 0 0 #5BB12F;
}

.feature-2 i {
    background:#4ea9a4;
    border: 1px solid transparent;
}

.feature-2:hover i {
    background:transparent;
    color: #fff;
	border: 1px solid #4ea9a4
}

.feature-3 i {
    background:#4ea9a4;
    border: 1px solid transparent;
}

.feature-3:hover i {
    border: 1px solid #4ea9a4
}

.border {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	visibility:hidden
}

.feature-2:hover .border {
    border-color:#4ea9a4;
	visibility:visible
}

.feature-3:hover .border {
    border-color:#4ea9a4;
	visibility:visible
}


 /*************************
*******Section Title CSS******
**************************/


.section-title.st-center {
  text-align: center;
}



/*************************
******Carousel CSS****
**************************/
.list_carousel1.responsive {
width: auto;
margin-left:0;
margin-top:40px;
}

.list_carousel1 ul {
margin: 0;
padding: 0;
list-style: none;
display: block;
}

.list_carousel1 li {
width:230px;
padding:0 50px;
height: 120px;
display: block;
float: left;
text-transform:uppercase;
border-right:1px dotted #fff;
font-family: 'Raleway', sans-serif;
}

  
.parallax-back {
  background: url(../images/what-we-can-do-back.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  margin: auto;
  -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center center; 
}


.black_transp {
  background: rgba(0,0,0,0.7);
}

.black_transp2 {
  background: rgba(0,0,0,0.6);
}
   
.wrap-normal {
  padding: 30px 0 0px 0;
}

.wrap-normal1 {
  padding: 0px 0px 60px 0px;
}

.wrap-normal2 {
  padding: 40px 0px 40px 0px;
}


.parallax-back1 {
  background: url(../images/our-team.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  margin: auto;
  -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center center; 
}

.black_transp1 {
  background: rgba(0,0,0,0.7);
}


.parallax-back2 {
  background: url(../images/send-enquiry.png) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  margin: auto;
  -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center center; 
}

.parallax-back3 {
  background: url(../images/team-back.png) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  margin: auto;
  -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center center; 
}


.send{
 color: #105b8e;
  margin-bottom: 40px;
  font-family: "Oswald";
  margin-top: 10px;
  font-size: 25px;
  letter-spacing: 0.1em;
}






/*************************
******Footer CSS****
**************************/

#footer {
  background:#2a4ba3;
	font-size: 14px;
  text-align:center;
  color:#fff;
  padding-top:10px;
  padding-bottom:5px
}

.facebook{
width:40px;
padding-top:20px
}

.twitter{
width:40px;
padding-top:20px
}

nav#footer{
	color: #ffffff;
	}
	
ul.footer-social li{
	display: inline-block;
	margin-right: 10px;
}

/*************************
******Scrollup CSS****
**************************/

.scrollup {
    width:40px;
    height:40px;
    position:fixed;
    bottom:50px;
    right:4%;
    background-color:transparent;
	display:none;
	border: 2px solid #2a4ba3;
	border-radius:0px
}

.scrollup i {
  display: block;
  
  font-size:20px;
  height: 6px;
  line-height:36px;
  color: #2a4ba3;
  text-align: center;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}


/*************************
******Carousel CSS****
**************************/

.carousel-control{
    opacity: .8;
	text-shadow:none	
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
  right: 30px;  
  width:40px;
  height:40px;
  background:#fff;
  font-size:16px;
  padding-top:12px;
  color:#105b8e;
   border-radius:10px;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
  left: 40px; 
   width:40px;
  height:40px;
  background:#fff;
  font-size:16px;
  padding-top:12px;
  color:#105b8e;
   border-radius:10px;
}



/*************************
*******Misc CSS**********
**************************/


.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
	border:2px solid #259dd1;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}	  


.btn-primary{
font-family: "Oswald";
  letter-spacing:0.1em;
  background:#259dd1;
  color:#fff;
  border-radius:5px;
  font-weight:600
}

.btn-primary:hover{
background:#259dd1	
}

.mar-rig-20{
margin-right:20px
}

.mar-lef-20{
margin-left:20px
}

.mar-rig-30{
margin-right:30px
}

.mar-lef-30{
margin-left:30px
}


.mar-rig-40{
margin-right:40px
}

.mar-lef-40{
margin-left:40px
}

.mar-top-20 {
margin-top:20px	
}

.mar-top-25 {
margin-top:25px	
}

.pad-top-15{
padding-top:15px
}

.pad-top-25{
padding-top:25px
}

.pad-bot-20{
padding-bottom:20px
}

.mar-top-30 {
margin-top:30px	
}

.pad-bot-15{
padding-bottom:15px
}

.mar-bot-20 {
margin-bottom:20px	
}

.mar-bot-30 {
margin-bottom:30px	
}

.mar-bot-40 {
margin-bottom:40px	
}

.mar-bot-90 {
margin-bottom:90px	
}


.blue1{
    color:#6e90eb
}
.blue{
    color:#2a4ba3;
	font-weight:400
	}


.med {
	font-weight:600;	
	font-size:15px;	
}

.text-align-center {
	text-align:center	
}


table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: transparent !important;
	width:auto !important
}

.nopadding { padding: 0}
.notoppadding{padding-top:0px}
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6, .wp7, .wp8 { visibility: hidden; }
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight { visibility: visible; }
.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }
.delay-1-5s { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; }
.delay-2s { animation-delay: 2s; -webkit-animation-delay: 2s; }
.delay-2-5s { animation-delay: 2s; -webkit-animation-delay: 2.5s; }
.delay-3s { animation-delay: 2s; -webkit-animation-delay: 3s; }
.delay-3-5s { animation-delay: 2s; -webkit-animation-delay: 3.5s; }