/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 15 version
*/

.module-title{padding: 60px 0;}

/* learning-journey */
.learning-journey .text-wrap{background-color: #f8f8f6;background-image: url(../static/images/about-bg1.png);background-repeat: no-repeat;background-position: right center;}
.learning-journey img{width: 100%;}
.learning-journey .text-wrap img{opacity: 0;}
.learning-journey .text-wrap .text{padding:50px 70px;max-width: 82%;}
.learning-journey .text-wrap .text .line{width: 55px;height: 4px;margin: 20px 0;display: block;}
.learning-journey .text-wrap .text p{line-height: 32px;}
.learning-journey li:nth-child(2n+2) .pic-wrap{float: right;}
.learning-journey li:nth-child(2n+2) .text-wrap{background-image: url(../static/images/about-bg2.png);background-position: left center;}
.learning-journey li:nth-child(2n+2) .text-wrap .text{padding-left: 150px;}

/* about-cipac */
.about-cipac .desc{max-width: 1100px;margin: -30px auto 0;line-height: 2;padding:0 50px;}

/* history */
.history{padding-bottom: 80px;}
.history .banner-btn {border-color: #d0d0d0;color: #d0d0d0;cursor: pointer;}
.history .banner-btn:hover{background-color: #F4822F;color: #fff;opacity: 1;border-color: #F4822F;}
.history .banner-prev {left: -50px;}
.history .banner-next {right: -50px;}
.history .swiper-wrapper{height: auto!important;}
.history .swiper-slide {line-height: 50px;height: 50px!important;position: relative;padding: 50px 0;cursor: pointer;}
.history .swiper-slide:after{width: 0;height: 2px;background-color: #042f64;position: absolute;content: '';left: 50%;bottom: 40%;-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);}
.history .swiper-slide.active{color: #042f64;font-weight: bold;}
.history .swiper-slide.active:after{width: 25px;}
.history .swiper-slide .theme{position: absolute;top:0;height: 30px;border: 1px solid #042f64;border-bottom: 0;left: 20%;}
.history .desc-wrap .title{text-shadow:0 5px 5px rgba(0,0,0,.2);position: relative;}
.history .desc-wrap .title .bg{font-size: 88px;width: 100%;position: absolute;left: 50%;top: 40%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: -1;text-shadow: none;font-weight: bolder;color: #f3f5f8;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#f3f5f8), to(#fbfcfd));-webkit-background-clip: text;color: transparent;}

/* growing */
.growing{background-color: #07386b;padding-bottom: 50px;background-image: url(../static/images/about-bg4.png);background-repeat: no-repeat;background-size: 100%;background-position: center bottom;}
.growing-container {padding: 0 20px;margin-bottom: 20px;}
.growing-wrap {border: 1px solid rgba(255,255,255,.3);padding: 30px 10px 0;height: auto!important;}
.highcharts-root {padding: 0 10pxd;}
.highcharts-background{fill: transparent;}
.highcharts-grid path,.highcharts-axis path{opacity: .3;}
.highcharts-series rect{stroke-width:0;fill: #F4822F;}
.highcharts-column-series text,.highcharts-axis text{fill: #fff!important;}
.highcharts-column-series rect{fill: #F4822F!important;}
.highcharts-axis-labels text{fill: #fff!important;}

/* media */
.media {padding-bottom: 120px;}
.media .module-title{padding-bottom: 0;}
.media .tabs a{padding: 10px;display: inline-block;}
.media .tabs a.active{color: #042f64;font-weight: bold;}
.media .tab-content li{border-top: 1px solid #f1f2f3;border-right: 1px solid #f1f2f3;/*margin-right: 2%;width: 15%;*/}
.media .tab-content li img{width: 100%;}
.media .tab-content li:nth-child(6n+1){border-left: 1px solid #f1f2f3;}
.media .tab-content li:nth-child(-n+6){border-top: none;}

.media .tab-content li{ margin-right: 2%;width: 15%; }
.media .tab-content li:nth-child(6n+6) { margin-right: 0; }

@media screen and (max-width: 1280px){
	.module-title{padding: 50px 0;}
	.learning-journey .text-wrap .text{padding: 50px;max-width: 100%;}
	.learning-journey li:nth-child(2n+2) .text-wrap .text{padding-left: 50px;}
	.history .desc-wrap .title .bg{font-size: 68px;}
}

@media screen and (max-width: 1200px){
	.module-title{padding: 50px 0;}
	.history .desc-wrap .title .bg{font-size: 68px;}
	.media .tab-content li:nth-child(6n+1){border-left: none;}
	.media .tab-content li:nth-child(4n+1){border-left: 1px solid #f1f2f3;}
	.media .tab-content li:nth-child(-n+6){border-top: 1px solid #f1f2f3;}
	.media .tab-content li:nth-child(-n+4){border-top: none;}
	.media {padding-bottom: 80px;}

	.media .tab-content li{ margin-right: 2%;width: 15%; }
	.media .tab-content li:nth-child(6n+6) { margin-right: 0; }
}

@media screen and (max-width: 991px){
	.module-title{padding: 40px 0;}
	.history .desc-wrap .title .bg{font-size: 58px;}
	.media .tab-content li:nth-child(4n+1){border-left: none;}
	.media .tab-content li:nth-child(3n+1){border-left: 1px solid #f1f2f3;}
	.media .tab-content li:nth-child(-n+4){border-top: 1px solid #f1f2f3;}
	.media .tab-content li:nth-child(-n+3){border-top: none;}
	.media {padding-bottom: 60px;}

}

@media screen and (max-width: 767px){
	.learning-journey .text-wrap .text{position: static;-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);}
	.learning-journey .text-wrap img{display: none;}
	.learning-journey .text-wrap .text{padding: 25px;}
	.learning-journey li:nth-child(2n+2) .text-wrap .text{padding-left: 25px;}
	.about-cipac .desc{padding:0 25px;}
	.history .desc-wrap .title .bg{font-size: 48px;}
	.history .swiper-slide {padding: 40px 0 30px;}
	.history .swiper-slide:after{bottom: 30%;}
	.history{padding-bottom: 40px;}
	.media .tab-content li:nth-child(3n+1){border-left: none;}
	.media .tab-content li:nth-child(2n+1){border-left: 1px solid #f1f2f3;}
	.media .tab-content li:nth-child(-n+3){border-top: 1px solid #f1f2f3;}
	.media .tab-content li:nth-child(-n+2){border-top: none;}
	.media {padding-bottom: 40px;}

	.media .tab-content li{ margin-right: 4%;width: 48%; }
	.media .tab-content li:nth-child(6n+6) { margin-right: 4%; }
	.media .tab-content li:nth-child(2n+2) { margin-right: 0; }
}
.highcharts-exporting-group,.highcharts-credits{display: none;}