	


	.arrow-blk 				{ width:33.33%; margin-top:-20px; display:block; }
	.arrow-blk.arrow-centre        { text-align: center; position: absolute; left:50%;  -ms-transform: translateX(-50%); transform: translateX(-50%); }
	.arrow-blk.arrow-rightcol      { float:right; }
	.arrow-blk-half 		{ width:100px; margin: 0 auto;  }
	.triangle-top {
   	width: 0px;
   	height: 0px;
   	border-style: solid;
   	border-width: 50px 50px 0 50px;
   	border-color: #02369e transparent transparent transparent;
   	transform: rotate(0deg);
	}


	.tab-icon 		{ }
	.tab-icon-d 	{ width:auto; height:100px; display: block; margin: 0 auto;  }
	.tab-icon-m 	{}

	p.tab-title-d { margin-top:20px }


	.intro { overflow:hidden; }
	.tabs-wrapper  { width: 100%;overflow:hidden; }
	.adj-know-more { margin-top:30px }
	input[type="checkbox" i],
	input,
	label { margin: 0; padding:0; }
  	.tabs 		{ display:flex; flex-wrap: wrap; max-width: 100%; background: #fff;  font-weight:normal; overflow:hidden;
				/*  		box-shadow: -4px 8px 14px -3px rgba(0,0,0,0.09);
				-webkit-box-shadow: -4px 8px 14px -3px rgba(0,0,0,0.09);
				   -moz-box-shadow: -4px 8px 14px -3px rgba(0,0,0,0.09);*/}
  	.chk-tabs   { display: none; }
	
  	.input 		{ position:absolute; opacity:0;  display:none; }

  	.label 					{ width:100%; padding: 0; background:#01369e82; color:#fff; border-right:none; text-align:center;  height:100%;
  							  cursor:pointer;  position: relative; font-size:120%; font-weight: normal;line-height:1.3; }

 	.label-padding   { padding:15px 10px; }
	.label.l-color1  { width: 33.33%;}
	.label.l-color2  { width: 33.33%; position: absolute; left: 33.33%; border-left: 1px solid #fff; }
	.label.l-color3  { width: 33.33%; position: absolute; left: 66.66%; border-left: 1px solid #fff;}

  	.label.l-color3  { border-right:none; }
	.label.label-m 			{ display: none; } 
  	.label:hover 			{ background:#01369e82; /* transition: all 0.3s ease-out;*/ }
  	.label:active 			{ background:#ccc; }
 	.input:focus + .label 	{ z-index:1; }
 	
 	


  	.input[name='tabs']:checked + .label,
	.input[name='chk-tabs']:checked + .label { background:#fff; color:#333; }
	.input[name='tabs']:checked + .label.l-color1,
	.input[name='chk-tabs']:checked + .label.l-color1 { background:#02369e; color:#fff;  }
	.input[name='tabs']:checked + .label.l-color1 + .panel,
	.input[name='chk-tabs']:checked + .label.l-color1 + * + * + .panel	{ /*border-bottom:3px solid #ff6161;*/ }

	.input[name='tabs']:checked + .label.l-color2,
	.input[name='chk-tabs']:checked + .label.l-color2 { background:#02369e; color:#fff;  }
	.input[name='tabs']:checked + .label.l-color2 + .panel,
	.input[name='chk-tabs']:checked + .label.l-color2 + * + * + .panel	{ /*border-bottom:3px solid #fea781;*/ }

	.input[name='tabs']:checked + .label.l-color3,
	.input[name='chk-tabs']:checked + .label.l-color3 { background:#02369e; color:#fff;  }
	.input[name='tabs']:checked + .label.l-color3 + .panel,
	.input[name='chk-tabs']:checked + .label.l-color3 + * + * + .panel	{ /*border-bottom:3px solid #fea781;*/ }


	.panel 								{ display:none; padding:20px 0; background:#fff; width: 100%; font-weight:normal; z-index: 1;}
	.input[name='tabs']:checked + .label + .panel{ display: block; color:#333; font-weight:300;}

/*	.tabs { margin-bottom:80px; }*/

	.space.space-adj { height:0px }

	.highlight { color: #faa635; }


	.panel2-blk { width:100% }
	.panel2-blk .panel2-col1 { width:70%; float:left;}
	.panel2-blk .panel2-col2 { width:30%; float:left;}
	.panel2-col1-pos 		 { padding-right:50px; }
	.panel2-blk .panel2-col2 .know-more { top:100px }
	.btn-pos   { padding-top:10px; }

	.know-more .km-title.adj-tab { margin-bottom:0px; margin-top:-120px}

	/* ==========================================================================
	    Media
	============================================================================= */
	@media only screen and (max-width:1024px) {
	.know-more .km-title.adj-tab { margin-top:-120px}
	}

/*	@media (min-width: 600px) {
	.label 	{ width:auto;}
	.panel 	{ order:99;}
	}*/
	

	@media (max-width: 820px){
	.panel2-blk .panel2-col1 { width:65%; float:left;}
	.panel2-blk .panel2-col2 { width:35%; float:left;}
	.panel2-blk .panel2-col2 .know-more { padding:20px }
	}


	@media (max-width: 767px){

	.arrow-blk { display:none; }

 	.label { font-size:110%; }

	.intro 	{ overflow:hidden; }
	.t-2col { margin-bottom: 0px; }
  	.label.l-color1  { width:100%; border-right:none; }
	.label.l-color2  {width:100%;position: relative; left: 0; border-right:none; border-left:none;}
	.label.l-color3  { width:100%; position: relative; left: 0; border-right:none; border-left:none;}

	.panel2-blk .panel2-col1,
	.panel2-blk .panel2-col2 { width:100%}
	.panel2-blk .panel2-col2 { height:180px }
	.panel2-blk .panel2-col2 .know-more { margin-top:0px; top:50px  }
	.panel2-blk .panel2-col2 .know-more.know-en { margin-top:0px; top:30px  }

	.panel2-col1-pos { padding-right:0; }

	.know-more .km-title.adj-tab { margin-top:-40px}

	}

	@media (max-width:767px){
	.label.l-color2 
	.label.l-color3,  { border-left: none}

	.label 				{ height:auto; }
	.tab-icon-d 		{ display:none; margin:0 auto;  }
	.tab-icon-m 		{ width:auto; height:60px; margin: 0 auto;  }
	.label-padding  	{ height:auto; display:flex; align-items:center; }
	.label-padding img 	{ width:60px; height:auto; margin: 0 }
	.label-padding p  	{ width:70%; margin-left:20px; }

	.panel { margin-bottom:20px;}

 	.label-padding { padding:10px 50px 10px 15px }

		.label.label-m 			{ display:block; border-bottom:1px solid #fff; /*background:#02369e;*/}
		.label:not(.label-m)    { display:none; }
		.label {
			text-align: left;
		}
		.label:after {
			content: " ";
			width: 20px;
			height: 20px;
			position: absolute;
			display: block;
			right: 20px;
			top: 50%;
			background-image: url(images/esec-arw.svg);
			background-repeat: no-repeat;
			background-size: contain;
			background-position: right center;
			transition: transform 300ms ease;
			-ms-transform: translateY(-50%);
  transform: translateY(-50%);
		}
		.input[name='chk-tabs']:checked + .label::after {
			transform: rotate(90deg);
		}
		.input[name='tabs']:checked + .label,
		.input[name='tabs']:checked + .label.l-color1,
		.input[name='tabs']:checked + .label.l-color2,
		.input[name='tabs']:checked + .label.l-color3,
		.input[name='tabs']:checked + .label.l-color4,
		.input[name='tabs']:checked + .label.l-color5 		  { background:#e5e5e5; color:#7f7f7f;  }
		.input[name='tabs']:checked + .label.l-color1 + .panel,
		.input[name='tabs']:checked + .label.l-color2 + .panel,
		.input[name='tabs']:checked + .label.l-color3 + .panel,
		.input[name='tabs']:checked + .label.l-color4 + .panel,
		.input[name='tabs']:checked + .label.l-color5 + .panel,
		.input[name='tabs']:checked + .label.l-color6 + .panel { border-bottom:0; }
		.input[name='tabs']:checked + .label + .panel 	{ display: none;}
		.input[name='chk-tabs']:checked + .label + * + * + .panel { display:block; }


#body.en .dis-circle .dc-title { margin-top:80px; }
#body.tc .dis-circle .dc-title, 
#body.sc .dis-circle .dc-title { margin-top:120px; }

	}
	  

	@media (max-width:400px){
	.panel2-blk .panel2-col2 { height:200px }
	}
	 