/* =Tabs
------------------------------------------------- */

#tabs{padding-top: 20px;}

ul.resp-tabs-list {
  background-color: #f0f0f0;
	background-image: none;
	background-repeat: repeat-x;
	filter: none;
	border: 0px solid #dddddd;
	border-top: none; /* .internal-wrapper has border all the way around, which happens directly after the main menu. */
	text-align: center;
	margin:0;
 	display: block;
	 margin-left:-15px;margin-right:-15px
}


.resp-tabs-list li{

    display: inline-block;
    vertical-align: top;
    font-size:17px;   
    line-height: 17px;
 	margin:0px 40px;
    padding-top:15px;
    padding-bottom:10px;
    text-align: center;
    text-shadow: none;
	color:black;
	cursor: pointer;
}



.resp-tabs-container {

    clear: left;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 35px 0 27px 0;
}

 

.resp-tabs-list li.resp-tab-active {
    border-bottom: 9px solid #96D750;font-weight: bold;line-height: 16px
}
 

.resp-content-active, 
.resp-accordion-active {
    display: block;
}

 
  





/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 33.33%;
    
    
    
    
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    margin: 0;
    cursor: pointer;
    float: none;
}



.resp-vtabs .resp-tab-content {
    border: none;
}

.resp-vtabs li.resp-tab-active {

    position: relative;
    z-index: 1;
}

.resp-arrow {
    display: none
}












@media (max-width: 979px) {

ul.resp-tabs-list li{display:block;text-align: left;margin:0;padding-left:15px}

.resp-tabs-list li.resp-tab-active {
    border-bottom: none;font-weight: bold;background-color: #96D750
}
}