/********************** BANNER ********************/
.feat-banner{margin-top:90px;width:100%;position: relative;box-sizing: border-box;}
.feat-banner .swiperOut-bg{position: relative;margin:0 auto;}
.feat-banner .swiperOut-bg .swiper-banner{width:100%; height: 100%;}
.feat-banner .swiperOut-bg .swiper-banner .swiper-slide{width:100%;overflow: hidden;position: relative;}
.feat-banner .swiperOut-bg .swiper-banner .swiper-slide .slide-inner{position: relative;width: 100%;height: 100%;left: 0;top: 0;background-size: cover;background-position: center;}
.feat-banner .swiperOut-bg .swiper-banner .swiper-slide .slide-inner-pc{display:block;}
.feat-banner .swiperOut-bg .swiper-banner .swiper-slide .slide-inner-pc img{width:100%;}
.feat-banner .swiperOut-bg .swiper-banner .swiper-slide .slide-inner-mobi{display:none;}
.feat-banner .swiperOut-bg .swiper-banner .swiper-banner-btn-next {right: 50px;}
.feat-banner .swiperOut-bg .swiper-banner .swiper-banner-btn-prev {left: 50px;}

.feat-banner .swiperOut-bg .swiper-banner .swiper-banner-btn-next,
.feat-banner .swiperOut-bg .swiper-banner .swiper-banner-btn-prev{color:#FFF;}
.feat-banner .swiperOut-bg .swiper-banner .swiper-banner-btn-prev:after, 
.feat-banner .swiperOut-bg .swiper-banner .swiper-banner-btn-next:after{font-size:3em;font-weight: lighter;text-shadow:rgba(0,0,0,0.8) 0px 8px 12px;}    
.feat-banner .swiperOut-bg .swiper-banner .swiper-pagination-bullet{width:16px;height:16px;background:none;border:3px solid #fff;border-radius: 50%;box-shadow:rgba(0,0,0,0.4) 0px 4px 12px;margin-right: 20px;opacity:0.5;}
.feat-banner .swiperOut-bg .swiper-banner .swiper-pagination-bullet-active {opacity: 1;}
.feat-banner .swiperOut-bg .swiper-banner .swiper-slide video {width:100%;}

.feat-banner .swiperOut-cont{width:100%;max-width:1110px;height:auto;position: absolute;left:42%;top:50%;transform: translateX(-50%);z-index: 1; }
.feat-banner .swiperOut-cont .swiper-banner-con{position: absolute;left:0;top:0; width:40%; height:; transform: translateY(-50%); box-sizing: border-box;}
.feat-banner .swiperOut-cont .swiper-banner-con .swiper-wrapper{width:100%; height: 482px;}
.feat-banner .swiperOut-cont .swiper-banner-con .swiper-wrapper .aiib-red-standard{background:rgba(140,26,31,0.8);}
.feat-banner .swiperOut-cont .swiper-banner-con .swiper-wrapper .aiib-blue-standard{background:rgba(0,48,87,0.6);}
.feat-banner .swiperOut-cont .swiper-banner-con .swiper-wrapper .swiper-slide{padding:2.75em 2em;width:100%;box-sizing: border-box;color:#FFF;}
.feat-banner .swiperOut-cont .swiper-banner-con .swiper-wrapper .swiper-slide .headline{color: #fff;text-transform: uppercase;}
.feat-banner .swiperOut-cont .swiper-banner-con .swiper-wrapper .swiper-slide .copy{font-size:16px; line-height:28px; margin-bottom:20px;}

.feat-banner .swiperOut-cont .swiper-banner-con .swiper-wrapper .swiper-slide a.btn{font-size:14px;color:#fff;padding:0;font-family:Helvetica-Bold, Arial;position: absolute;bottom: 40px;}
.feat-banner .swiperOut-cont .swiper-banner-con .swiper-wrapper .swiper-slide a.btn:hover{text-decoration: underline;}

.feat-banner .swiperOut-cont .swiper-banner-con .swiper-wrapper .swiper-slide a.video-link {right: 22px;bottom: 34px;}
.feat-banner .swiperOut-cont .swiper-banner-con .swiper-wrapper .swiper-slide a.video-link img {width:20%;margin-right: 10px;padding-top: 1px;}
.feat-banner .swiperOut-cont .swiper-banner-con .swiper-wrapper .swiper-slide a.video-link .play-btn {display: inline-grid;vertical-align: bottom;}
.feat-banner .swiperOut-cont .swiper-banner-con .swiper-wrapper .swiper-slide a.video-link .play-btn-minute {text-align: left;}

.feat-banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 40px;}


.full-video-popup {display:none;z-index: 20;position: absolute;left: 50%; top: -66px; transform: translateX(-50%); box-sizing: border-box; background: #fff; box-shadow: 0px 15px 40px rgba(0,0,0,1);padding: 5px;max-width:1110px;}
.full-video-popup .videoWrap {padding-bottom: 0;}
.full-video-popup .videoWrap .popVideo {display:block;}
.full-video-popup .vclose{position:absolute;right:10px;top:10px; width:20px;height:20px;background:#999 url('/en/news-events/annual-report/2018/_common/img/close.png') no-repeat 0 0;background-size:contain;z-index:6;cursor:pointer;}
.full-video-popup .vclose:hover{background-color:#666;}

@media only screen and (max-width: 1366px){
	.feat-banner .swiperOut-cont .swiper-banner-con{left:80px;}
}
@media only screen and (max-width: 1024px){
	.feat-banner .swiperOut-cont{left:0;transform: translateX(0);}
	.feat-banner .swiperOut-cont .swiper-banner-con{left:0px;}
}

@media only screen and (max-width: 1024px){
	.feat-banner { margin-top: 70px;}
	.feat-banner .swiperOut-bg{z-index:2;}
	.feat-banner .swiperOut-bg .swiper-banner {height: calc(66vh);}

	.feat-banner .swiperOut-cont{top: 0;height:100%;}
	.feat-banner .swiperOut-cont .swiper-banner-con {width: 100%; top: calc(100vw - 83px); height: calc(22vw); top:auto;bottom:0;transform:translateY(100%);}
	.feat-banner .swiperOut-cont .swiper-banner-con .swiper-wrapper{height: inherit;}
	.feat-banner .swiperOut-cont .swiper-banner-con .swiper-wrapper .aiib-red-standard{background:rgba(140,26,31,1);}
	.feat-banner .swiperOut-cont .swiper-banner-con .swiper-wrapper .aiib-blue-standard{background:rgba(0,48,87,1);}
	.feat-banner .swiperOut-cont .swiper-banner-con .swiper-wrapper .swiper-slide {padding: 2em;}
	.feat-banner .swiperOut-cont .swiper-banner-con .swiper-wrapper .swiper-slide .copy {line-height: 22px;}
	.feat-banner .swiperOut-cont .swiper-banner-con .swiper-wrapper .swiper-slide a.btn {bottom: 20px;}
	.feat-banner .swiperOut-cont .swiper-banner-con .swiper-wrapper .swiper-slide .headline {font-size: 20px;line-height: 26px;}
	
	.feat-banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 20px;}
}

@media only screen and (max-width: 768px){
	.feat-banner .swiperOut-bg .swiper-banner { height: calc(37vh);}
	.feat-banner .swiperOut-cont .swiper-banner-con {height: calc(30vw);}
}

@media only screen and (max-width: 480px){
	.feat-banner {margin-top: 70px;}
	.feat-banner .swiperOut-bg {z-index: 2;}
	.feat-banner .swiperOut-bg .swiper-banner {height: calc(100vw)!important;}
	.feat-banner .swiperOut-bg .swiper-banner .swiper-slide .slide-inner-pc{display:none;}
	.feat-banner .swiperOut-bg .swiper-banner .swiper-slide .slide-inner-mobi{display:block;}
	
	.feat-banner .swiperOut-cont{top:0;height:100%;	}
	.feat-banner .swiperOut-cont .swiper-banner-con {width: 100%; top: calc(100vw - 83px); height: calc(82vw); top:auto;bottom:0;transform:translateY(100%);}

	
	.feat-banner .swiperOut-bg .swiper-banner .swiper-banner-btn-next {right: 10px;}
	.feat-banner .swiperOut-bg .swiper-banner .swiper-banner-btn-prev {left: 10px;}
	.feat-banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 10px;}
	.feat-banner .swiperOut-bg .swiper-banner .swiper-pagination-bullet { border: 3px solid rgba(255,255,255,0.75);margin-right: 10px;}
	
	.feat-banner .swiperOut-cont .swiper-banner-con .swiper-wrapper .swiper-slide a.video-link {margin-right: 46px;}
	.feat-banner .swiperOut-cont .swiper-banner-con .swiper-wrapper .swiper-slide .copy {text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical; }
	
	.full-video-popup {top: 80px;}
	.full-video-popup .videoWrap {margin-bottom: 0;}	
}



/********************** NEWS ********************/
.feat-news{padding: 100px 0;}
.feat-news .pic{width:100%;height:0;padding-bottom:100%;overflow: hidden; position: relative;}
.feat-news .pic img{width:100%;cursor: pointer;transition:0.5s linear;transform:scale(1,1);}
.feat-news .pic img.pinned {width:30px;position: absolute;left: 5%;top: 5%;}
.feat-news a .date{margin: 30px 0 15px 0;}
.feat-news a .copy{line-height:28px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.feat-news a:hover img{transition:1s linear;transform:scale(1.1,1.1);}
.feat-news a:hover .copy{text-decoration: underline;}
.feat-news .wrap{margin:4em;text-align: center;}
.feat-news .wrap a.btn-2021-red{margin:0 1em; }
.feat-news .headline {margin-bottom:30px!important;}
.feat-news .item {margin-bottom:30px;}
.feat-news a.btn-2021-red {width: 100%;}
.feat-news .row-flex{display: flex; flex-wrap: wrap;}
.feat-news .row-flex .item a{display: flex; flex-direction: column;}

@media only screen and (max-width: 1024px){
	.feat-news{margin-top: 200px;}
}

@media only screen and (max-width: 768px){
	.feat-news .col-xs-6{padding-left: 15px; padding-right: 15px;}
	.feat-news a .copy {font-size:18px; line-height: 24px;}
	.feat-news a .date {font-size:14px;}
	
	.feat-news .item {min-height: 520px;}
}
@media only screen and (max-width: 480px){
	.feat-news{margin-top: 310px;padding-bottom: 70px;}
	.feat-news .item {min-height: 330px;}
}

 
/********************** INFRA ********************/
.feat-infr {background: #000b13;}
.feat-infr .header {margin-top: 100px;}
.feat-infr .body {margin-top: 300px;margin-bottom: 50px;}
.feat-infr .wrap-cont{border-left: 5px solid #8d1a1f}
.feat-infr .wrap-cont .content{padding-left:20px;}
.feat-infr .pic{width:100%;height:0;padding-bottom:100%;overflow: hidden;}
.feat-infr .pic img{width:100%;cursor: pointer;transition:0.5s linear;transform:scale(1,1);}
.feat-infr a:hover img{transition:1s linear;transform:scale(1.1,1.1);}
.feat-infr a:hover .copy{text-decoration: underline;}
.feat-infr a .copy{color:#FFF;line-height:20px;margin: 20px 0;}

.feat-infr2 .container {padding: 80px 0;}
.feat-infr2 .container a {width: 100%;}
@media only screen and (max-width: 768px){
	.feat-infr .body { margin-top: 108px;}
	.feat-infr .col-xs-6{padding-left: 15px; padding-right: 15px;}
	.feat-infr a .copy{font-size: 13px;text-align: left;padding-right: 20px;}
	.feat-infr2 .container {padding: 50px 0;}
}



/********************** FACTS ********************/
.feat-facts {padding: 100px 0;}
.feat-facts .item {margin-top:30px;min-height: 160px;}
.feat-facts .item .headline {margin-bottom: 0;}
.feat-facts .item .subheadline  {margin-top: 20px;font-size: 20px!important;}
.feat-facts .item a {margin-top: 20px;}
.feat-facts .item a:hover {text-decoration:underline;}
@media only screen and (max-width: 768px){
	.feat-facts {padding: 50px 0;}
	.feat-facts .item {margin-bottom: 50px;min-height: 0;text-align: center;}
	.feat-facts .item .headline {font-size: 54px !important;margin-bottom: 5px !important;}
	.feat-facts .item .subheadline  {font-size: 18px!important;margin-top: 0;}
	.feat-facts .item a { position: relative; margin-top: 10px;}
}




/********************** STORY ********************/
.feat-story img {width: 100%;}
.feat-story .header {margin-top: 50px;}
.feat-story .body {margin-top: 84px;margin-bottom: 100px;}
.feat-story .wrap-cont{border-left: 5px solid #8d1a1f}
.feat-story .wrap-cont .content{padding-left:20px;}
.feat-story .overlap {width: 25%;margin: 50px auto 0;}

.feat-story2 {padding: 100px 0;}
.feat-story2 .wrap-cont .copy1 {color:#8d1a1f;line-height: 34px;margin-bottom: 20px;}
.feat-story2 .wrap-cont .copy2 {line-height: 24px;margin-bottom: 20px;}

.feat-story2 .auto-read-text .a1 {color: #8d1a1f;opacity: 1;filter: Alpha(opacity=100);}
.feat-story2 .auto-read-text .a2 {color: #8d1a1f;opacity: 0.3;filter: Alpha(opacity=30);}

.feat-story2 .wrap-cont .speaker {margin: 30px 0;}
.feat-story2 .pc{display:block;}
.feat-story2 .mobi{display:none;}

@media only screen and (max-width: 768px){
	.feat-story2 {padding: 70px 0 50px;}
	.feat-story .body { margin-top: 78px;margin-bottom: 35px;}
	.feat-story .overlap {width: 25%; margin: 40px auto; text-align: center;}
	.feat-story2 .wrap-cont .copy1 {font-size:26px;line-height: 34px;}
	.feat-story2 img {width: 100%;}
	.feat-story2 .wrap-cont .content {margin-bottom: 30px;}

	.feat-story2 .wrap-cont .copy2{width: 70%; float: left; margin-top: 15px; padding-right: 30px;}
	.feat-story2 .pc{display:none;}
	.feat-story2 .mobi{display:block;width: 30%; float: left; margin-bottom: 30px;}

}




/********************** PROJECTS ********************/
.feat-proj {padding: 100px 0;}
.feat-proj .header-right {margin-bottom: 30px;}
.feat-proj .header-right .top-text{margin-bottom: 20px;}
.feat-proj .header-right .headline {margin-bottom:0!important;}
.feat-proj .pic img {width: 100%;margin-bottom: 50px;}

.feat-proj ul,
.feat-proj li,
.feat-proj dl,
.feat-proj dt {border: none;list-style: none; padding: 0; margin: 0;}

.feat-proj .pc {display:block;}
.feat-proj .mobi {display:none;}
.feat-proj .header .total-number .dollar{padding-top: 10px;line-height: 1.1;}

.feat-proj .pc .scroll_p1 {overflow: hidden;}
.feat-proj .pc .scroll_p1 li {position: relative;
    padding-bottom: 40px;
    opacity: 0.3;
    filter: Alpha(opacity=30);
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;}
	
.feat-proj .pc .scroll_p1 li.on {opacity: 1; filter: Alpha(opacity=100);}
.feat-proj .pc .scroll_p1 li .p01 { position: relative;margin:0;}
.feat-proj .pc .scroll_p1 li .p01 .txt01 {position: absolute;bottom: 12%;left: 4%;width: 90%;border-left: 5px solid #8d1a1f;padding: 0 3%;color: #FFF;line-height: 30px;z-index: 2;}
.feat-proj .pc .scroll_p1 li .p01 .img-gradient {position: absolute;display:block;background: rgba(0, 0, 0, 0) linear-gradient(to top, #000, rgba(0, 0, 0, 0)) repeat scroll 0 0; bottom: 50px; opacity: 0.6; top: auto; width: 100%;height: 20%;}
	
.feat-proj .pc .teaser_p1 {background-color: #8d1a1f;color: #fff;padding: 2.75em 1em;}
.feat-proj .pc .teaser_p1 .name {margin-bottom:5px;}
.feat-proj .pc .teaser_p1 .value {margin-bottom:20px;}
.feat-proj .pc .teaser_p1 .value:last-of-type {margin-bottom:0;}
.feat-proj .pc .teaser_p1 a.btn-2021-red2 {width: 100%;margin-top: 60px;}
.feat-proj .pc .teaser_p1 .col-md-7 {padding-right:0;}
.feat-proj .pc .teaser_p1 .right {padding-left:0;}


@media only screen and (max-width: 768px){
	.feat-proj {padding: 50px 0;}
	.feat-proj .header-right { margin-top: 30px; margin-bottom: 10px;}
	.feat-proj .header-right .headline{ font-size: 64px;}
	.feat-proj .header-right .subheadline { margin-bottom: 30px;}
	.feat-proj .header-right .col-md-7 {padding:0;}
	.feat-proj .header-right .headline{ font-size: 64px;}
	
	.feat-proj .header-right .col-md-12,
	.feat-proj .header-right .col-md-6	{padding-left: 0;}
	
	.feat-proj .pc {display:none;}
	.feat-proj .mobi {display:block;}
	
	.feat-proj .header .total-number .dollar {padding-top: 5px;}

	.feat-proj .mobi .proj-item-mobi img {width:100%;}
	.feat-proj .mobi .proj-item-mobi .proj-card {color: #fff; padding: 40px 5px 40px 5px; margin-bottom: 50px;}
	.feat-proj .mobi .proj-item-mobi:last-child .proj-card {margin-bottom: 0;}
	.feat-proj .mobi .proj-item-mobi .proj-card .value {margin-bottom:20px;}

	.feat-proj .mobi .proj-item-mobi .image-wrapper {position: relative;}
	.feat-proj .mobi .proj-item-mobi .proj-name {position: absolute;color: #FFF;border-left: 0; top: 0;background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 60%);width: 100%;padding: 0;margin-left: 0;height: 100%;display: flex;align-items: flex-end;padding-bottom: 5%;padding-left: 3%;}
	.feat-proj .mobi .proj-item-mobi .proj-name span {border-left: 5px solid #8d1a1f;padding-left: 10px;padding-right: 10px;}
}

@media only screen and (max-width: 480px){
}


/********************** WORK ********************/
.feat-work{padding: 100px 0;}
.feat-work .headline {margin-bottom: 30px!important;}
.feat-work .header {margin-bottom: 50px;}
.feat-work .wrap-cont{ padding-left:20px;border-left: 5px solid #8d1a1f;}
.feat-work .wrap-cont .title {margin-bottom:20px;}
.feat-work .wrap-cont .title a:hover {text-decoration:underline;}
.feat-work .wrap-cont .btn-2021-red {width:320px;}

.feat-work .item {background-color: #8d1a1f;color: #fff; padding: 2.75em 2em; margin-bottom: 50px;}
.feat-work .item .title {margin-bottom: 20px;min-height: 40px;}
.feat-work .item .text {margin-bottom: 20px;min-height: 20px;}
.feat-work .item .work-name {margin-bottom: 20px;min-height: 90px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

@media only screen and (max-width: 1024px){
	.feat-work .item .text {min-height: 40px;}
}

@media only screen and (max-width: 768px){
	.feat-work{padding: 50px 0;}
	.feat-work .col-md-4:last-child .item {margin-bottom: 0;}
	.feat-work .item .work-name {min-height: 0;}
}