@charset "utf-8";
/* CSS Document */
.corporate-governance-sec1{ width:100%; height: auto; display: block; position:relative; padding: 0px 0;}
.corporate-governance-sec1:after{content:''; display:block; clear:both;}
.corporate-governance-sec1-box1{width:100%; height: auto; display: block; position:relative;  padding-bottom: 0px; margin-bottom: 0px;}
.corporate-governance-sec1-box1:after{content:''; display:block; clear:both;}


.warranty_accordian article{ border-top: 0px solid #000; background: #f2f2f2; }
.warranty_accordian article:first-child{ border-top: 0px solid #e2e2e2; }
.warranty_accordian article>h2{cursor:pointer; position:relative;  border-top: 1px solid #e5e5e5; border-bottom: 1px solid #f3f3f3;background: #f6f6f6; margin: 0; padding: 0 0 10px 0;}
.warranty_accordian article>h2 span{width: 96%; max-width: 1050px; margin: 0 auto; display: block; padding:20px 40px 20px 20px; font-size:22px; line-height:24px; color:#2f2f70; font-weight:600; position: relative;}
.warranty_accordian article>h2 span:before{ content: ''; position: absolute; left: 0px; top: 20px; bottom: 0; width: 1px; height: 30px; background:#307fe2;}


.warranty_accordian article>h2 span small{width: 45px; height: 30px; position: absolute; left: 0; top: 20px;  font-size: 22px; font-weight: 600; color: #307fe2; text-align: left; }
.warranty_accordian article>div{width:100%;  padding: 0px 0 30px 0; border-top: 1px solid #e7e7e7;}

.warranty_accordian article>div section{ width: 96%; max-width: 1050px; margin: 0 auto; padding-left: 0px;}
.warranty_accordian article>div section:after{ content: ''; width: 100%; clear: both; line-height: 0; font-size: 0; display: block;}
/*.warranty_accordian article>div section figure{width: 30%;  height: auto; float: left; display: block; position: relative; }
.warranty_accordian article>div section figure big{ position: absolute; left: 0; right: 0; bottom: 4px; width: 100%; height: auto; padding:8px 10px ; box-sizing: border-box; background: rgba(255,255,255,0.80); font-size: 14px; font-weight: 400; color: #000; line-height: 18px;}
.warranty_accordian article>div section figure img{ width: 100%; border-radius: 3px; display: block;}*/

.warranty_accordian article>div section aside{width: 100%; height: auto; float: left; display: block; padding: 0 0%; box-sizing: border-box;  font-size: 15px; font-weight: 400; color: #262626; line-height: 22px; text-align: left;}

.warranty_accordian article>div section aside h5{width: 100%; height: auto; float: left; display: block; padding: 20px 20px; box-sizing: border-box;  font-size: 18px; font-weight: 400; color: #262626; line-height: 22px; text-align: left;}

.warranty_accordian article>div section aside p{width: 100%; height: auto; float: left; display: block; padding-bottom: 20px; box-sizing: border-box;  font-size: 15px; font-weight: 400; color: #262626; line-height: 22px; text-align: left; margin: 0;}
.warranty_accordian article>div section aside p:last-child{padding-bottom: 0px;}
.warranty_accordian article>div section aside strong{ font-weight: bold;}
.warranty_accordian article>div section aside p strong{ font-weight: bold;}

.warranty_accordian article>h2 span:after{content:''; display: block; clear: both; width: 40px; height: 40px; background: url(../images/ctrl.gif) no-repeat 0 0; position: absolute; top: 13px; right: 0;}
.warranty_accordian article.scAactive>h2 span:after{ background:  url(../images/ctrl.gif) no-repeat 0 -40px;}
.scAactive h2{ background: #fff!important;border-bottom: 0px solid #f3f3f3!important;} 
.scAactive>div {border-top: 0px solid #e7e7e7!important;}


.tab-content ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -18px;
    
}

.tab-content ul li {
    width: 25%;
    float: left;
    padding: 32px 18px 0;
}

.tab-content ul li a {
    
   background: #fff;
    display: block;
  
    padding: 30px 30px 60px 30px;
    height: 100%;
    position: relative;
    /* -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1); */
    overflow: hidden;
    border-radius: 10px;
    transition: .8s;
}
.tab-content ul li a:hover {background: #307fe2;  -webkit-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.1);  color: #fff;
}


.tab-content ul li a figure{ width: auto; height: auto; display: block; float: left;}

.tab-content ul li a:hover {
    color: inherit;
    text-decoration: none;
    border-radius: 10px;
}


.tab-content ul li a h4 {
	width: 100%; height: 22px; display: block; float: left; position: relative; margin: 10px 0;
   

}
.tab-content ul li a h4:after { content: ''; position: absolute; left: 0; right: 0; top: 5px; border-bottom: 1px dashed #000;}
.tab-content ul li a h4 small{ position:absolute ; left: 0; top: -7px; background: #fff; padding: 0 10px 0 0px; font-size: 18px;
    line-height: 22px;
    color: #000; font-weight: 500; display: block; z-index: 2;}

.tab-content ul li a h4 em {
    color: #da2419;
    font-style: normal;
}
.tab-content ul li a i{ position: absolute; right: 30px; bottom: 30px; width: 27px; height: 27px; }



.tab-content ul li a strong {
	width: 100%; height: auto; display: block; float: left; position: relative; 
   
    font-size: 15px;
    line-height: 22px;
    color: #3c3c3c; font-weight: 500 !important; transition: .8s; padding-bottom: 16px;
}
.tab-content ul li a:hover strong { color: #fff;}
.tab-content ul li a span {
    display: inline-block;
    width: 98px;
    height: 32px;
    background: #3683e3;
    font-size: 13px;
    line-height: 32px;
    color: #ffffff;
    text-align: center;
    border-radius: 16px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
}


/*======== Annual Report Start ================*/

.awards-search-area2{width:100%; background:#fffefe; height:66px; border:1px solid #dadada; position:relative; margin:20px 0;}
.awards-search-area2:after{content:''; background:url(../images/finnace-icon.jpg) no-repeat 0 0; width:83px; height:66px; position:absolute; left:0; top:0px;}
.awards-search-area2:before{content:''; background:url(../images/awards-icon-line.png) no-repeat 0 0; width:48px; height:1px; position:absolute; left:59px; top:50%; z-index:1;}
.awards-search-area2 .search-box{display:inline-block; float: right; }
.awards-search-area2 .search-box .search-box-text{float:left; display:block; font:400 14px/66px 'Open Sans', sans-serif; color:#212121; padding-right:19px;}
.awards-search-area2 .search-box .awards-search-text{display:block; float:left; height:auto; margin-bottom:0px; width:200px; margin-top:14px; margin-bottom:13px; margin-right:14px;}
.awards-search-area2 .search-box .awards-search-topselect{display:block; float:left; height:auto; margin-bottom:0px; width:200px; margin-top:14px; margin-bottom:13px; margin-right:14px;}



.awards-search-topselect select{width:100%; height:40px; padding:0px 15px; box-sizing:border-box; margin: 0;background:#FFFFFF; border:1px solid #E6E6E6;  color:#5c5c5c;font-size:14px; font-weight:400; font-style: normal;  outline:none; display: inline-block; -webkit-appearance:none;-moz-appearance:none; appearance:none;cursor:pointer;}
.vrification{ width:48%; margin-right:2%; height:auto; float:left;}
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.awards-search-topselect select{padding-right:18px; }
}

.awards-search-topselect label{position:relative}
.awards-search-topselect label:after{  width:20px; text-indent:5px;
    content:'<>';/*content:'<>';*/
    font:18px "Consolas", monospace;
    color:#a09f9f;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:5px; top:-6px;
    padding:0 12px 0px 0px ;
    /*border-bottom:1px solid #aeaeae;*/
    position:absolute;
    pointer-events:none;
}
/*.awards-search-topselect label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#00FFFF;
    position:absolute;
    pointer-events:none;
    display:block;
}*/

/*IE 9 and above*/
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
.awards-search-topselect label:after { display:none; }
.awards-search-topselect label:before { display:none; }

}





/*======== Annual Report Start ================*/
.awards-search-content{width:100%; margin-top:30px; float:left;}
.awards-search-content .content-box{float:left; width:100%; padding-bottom:45px;}
.awards-search-content .content-box:last-child{padding-bottom:0;}
.awards-search-content .content-box .content-left{display:block; width:23.4693877551%; float:left;  font-size:30px; color:#444444; font-weight:400; line-height:36px; position:relative; padding-left:3px; box-sizing:border-box;}
.awards-search-content .content-box .content-left span{position:absolute; width:100%; max-width:50px; height:1px; background:#b8b8b8; right:10px; top:18px; box-sizing:border-box;}
.awards-search-content .content-box .content-left span:after{content:''; width:50%; height:1px; background:#0e76b4; position:absolute; right:0; top:0;}
.awards-search-content .content-box .content-right{display:block; width:76.5306122449%; float:left;}
.awards-search-content .content-box .content-right ul{display:block; width:100%; margin:0; padding:0;}
.awards-search-content .content-box .content-right ul li{display:block; font-size: 16px; font-weight: 400; line-height: 22px; color:#757575; position:relative; padding-left:21px; padding-bottom:22px; padding-right:100px; box-sizing:border-box; text-decoration:none; }
.awards-search-content .content-box .content-right ul li a{color:#000; display:block;text-decoration:none;}
.awards-search-content .content-box .content-right ul li a:hover{color:#0f72b6;}
.awards-search-content .content-box .content-right ul li:last-child{padding-bottom:0;}
.awards-search-content .content-box .content-right ul li:after{content:''; width:6px; height:6px; background:#428bca; border-radius:50%; position:absolute; left:0; top:9px;}
.awards-search-content .content-box .content-right ul li.invest-ic i{ background-image:url(../images/dwn.png); background-repeat:no-repeat; padding-left:30px; position:absolute; right:0; top:8px;}
.awards-search-content .content-box .content-right ul li.invest-ic{font-size:14px; border-bottom:1px solid #dadada; padding-bottom:15px; padding-top:8px;}
.awards-search-content .content-box .content-right ul li.invest-ic:after{top:16px;}
.awards-search-area.finn:after{background:url("../images/finnace-icon.jpg") no-repeat scroll 0 0;}
.awards-search-content .content-box .content-left.finnc{margin-top:0px; position:relative;}
/*======== Annual Report end ================*/

@media screen and (max-width:900px){
.awards-search-content .content-box .content-left { display: block; width:auto; padding-right: 70px;}
.awards-search-content .content-box .content-right {width: 100%;}
}

@media screen and (max-width:1023px){

.tab-content ul { margin: 0 0px;}
.tab-content ul li {width: 33.333%;}
}
@media screen and (max-width:600px){
.tab-content ul li {width:50%;}
.awards-search-area2 .search-box .awards-search-topselect { width: 160px;}
.awards-search-area2:after{ display: none;}
.awards-search-area2:before{ display: none;}
.awards-search-area2 .search-box .search-box-text{ padding-left: 10px; font-size: 11px;}
.awards-search-area2 .search-box{ float: left; width: 100%;}
}


@media screen and (max-width:599px){
	.warranty_accordian article>div section {width: 96%; padding-left: 0px;}
	.warranty_accordian article>div section figure {width: 100%;}
	.warranty_accordian article>div section aside { width: 100%;padding: 30px 0 0;}
}

@media screen and (max-width:500px){
.tab-content ul li {width:100%;}
}