/*! Accordian  */

*, * focus {outline: none; margin: 0; padding: 0;}
.container-accordian {width:100%; margin:0px; padding:0px;   margin-bottom:20px;}
h2.acc_trigger      {overflow:hidden; text-transform:none; display:block; margin-bottom:0px;}
h2.acc_trigger a    { font-size:16px !important; background:#fff; font-weight:400; color: #333; text-decoration: none; display: block; position: relative; line-height: 14pt; outline:none;  padding:13px 15px; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;   border-bottom:1px solid #ccc !important;}
h2.acc_trigger > a:hover        {color:#000;}
h2.acc_trigger > a:hover span   {opacity:1;}
h2.acc_trigger:hover > a        {color:#333;  border-bottom:1px solid #fff !important;}
h2.acc_trigger.active > a       {color:#000; background:#ccc;  border-bottom:1px solid #fff !important;}
.acc_trigger > a:after{ content:"\f067"; font-family:FontAwesome; float:right; font-size:14px;}
.acc_trigger.active > a:after { content:"\f068"; font-family:FontAwesome;  }
.acc_container          {background:#fff; border:1px solid #ccc; padding:10px 15px;}
.acc_container .block   {width: 100% auto; padding:0px;}
@media (max-width:980px) {
    h2.acc_trigger a    { font-size:16px !important;}
}
@media (max-width:767px) {
    h2.acc_trigger a    { font-size:14px !important; padding-right:30px;  }
    .acc_trigger > a:after { position:absolute; right:13px; top:13px;}
}