
.resp-tabs-container li {
	list-style-image: url(../images/misc/arrow-bullet.jpg);	
	margin-left: -20px
	}

.faq-header {
	 border-bottom:solid 1px #ccc;
	 padding-top:20px;
	 padding-bottom:10px;
	 margin-bottom:20px;
	 max-width: 270px;
	 color: #000!important
	}

.resp-tabs-list {}

.resp-tabs-container h5 {
font-family: 'Favorit', sans-serif; padding-top: 20px	}


.tabs-arrow {
	background-image: url(../images/misc/arrow.png);
	height: 16px;
	width: 28px;
	display:inline-block;
	
   opacity: 0;
   margin-left: 20px;	}




ul.resp-tabs-list, p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}


ul.resp-tabs-list {
	padding-top: 10px;
}




.resp-tabs-list li {
	font-size: 1.1em;
	display: inline-block;
	margin: 0 4px 0 0;
	list-style: none;
	cursor: pointer;
	float: left;
	position: relative;
	font-weight: 400;
	padding: 7px 0px 7px 20px !important;
	color: #6A6A6A;
	cursor: pointer;
	transition: all .2s ease-in-out;
	line-height: 1.2em;
	}


.resp-tabs-list li:hover {
	color:#000
}



.resp-tabs-container {
	clear: left;
	background-color: #FFF;
}

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

.resp-tab-content {
    display: none;
    padding: 15px; 
}


.resp-tab-active .tabs-arrow {
	background-image: url(../images/misc/arrow.png);
	height: 16px;
	width: 28px;
	display:inline-block;
	
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	transition: all .2s ease-in-out;
   opacity: 1;
   margin-left: 20px;
	}

.resp-tab-active {
		color:#000!important
		

}



.resp-content-active, .resp-accordion-active {
    display: block;
	color: #000

	
}

.resp-tab-content {

}

h2.resp-accordion {
    font-size: 1.5em;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 8px 15px 8px 15px;
	color: #6A6A6A
	
}

h2.resp-tab-active {
 
	
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
	
}

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

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

.resp-vtabs .resp-tabs-container {
    background-color: #fff;
    float: left;
    min-height: 250px;
    clear: none;
}

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


.resp-vtabs li.resp-tab-active { 
position: relative;
z-index: 1;


}


.resp-vtabs li.resp-tab-active:hover {
}



.resp-arrow {
  
}





h2.resp-tab-active .arrow-faq {
transform: rotateX(180deg);
margin-top: 20px;
	transition: all .2s ease-in-out;

}



/*-----------arrow -----------*/


 
.arrow-faq-cont  {
	position:absolute;
	right: 20px;
	width: 40px;
	height: 40px;
	margin-top: -30px;
	
	
 }

 .arrow-faq   {
float:right;
	position:absolute;
	transition: all .2s ease-in-out;
 }



 .arrow-faq  .left-arm {
  position: absolute;
  z-index: 1;
  background-color: transparent;
  top: 5px;
  left: 0px;
  width: 10px;
  display: block;
  transform: rotate(45deg);
}
 .arrow-faq  .left-arm:after {
  content: "";
  width: 20px;
  height: 4px;
  display: block;
	transition: all .2s ease-in-out;
  transform-origin: right center;
  z-index: -1;
  background-color: #000;
}

 .arrow-faq  .right-arm {
  position: absolute;
  z-index: 1;
  background-color: transparent;
  top: 8px;
  left: 20px;
  width: 20px;
  display: block;
  transform: rotate(-45deg);
}
 .arrow-faq  .right-arm:after {
  content: "";
  width: 20px;
  height: 4px;
  display: block;
	transition: all .2s ease-in-out;
  transform-origin: left center;
  z-index: -1;
  background-color: #000;
}


/*-----------Accordion styles-----------*/



.resp-easy-accordion h2.resp-accordion {
    display: block;
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1;/* !important;*/
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;

}

h2.resp-accordion:first-child {

}


@media only screen and (max-width: 768px) {
    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

    .resp-vtabs .resp-tab-content {
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: 100px;
        clear: none;
margin:33px 0px 0px 0px;
}
	
	
    .resp-accordion-closed {
        display: none !important;
    }

    .resp-vtabs .resp-tab-content:last-child {
    }
	
	

	
	
.tabs-arrow {
	display: none;
	clear: both;
	visibility: hidden;	
	
	}
	

.faq-header {
	 max-width: 100%;
	}
	
	
}
