/* 
* Typography
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
/*
* Color Variables
*/
/*
* Animation Variables
*/
/* 
* Global
*/

.sub-acc {
    color: #fff;
    display: none;
	text-align:left;
	text-transform:none;
	padding: 0em 1.5em;
	font-size:13px;
	
}

.box-border{
	border-bottom: 3px solid #ec0d80;
	}



/*
* Accordion
*/
/* Basic Accordion Styles */
.accordion {
  position: absolute;
  top: 65%;
  left: 51%;
  transform: translate(-50%, -50%);
  width: 90%;
  
  /* Radio Inputs */
  /* Labels */
  /* Panel Content */
}
.accordion input[name='panel'] {
  display: none;
}
.accordion label {
	text-align:left;
  position: relative;
  display: block;
  padding: 1em;
  background:;
  border-bo: 1px solid #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 1.5em;
  color: #fff;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);
}
.accordion label:after {
  content: 'View More +';
  position: absolute;
  right: 1em;
  width: 20em;
  height: 1em;
  color: #eee;
  text-align: right;
  border-radius: 50%;
  text-transform:none;
}
.accordion label:hover {
  color: #ec0d80;
}
.accordion input:checked + label {
  color: #fff;
}
.accordion input:checked + label:after {
  content: '-';
  /* adjsut line-height to vertically center icon */
  line-height: .8em;
}
.accordion .accordion__content {
  overflow: hidden;
  height: 0px;
  position: relative;
  padding: 0 1.5em;
  color: #eee;
  transition: height 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);
}
.accordion .accordion__content:not(:last-of-type) {
}
.accordion .accordion__content .accordion__header {
  padding: 1em 0;
}
.accordion .accordion__content .accordion__body {
  font-size: .825em;
  line-height: 1.4em;
  text-align:left;
}

/* 
* Size Variations
*/
input[name='panel']:checked ~ .accordion__content.accordion__content--small {
  height: 150px;
}

input[name='panel']:checked ~ .accordion__content.accordion__content--med {
  height: 200px;
}

input[name='panel']:checked ~ .accordion__content.accordion__content--large {
  height: 300px;
}


/* Control */
@media screen and (min-device-width: 320px) and (max-device-width: 768px) { 
	/* reset previous grid */

.accordion label:after {
  content: 'View More +';
  position: absolute;
  right: 1em;
  width: 10em;
  height: 1em;
  color: #eee;
  text-align: right;
  border-radius: 50%;
  text-transform:none;
}

.accordion label {
	text-align:left;
  position: relative;
  display: block;
  padding: 1em;
  background:;
  border-bo: 1px solid #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 1em;
  color: #fff;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);
}


.sub-acc {
    color: #fff;
    display: none;
	text-align:left;
	text-transform:none;
	padding: 0em 1.5em;
	font-size:10px;
	
}

}