@import url('https://fonts.googleapis.com/css?family=Open+Sans');

.tab-secton::-webkit-scrollbar { width: 10px;}
.tab-secton::-webkit-scrollbar-track { background: #f1f1f1; }
.tab-secton::-webkit-scrollbar-thumb { background: #78be20; }
.tab-secton::-webkit-scrollbar-thumb:hover { background: #555; }
.tab-secton {
  zoom: 1;
  position: relative;
  /*height: auto;*/
  border: 1px solid rgba(0,0,0,0.2);
  border-bottom:1px solid rgb(120, 190, 32,0.8);
  height: auto;
  overflow: hidden;
}
.tab-secton:after,
.tab-secton:before {
  content: "";
  display: table;
}
.tab-secton:after {
  clear: both;
}
.tab-secton .tab-title {
  background: #00223d;
  cursor: pointer;
  border-bottom: 1px solid #053961;
  border-top: none;
  padding: 20px 5px;
 
}

.tab-secton .tab-title:hover{ background: #78be20 }
.tab-secton .tab-title h4 {
  color:#fff;
  font-size:14px; 
  font-weight:300;
  margin:0;
}

.sevntab .tab-title {
  background: #00223d;
  cursor: pointer;
  border-bottom: 1px solid #053961;
  border-top: none;
  padding: 10px 5px;
 
}

.tab-secton .tab-title img{ width:26px; float:left}
.tab-secton .tab-title:first-child {
  border-top: 1px solid rgba(0,0,0,0.2);
}
@media screen and (min-width: 600px) {
 .tab-secton {min-height: auto;} 
.tab-secton .tab-title {
    position: relative;
    width: 14%;
    height: 20%;
    display: block;
	text-align:center;
  }
  .sevntab .tab-title {
    position: relative;
    width: 14%;
    height: 14.29%;
    display: block;
	text-align:center;
  }
  
  
  
.tab-secton .tab-title img {
    width: 31px;
    float: none;
}	
 
}
.tab-secton .innr-tab-secton h2{ font-size:18px; text-align:left; color:#00223d; line-height:24px; padding:0 0 10px; margin:0;}
.tab-secton .innr-tab-secton {
  zoom: 1;
  position: relative;
  height: auto;
  min-height: 100%;
  border-left: none;
  display: none;
}
.tab-secton ul:after,
.tab-secton ul:before {
  content: "";
  display: table;
}
.tab-secton ul:after {
  clear: both;
}
.tab-secton ul li {
  list-style: circle;
  font-size:14px; 
  color:#222222; 
  line-height:20px; 
  margin:10px 0 0 20px; 
  padding:0; 
  letter-spacing:0; 

}

.tab-secton .innr-tab-secton ul {
    padding: 15px 10px 15px 20px;
  }

.tab-secton .innr-tab-secton ul ul {
    padding: 15px 10px 15px 20px;
	font-size:13px;
  }
@media screen and (min-width: 600px) {
	
  .tab-secton .innr-tab-secton {
    position: absolute;
    width: 86%;
    right: 0;
    top: 0;   
  }
  .tab-secton .innr-tab-secton ul {
    padding: 25px 10px 10px 20px;
  }
  .tab-secton .innr-tab-secton ul ul {
    padding:0px 10px 15px 0px;
  color:#444444;
  }
}
.tab-secton .active {
  cursor: default;
  border-bottom: 1px solid rgba(0,0,0,0.2);
  border-right: none;
  background:#78be20;
}
@media screen and (min-width: 600px) {
  .tab-secton .active {
    background: #78be20;
    border-right: 1px solid rgba(0,0,0,0);
	color:#fff;
	position:relative;
  }
  .tab-secton .active:after {
    content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #78be20;
    font-size: 30px;
    padding-right: 0.5em;
    position: absolute;
    top: 32%;
    right: -25px;
} 
.tab-secton .active:hover:after{color: #78be20}
}
.tab-secton .active + .innr-tab-secton {
  display: block;
}
.fi{ width:100%;}