﻿/*! Accordian  */

*, * focus {outline: none; margin: 0; padding: 0;}
.container-accordian {width:100%; margin:0 0 20px 0; padding:0px;}
.container-accordian .acc_trigger      {overflow:hidden; text-transform:none; display:block; margin-bottom:0px;}
.container-accordian .acc_trigger a    { font-size:16px !important; font-weight:400; color: #333; text-decoration: none; display: block; position: relative; line-height: 14pt; outline:none;  padding:15px 25px 15px 0; -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 #dee2e6 !important;}

.acc_trigger > a:hover        {color:#000;}
.acc_trigger > a:hover span   {opacity:1;}
.acc_trigger:hover > a        {color:#333; background:#e9e9e9; _border-bottom:1px solid #fff !important;}
.acc_trigger.active > a       {color:#fff; background:#019525;  border-bottom:1px solid #019525 !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 #dee2e6; padding:10px 15px;}
.acc_container .block   {width: 100% auto; padding:0px;}
@media (max-width:980px) {
.acc_trigger a    { font-size:16px !important;}
}
@media (max-width:767px) {
.acc_trigger a    { font-size:14px !important; padding: 13px 35px 15px 0;  }
.acc_trigger > a:after { position:absolute; right:13px; top:13px;}
}

 

 


 

