*{margin:0;padding:0;}
*, *:before, *:after{ box-sizing: border-box; }
body{font-family: 'MicrosoftTaiLe';}
body, html{ height: 100%;}
@font-face {
  font-family: 'MicrosoftTaiLe';
  src: url('../font/MicrosoftTaiLe.eot?#iefix') format('embedded-opentype'),  
  	   url('../font/MicrosoftTaiLe.woff') format('woff'), 
       url('../font/MicrosoftTaiLe.ttf') format('truetype'),
       url('../font/MicrosoftTaiLe.svg#MicrosoftTaiLe') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MicrosoftTaiLe-Bold';
  src: url('../font/MicrosoftTaiLe-Bold.eot?#iefix') format('embedded-opentype'),  
  url('../font/MicrosoftTaiLe-Bold.woff') format('woff'), 
  url('../font/MicrosoftTaiLe-Bold.ttf')  format('truetype'), 
  url('../font/MicrosoftTaiLe-Bold.svg#MicrosoftTaiLe-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
a, a:hover{text-decoration:none;}
.bold{font-family: 'MicrosoftTaiLe-Bold';}
.wrapper{width:1160px;margin:0 auto;}
.logo{width:280px;float:left;}
.logo img{width:100%;float:left;}
.menu{width:458px;float:right;margin:3% 0 0 0;}
.menu ul li{list-style:none;font-family:'MicrosoftTaiLe';font-size:18px;display: inline;color:#2e2c2c;text-align:center;padding:5px 9px 5px 9px;}
.menu ul li a{color:#2e2c2c;text-align:center; transition: all .6s;}
.menu ul li a:hover, .menu ul li a.active{border-bottom:2px solid #ffd446;}
.banner{width:100%;}
.banner img{width:100%;}

.carousel, .item, .active { height: 100%; }
.carousel-inner { height: 100%; }
.fill { width: 100%; height: 100%; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover;   -o-background-size: cover;}

.ourServWrap{width:100%;float:left;background-color:#e9d160;padding-bottom: 60px;}
.servBorder{border-bottom:1px solid #fff;float:left;margin:3px 7px 0px 1px;padding: 4px 0 0 16px;}
.servTitle{color:#fff;text-transform:uppercase;font-weight:lighter;padding: 55px 0 20px 0;}
.servTitle h2{font-weight:lighter;font-size:24px;font-family: 'MicrosoftTaiLe-Bold';letter-spacing:2px;}
.servTitle span{font-weight:bold!important;font-size:14px !important;color:#3e3838;float: left;}
.servList{float:left;}
.servList li{list-style:none;float:left; text-align: center;}
.servList li:last-child{ margin-right:0;}
.servList li span{border-radius:50%;border:1px solid#3e3838;width:100px;height:100px;display: block;background-color:#3e3838;text-align:center;}
.servList li h4{font-size:24px;font-family: 'MicrosoftTaiLe';text-transform:uppercase;color:#fff;clear: both;text-align: center;padding: 16px 0 15px 0;letter-spacing:2px;}
.servList li p{font-size:16px;color:#3e3838;text-align:center;float: left;clear: both;line-height:24px;}
.servList li a, .aboutDesc a{border:1px solid #3e3838;color:#3e3838;font-size:12px;text-transform:uppercase; text-align:center;padding:8px 20px 6px 20px;margin:20px 0 10px 0;display: inline-block;font-family: 'MicrosoftTaiLe-Bold';}
.aboutTitle{color:#e5cd5a;text-transform:uppercase;font-weight:lighter;padding:55px 0 0 0;float: left; width: 100%; position: relative; }
.abtborder{border-bottom:1px solid #3e3838;float:left;margin:3px 7px 0px 1px;padding: 4px 0 0 16px;}
.aboutTitle h2{font-weight:lighter;font-size:24px;font-family: 'MicrosoftTaiLe-Bold';letter-spacing:2px;}
.aboutTitle span{font-weight:bold!important;font-size:14px !important;color:#3e3838;margin: 10px 5px 0px 0;}
.aboutDesc{width:100%;float:left;clear: both; margin: 25px 0 40px ;}
.aboutDesc p{color:#3e3838;font-size:18px;font-family: 'MicrosoftTaiLe';}
.aboutImage{ width:100%;float:left; margin-left: 8%;padding-bottom:5%;}
.latestWrap{width:100%;float:left;background-color:#f6f5f5;padding-bottom: 5%;}
.latestList{float:left;clear: both;margin-top:25px;}
.latestList li{float:left;list-style:none; margin: 0 0 20px;}
.latestList li:lastchild{ margin-right:0px;}
.latestList li span{font-size:12px;padding: 2px 0px 0 0px;color:#3e3838;text-transform:uppercase; font-family: 'MicrosoftTaiLe-Bold';float:left;
border-right: 1px solid #ccc;}
.viewAll{color:#3e3838;font-family: 'MicrosoftTaiLe-Bold';font-size:14px; text-transform:uppercase;position: absolute;right: 15px; top: 75px;}
.viewAll img{margin: -4px 0 0 10px;float: right;}
.latestList li span  h2{font-size:48px; font-family: 'MicrosoftTaiLe-Bold';color:#e5cd5a!important;}
.latestList li   h4{font-size:18px;font-family: 'MicrosoftTaiLe-Bold';color:#3e3838; margin: 0 0 6px;}
.latestList li  div  p, .latestList li  p{font-family: 'MicrosoftTaiLe';font-size:14px;color:#3e3838; line-height: 18px; }
.latestList li  div{float: right;}
.clients{color:#e5cd5a!important;font-family: 'MicrosoftTaiLe-Bold';padding:0 0 0 22px;}
.ourList{float:left;clear:both;padding:30px 0;}
.ourList li{float:left;list-style:none;padding: 5px 15px 0 15px;}
.hmCertificate{ width:100%; height: auto; float: left; padding: 0 0 60px; background:#282b34; }
.certLst{ list-style: none; padding:0; margin: 30px 0 0; float:left; }
.certLst li{ display: inline-block; margin-right: 40px; width: 130px; height: 130px; border-radius: 50%; background: #f6f5f5; font-size: 22px; text-align: center; vertical-align: middle; font-family: 'MicrosoftTaiLe-Bold'; text-transform: uppercase; overflow: hidden; }
.certLst li a{ color: #e5cd5a; padding: 50px 0; display: block; }
.cert-view{ float: right;position: relative;transform: rotate(-90deg);display: block; text-transform: uppercase; color: #FFF; font-size:12px; top: 40px; }
.cert-view a{color: #FFF; text-decoration: none; }
.cert-view:before{ height: 1px; width: 40px; position: absolute; right: -70px; top: 5px; content: ""; background:#FFF;}
.cert-view:after{ height: 1px; width: 10px; position: absolute; left: -30px; top: 7px; content: ""; background:#FFF;}
.footer{ width: 100%; float: left; background: #f2ca45; padding: 40px 0; }
.fotAdrs{ width: 100%; float: left; font-size: 14px; margin-bottom: 30px; }
.fot-Links{ float: left; list-style: none;}
.fot-Links li{ padding: 0 0 10px; font-size: 13px; }
.fot-Links li a{ color: #3e3838; }
.copyrights{ float: right; width: 200px;}
.soc-Links{ float: right; clear: right; width: 200px;}
.soc-Links li{ float: left; padding: 0 5px; list-style: none; }
.soc-Links li a{ display: block; width: 32px; height: 32px; border-radius: 50%; text-align: center; background: #FFF; color: #3e3838; font-size: 16px; padding-top: 8px;}
.table-responsive {overflow-x: initial;}
.table-responsive ul li { width: 100%; position: relative; }
.table-responsive ul li:before { position: absolute; content: ""; left: 0; bottom: 0; width: 80px;  height: 3px; background: #f2ca45; }
.arrow-icon{ top: 50%; margin-top: -5px; position: relative; }

.ref-slide{ float: right; width: 420px; margin-left: 10px; }

.menuBtn{ width: 24px; display: none; height: 12px; cursor: pointer; border-bottom: 2px solid #322e2f; position: absolute; right: 20px; top: 30px; transition: all .6s;}
.menuBtn:before{width: 24px; height: 2px; background:#322e2f; content:""; top:-4px; position: absolute;transition: all 0.6s;}
.menuBtn:after{width: 24px; height: 2px; background:#322e2f; content:""; top:3px; position: absolute; transition: all 0.6s;}
.menuBtn.open{border: none;}
.menuBtn.open:before{transform: rotate(45deg); top:2px;}
.menuBtn.open:after{transform: rotate(-45deg); top:2px;}

.in-page{padding: 20px 15px;}
.in-page h4{ font-size: 18px; font-family: 'MicrosoftTaiLe-Bold'; font-weight: 100; margin: 25px 0 15px; }
.in-page p{ font-size: 16px; font-weight: 100; line-height: 24px; }

.pagetitle{ width: 100%; background: #f2ca45; padding: 6px 0; margin: 0 0 20px; }
.pagetitle h1{ float: left; width: 100%; font-size: 24px; background: #f2ca45; margin:0; padding: 12px 0; font-family: 'MicrosoftTaiLe-Bold'; letter-spacing: 2px; font-weight: 100; text-transform: uppercase; }
.serviceUl{ margin: 10px 0; padding-left: 25px; }
.serviceUl li { padding: 6px 0 6px 6px; font-size: 16px; list-style-image: url(../img/icon/ser-li-icon.png); }
.bg-saperate{ padding: 60px 0;}
.bg-Cont{ width: 100%; height: auto; padding: 100px 0; color:#FFF; }
.bg-Cont2{ width: 100%; height: auto; padding: 100px 0; color:#1a1a1a; }
.ser-bg1{ background: url(../img/serBg1.jpg) no-repeat center center fixed; background-size: cover; }
.ser-bg2{ background: url(../img/serBg2.jpg) no-repeat center center fixed; background-size: cover; }
.ser-bg3{ background: url(../img/serBg3.jpg) no-repeat center center fixed; background-size: cover; }
.ser-bg4{ background: url(../img/serBg4.jpg) no-repeat center center fixed; background-size: cover; }
.ser-bg5{ background: url(../img/serBg5.jpg) no-repeat center center fixed; background-size: cover; }
.ser-bg6{ background: url(../img/serBg6.jpg) no-repeat center center fixed; background-size: cover; }
.ser-bg7{ background: url(../img/serBg7.jpg) no-repeat center center fixed; background-size: cover; }
.ser-bg8{ background: url(../img/serBg8.jpg) no-repeat center center fixed; background-size: cover; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ border: none; border-bottom: 2px solid #f4ba48; }

.contAdd{ height: auto; float: left; margin-left: 20px; }
.contAdd h3{ font-size:22px; margin: 10px 0 3px; color:#3a3838; }
.contAdd h4{ font-size: 16px; margin: 20px 0 8px; color:#3a3838; }
.contAdd a{ color: #282828; text-decoration: none; }
.contAdd span{font-weight: 600; }
.contAdd p{font-size:16px; margin:0;}
.contEnq{ position: relative; margin-top: 10px; }
.contEnq h4{font-size:22px; color:#3a3838; font-weight:lighter; margin-bottom:20px;}
.contEnq span.fly{position: absolute;top: -64px; left: 90px; z-index:0;}
.contEnq input[type=text]{width: 100%;height: 42px;border: 1px solid #cfcfcf;color: #565656;margin-bottom: 5px;padding-left: 10px;outline: none;float:left;background-color:#fbfbfb;margin-right:13px;font-size:16px;}
.contEnq textarea{width: 100%;height: 70px;border: 1px solid #cfcfcf;color: #565656;margin-bottom: 5px;padding: 10px 0 0 10px;resize: none;outline: none;background-color:#fbfbfb;font-size:16px;}
.contEnq input[type=button]{width: 175px;height: 40px;border: none;background: #f4ba48;color: #FFF;text-align: center;font-size: 18px;margin-top: 5px;	cursor: pointer;transition: all 0.3s;}
.contEnq input[type=button]:hover{ background:#3a3838; }
.certList{margin-left:20px;}
/*contact--End*/
.nav>li>a { position: relative; display: block; padding: 15px 10px; font-size: 18px; color:#323333; }
.refTable { width: 100%; }
.refTable tr { background: #f4f4f4; }
.refTable tr td, .refTable tr th{ font-size: 16px; padding: 10px;}

/*Responsive*/

@media screen and (max-width:991px){
	.ref-slide{ float: left; width: 100%; margin-left: 0px; margin-bottom: 30px; }
	.logo{width:240px;}
}
@media screen and (min-width:769px){
	.mobile-menu{ display: block !important;}
}
@media screen and (max-width:768px){
	.mobile-menu{ display: none;}
	.menu ul li { padding: 0; }
	.menuBtn{ display: block;}
	.mobile-menu{ position: absolute; top: 75px; width: 100%; left: 0; background:rgba(0,0,0,0.9); z-index: 99;}
	.mobile-menu li{ display: block;}
	.mobile-menu li a{ color: #FFF !important; padding: 10px 25px !important; border-bottom: 1px solid #767676; display: block;}
	.logo{width:220px;}
	.table-responsive{ border: none; }
}

@media screen and (max-width:480px){
	.mobile-menu{ display: none;}
	.menuBtn{ display: block;}
	.mobile-menu{ position: absolute; top: 65px; width: 100%; left: 0; background:rgba(0,0,0,0.9); z-index: 99;}
	.mobile-menu li{ display: block;}
	.mobile-menu li a{ color: #FFF !important; padding: 10px 25px !important; border-bottom: 1px solid #767676; display: block;}
	
	.logo{width:180px;}
}