/* .description */
@media (max-width: 1023px) {
    .description { padding-top: 3rem;}
}



/* .alternate-content */
.alternate-content { padding: 6.5rem 0;}
.alternate-content ul li { width: 100%;}

@media (max-width: 767px) {
    .alternate-content { padding: 3rem 0;}
}




/* .container-slider */
.container-slider { margin: 0;}
.container-slider h2 + p { margin-bottom: 3rem;}
.container-slider .slide img { margin: auto;}
.container-slider .relative { width: 100%; max-width: 600px; margin: 0 auto;}
.container-slider .slick-arrows { width: 120%; margin-left: -10%;}

.container-slider .legal { font-size: .85rem; line-height: 1rem; margin-top: 6.5rem; text-align: left;}

@media (max-width:767px){
    .container-slider { padding: 3rem 0;}
    .container-slider .relative ,
    .container-slider .relative .slider { width: 100%; max-width: 100%;}
}


/* .text-collumns */
.text-collumns { padding: 6.5rem 0;}
.text-collumns .content > .flex { justify-content: center; align-items: center;}
.text-collumns .content > .flex > div { width: 40%;}
.text-collumns img { width: 100%;}
.text-collumns ul { margin-bottom: 0;}

@media (max-width:767px){
    .text-collumns { padding: 3rem 0;}
    .text-collumns .content > .flex > div { width: 100%;}
}

/* .ods-content.text-collumns */
.ods-content h3 { font-family: 'aperculight', sans-serif; font-weight: normal; margin-bottom: 2rem;}
.ods-content h3 abbr { font-size: 1.15rem;}
.ods-content ul.flex { justify-content: center; align-items: stretch; flex-wrap: wrap; margin: 0 auto;}
.ods-content ul.flex li { display: flex; flex-direction: column; justify-content: center; align-items: center; width: calc(33.3% - (.15rem * 2)); min-height: 150px; border: 1px solid #d5e7f3; background: #f8fafd; padding: 1rem; margin: .15rem;}
.ods-content ul.flex li:nth-child(even) { background: #fff;}
.ods-content ul.flex li.empty { background: transparent; border: none;}
.ods-content ul.flex li svg { width: 60px; height: 60px;}
.ods-content ul.flex li p { font-family: 'apercuregular', sans-serif; font-size: .65rem; letter-spacing: 2px; line-height: 1rem; text-transform: uppercase; margin: .5rem 0 0;}


@media (min-width:1024px){
    .ods-content .content > .flex .col-left { order: 2;} 
    .ods-content .content > .flex .col-right { order: 1;} 
    .ods-content ul.flex { justify-content: flex-end;}
}
@media (max-width:1023px){
    .ods-content { background: #fff !important;}
    .ods-content .content > .flex { flex-wrap: wrap;}
    .ods-content .content > .flex > div { width: 100%;}
    .ods-content ul.flex { margin-top: 3rem;}
    .ods-content ul.flex li p { font-size: .75rem;}
}
@media (max-width:767px){
    .ods-content ul.flex li { width: calc(100% - (.15rem * 2)); min-height: inherit; background: #fff !important;}
    .ods-content ul.flex li.empty { display: none;}
    .ods-content ul.flex li p { font-size: .9rem; line-height: 1.1rem;}
}

/* .equality-content.text-collumns */
.equality-content ul + a.box { margin-top: 2rem; margin-bottom: 0;}

@media (max-width:1023px){
    .equality-content { background: #fafafa !important;}
    .equality-content img { margin-top: 3rem;}
}




/* a.box */
a.box.flex { align-items: stretch; flex-wrap: nowrap; position: relative; overflow: hidden; width: 100%; text-align: left; background: #fafafa; margin-bottom: 1rem; margin: 0 0 1rem; padding: 0;}
a.box.flex:after { content: ""; position: absolute; top: 0; right: 0; z-index: 1; width: 0; height: 100%; background: #efcd34; transition: width .5s ease;}
a.box.flex > * { position: relative; z-index: 5;}
a.box.flex h3 { width: calc(100% - (20px + 2rem)); font-family: 'apercuregular', sans-serif; font-weight: normal; text-transform: none; padding: 1em; transition: color .5s ease;}
a.box.flex span { justify-content: center; align-items: center; width: calc(20px + 2rem); line-height: 0; color: #fff; background: #efcd34; transition: padding .3s ease; margin: 0;}

@media(hover:hover){
    a.box.flex:hover:after { width: 100%;}
    a.box.flex:hover h3 { color: #fff;}
    a.box.flex:hover span { padding: 1.25rem 1rem .75rem;}
}