@charset "utf-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family:Arial, Helvetica, sans-serif;}
ol, ul {
	list-style: none;
}
blockquote, q {	quotes: none;}

h1{ font-size:25px;}
h2{ font-size:22px;}
h3{ font-size:17px;}
h4{ font-size:15px;}
h5{ font-size:12px;}
h6{ font-size:11px;}
h1, h2, h3, h4, h5, h6{color:#034abe; font-family:Arial, Helvetica, sans-serif;}

p{font-size:12px; line-height:1.5em; font-family:Arial, Helvetica, sans-serif; margin-bottom:12px;}
a{text-decoration:none;}
strong{font-weight:bold;}
em{font-style:italic}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
::-moz-selection {background:#056adf; color:#ffffff}
::selection {background:#056adf;color:#ffffff}
body{font:13px/1.231 arial, helvetica, clean, sans-serif;*font-size:small;*font:x-small; background: #ccc /*url(../image/main_bg.jpg) no-repeat center center*/ fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

.btn_more{  -o-transition:color .8s ease-out, background .9s ease-in;  -ms-transition:color .8s ease-out, background .9s ease-in;  -moz-transition:color .8s ease-out, background .9s ease-in;
  -webkit-transition:color .8s ease-out, background .9s ease-in; transition:color .5s ease-out, background .5s ease-in;float:right; padding:3px 22px 3px 5px; color:#ffffff; text-decoration:none; background:#0166da url(../image/more-bg.jpg) right top no-repeat}
.btn_more:hover{background-color:#393939}
#pattern_filler{ background:url('../image/pattern-dot.png') 0 0  repeat;}
.sitewrap{display:block; width:100%; height:100%; margin:0px; padding:0px; overflow:hidden; z-index:1; }
#container{width:959px;  min-height:500px; background:#fff; padding:0px 20px ;z-index:2;margin:0px auto 18px auto;
box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3); box-shadow:0px 0px 10px rgba(0,0,0,0.3); }

.header{ display:block; width:100%; height:150px; position:relative }
.header h1#logo { float: left; display: inline; margin: 0 0 0 0; }
.header h1#logo a { display: block; width: 236px; height: 142px; text-indent: -9999px; background: transparent url(../image/kecc-logo.jpg) top left no-repeat; }

.banner{ height:500px; width:959px; overflow:hidden; position:relative; z-index:3}
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:600px; position:absolute; }

.banner_sub{ height:325px; width:959px; overflow:hidden; position:relative; z-index:3}
.bnr_profile{ background:url(../image/banner_profile.jpg) 0 0 no-repeat}
.bnr_team{ background:url(../image/our_team.jpg) 0 0 no-repeat}
.bnr_services{ background:url(../image/banner_services.jpg) 0 0 no-repeat}
.bnr_achiev{ background:url(../image/banner_achievements.jpg) 0 0 no-repeat}
.bnr_certificate{ background:url(../image/banner_certificate.jpg) 0 0 no-repeat}
.bnr_gallery{ background:url(../image/our_work.jpg) 0 0 no-repeat}
.bnr_location{background:url(../image/banner_location.jpg) 0 0 no-repeat}
.bnr_career{background:url(../image/banner_career.jpg) 0 0 no-repeat}


.banner_text{ position:absolute; bottom:0px; left:199px; background:url(../image/bg_banner_text.png) 0 0 repeat; width:740px; padding:10px }
.banner_text h3{ font-size:30px; text-transform:capitalize; color:#ffffff}
.kecc_img{display:block; margin:5px 0px 10px 0px; padding:2px 3px; background:#f1f1f1; /*border:2px solid #dbdbdb*/}
.float_left{float:left; display:inline; margin-right:12px}

ul#navigation{ list-style:none; margin:0px; padding:0px; display:block; position:relative;width:960px; height:40px;}
ul#navigation li{ float:left; display:block; display:inline-block;background: transparent;}
ul#navigation li a {
    background: #fff url(../image/nav_bg.jpg) bottom right no-repeat;
    color: #242424;
    display: block;
    width: 118px;
    padding: 12px 1px;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: -0.15px;
    line-height: 17px;
    text-transform: uppercase;
}

ul#navigation li a:hover, ul#navigation li a.active {
    color: #ffffff;
    background: #1a4f91 /*url(../image/pattern_white.png) 0 0 repeat;*/;
}

.lne_1,.lne_2,.lne_3,.lne_4,.lne_5,.lne_6{ display: block; width:1px; height:150px; position:absolute; z-index:999px; background:#dbdbdd}
.lne_1{ top:0px; right:119px}
.lne_2{ top:0px; right:239px}
.lne_3{ top:0px; right:359px}
.lne_4{ top:0px; right:479px}
.lne_5{ top:0px; right:599px}
.lne_6{ top:0px; right:719px}

#home-carousel {  bottom: -75px;   left: 0;   position: absolute;   width: 959px; background:transparent}
.no-js #home-carousel { height: 175px;}
#home-carousel a {	background:#1d5294 url(../image/bg_carousel.png) repeat;    color: #fff;    cursor: pointer;    float: left;    height: 143px;    overflow: hidden;
    padding: 16px 15px;    position: relative;    text-decoration: none;    width: 284px; border-top:1px solid #02489a}
#home-carousel a.mdlCL{border-right:1px solid #02489a; border-left:1px solid #02489a; padding-left:19px; padding-right:22px;}
#home-carousel a.fstCL{border-left:1px solid #02489a;border-right:1px solid #02489a;}
#home-carousel a.lstCL{border-right:1px solid #02489a;border-left:1px solid #02489a}

#home-carousel a h2 {	font-weight: normal; color:#fff;	font-size:20px;	margin-bottom:12px; text-shadow:-1px 1px 1px #03438e}
.no-js #home-carousel a:hover{   background: #fff none;}
#home-carousel a:hover h2{text-shadow:none; color:#034abe}
#home-carousel section h2{ font-size: 14px;    font-weight: bold;    margin: 0 0 2px;}
#home-carousel a p {    color: #e1e1e1;    font-size: 12px;    line-height: 18px;    margin: 0 0 18px;}
#home-carousel a p.extra {    display: none;	margin-top:-18px;}
.no-js #home-carousel a p.extra {    display: block;}
#home-carousel a:hover p {	color: #313131;}
.overflow{display:block; width:100%; overflow:hidden;}
.site_content{display:block; overflow:hidden; padding:25px 0px 5px 0px;}
.home_left{ width:629px; float:left; display:inline; padding:0px 15px 0 0}
.home_left1{ width:960px; float:left; display:inline; padding:0px 15px 0 0}
.home_right1{ width:460px; float:left; display:inline; padding:0px 15px 0 0}
.home_left h2{margin-bottom:10px;}
.home_left p span{font-size:16px; color:#000; font-weight:500;}
.home_right{ width:297px; float:right; display:inline; padding:0 0 0 15px;}
.home_right p{color:#4a4a4a}
.home_right h3{margin-bottom:17px;}
.address{ padding:0 0 0 38px; background:url(../image/icons_address.jpg) 0 3px no-repeat;}
.contct{padding:0 0 0 38px; }
/*.home_right .address p{border-bottom:1px dashed #dbdbdb;}*/
.phone_home{ display:block; padding:5px 0 5px 0; background:#fff url('../image/pattern.png') 0 14px repeat}
.phone_home p{font-size:20px; font-weight:bold; color:#2a2a2a; padding-left:59px; margin:4px 0 0 19px; background:url('../image/phone_home_icon.png') 0 8px no-repeat}

.half_left{ width:310px; overflow:hidden; float:left;display:inline; margin-bottom:15px;}
.half_right{width:310px; overflow:hidden; float:right; display:inline; margin-bottom:15px;}

ul.tabular{ margin:0 0 0 0; padding:10px 8px; border:1px solid #a7cbf8; background:#e8eef6; list-style-type:none; display:block; overflow:hidden}
ul.tabular li{ font-family:Arial, Helvetica, sans-serif; display:block; padding:10px 0 8px 12px; background:#f2f2f2; overflow:hidden; border-bottom:1px solid #dbdbdb }
ul.tabular li small{font-size:13px; float:left; display:block; width:455px;}
ul.tabular li span{ display:block; float:left; font-size:14px; font-weight:bold; width:140px}
ul.tabular li.center{font-size:14px; font-weight:bold; text-align:center; color:#464646; font-style:italic}
.iso_img{display:block; margin:8px auto; border:2px solid #dbdbdb; padding:3px 2px; background:#f2f2f2;}

ul.gallery_img{ margin:15px 0 0 0; padding:0 0; list-style:none; overflow:hidden}
ul.gallery_img li {
    float: left;
    width: 182px;
    height: 174px;
    list-style-type: none;
    margin: 0 10px 9px 0;
    overflow: hidden;
    position: relative;
}
ul.gallery_img li a{    width: 100%;
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;}
ul.gallery_img li a img{
	/*width: 195px;height: 295px;*/   
 -webkit-flex-shrink: 0;
    max-width: 100%;
    max-height: 100%;}

#projects { border:1px solid #dbdbdb}
#projects td{ padding:6px 0px; border-bottom:1px solid #dbdbdb}
#projects h5{font-weight:bold; display:block;}
#projects p{margin-bottom:0px !important;}
#projects .raw_number{ width:28px; padding-left:8px; color:#4a4a4a}
#projects .raw_detail{ width:430px;padding-left:8px; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb}
#projects .raw_client{ padding-left:8px; width:150px; font-weight:bold;}
#projects .raw_heading{background:url(../image/pattern.png) 0 0 repeat; }
#projects .raw_heading h3{text-align:center; color:#fe0000}

.portfolio{ width:100%; height:106px; padding:1px 0; margin:10px auto; background:url(../image/pattern.png) 0 0 repeat}
.portfolio ul.clients li.thecontent{ display:none;}
.portfolio ul.clients li {display:block; padding:15px 12px; text-align:center; margin:10px auto;background:transparent;}
.portfolio ul.clients li a{font-size:12px; font-weight:normal; color:#333 }
.portfolio ul.clients li a:hover{text-decoration:underline;}
.portfolio ul.clients li span{ font-size:14px; font-weight:bold; color:#333; display:block; padding-bottom:8px; color:#034abe }

.contact-form{ margin:0; padding:0 0 0 0; position:relative}
.contact-form p{display:block; margin-bottom:8px;}
.contact-form label{margin-right:15px; margin-top:6px; width:80px; display:block; float:left;}
.contact-form textarea, .contact-form input, .contact-form select{width:330px; padding:6px 0 6px 5px; border:1px solid #ccc}
.contact-form select option{ color:#333;}
.contact-form  .submit_btn {width:100px; padding:5px 3px; margin-right:196px; cursor:pointer}
span.red{color:#F00 !important;}

.error { font-weight:normal;color:red;text-align:left;width:100% !important; font-family:Arial, Helvetica, sans-serif; font-size:12px; display:block; position:absolute; bottom:14px; left:0px;}

#message{padding:10px 7px; padding: 10px 7px;border: 5px solid rgb(164, 243, 102);background: rgb(252, 250, 223); position:relative}
#message #checkmark{ display:block; width:31px; height:29px; position:absolute; right:10px; top:30%;}

.iso{padding:6px 0px; width:959px; background:#dbdbdb url(../image/pattern.png) 0 0 repeat; margin-top:10px;}
.iso h2{text-align:center; color:#000; text-transform:uppercase;}
.special_div{display:block; padding-left:10px; margin:0 0 30px 25px; border-left:10px solid #ccc}
.footer{ width:959px; padding:12px 0px 0px 0px; display:block; overflow:hidden; border-top:1px solid #cccccc; margin-top:10px;}
.footer_left{ width:650px; float:left; display:inline}
.footer_right{ width:293px; float:right; display:inline}
.footer p{color:#7e7e7e; font-size:11px;}
.footer p strong{font-weight:bold; color:#4c4c4c}
.footer p a{color:#4c4c4c; padding:2px 4px}
.footer p a:hover{ text-decoration:underline;}