﻿.kcap .top .bnr {overflow:hidden;background:#929292;min-height:300px;background-image: url('../image/banner2.jpg');width:100%;    background-size: cover;background-position: center top;}
.kcap .top .bnr .bnr-overlay1{background:#fff; left:-30px;transform-origin: top right;-webkit-transform-origin: top right; transform: rotate(-9.65deg); -webkit-transform:rotate(-9.65deg); width: 1500px; height: 40%; min-height: 250px;position:absolute;bottom:0;  z-index:3;}
.kcap .top .bnr .mast-bnr { text-align: right; display: table;  width: 100%;  vertical-align: middle;  padding: 0;}
.kcap .top .bnr .mast-bnr .desc-cnt{display: table-cell; vertical-align: middle;  text-align: right;}
.kcap .top .bnr .mast-bnr .desc-cnt .ttl-wrap{float:right;}
.kcap .top .bnr .mast-bnr .desc-cnt .ttl-wrap h1.page-ttl {min-width: 295px;padding:25px 75px 0px 0px; text-transform: uppercase;  color: #fff;  display: table-caption; line-height: 125%; }

/*content banner*/
.bnr_vision { position: relative; background-image: url('../../../pub-data/img-vision.jpg') !important;}
.bnr_business {position:relative;background-image:url('../../../pub-data/img-business-principles.jpg') !important;}
.bnr_policy {position:relative;background-image:url('../../../pub-data/img-policy-statement.jpg') !important;}
.bnr_sfdr {position:relative;background-image:url('../../../pub-data/img-sfdr.jpg') !important;}
.bnr_contact { position:relative;background-image:url('../../../pub-data/img-contact.jpg') !important;}
.bnr_portfolio { position: relative; background-image: url('../../../pub-data/img-portfolio.jpg') !important;}

	/*rotator banner*/
.kcap .top .bnr .jssorBnr { position: relative; top: 0px; left: 0px; width: 1000px; height: 750px; }
.kcap .top .bnr .jssorBnr .slides { cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width: 1000px; height: 750px; }
.kcap .top .bnr .jssorBnr .slides img{width:100% !important;height:auto !important;position:absolute!important;/*right:-50px !important;*/left:auto !important;}
.kcap .top .bnr .jssorBnr .jssorb05 { left: 25px; display:none;} /* Jssor Bullet Navigator*/


.kcap .mid {width: 80%;margin:0 auto;}
.kcap .mid .navm2{max-width: 25%;min-width:280px;margin-left: 0px;margin-right: 25px; margin-top: 15px;}
.kcap .mid .navm2 ul{display:none;}
.kcap .mid .navm2 .select2{display:block;width: 80%; min-width:250px;   margin: 0 0 40px;    max-width: 100%;}
.kcap .mid .navm2 .select2 .select2-selection{outline:none;border:0px;border-bottom:2px solid #e1464a;padding:10px 0 5px;border-radius:0;box-sizing: content-box;color: #363636; font-weight: 500;}
	.kcap .mid .navm2 .select2:hover .select2-selection__rendered {color:#e1464a !important;}
	.kcap .mid .navm2 .select2:hover .select2-selection__arrow b{border-color: #e1464a transparent transparent transparent;}
.kcap .mid .navm2 .select2 .select2-selection__rendered{padding:0;    max-width: 90%;}
.kcap .mid .navm2 .select2 .select2-selection__arrow{height: 42px;}
.kcap .mid .navm2 .select2 .select2-selection__arrow b{border-color: #363636 transparent transparent transparent;    border-width: 6px 4px 0 4px;    margin-top: 0px;}
.select2-results__option[aria-selected="true"]{display:none;}
.select2-results__option--highlighted{background-color: #e1464a !important;border-left:1px solid #e1464a !important;border-right:1px solid #e1464a !important;}
.select2-results__option--highlighted:last-child{border-radius: 5px; border-top-left-radius: 0;border-top-right-radius: 0;}
.select2-results__option{border-left: 1px solid #eaeaea;border-right: 1px solid #eaeaea;}
.select2-results__option:last-child{border-radius: 5px;border-bottom:1px solid #eaeaea;border-top-left-radius: 0;border-top-right-radius: 0;}
.select2-dropdown{ border: 0px solid #eaeaea;}

/*navm3 level 4*/
.kcap .mid .navm3{display:none;}

.kcap .mid .main-cont{clear:both;margin-bottom: 30px;overflow:hidden; text-align:left;color:#000;position: relative;top: 0; margin-top: 40px; z-index: 3;}
.kcap .mid .main-cont p{line-height: 160%;margin:10px 0 15px; margin: 0px 0 25px;}
.kcap .mid .main-cont img{max-width: 92.5%; height: auto;}
.kcap .mid .main-cont .content{width:100%;}
.kcap .mid .main-cont h1.page-ttl{text-align:left;padding:0px 0px 10px 0px;text-transform:capitalize;color:#e1464a;font-weight:bold;line-height:125%;}

.kcap .mid .main-cont .navigator{text-align:right;margin-top:35px;}

.kcap .custom-margin {margin-left: 0;}

.kcap .mid .main-cont ul.breadcrumb{ line-height: 125%;padding:0 0 0px;margin:0 0 30px;font-size:0;}
.kcap .mid .main-cont ul.breadcrumb li{ line-height: 125%;padding:0;margin:0 10px 0 0px;display:inline-block;font-size:16px;}
.kcap .mid .main-cont ul.breadcrumb li:before{content:">";padding:0 10px 0 0;color:#363636; font-weight:500;}
.kcap .mid .main-cont ul.breadcrumb li:first-child:before{content:"";padding:0;}
.kcap .mid .main-cont ul.breadcrumb li a{text-decoration:none;color:#363636; font-weight:500;line-height: 125%;}
.kcap .mid .main-cont ul.breadcrumb li a:hover{color:#e1464a;}
.kcap .mid .main-cont ul.breadcrumb li a.sel{color:#e1464a;}
.kcap .mid .main-cont ul.breadcrumb li:last-child {  color: #e1464a; font-weight: 500; line-height: 125%; margin-right: 0; }

.kcap .mid .main-cont .content table.tagline{font-family: 'Roboto Condensed', sans-serif; font-size: 25px; line-height: 150%; padding: 1px 0 15px; font-weight: bold; margin-bottom: 25px; width: 100%; display: block; border-bottom: 1px dashed #b0b0b0;}
.kcap .mid .main-cont .content table.tagline p{margin:0;line-height: 150%;}

.kcap .mid .main-cont .content table.feat_phrase{ display: inline-block; font-family: "Roboto Condensed";  font-weight: 400;  font-size: 20px;  line-height: 150%;    color: #e03a3e;margin-bottom:15px;}

/*content accordion */
.kcap .mid .main-cont .accordion {width: 100%; background-color: #f5f5f5;}
.kcap .mid .main-cont .accordion_main {background-color: #f5f5f5;	cursor: pointer; margin: 0 0 1px 0;padding: 0px 11px 0px 0px; border-bottom: solid 2px #e03a3e;}
.kcap .mid .main-cont .plus{background-image: url(../image/icon-open.png); background-repeat: no-repeat; background-position: 99% 95%; background-size: 3%}
.kcap .mid .main-cont .plus:hover {background-image: url(../image/icon-open-red.png);  background-size: 3%}
.kcap .mid .main-cont .minus {background-image: url(../image/icon-close.png); background-repeat: no-repeat; background-position: 99% 99%; background-size: 3%}
.kcap .mid .main-cont .minus:hover {background-image: url(../image/icon-close-red.png); background-size: 3%}

.kcap .mid .main-cont .accordion_main .header h3{margin-top: 0px; padding: 10px 0px 10px 10px; font-size: 20px; font-weight: normal;}
.kcap .mid .main-cont .accordion_main .header .subtitle {color: #e1464a; padding-left: 10px; font-style:italic; font-weight: normal; }
/* Create two equal columns that floats next to each other */
.kcap .mid .main-cont .accordion_main .column {float: left;width: 50%;padding: 0; margin-top: 0px; }
/* Clear floats after the columns */
.kcap .mid .main-cont .accordion_main .row:after {content: "";display: table;clear: both;}
.kcap .mid .main-cont .accordion_main .row .colleft {width: 25%;border: solid 0px red;}
.kcap .mid .main-cont .accordion_main .row .colleft img {display:block;}
.kcap .mid .main-cont .accordion_main .row .colright {width: 74%;border: solid 0px blue;}
.kcap .mid .main-cont .accordion_main .cnt {background-color: #f5f5f5;padding: 0px 10px; margin-bottom:15%;}

/*content box overlay */
.kcap .mid .content .alpha_invest {border: solid 0px red; border-bottom: solid 1px #ffffff;}
.kcap .mid .content .alpha_invest .col-container { display: table; width: 90%;}
.kcap .mid .content .alpha_invest .col { display: table; padding: 0px;}
.kcap .mid .content .alpha_invest .col p {padding: 10px;}
.kcap .mid .content .alpha_invest .col:after {clear: both;}
.kcap .mid .content .alpha_invest .box {position: relative;	display: block; }
.kcap .mid .content .alpha_invest .box .text {position: absolute; z-index: 999;	margin: 0 auto;	left: 0; right: 0; text-align: center; 	top: 0%; color: #fff;	width: 100%; opacity: 1;}
.kcap .mid .content .alpha_invest .box .text h3 {padding: 0; margin:20px 20px;}
.kcap .mid .content .alpha_invest .box img {display: block; width: 100%; max-width: 100%; margin: auto;}
.kcap .mid .content .w35 {width: 100%;}
.align-top {vertical-align: top;}
.gray {background-color: #f2f2f2;}
.scooter {background: rgba(47,175,174, 0.8); }
.curious-blue {background: rgba(55,136,191, 0.8);}
.gold-tips {background: rgba(228,179,48, 0.8);}
.west-side {background: rgba(237,104,45, 0.8);}
.mandy {background: rgba(206,71,85, 0.8);}


/*News Item Date*/
.kcap h2.cont-ttl div {  font-size: 18px;  color: #000;  font-weight: normal; }


/*Milestones*/
.kcap .mid table.milestones td { padding: 0 0 30px 0 !important; }
.kcap .mid table.milestones td p { margin: 0; }

/*bod*/
.kcap .mid table.bod{border-top:1px dashed #ccc;}
.kcap .mid table.bod table{width:100%;float:left;}
.kcap .mid table.bod tr{border-bottom:1px dashed #ccc;cursor:pointer;}
.kcap .mid table.bod tr.ttl{cursor: text !important;}
.kcap .mid table.bod > tbody > tr:hover{background:#f4f4f4}
.kcap .mid table.bod > tbody > tr.sel{background:#f4f4f4}
.kcap .mid table.bod > tbody > tr.sel .bod_desc{background:#fff}
.kcap .mid table.bod > tbody > tr:hover .bod_desc{background:#fff}
.kcap .mid table.bod > tbody > tr > td{ }

.kcap .mid table.bod td table:first-child tr td{padding: 10px 50px 30px 10px; background-image: url('../image/abt-go-arr-black.png');  background-position: 98% center; background-repeat: no-repeat; background-size: 15px; margin-bottom: -25px; display: block;}
.kcap .mid table.bod tr.ttl td table:first-child td { display: block; }
.kcap .mid table.bod tr.ttl td table td{ font-size:0;display:none; }
.kcap .mid table.bod tr.ttl td table td:before { content: "Name/Title"; font-size: 16px; }
.kcap .mid table.bod td table:nth-child(2) tr td{ }
.kcap .mid table.bod table tr{border-bottom:0px dashed #ccc;}
.kcap .mid table.bod table tr td{padding:0px 10px 10px;}
.kcap .mid table.bod .bod_desc{width:100%;}
.kcap .mid table.bod .bod_desc tr td{padding:10px}

/*sitemap*/
.sitemap ul {  list-style-type: none;}
.sitemap ul li{ background-image: url('../image/abt-go-arr-black.png'); padding-left: 15px; background-repeat: no-repeat;  background-position: left 5px; background-size: 5px;}

/*print*/
.kcap .mid .print { font-size: 14px; margin: auto; text-align: right; width: 92%; margin-bottom: 25px;margin-top: 45px;}
.kcap .mid .print a{ padding-left: 20px; background-image: url('../image/printer_logo.gif');background-position:left center;background-repeat:no-repeat;}

/*Google Custom Search*/
.kcap .mid .main-cont .search { margin-bottom:20px;}
.kcap .mid .main-cont .search:after{ content:" "; display:table; clear:both;}
.kcap .mid .main-cont .search_txt { width: 210px; outline: none; border: 1px solid #ccc; padding: 6px 3px; font-size: 14px; margin: 0 5px 0 0; border-radius: 0; float:left; -webkit-appearance:none;}
.kcap .mid .main-cont .search_btn { outline: none; min-height: 31px; float:left; -webkit-appearance:none; -webkit-border-radius:0;}
.kcap .mid .main-cont .gcse table { table-layout:auto;}
.kcap .mid .main-cont .gcse .gsc-adBlock { display:none;}
.kcap .mid .main-cont .gcse .gsc-control-cse { padding:0; background-color:transparent;}
.kcap .mid .main-cont .gcse .gsc-table-result, 
.kcap .mid .main-cont .gcse .gsc-thumbnail-inside, 
.kcap .mid .main-cont .gcse .gsc-url-top { padding:0;}

/*Others - Contents*/
/*== Sustainability ==*/
.kcap .mid .main-cont table.tbl-values{}
.kcap .mid .main-cont table.tbl-values img{}
/*== Content Slick Slider ==*/
.kcap .mid .main-cont td.slick-slider ul.slick-dots { position: absolute; margin: auto; text-align: center; left: 0; right: 0; bottom: 13px; }
.kcap .mid .main-cont td.slick-slider ul.slick-dots li { padding: 0; display: inline-block; border-radius: 59px;  background: #ffffff; width: 10px;  height: 10px;  margin: 5px; opacity: 0.75; cursor:pointer; }
.kcap .mid .main-cont td.slick-slider ul.slick-dots li:hover { background:#8e8e8e }
.kcap .mid .main-cont td.slick-slider ul.slick-dots li.slick-active { background: #e03a3e; }
.kcap .mid .main-cont td.slick-slider ul.slick-dots li.slick-active:hover { background: #ff0006; }
.kcap .mid .main-cont td.slick-slider ul.slick-dots li button{ display: none; }
/*== REITs & Business Trust  ==*/
.kcap .mid .main-cont table.reit-writeup { /*margin-bottom:20px;*/ }
.kcap .mid .main-cont table.reit-writeup p { margin-top:0; }
.kcap .mid .main-cont table.reit-pdf { max-width:160px; margin:0 auto 40px auto; }
.kcap .mid .main-cont table.reit-pdf td { text-align:center; }
.kcap .mid .main-cont table.reit-pdf img { border:1px solid #cccccc;}
.kcap .content ul, .kcap .content ol {border: solid 0px red;margin-left: 20px;}

/* responsive div */
.kcap .mid .main-cont .divColumn {border: solid 0px red; padding-bottom: 20px;}
.kcap .mid .main-cont .divColumn .left, .right {float: none;width: auto;}
.kcap .mid .main-cont .divColumn img {width: 50%;height: auto; border: solid 0px red; display: block; margin: auto auto;}

/* custom list style */
.kcap .mid .main-cont .divColumnSmall {padding-bottom: 20px;}
.kcap .mid .main-cont .divColumnSmall .left-10P{float: left;width: 15%;border: solid 0px blue;}
.kcap .mid .main-cont .divColumnSmall .right-90P {float: right; width: 80%;border: solid 0px blue;}
.customList {padding-left: 20px;}
.customList .parallelogram {width: 20px;height: 40px;	transform: skew(-20deg);background: #FF0000;	position: relative; margin-top: 5px; }
.customList .number {color: #ffffff; padding: 10px 5px; font-size: large; transform: skew(20deg); top: 0; position: relative; border: solid 0px white; width: 10%; font-weight: bold;}


.customUList ul {list-style: none;  padding-left: 0px; border: solid 0px red;}
.customUList ul li {margin: 0 0 0.5rem 0; position: relative;}
.customUList ul li::before {content: "";color: #ffffff;position: absolute;width: 10px; height: 23px;left: -10px;
	top: 5px;transform: rotate(10deg);background: #FF0000;box-shadow: 1px 1px 0 #999;}
.customUList ul p {}

.equalContainer .imageSection{width: 30%;}
.equalContainer .section {float: none;width: auto;margin: 10px 1%;padding: 1%;}
.equalContainer .section img {width: 100%; height: auto; border: solid 0px red; display: block; margin: auto auto;}


/*Restyle the loaded rss*/
.kcap .mid .news-item-title {
    margin-top: 10px;
}

.kcap .mid .item-list {
    margin-top: 50px;
    margin-bottom: 50px;
}

    .kcap .mid .item-list ul {
        margin-top: 15px;
    }

        .kcap .mid .item-list ul li {
            margin-bottom: 5px;
        }

    .kcap .mid .item-list .title {
        font-size: 18px;
        font-family: roboto, arial, sans-serif;
        font-weight: 700;
    }

.kcap .mid .contact-info h6 {
    font-size: 18px;
    font-weight: 700;
}

.kcap .mid .contact-info ul {
    list-style: none;
    padding-left: 0;
    display: block;
    width: 100%;
    vertical-align: top;
    margin-left: 0;
    margin-top: 20px;
}


    .kcap .mid .contact-info ul li {
        padding-left: 0;
    }

        .kcap .mid .contact-info ul li.bold {
            text-decoration: underline;
            margin-bottom: 20px;
        }

/*End of restyling for the loaded rss*/



@media screen and (max-width: 639px) {
	
	.kcap .mid { width: 90%; }
	.kcap .top .bnr{min-height:235px;}
	.kcap .top .bnr .mast-bnr .desc-cnt .ttl-wrap h1.page-ttl{margin: 0px 0 5px; padding: 35px 50px 0px 0px;}

	.kcap .mid .content .alpha_invest .col {width: 100%;}
}

@media screen and (max-width: 511px) {
	.kcap .top .bnr{min-height:220px;}

/*Others - Contents*/
/*== Sustainability ==*/
.kcap .mid .main-cont table.tbl-values{text-align:center;}
.kcap .mid .main-cont table.tbl-values img{max-width:none !important;float:none!important;margin-bottom: 1.75%;}

.kcap .mid .content .alpha_invest .col {width: 100%;}

}

@media screen and (max-width: 479px) {
	
	.kcap .top .bnr{min-height:160px;}
	.kcap .top .bnr .mast-bnr .desc-cnt .ttl-wrap h1.page-ttl{ padding:15px 25px 0px 0px;}
	.kcap .mid .main-cont .navigator img{max-width:50px;max-height:50px;}
	
	.kcap .mid .main-cont .accordion_main .header h3{font-size: 18px;}
	.kcap .mid .main-cont .accordion_main {padding: 0px 1% 0px 0px}
	.kcap .mid .main-cont .accordion_main .row .colleft {width: 100%}
	.kcap .mid .main-cont .accordion_main .row .colright {width: 97%}
	.kcap .mid .main-cont .accordion_main .row .colleft img {margin: auto}

	.kcap .mid .main-cont .plus{background-position: 99% 98%; background-size: 5%;}
	.kcap .mid .main-cont .plus:hover {background-size: 5%}
	.kcap .mid .main-cont .minus {background-position: 99% 99%;background-size: 5%;}
	.kcap .mid .main-cont .minus:hover {}

	.kcap .mid .content .alpha_invest .col {width: 100%;}

}
@media screen and (max-width: 359px) {
	
	.kcap .top .bnr{min-height:145px}

/*Others - Contents*/
/*== Sustainability ==*/
.kcap .mid .main-cont table.tbl-values{text-align:left;}

.kcap .mid .main-cont .accordion_main .header h3{font-size: 18px;}

.kcap .mid .main-cont .accordion_main {padding: 0px 1% 0px 0px}
.kcap .mid .main-cont .accordion_main .row .colleft {width: 100%}
.kcap .mid .main-cont .accordion_main .row .colright {width: 100%}
.kcap .mid .main-cont .accordion_main .row .colleft img {margin: auto}

.kcap .mid .main-cont .plus{}

.kcap .mid .content .alpha_invest .col {width: 100%;}

}