﻿/*! 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:0;background-color:#fff;}

.container-accordian .acc_trigger:first-child{border-radius:15px 15px 0 0;}
.container-accordian .acc_container:last-child{border-radius:0 0 15px 15px;}
h2.acc_trigger a    { font-size:1.1rem !important; font-weight:500; color: #333; text-decoration: none; display: block; position: relative; line-height: 14pt; outline:none;  padding:13px 15px; padding-right:35px; -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;}
h2.acc_trigger > a:hover        {color:#000;}
h2.acc_trigger > a:hover span   {opacity:1;}
/*h2.acc_trigger:hover > a        {color:#333; background:#fff; border-bottom:1px solid #000 !important;}*/
h2.acc_trigger.active > a       { background:#ddd;  border-bottom:1px solid #fff !important;}
.acc_trigger > a:after{ content:"\f067"; font-family:FontAwesome; float:right; font-size:14px;position: absolute;right: 15px;top: 15px;}
.acc_trigger.active > a:after { content:"\f068"; font-family:FontAwesome;  }

.acc_container          {background:#fff; padding:10px 15px;border:1px solid #ddd;margin-bottom:15px;transform:translateY(-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;}
}

.acc_trigger{background:transparent !important; border-bottom: #ededed 8px solid !important;}
.acc_trigger.active{color:#fff;background-color:rgb(188,0,0) !important;border-bottom-width:0 !important; margin-bottom:15px;}

.acc_trigger.active a{color:#fff !important;background:none !important;transform: skewX(0deg);}
 

 


 

