.hs-accordion__item {
    margin: .5em;
}
.hs-accordion__item button {
    display: block;
    width: 100%;
    font-size: 1em;
    padding: 1em 3em 1em 1em;
    cursor: pointer;
    border: 0 none;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    background-color: transparent;
    -webkit-appearance: none;
    color: #58a9d9;
    position: relative;
    text-align: left;
	  font-family: inherit;
}
.hs-accordion__item:last-of-type button {
    border-bottom-color: transparent;
}
.hs-accordion__item button:focus {
    outline: none;
}
.hs-accordion__item button:hover {
    color: #00b9d6;
    opacity: .8;
}
.hs-accordion__item[aria-expanded=true] button {   /* [aria-expanded=true] means accordion will be 'open' */
    color: #00b9d6;
    border-bottom-color: #00b9d6;
}


.hs-accordion__item-icon {              /* Icon styles */
    position: absolute;
    height: 1.25em;
    width: 1.25em;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    border: 1px solid #a5a5a5;
    border-radius: 50%;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
  pointer-events: none;
}
.hs-accordion__item-icon:before {   
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    height: 1px;
    width: .75em;
    background-color: #a5a5a5;
}
.hs-accordion__item-icon:after {   
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    height: .75em;
    width: 1px;
    background-color: #a5a5a5;
}

.hs-accordion__item button:hover .hs-accordion__item-icon {
    border-color: #00b9d6;
}
.hs-accordion__item button:hover .hs-accordion__item-icon:before,
.hs-accordion__item button:hover .hs-accordion__item-icon:after {
    background-color: #00b9d6;
}
.hs-accordion__item[aria-expanded=true] .hs-accordion__item-icon {
    -webkit-transform: translateY(-50%) rotate(135deg);
        -ms-transform: translateY(-50%) rotate(135deg);
            transform: translateY(-50%) rotate(135deg);
    border-color: #00b9d6;
    background-color: #00b9d6;
}
.hs-accordion__item[aria-expanded=true] .hs-accordion__item-icon:before,
.hs-accordion__item[aria-expanded=true] .hs-accordion__item-icon:after,
.hs-accordion__item[aria-expanded=true] button:hover .hs-accordion__item-icon:before,
.hs-accordion__item[aria-expanded=true] button:hover .hs-accordion__item-icon:after {
    background-color: #fff;   
}
.hs-accordion__item main {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: opacity .3s ease-out .2s, max-height .3s ease-out;
    -o-transition: opacity .3s ease-out .2s, max-height .3s ease-out;
    transition: opacity .3s ease-out .2s, max-height .3s ease-out;
    line-height: 1.6;
  	display: block;
}
.hs-accordion__item[aria-expanded=true] main {
    opacity: 1;
    max-height: 100%;
    -webkit-transition: opacity .5s ease-in, max-height .5s ease-in;
    -o-transition: opacity .5s ease-in, max-height .5s ease-in;
    transition: opacity .5s ease-in, max-height .5s ease-in;
  	/*display: block;*/
}
.hs-accordion__item-content {
    padding: 2em 1em 1.5em;
}
.hs-accordion__item-content p {
 		margin-top: 0; 
}

.hs-accordion i { position:absolute;
  right: 20px;
  top:14px;
    -webkit-transition:all 300ms ease-in 0s;
    -moz-transition: all 300ms ease-in 0s;
    -o-transition: all 300ms ease-in 0s;
  transition: all 300ms ease-in 0s;}

.hs-accordion__item[aria-expanded=true] i {
    color: #ACD4CE;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}