
/*-----------Accordion styles-----------*/
h2.resp-tab-active {
    background: #DBDBDB !important;
}
.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 {
    border-top: 1px solid #c1c1c1 !important;
}
.les-top {
  background-color: #eeeeee;
  padding: 1.5em;
  position: relative;
}
p.bottom {
     background-color: #fff;
    padding: 1.2em 2em;
    text-align: center;
}
.midd {
  padding:1.2em 2em;
  background-color: #fff;
}
.les li {
  display: inline-block;
}
li.mon {
  float: right;
  font-size: 1.1em;
  color: #999999;
}
li.le {
  float: left;
  font-size: 1.1em;
  color: #999999;
}
li.twle {
  float: right;
  font-size: 1.1em;
  color: #01c675;
  font-weight: 700;
}
li.sev {
  float: left;
  font-size: 1.1em;
  color: #464545;
  font-weight: 700;
}
li.pan {
  float: left;
}
li.com {
  float: right;
}
li.com a {
  background-color: #01c675;
  padding: 0.5em 1em;
  font-size: 1em;
  color: #fff;
  display: block;
  text-decoration: none;
  border-bottom: 5px solid #009e5d;
}
li.com a:hover{
  background-color: #009e5d;
}
.ac-container{
    margin: 37px auto 28px auto;
    text-align: left;
    width: 99%
}
.ac-container label{
     padding: 10px 20px;
    position: relative;
    z-index: 20;
    display: block;
    /*height: 57px;*/
    cursor: pointer;
    color: #000;
    line-height: 33px;
    font-size: 19px;/*
    background: #1bbc9b;*/
	background:#F2F2F2;
    border: 1px solid #ccc;;
    font-weight: 400;
	
}
.ac-container label:hover{
	    background: #399;
		color: #fff;
		border: 1px solid #257C8B;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	    background: #257C8B; 
    color: #fff;
    border: 1px solid #257C8B;
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 17px;
	background: transparent url(../images/arrow_down.png) no-repeat center center;	
	
}
.ac-container input:checked + label:hover:after{
	background-image: url(../images/arrow_up.png);
}
.ac-container input{
	display: none;
}
.ac-container article{
	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
	 line-height: 27px;
    font-size: 15px;
    padding: 2px 20px;
    background-color: #FFFFFF;
    font-size: 1em;
    color: #3b4b5c;
}
.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac-small{
	height: 140px;
}
.ac-container input:checked ~ article.ac-medium{
	height: auto;
	padding:15px 0px;
	border: 1px solid #257C8B;
}
.ac-container input:checked ~ article.ac-large{
	height: 230px;
}
.info h5 {
        color: #1D8D96;
    font-size: 2em;
    font-weight: 400;
    margin-bottom: 0.5em;
}
.info p {
 
    font-size:1em;
    color: #fff;
	line-height:1.9em ;
	 padding:0em 8em 0em 0em;
}
.accordion p {
    padding: .5em 2em .5em 2em;
    font-size: 0.9em;
    color: #777; 
}
.pricing-grids {
    margin: 3em auto;
}
.pricing-grid {
    transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.pricing-grid:nth-child(1) {
  margin: 0;
}
