.@CHARSET "UTF-8";
.accord-holder.faq  {
    max-width: 800px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 2em;
    margin:25px auto;
8
}
.accord-holder.faq .nag{
    border-top: 1px solid #ccc;
    padding: 1em 2.8em 1em .4em;
    position: relative;
    font-family: 'tele-groteskhalb','tele-groteskhalregular';
    cursor: pointer;
}
.accord-holder.faq .accord:not(.shown) .nag:hover{
    background: #E8E8E811;
}

.accord-holder.faq .nag:after{
    display: block;
    width: 30px;
    height: 30px;
    background: url(../img/strzalka_faq.svg) center no-repeat;
    background-size: 10px auto;
    content:"";
    position: absolute;
    right: 5px;
    top:50%;
    margin-top: -15px;
    -webkit-transform:rotate(90deg);
            transform:rotate(90deg);
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
}
.accord-holder.faq .accord.shown .nag:after{
    margin-top: -15px;
    -webkit-transform:rotate(-90deg);
            transform:rotate(-90deg);
}

.accord-holder.faq .accord .details{
    font-size: 14px;
    padding-left: .6em;
    font-family: 'tele-grotesknorregular';
    padding-bottom: 1.5em;
}
.accord-holder.faq .accord .details p{
    
    padding-bottom: 1em
}
.accord-holder.faq .accord .details ol,
.accord-holder.faq .accord .details ul{
    margin-left: 1.5em;
    padding: 0;
    margin-top:0;
}
.accord-holder.faq .accord .details ol > li{
    margin: .75em 0;
}

.faq {  
    background: #292828;
    color:#fff;
}
.faq h2 {
    font-family: 'teleneoextrabold', 'tele-groteskultregular';
    font-size: 30px;
    margin: .8em auto;
    text-align: center;
    display: block;
    color: #fff;
}

/* -------------- MOBILE ------------------------------------------------*/

@media screen and (min-width: 600px) {
    /* ------------------------------ 640 --------------------------------*/
   .faq h2 {
    font-size: 35px;
}
       .accord-holder.faq  {
        max-width: 800px;
        margin:45px auto;

    }
    .accord-holder.faq .nag{
        padding: 1em 2.8em 1em .4em;
        font-size:24px;
    }

    .accord-holder.faq .nag:after{
        width: 30px;
        height: 30px;
        background-size: 10px auto;
        right: 5px;
        top:50%;
    }

    .accord-holder.faq .accord .details{
        font-size: 18px;
        padding-left: .6em;
        padding-bottom: 1.5em;
    }  
}

@media screen and (min-width: 960px) {
    /* ------------------------------ 960 --------------------------------*/
     .faq h2 {
        font-size: 42px;
    }
    .accord-holder.faq  {
        max-width: 800px;
        margin:45px auto;

    }
    .accord-holder.faq .nag{
        padding: 1em 2.8em 1em .4em;
        font-size:24px;
    }

    .accord-holder.faq .nag:after{
        width: 30px;
        height: 30px;
        background-size: 10px auto;
        right: 5px;
        top:50%;
    }

    .accord-holder.faq .accord .details{
        font-size: 18px;
        padding-left: .6em;
        padding-bottom: 1.5em;
    } 

}

@media screen and (min-width: 1200px) {
    /* ------------------------------ 1200 --------------------------------*/
    

}
@media screen and (min-width: 1560px) {
    /* ------------------------------ 1560 --------------------------------*/
   .faq h2 {
    font-size: 52px;
} 

}