.ac-container{ padding-bottom:20px; clear:both}
.ac-container .data{ display:none}
.ac-container .item-title{ margin-bottom:10px;}
.ac-container .item-title .title{ padding:20px 10px; width:100%;   box-sizing:border-box; margin-bottom:5px; background: #e8e8dd;
    color: #5a5a5a; font-weight: bold; position:relative; border-radius: 4px; -webkit-box-shadow: 0px 3px 6px -1px rgba(0, 0, 0, 0.16);    box-shadow: 0px 3px 6px -1px rgba(0, 0, 0, 0.16); cursor:pointer }
.ac-container-2 .item-title .title{ background:#cfcebe}
.ac-container .item-title .title:hover{ background:#f5f5f7}
.ac-container .item-title.is-open .title{ background:#5b795f; color: #fff}
.ac-container-2 .item-title.is-open .title{ background:#f9f3f1; color: #000}
.ac-container .item-title .title:after{ content:"\203A"; display:block;  width:24px; height:24px; position:absolute; top:0; bottom:0; right:10px; box-sizing:border-box;   margin:auto; font-size: 24px; transform: rotate(90deg); text-align: center;line-height: 19px;transition: all 0.3s ease; }


.ac-container .item-title.is-open .title:after{transform: rotate(-90deg)}
.ac-container .item-content-wrap {  padding-bottom: 15px; }

.ac-container .item-title .item-data{ padding-bottom:15px; display:none}
.ac-container-2 .item-content-wrap { padding: 10px; padding-bottom: 15px; overflow: auto  }
.ac-container .item-content-wrap .title{ font-size:16px; padding:10px 20px;}
.ac-container > .item-content-wrap{ padding:10px}
.ac-container .item-content-wrap p{ padding:5px 0; line-height: 1.5em;}
.ac-container .item-content-wrap ul, .ac-container .item-content-wrap ol{ margin-left:30px;}
.ac-container .item-content-title{ font-weight: bold; font-size: 16px; margin-bottom: 10px;}

.ac-container-2 table{ width: 100%; background: #fff  }
.ac-container-2 .item-data{    }
.ac-container-2 table th{  font-weight: bold; font-size: 0.8em; line-height: 1.3em;}
.ac-container-2 table tr:hover{ background: #e8e8dd}
.ac-container-2 table td, .ac-container-2 table th{ font-size: 0.8em; line-height: 1em; border-collapse: collapse; border: 1px solid #e6cdc3; padding: 5px 10px}

.ac-container-2 .button-wrap{ padding: 10px 0}
.ac-container-2 .button-wrap .button{ margin: 0}

@media only screen and (min-width: 768px) {


    .data-1 > div {
        width: 50%
    }

    .data-3 > div {width: 33.33%}
    .data-3 > div > div{height: 100%;  box-sizing: border-box;}
}
@media only screen and (min-width: 1024px) {

    .ac-container > .titles{  display: flex;justify-content: center;}
    .ac-container > .titles > .item-title{ display:inline-block; margin:0 10px; width: calc(33.33% - 20px)}
    .ac-container > .titles > .item-data{ display:none; margin:0;}
    .ac-container > .titles >.item-title .title { padding:10px 20px; margin:0;  -webkit-box-shadow: none; box-shadow:none; border-radius:4px;   }


    .ac-container .item-title .title:after{ display: none}
    .ac-container .item-title.is-open .title {    background: #5b795f; }


    .ac-container .item-title .item-data { display:none}
    .ac-container .data{ display:block}
    .ac-container .data .item-content{ display:none}
    .ac-container .item-content-wrap{ padding:20px 0;}
    .ac-container-2 .item-title.is-open .title {    background: #f9f3f1;    color: #000;  border-color: #e6cdc3        }
    .ac-container-2 .item-data .item-content-wrap{ padding: 10px; padding-bottom: 20px;  }


    .ac-container-2 table th{ font-size: 1em; line-height: 1.3em }
    .ac-container-2 table td, .ac-container-2 table th{ font-size: 1em; line-height: 1.3em}



    .pays .content-box{ max-width: 960px; margin: auto; font-size: 1.2em}

}