#horizontal-accordion {
	float: left;
	width: 100%;
	background: #d5fffc;
}
#horizontal-accordion input[type="radio"]:checked ~ .accslide {
  width: calc(100% - 300px);
}
#horizontal-accordion input[type="radio"]:checked ~ label {
background:#22b24c;
}
#horizontal-accordion ul {
  list-style: none;
  padding-left: 0;
}
#horizontal-accordion .radio-button-label {
  display: block;
  float: left;
  height:535px;
  width: 50px;
  overflow: hidden;
  text-align: left;
  font: 18px/50px 'latoregular';
  -webkit-transition: width 1s ease background 0.5s ease;
  -moz-transition: width 1s ease background 0.5s ease;
  -ms-transition: width 1s ease background 0.5s ease;
  -o-transition: width 1s ease background 0.5s ease;
  transition: width 1s ease background 0.5s ease;
}
#horizontal-accordion label{
writing-mode: vertical-lr;
  text-align: center !important;
  background:#0d6cb6;
border-right: 1px solid #fff;
color:#ffffff;
  }
#horizontal-accordion .radio-button-label:hover {
  cursor: pointer;
}
#horizontal-accordion .accslide {
  display: inline-block;
   height:535px;
  width: 0px;
  float: left;
  overflow: hidden;
  color: #333;
  /%background: #fff;*/
  font: 16px/1.5 'latoregular';
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
#horizontal-accordion * {
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#horizontal-accordion .accordion-radio-button {
  position: absolute;
  top: -9999px;
  left: -9999px;
  display:none;
}
#horizontal-accordion .acctxt h2 {
	font: 21px/30px 'latobold';
	color: #000000;
	margin-bottom: 15px;
}
#horizontal-accordion .acctxt h2 span{
display:block;
color:#0d6cb6;
text-transform:uppercase;
font: 15px/20px 'latobold';
}
#horizontal-accordion .accimg{float:left;}
#horizontal-accordion .acctxt {
	padding-top: 15%;
	padding-right: 20px;
}
#horizontal-accordion .serv-more {
	margin: 20px 0px;
}
#horizontal-accordion .serv-more a{
	font-size: 15px;
	color: #000000;
	padding: 10px 20px;
	text-transform: uppercase;
	border: 3px solid #22b24c;
	outline: 3px solid #0d6cb6;
	display: inline-block;
}
#horizontal-accordion .serv-more a:hover{
	background: #30b05b;
  color: #000;
}
@media screen and (max-width :979px) {
#horizontal-accordion .radio-button-label {
	width: 100%;
	height: auto;
}
#horizontal-accordion .accslide{height:0px;}
#horizontal-accordion label{writing-mode: horizontal-tb;border-bottom: 1px solid #fff;border-right:none;}
#horizontal-accordion input[type="radio"]:checked ~ .accslide {
	width: 100%;
	height:100%;
}
#horizontal-accordion .accslide {
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -ms-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
}
@media screen and (max-width :640px) {
#horizontal-accordion .acctxt{padding:20px;}
#horizontal-accordion .accimg {
	float: none;
	text-align: center;
}
}