@charset "utf-8";
/* CSS Document */
body{font-family: barlow_semi_condensedlight;}


.center1{max-width: 1175px; margin: 0 auto; width: 95%; position: relative;}
.center1:after{content:''; display: block; clear: both;}
.center2{max-width: 1005px; margin: 0 auto; width: 95%; position: relative;}
.center2:after{content:''; display: block; clear: both;}

.breadcrumb{ padding:28px 0 18px; background-color: transparent}
.bcHome{ float: left; width: 15px; height: 15px; background: url(https://www.itcportal.com/images/icon-home.png) no-repeat; font-size: 0; color: transparent; line-height: 0; margin: 0 28px;}
.breadcrumb>span{float: left; line-height: 15px; font-size: 15px; display: block;}
.shortcutLincks{float: left; margin-right: 28px; position: relative; padding-bottom: 10px;}
.shortcutLincks>strong{background: url(https://www.itcportal.com/images/down-arrow.png) no-repeat 100% 3px; display: block; padding-right:25px; line-height: 15px; font-weight: 400;}
.shortcutLincks>ul{position:absolute; top:100%; left:0; width:165px; background:#FFF; border:1px solid #d2d2d2; border-top:1px solid #d2d2d2; -webkit-box-shadow:-3px 3px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow:-3px 3px 5px 0px rgba(0,0,0,0.1); box-shadow:-3px 3px 5px 0px rgba(0,0,0,0.1); width: 300px; z-index: 2; display:none;}
.shortcutLincks>ul:before{content:''; position:absolute; left:22px; bottom:100%; height:11px; width:18px; background:url(https://www.itcportal.com/images/dropmenuArrow.png) no-repeat;}
.shortcutLincks>ul>li{padding:15px; border-bottom:1px solid #d2d2d2; color:#30323f; font-size:13px; line-height:16px;}
.shortcutLincks>ul>li>a{color:#30323f; text-decoration:none;}
.shortcutLincks:hover>ul{display:block;}
.shortcutLincks>ul>li ul{display:none; padding: 10px 0 0 10px}
.shortcutLincks>ul>li:hover ul{display:block;}
.shortcutLincks>ul>li ul li{ margin-bottom: 6px;}
.shortcutLincks>ul>li ul li:before{ content:'-'; display: inline-block; margin-right: 4px;}
.shortcutLincks>ul>li ul li a{ font-size: 11px; color: #282828;}

.page_head{ background-color: #f7f7f7;  padding: 50px 0; border-top: 1px solid #d8d8d8;  border-bottom: 1px solid #d8d8d8;}
.page_head h3{font-size: 36px; text-transform: uppercase; font-weight: 700; color: #1b2355;}
.page_head p{font-size: 16px; padding: 30px 0 0;  color: #1b2355; }

.finnal_report{ padding: 50px 0;}
.finnal_report h3{font-size: 24px; text-transform: uppercase; font-weight: 700; margin: 0 0 50px; color: #1b2355;}
.finnal_report ul{float: left; width: 100%;}
.finnal_report ul li{float: left; width: 25%;  height: 281px;}
.finnal_report ul li a{float: left; width: 100%; height: 100%; padding: 53px 40px; position: relative;}
.finnal_report ul li.bg1{background-color: #031f4b;}
.finnal_report ul li.bg2{background-color: #04396c;}
.finnal_report ul li.bg3{background-color: #035b96;}
.finnal_report ul li.bg4{background-color: #74c0bc;}
.finnal_report ul li h4{font-size: 22px; color: #fff; font-weight: 700; height: 144px;}
.finnal_report ul li a i{position: relative; float: left; width: 100%;}
.finnal_report ul li.result h4{ height:auto;}
.finnal_report ul li.result h5{color:#ffffff; margin:15px 0px; font-size:16px; line-height:24px;}

.finnal_report ul li a i:before{content:''; width:8px; height: 8px; background: url(https://www.itcportal.com/images/ir_arrow.png) no-repeat 100% 0; position: absolute; right:0; top: 0; margin: auto 0; bottom: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.2s ease-in-out;} 
.finnal_report ul li a:hover i:before{background: url(https://www.itcportal.com/images/ir_arrow.png) no-repeat 0 0;}

.investor-service h3.title {font-size: 24px; text-transform: uppercase; font-weight: 700; margin: 45px 0 50px; color: #1b2355;}

.share_information_sec{ padding: 50px 0;}
.share_information_sec h3{font-size: 24px; text-transform: uppercase; font-weight: 700; margin: 0 0 50px; color: #1b2355;}
.share_information_sec ul{float: left; width: 100%;}
.share_information_sec ul li{float: left; width: 25%;  height: 150px;}
.share_information_sec ul li a{float: left; width: 100%; height: 100%; padding: 25px 30px; position: relative;}
.share_information_sec ul li.bg1{background-color: #00455e;}
.share_information_sec ul li.bg2{background-color: #01698f;}
.share_information_sec ul li.bg3{background-color: #4c8090;}
.share_information_sec ul li.bg4{background-color: #6aa2b3;}
.share_information_sec ul li h4{font-size: 18px; color: #fff; font-weight: 700; height: 50px;}
.share_information_sec ul li a i{position: relative; float: left; width: 100%;}
.share_information_sec ul li a i:before{content:''; width:8px; height: 8px; background: url(https://www.itcportal.com/images/ir_arrow.png) no-repeat 100% 0; position: absolute; right:0; top: 0; margin: auto 0; bottom: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.2s ease-in-out;} 
.share_information_sec ul li a:hover i:before{background: url(https://www.itcportal.com/images/ir_arrow.png) no-repeat 0 0;}


.ir_quicklinks{ padding: 50px 0;/*background-color: #e4e4e4;*/ background-color: #032e6e;}
.ir_quicklinks h3{font-size: 24px; text-transform: uppercase; font-weight: 700; margin: 0 0 50px; color: #ffffff;}
.ir_quicklinks ul{float: left; width: 100%;}
.ir_quicklinks ul li{float: left; width: 25%;  height: 180px; padding: 5px 5px;  }
.ir_quicklinks ul li a{float: left; width: 100%; height: 100%; padding:25px 30px; background-color: #fff; position: relative; border: 1px solid #dcdcdc; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);}
.ir_quicklinks ul li h4{font-size: 24px; line-height: normal;color: #3b3b3b; font-weight: 700; height:75px;}
.ir_quicklinks ul li h4 small{font-size: 15px; line-height:36px; font-weight:bold;}
.ir_quicklinks ul li a i{position: relative; float: left; width: 100%;}
.ir_quicklinks ul li a i:before{content:''; width:8px; height: 8px; background: url(https://www.itcportal.com/images/ir_arrow_red.png) no-repeat 100% 0; position: absolute; right:0; top: 0; margin: auto 0; bottom: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.2s ease-in-out;} 
.ir_quicklinks ul li a:hover i:before{background: url(https://www.itcportal.com/images/ir_arrow_red.png) no-repeat 0 0;}


/*SP*/
.ir_quicklinks ul li.sp{float: left; width: 25%;  height: 180px; padding: 5px 5px;  }
.ir_quicklinks ul li.sp span{float: left; width: 100%; height: 100%; padding:25px 30px; background-color: #fff; position: relative; border: 1px solid #dcdcdc; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);}
.ir_quicklinks ul li.sp h4{font-size: 24px; line-height: normal;color: #3b3b3b; font-weight: 700; height:30px;}
.ir_quicklinks ul li.sp h4 small{font-size: 15px; line-height:36px; font-weight:bold;}
.ir_quicklinks ul li.sp span i{position: relative; float: left; width: 100%;}
.ir_quicklinks ul li.sp span i:before{content:''; width:8px; height: 8px; background: url(https://www.itcportal.com/images/ir_arrow_red.png) no-repeat 100% 0; position: absolute; right:0; top: 0; margin: auto 0; bottom: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.2s ease-in-out;} 
.ir_quicklinks ul li.sp:hover i:before{background: url(https://www.itcportal.com/images/ir_arrow_red.png) no-repeat 0 0;}
.ir_quicklinks ul li.sp a{width: auto; height: auto; margin:55px 0px 10px 0px; padding:0px 15px 0px 0px; background-color: #FFF; position: relative; border: none; box-shadow: none; font-weight: bold; font-size: 18px;}
/*SP*/

.investor_contants_sec{ background-color: #fff;  padding: 50px 0;}
.investor_contants_sec h3{font-size: 30px; text-transform: uppercase;  line-height: normal;font-weight: 700; color: #1b2355; margin: 0 0 30px;}
.investor_contants_sec h4{font-size: 24px;  font-weight: 700; line-height: normal; color: #3b3b3b;}
.investor_contants_sec ul{float: left; width: 100%; margin: 25px 0 0;}
.investor_contants_sec ul li{float: left; width: 50%; padding: 6px 0 20px 40px; border-left: 3px solid #825e09;}
.investor_contants_sec ul li h5{font-size: 18px;  line-height: normal; font-weight: 700; color: #3b3b3b;}
.investor_contants_sec ul li h5 small{float: left; width: 100%; padding: 6px 0 0; }
.investor_contants_sec ul li h5 small a{color: #825e09;}

/* sustainability-goals-2030 page start */
.sgSec1{background: #f7f7f7; padding: 25px 0px; position: relative;}
.sgSec1 h2{ padding-bottom:45px; position: relative; color: #1b2355; font-size: 30px; line-height: 45px; font-weight: 700; text-align: center; text-transform: uppercase;}
.sgSec1 h2 strong{ display: block; font-size: 45px; font-weight: 900;}
.sgSec1 h2:after{content:''; height: 30px; width:2px; background: #825e09; position: absolute; left: 0; right: 0; bottom: 5px; margin: auto;}



.sg_slider1{}
.sg_slider1 li{ position: relative; padding:0px 40px 0px; text-align: center; height:190px; float: left; width: 25%; font-size: 15px; line-height:20px; color: #283369;}
.sg_slider1 li i{display: inline-block; height:80px; width: 100%;}
.sg_slider1 li i img{display: inline-block !important; width: auto; max-width:70px;}
.sg_slider1 li h3{ line-height: 30px;font-weight: 700; font-size: 32px;}
.sg_slider1 li h5{line-height: 20px; padding-bottom:9px; font-weight: 700; font-size: 18px;}
.sg_slider1 li h4{line-height:28px; padding-bottom:5px;font-weight: 700; font-size: 22px;}
.sg_slider1 li h6{line-height: normal;font-weight: normal; font-size: 15px;}


.sg_slider1_dots {margin:25px 0 0; padding: 0; text-align: center;}
.sg_slider1_dots li { display: inline-block; float: none; padding: 0px; width:30px; height: 30px; position:relative; border: 1px solid transparent; border-radius:50%; overflow: hidden; margin: 0 3px;}
.sg_slider1_dots li a { text-align: center; display: inline-block; width: 12px; height: 12px; background: #474747; border-radius: 50%;  text-indent: -20000px; margin: auto; position: absolute; left: 0; top: 0; right: 0; bottom:0;}
.sg_slider1_dots li.slick-active { border: 1px solid #825e09;}
.sg_slider1_dots li.slick-active a { background-color:#825e09;}

/*---- pop up presentation -----------*/
.ir_presentation ul.divide-list li{float: left; width: 100%; height: 35px !important; padding: 0px;}
.ir_presentation ul.divide-list{float: left; width: 100%; height: 100%; min-height:283px; padding: 53px 40px; background-color: #04396c; position: relative; border: 1px solid #dcdcdc; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);}
.ir_presentation ul.divide-list h4{height: 40px;}
.ir_presentation ul.divide-list h4 img{float: right;}
.ir_presentation ul.divide-list li a{float: none; width: 100%; height: 100%; padding: 0px; color: #ffffff; background-color: none; position: relative; border: none; box-shadow: none; display: inline-block;}
.ir_presentation ul.divide-list li a strong{margin-right: 10px;}



.ir_presentation{ padding: 60px 60px 0; float: left; width: 100%;}
.ir_presentation h3{font-size: 36px; text-transform: uppercase; font-weight: 700; margin: 0 0 50px; color: #1b2355;}
.ir_presentation ul{float: left; width: 100%;}
.ir_presentation ul li{float: left; width: 50%;  /*min-height: 281px;*/ height: 100%; padding: 12px 12px;  }
.ir_presentation ul li:nth-child(3){width: 100%;}
.ir_presentation ul li a{float: left; width: 100%; height: 100%; padding: 53px 40px; background-color: #04396c; position: relative; border: 1px solid #dcdcdc; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);}

.ir_presentation ul li aside{float: left; width: 100%; height: 100%; padding: 53px 40px; background-color:#04396c ; position: relative; border: 1px solid #dcdcdc; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);}
.ir_presentation ul li aside div{float: left; width: 24%; height: 145px;}
.ir_presentation ul li aside div p{height: 90px; color: #ffffff; font-size: 14px;}
.ir_presentation ul li aside div a{height: auto; padding: 6px 15px; font-size: 14px; line-height: 18px; border: 0px solid; box-shadow: none; border-right: 1px solid #d6d6d6;}
/*.ir_presentation ul li aside div:last-child a{border-right: 0px solid #d6d6d6;}}*/
.ir_presentation ul li aside div.first a{padding-left: 0;}
.ir_presentation ul li a i img{padding: 0px !important;}

.ir_presentation ul li h4{font-size: 18px; line-height: normal;color: #ffffff; font-weight: 700; /*height: 144px;*/ height:70px;}
.ir_presentation ul li:nth-child(3) h4{height: auto; margin: 0 0 35px;}
.ir_presentation ul li a i{position: relative; float: left; width: 100%;}
.ir_presentation ul li a i:before{content:''; width:8px; height: 8px; background: url(https://www.itcportal.com/images/ir_arrow_white.png) no-repeat 100% 0; position: absolute; right:0; top: 0; margin: auto 0; bottom: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.2s ease-in-out;} 
.ir_presentation ul li a:hover i:before{background: url(https://www.itcportal.com/images/ir_arrow_white.png) no-repeat 0 0;}

@media screen and (max-width: 1025px){
	.breadcrumb{ display: none;}
	/* sustainability-goals-2030 page start */
	.col2{column-count: 1;  column-gap:0px;}
	/* sustainability-goals-2030 page end */
	
}

@media screen and (max-width: 980px){
	
	/* sustainability-goals-2030 page start */
	.sgSec1 h2 {font-size: 25px;}
	.sgSec1 h2 strong {font-size:35px;}
	.sg_slider1 div div li{height:auto;}
	.finnal_report ul li, .share_information_sec ul li, .ir_quicklinks ul li {width: 50%;}
	.ir_quicklinks ul li.sp {width: 50%;}
	/*pop css end*/
	.ir_presentation {padding: 20px 20px 0;}
	.ir_presentation h3 {font-size: 30px;}
	.ir_presentation ul li {width: 100% !important;}
}

@media screen and (max-width:680px){
	.page_head h3 {font-size: 28px;}
	.page_head p br{display: none;}
	.share_information_sec h3, .finnal_report h3, .ir_quicklinks h3 {font-size: 18px;}
	.finnal_report ul li, .share_information_sec ul li, .ir_quicklinks ul li {width: 100%;}
	.ir_quicklinks ul li.sp {width: 100%;}
	.investor_contants_sec ul li {width: 100%; margin: 0 0 30px;}
	.investor_contants_sec h3{font-size: 24px;}
	.investor_contants_sec h4 {font-size: 20px;}
	.ir_quicklinks ul li h4{font-size: 20px;}
	.sg_slider1 li h4 {font-size: 20px;}
	
	.sg_slider2_prev, .sg_slider2_next{ width: 45px; height: 45px; border-radius: 50%; position: absolute; top:50%; overflow: hidden; text-indent: -100px; cursor: pointer; margin-top: -22px;}
.sg_slider2_prev{ left:0; background:#FFF url(https://www.itcportal.com/images/ir_arrow2b.png) no-repeat 0 0;}
.sg_slider2_next{ right:0;background:#FFF url(https://www.itcportal.com/images/ir_arrow2b.png) no-repeat -45px 0;}
/* sustainability-goals-2030 page end */
	
	
	.ir_presentation ul li:nth-child(3){height: auto;}
	.ir_presentation ul li aside div { width: 100%; height: auto;}
	.ir_presentation ul li aside div a {height: auto; padding: 15px 0px;border-right: 0px solid #d6d6d6;  border-bottom: 1px solid #d6d6d6;}
	.ir_presentation ul li aside div:last-child a{border-right: 0px;}
}