@charset "utf-8";
/* CSS Document */
/**{webkit-transition:1s;-moz-transition:1s;-o-transition:1s; transition:1s;}*/

body{ background:#FFF;}
.inr-bnr{ position:relative;}
.inr-bnr h1{ position:absolute; z-index:99; left:0; right:0; margin:auto; bottom:23%; text-align:center; font:700 35px  'Titillium Web', sans-serif; color:#f0d25e; text-transform:uppercase;}

.inr-cntnr{ width:100%; height:auto; float:left; margin:30px 0;}
.brdr{ border:#090 1px solid; height:auto; min-height:100px; overflow: hidden;}
/*about*/
.abt-s1{ overflow:hidden;}
.abt-s1 .lft-bx{ width:50%; height: auto; float:left; border-right:#8d8d8d 1px solid; padding-right:2%; font:300 27px  'Titillium Web', sans-serif; text-align:right; color:#373737;}
.abt-s1 .rgt-bx{ width:50%; height: auto; color:#545454;font:300 15px  'Titillium Web', sans-serif; float:left;  padding:10px 0 0 2%;}
.mrg-tp{ margin-top:0px;}
.abt-s1 p{color:#545454;font:300 16px  'Titillium Web', sans-serif; text-align:center; margin:10px 0;}

.abt-bg{ background: url(../images/index3_01.jpg) center no-repeat; padding:27px 30px; min-height:140px;font:700 26px  'Titillium Web', sans-serif;}
.abt-bg .abt-s3{ width:100%; max-width:1200px;}

.abt-bg .left{ width:40%; height:auto; float:left; background:url(../images/about-lft-icn.png) left top 14px no-repeat; padding-left:70px;  color:#313a3e; text-transform:uppercase;}
.abt-bg .right{ width:60%; height:auto; float:left;  color:#f8c028; margin-top:2%; padding-left:5%;}
.abt-bg .right span{ color:#fff;}
.abt-bg .right a{ width:140px; height: auto; float:right; text-align:center; background:#fff; border-radius:5px;font:600 18px  'Titillium Web', sans-serif; color:#313a3e; text-decoration:none; padding:6px 0; margin-right:10%;}

.abt-s4{}
.abt-s4 h1{font:600 40px  'Titillium Web', sans-serif;color:#FFF; margin-bottom:10px;}
.abt-s4 p{font:300 16px  'Titillium Web', sans-serif;color:#FFF; margin:10px 0;}
.abt-s4 .tab{ width:100%; height:auto; float:left; margin:10px 0;}

/*career*/
.career{ margin:20px auto;}
.career h1{font:600 31px  'Titillium Web', sans-serif;color:#363636; margin-bottom:20px;}
.career p{font:300 16px  'Titillium Web', sans-serif;color:#636363; margin:10px 0;}
.career h3{font:600 18px  'Titillium Web', sans-serif; color:#727272; background:#f8f8f8 url(../images/career-h3-icn.png) left 15px top 15px no-repeat; padding:10px 10px 10px 45px; margin:30px 0 10px 0;}
.career .tab-ul{ width:100%; height:auto; font:300 15px  'Titillium Web', sans-serif; padding:10px 20px; margin:0; margin-bottom:20px;}
.career .tab-ul li{ color:#636363; background:url(../images/career-li-icn.png) left 10px top 8px no-repeat; padding:0 30px; margin:5px 0;}
.career li .apply{ width:215px; height:50px;  background:#01407f; color:#FFF; text-transform:uppercase; text-align:center;font:700 22px  'Titillium Web', sans-serif; border-radius:5px; position:relative; left:30px; bottom:30xp; padding:10px 0; margin:30px 0;}


/*contact*/
.contact{ margin:50px 0;}
.contact article, .contact aside{ width:50%; height: auto; float:left;}
.contact article { border-right:#dcdcdc 1px solid; padding-right:40px;}
.contact aside { padding:30px 0 0 40px; }
.contact h1{font:600 35px  'Titillium Web', sans-serif; color:#525252; line-height:35px}
.contact article h3{font:600 20px  'Titillium Web', sans-serif; color:#525252; margin:0;}
.contact .adrs-bx{ width:250px; height:auto; float:left;}
.contact .adrs-bx h4{font:600 17px  'Titillium Web', sans-serif; color:#404040; padding:5px; border-bottom:#fbc11c 1px solid; 
margin:10px 0; margin-top:24px;}
.contact .adrs-bx h4 i{ width:21px; float:left; margin:3px 10px 0 0;}
.contact .adrs-bx p{ padding-left:20px;}
.contact form{ width:100%; height:auto; float:left; }
.contact form .name-bx{ width:100%; height:40px; float:left; border-bottom:#666 1px solid;font:400 16px 'Raleway', sans-serif; margin:7px 0; color:#5a5a5a;}
.contact form .text_bx{ width:100%; height:100px; float:left; border:#666 1px solid;font:400 16px 'Raleway', sans-serif; 
margin-top:20px; max-width:none; color:#5a5a5a;}
.contact form a{ background:#fabd28; width:100px; height:40px; float:left; text-align:center; color:#fff;font:500 18px 'Raleway', sans-serif; padding:10px 0; margin-top:20px;}

.contact .map{ width:100%; height:auto; float:left;}


/*services*/
.services{ margin-top:50px; text-align:center; padding:0;}
.services h1{font:600 35px  'Titillium Web', sans-serif; color:#525252;}
.services .four-one{ width:47%; height:auto; display:inline-block; margin:3% 1% ; border-bottom:#01407f 7px solid;}
.services .four-one img{ width:100%; height:auto;}
.services .four-one h2{ width:100%; height: auto;font:600 27px  'Titillium Web', sans-serif; color:#fff; background:#01407f; text-transform:uppercase; padding:20px 0; margin:0;}
.services .four-one p{ width:100%; height: auto;font:300 16px  'Titillium Web', sans-serif; color:#636363; padding:6px; text-align:justify; line-height:20px; margin:0;}
.services .four-one:hover{ background:#fbfbfb;}
.services .four-one:hover h2{ background:#01407f; color:#fff;}

/*hard services*/
.srcs-dtl{ text-align:left;}
.srcs-dtl h2{font:700 28px  'Titillium Web', sans-serif; color:#f3c321; background:#212121; padding:5px 30px; margin:0;}
.srcs-dtl p{ text-align:left; margin:0;  margin-top:20px; padding:0 30px}
.srcs-dtl .s1-ul{ width:100%; height:auto; padding:30px;font:300 16px  'Titillium Web', sans-serif;}
.srcs-dtl .s1-ul li{ width:100%; height:auto; float:left; background:url(../images/projects-detail-icn.png) top 8px left 10px no-repeat; padding-left:30px; margin:5px 0; color:#212121}
/*projects*/
.projects{ padding:50px 0; background:#f8f8f8; margin:0;}
.projects h1{font:600 35px  'Titillium Web', sans-serif; color:#525252;}
.projects h1, p{ padding-left:1%;}
.projects .four-one{ width:31.3%; height:auto; float:left; margin:1% ; border-bottom:#e5e5e5 3px solid; padding-bottom:10px;}
.projects .four-one img{ width:100%; height:auto;}
.projects .four-one p{ width:100%; height: auto;font:300 16px  'Titillium Web', sans-serif; color:#8d8d8d; padding:15px; text-align:justify; line-height:20px; margin:0; background:#FFF url(../images/projects-more-icn.png) right 15px center no-repeat;}
.projects .four-one p span{ font:700 20px  'Titillium Web', sans-serif; display:block; color:#393939;}
.projects .four-one:hover{border-bottom:#f3c321 3px solid; cursor:pointer; }
.projects .cntrls{ width:100%; height:auto; float:left; padding:10px; position:relative; overflow:hidden; text-align:center; margin-top:30px;}
.projects .cntrls .left, .cntrls .right{ width:116px; height:32px; border:#595959 1px solid; color:#969696;font:400 12px  'Titillium Web', sans-serif; text-transform:uppercase; padding:5px 20px;}
.projects .cntrls .left{ float:left; background:url(../images/projects-cntrl-lft.png) left 20px center no-repeat; text-align:right; }
.projects .cntrls .right{  float:right; float:right; background:url(../images/projects-cntrl-rgt.png) right 20px center no-repeat; text-align:left; }
.projects .cntrls .center{ width:150px; height:32px; position:absolute; left:0; right:0; margin:auto; color:#969696;font:700 15px  'Titillium Web', sans-serif;}
.projects .cntrls .center i{ font-style:normal; width:21%; height:auto; float:left; text-decoration:underline; text-align:center; line-height:20px; margin:2%;}
.projects .cntrls .center i:hover{ color:#f3c321; cursor:pointer;}