.smk_accordion {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 12px;
}
/**
 * --------------------------------------------------------------
 * Section
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in {
    /*border: 1px solid #ccc;*/
    position: relative;
    z-index: 10;
    margin-top: -1px;
    overflow: hidden;
}
/**
 * --------------------------------------------------------------
 * Head
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in .acc_head {
    position: relative;
    /*background: #FDFDFD;*/
    padding: 4px;
    font-size: 14px;
    display: block;
    cursor: pointer;
    width: 100%;
}

.smk_accordion .accordion_in .acc_head h4{
    margin: 6px 0 0 12px !important;
    font-size: 16px;
}
.smk_accordion .accordion_in .acc_head .acc_icon_expand {
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0px;
    top: 48%;
    margin-top: -14px;
    background: #FFFFFF;
    border-width: 2px;
    border-style: solid;
    border-color: #EEEEEE;
    border-radius: 4px;
    
}

.smk_accordion .accordion_in .acc_head .acc_icon_expand:after{
    
    font-size: 18px;
    left: 9px;
    line-height: 0;
    position: relative;
    top: 6px;
    content: "\f067";
     font-family: 'FontAwesome';
     color: #FFFFFF;
    
}
/**
 * --------------------------------------------------------------
 * Content
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in .acc_content {
    background: #FFFFFF;
    padding: 3px 10px;
    border-width: 2px;
    border-style: solid;
    border-color: #EEEEEE;
    float: left;
    clear: both;
    box-sizing: border-box;
    width: 100%;
    margin-top: 12px;
    border-radius: 4px;

}
.smk_accordion .accordion_in .acc_content h1:first-of-type,
.smk_accordion .accordion_in .acc_content h2:first-of-type,
.smk_accordion .accordion_in .acc_content h3:first-of-type,
.smk_accordion .accordion_in .acc_content h4:first-of-type,
.smk_accordion .accordion_in .acc_content h5:first-of-type,
.smk_accordion .accordion_in .acc_content h6:first-of-type {
    margin-top: 5px;
}
/**
 * --------------------------------------------------------------
 * General
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in:first-of-type,
.smk_accordion .accordion_in:first-of-type .acc_head {
    border-radius: 3px 3px 0 0;
}
.smk_accordion .accordion_in:last-of-type,
.smk_accordion .accordion_in:last-of-type .acc_content {
    border-radius: 0 0 3px 3px;
}
.smk_accordion .accordion_in.acc_active > .acc_content {
    display: block;
}
.smk_accordion .accordion_in.acc_active > .acc_head {
}

.smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand{
    
}
.smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand:after{
   font-size: 18px;
    left: 9px;
    line-height: 0;
    position: relative;
    top: 6px;
   content: "\f068";
   font-family: 'FontAwesome';
   color: #FFFFFF;
    border-radius: 4px;
    
}
.smk_accordion.acc_with_icon .accordion_in .acc_head{
    padding-left: 32px;
}

.smk_accordion.acc_with_icon .accordion_in .acc_content {
    
}