/***** Wireframe Layout *****/
html, body{height:100%;}
body{margin:0px auto; margin: 0 auto; font-family: Roboto, sans-serif; font-size: 18px; line-height:125%; color: #000; background-color: #eee;}
/***** Wireframe Layout *****/ 

.kcap {margin: 0 auto; width: 100%; max-width: 1366px; min-width: 760px; background-color: #fff;}

.kcap .lft { float: left; }
.kcap .rgt { float: right; }
.kcap .clr-bth{clear:both;}
.kcap a{color:#e03a3e;cursor:pointer;text-decoration:underline;}
.kcap a:hover{text-decoration:none;}
.kcap img { border: 0; }
.kcap h1 {font-weight: 600;line-height:120%;font-size: 36px;font-family: 'Roboto Condensed', sans-serif;  margin:25px 0 5px; padding:0;  }
.kcap h2 {font-weight: 500;line-height:120%;font-size: 28px;font-family: 'Roboto', sans-serif; margin:20px 0 5px; padding:0;  }
.kcap h3 {font-weight: 600;line-height:120%;font-size: 20px;font-family: 'Open Sans', sans-serif; margin:20px 0 5px; padding:0;}
.kcap h4 {font-weight: 500;line-height:120%;font-size: 18px;font-family: 'Roboto', sans-serif;  margin:10px 0 5px; padding:0; }
.kcap h5 {font-weight: 600;line-height:125%;font-size: 16px;font-family: 'Roboto', sans-serif;  margin:10px 0 5px; padding:0;}	
.kcap h6 {font-weight: 400;line-height:125%;font-size: 14px;font-family: 'Roboto', sans-serif;  margin: 5px 0 5px; padding:0;}
.kcap hr {clear:both;margin: 35px 0px 35px; border: 0; height: 0;  border-top: 1px solid #ccc;  border-bottom: 0; border-top: 1px solid rgba(255,255,255,0.8); border-bottom: 1px solid rgba(120,120,120,0.3);}

.kcap ul, .kcap ol{margin:5px 0 12px 30px;padding:0;}
.kcap ol{list-style-type:decimal;}
.kcap ol ol{list-style-type:lower-latin;}
.kcap ol ol, .kcap ul ul{  margin-bottom: 10px;   margin-top: 0px; }
.kcap ul li, .kcap ol li{margin: 5px 0 0 0px; padding: 0px 0 0 15px;line-height: 120%;}
.kcap p{margin:20px 0 0;}
.kcap p + ul,  .kcap p + ol{margin-top:-8px;}
/*.kcap p + h3{margin-top:25px}
.kcap h3 + p, .kcap h2 + p{margin-top:12px !important}
.kcap h3 + table, .kcap h2 + table{margin-top:15px !important}*/

.kcap sup, .kcap sub { vertical-align: baseline; position: relative; top: -0.4em;white-space: nowrap;}
.kcap sub { top: 0.4em; }

.kcap table{ table-layout: fixed; border-collapse: collapse;padding:0;border:0;}
.kcap table tr{border:0;padding:0;}
.kcap table tr td{border:0;padding:0;}

	.kcap .hid { display:none; }
/*==================================================================================*/

/***** TOP *****/
.kcap .top { max-width:1366px;  min-width: 760px;margin:0 auto;width:100%;overflow: hidden;}
.kcap .top .header {width:100%; margin: 0 auto;position: relative; font-size:0;background:#fff;top:0;z-index: 999;    text-align: center;}
		
		/* Logo */
		.kcap .top .header .logo {vertical-align: top;min-width:300px;display: inline-block; margin:30px 0px 20px 0px;}
		.kcap .top .header .logo img{ width: 100%;vertical-align:middle;padding-top:10px;}

		/* Header Right Elements */
		.kcap .top .header .hdr-rgt-grp{vertical-align: top; display:inline-block; min-width: 69%;}

		/* Search */
		.kcap .top .header .search {float:right; margin:30px 0px 10px 0;line-height:125%;}
		.kcap .top .header .search form{display:inline-block}
		.kcap .top .header .search input[type="search"]{ max-height:24px;border:1px solid #aaa;border-right:0px;padding:4px 5px 4px 5px; vertical-align:top;outline:none;	border-radius: 0;    margin: 0;-webkit-appearance: none; -webkit-border-radius:0px;}
		.kcap .top .header .search input[type="image"] { max-height:22px;border:1px solid #e03a3e; vertical-align:top;	border-radius: 0;-webkit-appearance: none;outline:none;    margin: 0;-webkit-border-radius:0px;}



/***** Menu *****/

.kcap .top .header .navigation-grp { margin-left: 10px; }
.kcap .top .header .smallMenuIcon {display:none;}
.kcap .top .header .wpSmallMenuM1 {display:none;}
.kcap .top .header .wpMenuM1 {width:100%;display:inline-block;vertical-align:middle;padding: 0;}
.kcap .top .header .menu { font-size:16px;color:#be0079;display:inline-block; width: 100%;}

/**** Level 1 ****/
.kcap .top .header .menu ul{font-size:0;text-align:right;padding:0;margin:0; letter-spacing: 1px;}
.kcap .top .header .menu > ul > li {font-size:16px;display: inline-block;padding: 0px 15px 0 0px;margin: 0px 0 0px 35px;position: relative; background-image: url('../image/nav-arr-inact.png');background-position:right center;background-repeat:no-repeat;}
.kcap .top .header .menu ul li a{letter-spacing: 0px;text-decoration:none;color: #363636;}
.kcap .top .header .menu ul li:hover{background-image: url('../image/nav-arr-act.png');}
.kcap .top .header .menu ul li:hover a{color: #e03a3e;}
.kcap .top .header .menu > ul > li.sel{background-image: url('../image/nav-arr-act.png');}
.kcap .top .header .menu > ul > li.sel > a{color: #e03a3e;}

/**** Level 2 ****/
.kcap .top .header .menu ul ul{font-size:100% !important;list-style:none;display:none;background:#fff;padding:25px 0 10px;position:absolute; left: -30px;}
.kcap .top .header .menu ul li:hover > ul{color: #363636;list-style:none;display:block;}
.kcap .top .header .menu ul ul li{text-align:left;color: #363636;padding:0;margin:0;position:relative;}
.kcap .top .header .menu ul ul li:hover{background-image:none;color: #e03a3e;}
.kcap .top .header .menu ul li:hover ul li a{color: #363636;}
.kcap .top .header .menu ul li:hover ul li:hover a{color: #e03a3e;}
.kcap .top .header .menu ul ul li a{width: 185px; letter-spacing: 0px;color: #363636;text-align: left; padding:15px 30px 10px; margin: 0; display: inline-block; }

/**** Level 3 ****/
.kcap .top .header .menu ul ul ul{display:none;margin-bottom:10px}
.kcap .top .header .menu ul ul li:hover > ul{display:block;}
.kcap .top .header .menu ul ul ul{display:block;padding: 0;   position: relative; left: 0px; top: 0px;}
.kcap .top .header .menu ul ul li:hover > ul{display:block; position: relative; left: 0px; top: 0px;}
.kcap .top .header .menu ul li:hover ul li:hover ul li a{color: #363636;}
.kcap .top .header .menu ul li:hover ul li:hover ul li:hover a{color: #e03a3e;background-image: url('../image/ddl-bullet-hvr.png'); background-position:left center;background-repeat:no-repeat;}
.kcap .top .header .menu ul ul ul li{padding: 0px 15px 0px; margin: 0px 0 0 0;}
.kcap .top .header .menu ul ul ul li a { padding: 5px 30px 5px 15px; margin: 0px 0 0px 15px; font-size: 15px; background-image: url('../image/ddl-bullet.png'); background-position:left center;background-repeat:no-repeat; }

/*bottom*/
.kcap .btm{max-width:1366px; min-width: 760px; margin:0 auto;width:100%;}

.kcap .btm .footer{width: 82.5%; border-top: 2px solid #e03a3e; margin: auto; text-align: center; vertical-align: middle; overflow: hidden;}

.kcap .btm .copyright{ text-align: left; vertical-align: middle; float: none; padding: 5px 0 25px 0; border: solid 0px red;}
.kcap .btm .nav{ text-align: left; vertical-align: middle;  float: none;  padding: 25px 0 5px 0; border: solid 0px blue;}
.kcap .btm .nav ul {  margin: 0;  padding: 0; list-style: none; font-size: 0; vertical-align: middle;}
.kcap .btm .nav ul li{ margin: 0px;padding:0;display:inline-block;font-size:18px; vertical-align: middle;}
.kcap .btm .nav ul li:before{ content: "|"; padding: 0 15px 0 15px; color: #363636;  }
.kcap .btm .nav ul li:first-child:before{content: ""; padding: 0 ; }
.kcap .btm .nav ul li a{color:#363636;text-decoration:none;}
.kcap .btm .nav ul li a:hover{color:#e03a3e}

input[type="text"] {
	width: 275px;
	padding: 5px;
	margin-bottom: 15px;
	margin-top: 5px;
	font-size:18px;
	font-family:"Roboto", sans-serif;
	border-radius: 0;
	border: 1px solid #aaa;
	-webkit-appearance: none;
	-webkit-border-radius:0px;
	   
}
#formEnquiry select {
    width: 290px;
    padding: 5px;
    margin-bottom: 15px;
    margin-top: 5px;
			font-size:18px;
	font-family:"Roboto", sans-serif;
	border-radius: 0;
 
	-webkit-border-radius:0px;
}

textarea {
    min-width: 280px;
    padding: 5px;
    margin-bottom: 15px;
    margin-top: 5px;
			font-size:18px;
	font-family:"Roboto", sans-serif;
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-border-radius:0px;
	    border: 1px solid #aaa;
}

input[type="submit"],input[type="button"]  {
    border: 1px solid #df3a3d;
    padding: 5px;
    min-width: 140px;
    background: #df3a3d;
    color: #fff;
    font-family: "roboto";
    font-size: 18px;
    margin-right: 10px;
		cursor:pointer;
		border-radius: 0;
		-webkit-appearance: none;
		-webkit-border-radius:0px;
}

input[type="submit"]:hover,input[type="button"]:hover{background: #da5557}

 select {
		width: 287px;
	padding: 5px;
	margin-bottom: 15px;
	margin-top: 5px;
	font-size:18px;
	font-family:"Roboto", sans-serif;
	border-radius: 0;
	border: 1px solid #aaa;
	-webkit-appearance: none;
	-webkit-border-radius:0px;
}

.update .forms { width:100%; max-width:714px;}
.update .forms table#tblPart {  width:100%; max-width:465px;}
.update .forms table#tblPart td {display:block; width:100%; clear: both;}
.update .forms table#tblPart td div.split {display:block; width:48%; float:left;}
.update .forms table#tblPart td div.split:first-child {padding-right:18px;}

.update .forms table#tblPart td input[type="text"],
.update .forms table#tblPart td div.split input[type="text"],
.update .forms table#tblPart td div.split select  {
	width: 100%;
	padding: 5px;
	margin-bottom: 15px;
	margin-top: 5px;
	font-size:18px;
	font-family:"Roboto", sans-serif;
	border-radius: 0;
	border: 1px solid #aaa;
	-webkit-appearance: none;
	-webkit-border-radius:0px;
	box-sizing:border-box;
	   
}


@media screen and (max-width: 1279px) {
	.kcap .top .header .menu ul{letter-spacing:0; }
	.kcap .top .header .menu > ul > li{ margin: 0px 0 0px 15px;/*padding: 0px 0px 0 0px;  background:none !important;*/}

	.kcap .top .header .navigation-grp{margin:0;}
	.kcap .btm .footer{width: 87.5%;}
}

@media screen and (max-width: 1151px) {
	.kcap .top .header .menu ul{ text-align: justify;}
	.kcap .top .header .menu > ul:before { content: "";  display: block;  width: 100%;  }
	.kcap .top .header .menu > ul:after { content: ""; display: inline-block;  width: 100%; }
	/*.kcap .top .header .menu ul:before { content: "";  display: block;  width: 100%;  }
	.kcap .top .header .menu ul:after { content: ""; display: inline-block;  width: 100%; }*/

	.kcap .top .header .hdr-rgt-grp{min-width: 86%;}
	.kcap .top .header{padding: 0px 0 0px;}
	.kcap .top .header .logo{	position: absolute; top: 0;  margin: 0px 0 0 20px;}
	.kcap .top .header .search {    margin: 35px 20px 20px 0px;}
	.kcap .top .header .menu > ul > li{  margin: 0px  20px; }
		.kcap .btm .footer{width: 90%;}
}

@media screen and (max-width: 1023px) {

	.kcap .top .header .logo{ margin:0px 0 0 15px;}
	.kcap .top .header .search { margin: 25px 15px 20px 0px;}
	.kcap .top .header .menu > ul > li{  margin: 0px  15px;}
	.kcap .btm .copyright{ float:none; padding: 10px 0 25px ; text-align:center;}
	.kcap .btm .nav{ float:none;  padding: 25px 0 5px; text-align:center;}


}

@media screen and (max-width: 959px) {

	.kcap .top .header .logo{  margin:0px 0 0 10px;}
	.kcap .top .header .search { margin: 25px 10px 20px 0px;}
	.kcap .top .header .menu > ul > li{  margin: 0px  10px;padding: 0px 0px 0 0px; background:none !important;}
	.kcap .top .header .hdr-rgt-grp { min-width: 79%; }
}



