/* Autor: PUM! estudio Index: 1 -- Structure 2 -- Text 3 -- Icons 4 -- Interaction 5 -- Animation 6 -- Components */ @charset "UTF-8"; @media ( min-width: 1520px ) { html { font-size: 12px;} } @media ( max-width: 1280px ) { /* 0 -- Initializers */ .f-row-r {flex-direction: row-reverse;} .f-row-l, .f-col-l { display: flex;} .f-row-l { flex-direction: row;} .f-col-l { flex-direction: column;} .f-w-l { flex-wrap: wrap;} .f-j-s-l { justify-content: flex-start;} .f-j-e-l { justify-content: flex-end;} .f-j-c-l { justify-content: center;} .f-j-b-l { justify-content: space-between;} .f-j-a-l { justify-content: space-around;} .f-j-ev-l { justify-content: space-evenly;} .f-a-s-l { align-items: flex-start;} .f-a-e-l { align-items: flex-end;} .f-a-c-l { align-items: center;} .f-a-b-l { align-items: baseline;} .f-a-st-l { align-items: stretch;} .f-a-ct-s-l { align-content: flex-start;} .f-a-ct-e-l { align-content: flex-end;} .f-a-ct-c-l { align-content: center;} .f-a-ct-st-l { align-content: stretch;} .f-a-ct-b-l { align-content: space-between;} .f-a-ct-a-l { align-content: space-around;} .f-g-0-l { flex-grow: 0;} .f-g-1-l { flex-grow: 1;} .f-g-2-l { flex-grow: 2;} .f-g-3-l { flex-grow: 3;} .f-g-4-l { flex-grow: 4;} .f-s-0-l { flex-shrink: 0;} .f-s-1-l { flex-shrink: 1;} .f-s-2-l { flex-shrink: 2;} .f-s-3-l { flex-shrink: 3;} .f-s-4-l { flex-shrink: 4;} .f-o-1-l { order: -1;} .col1-3-l { width: calc(1/3 * 100%);} .col2-3-l { width: calc(2/3 * 100%);} .col3-3-l { width: calc(3/3 * 100%);} .col1-4-l { width: calc(1/4 * 100%);} .col2-4-l { width: calc(2/4 * 100%);} .col3-4-l { width: calc(3/4 * 100%);} .col4-4-l { width: calc(4/4 * 100%);} .col1-5-l { width: calc(1/5 * 100%);} .col2-5-l { width: calc(2/5 * 100%);} .col3-5-l { width: calc(3/5 * 100%);} .col4-5-l { width: calc(4/5 * 100%);} .col5-5-l { width: calc(5/5 * 100%);} .col1-6-l { width: calc(1/6 * 100%);} .col2-6-l { width: calc(2/6 * 100%);} .col3-6-l { width: calc(3/6 * 100%);} .col4-6-l { width: calc(4/6 * 100%);} .col5-6-l { width: calc(5/6 * 100%);} .col6-6-l { width: calc(6/6 * 100%);} .col1-7-l { width: calc(1/7 * 100%);} .col2-7-l { width: calc(2/7 * 100%);} .col3-7-l { width: calc(3/7 * 100%);} .col4-7-l { width: calc(4/7 * 100%);} .col5-7-l { width: calc(5/7 * 100%);} .col6-7-l { width: calc(6/7 * 100%);} .col7-7-l { width: calc(7/7 * 100%);} .col1-8-l { width: calc(1/8 * 100%);} .col2-8-l { width: calc(2/8 * 100%);} .col3-8-l { width: calc(3/8 * 100%);} .col4-8-l { width: calc(4/8 * 100%);} .col5-8-l { width: calc(5/8 * 100%);} .col6-8-l { width: calc(6/8 * 100%);} .col7-8-l { width: calc(7/8 * 100%);} .col8-8-l { width: calc(8/8 * 100%);} .col1-9-l { width: calc(1/9 * 100%);} .col2-9-l { width: calc(2/9 * 100%);} .col3-9-l { width: calc(3/9 * 100%);} .col4-9-l { width: calc(4/9 * 100%);} .col5-9-l { width: calc(5/9 * 100%);} .col6-9-l { width: calc(6/9 * 100%);} .col7-9-l { width: calc(7/9 * 100%);} .col8-9-l { width: calc(8/9 * 100%);} .col9-9-l { width: calc(9/9 * 100%);} .col1-10-l { width: calc(1/10 * 100%);} .col2-10-l { width: calc(2/10 * 100%);} .col3-10-l { width: calc(3/10 * 100%);} .col4-10-l { width: calc(4/10 * 100%);} .col5-10-l { width: calc(5/10 * 100%);} .col6-10-l { width: calc(6/10 * 100%);} .col7-10-l { width: calc(7/10 * 100%);} .col8-10-l { width: calc(8/10 * 100%);} .col9-10-l { width: calc(9/10 * 100%);} .col10-10-l { width: calc(10/10 * 100%);} .col1-11-l { width: calc(1/11 * 100%);} .col2-11-l { width: calc(2/11 * 100%);} .col3-11-l { width: calc(3/11 * 100%);} .col4-11-l { width: calc(4/11 * 100%);} .col5-11-l { width: calc(5/11 * 100%);} .col6-11-l { width: calc(6/11 * 100%);} .col7-11-l { width: calc(7/11 * 100%);} .col8-11-l { width: calc(8/11 * 100%);} .col9-11-l { width: calc(9/11 * 100%);} .col10-11-l { width: calc(10/11 * 100%);} .col11-11-l { width: calc(11/11 * 100%);} .col1-12-l { width: calc(1/12 * 100%);} .col2-12-l { width: calc(2/12 * 100%);} .col3-12-l { width: calc(3/12 * 100%);} .col4-12-l { width: calc(4/12 * 100%);} .col5-12-l { width: calc(5/12 * 100%);} .col6-12-l { width: calc(6/12 * 100%);} .col7-12-l { width: calc(7/12 * 100%);} .col8-12-l { width: calc(8/12 * 100%);} .col9-12-l { width: calc(9/12 * 100%);} .col10-12-l { width: calc(10/12 * 100%);} .col11-12-l { width: calc(11/12 * 100%);} .col12-12-l { width: calc(12/12 * 100%);} .p-t-0-l { padding-top: 0;} .p-t-1-l { padding-top: var(--unit);} .p-t-2-l { padding-top: var(--unit-2);} .p-t-3-l { padding-top: var(--unit-3);} .p-t-4-l { padding-top: var(--unit-4);} .p-t-5-l { padding-top: var(--unit-5);} .p-t-6-l { padding-top: var(--unit-6);} .p-t-7-l { padding-top: var(--unit-7);} .p-t-8-l { padding-top: var(--unit-8);} .p-t-9-l { padding-top: var(--unit-9);} .p-t-10-l { padding-top: var(--unit-10);} .p-t-11-l { padding-top: var(--unit-11);} .p-t-12-l { padding-top: var(--unit-12);} .p-t-13-l { padding-top: var(--unit-13);} .p-t-14-l { padding-top: var(--unit-14);} .p-t-15-l { padding-top: var(--unit-15);} .p-t-16-l { padding-top: var(--unit-16);} .p-t-17-l { padding-top: var(--unit-17);} .p-t-18-l { padding-top: var(--unit-18);} .p-t-19-l { padding-top: var(--unit-19);} .p-t-20-l { padding-top: var(--unit-20);} .p-t-21-l { padding-top: var(--unit-21);} .p-t-22-l { padding-top: var(--unit-22);} .p-t-23-l { padding-top: var(--unit-23);} .p-t-24-l { padding-top: var(--unit-24);} .p-t-25-l { padding-top: var(--unit-25);} .p-t-26-l { padding-top: var(--unit-26);} .p-t-27-l { padding-top: var(--unit-27);} .p-t-28-l { padding-top: var(--unit-28);} .p-t-29-l { padding-top: var(--unit-29);} .p-t-30-l { padding-top: var(--unit-30);} .p-t-31-l { padding-top: var(--unit-31);} .p-t-32-l { padding-top: var(--unit-32);} .p-t-33-l { padding-top: var(--unit-33);} .p-t-34-l { padding-top: var(--unit-34);} .p-t-35-l { padding-top: var(--unit-35);} .p-t-36-l { padding-top: var(--unit-36);} .p-t-37-l { padding-top: var(--unit-37);} .p-t-38-l { padding-top: var(--unit-38);} .p-t-39-l { padding-top: var(--unit-39);} .p-t-40-l { padding-top: var(--unit-40);} .p-b-0-l { padding-bottom: 0;} .p-b-1-l { padding-bottom: var(--unit);} .p-b-2-l { padding-bottom: var(--unit-2);} .p-b-3-l { padding-bottom: var(--unit-3);} .p-b-4-l { padding-bottom: var(--unit-4);} .p-b-5-l { padding-bottom: var(--unit-5);} .p-b-6-l { padding-bottom: var(--unit-6);} .p-b-7-l { padding-bottom: var(--unit-7);} .p-b-8-l { padding-bottom: var(--unit-8);} .p-b-9-l { padding-bottom: var(--unit-9);} .p-b-10-l { padding-bottom: var(--unit-10);} .p-b-11-l { padding-bottom: var(--unit-11);} .p-b-12-l { padding-bottom: var(--unit-12);} .p-b-13-l { padding-bottom: var(--unit-13);} .p-b-14-l { padding-bottom: var(--unit-14);} .p-b-15-l { padding-bottom: var(--unit-15);} .p-b-16-l { padding-bottom: var(--unit-16);} .p-b-17-l { padding-bottom: var(--unit-17);} .p-b-18-l { padding-bottom: var(--unit-18);} .p-b-19-l { padding-bottom: var(--unit-19);} .p-b-20-l { padding-bottom: var(--unit-20);} .p-b-21-l { padding-bottom: var(--unit-21);} .p-b-22-l { padding-bottom: var(--unit-22);} .p-b-23-l { padding-bottom: var(--unit-23);} .p-b-24-l { padding-bottom: var(--unit-24);} .p-b-25-l { padding-bottom: var(--unit-25);} .p-b-26-l { padding-bottom: var(--unit-26);} .p-b-27-l { padding-bottom: var(--unit-27);} .p-b-28-l { padding-bottom: var(--unit-28);} .p-b-29-l { padding-bottom: var(--unit-29);} .p-b-30-l { padding-bottom: var(--unit-30);} .p-b-31-l { padding-bottom: var(--unit-31);} .p-b-32-l { padding-bottom: var(--unit-32);} .p-b-33-l { padding-bottom: var(--unit-33);} .p-b-34-l { padding-bottom: var(--unit-34);} .p-b-35-l { padding-bottom: var(--unit-35);} .p-b-36-l { padding-bottom: var(--unit-36);} .p-b-37-l { padding-bottom: var(--unit-37);} .p-b-38-l { padding-bottom: var(--unit-38);} .p-b-39-l { padding-bottom: var(--unit-39);} .p-b-40-l { padding-bottom: var(--unit-40);} .p-l-0-l { padding-left: 0;} .p-l-1-l { padding-left: var(--unit);} .p-l-2-l { padding-left: var(--unit-2);} .p-l-3-l { padding-left: var(--unit-3);} .p-l-4-l { padding-left: var(--unit-4);} .p-l-5-l { padding-left: var(--unit-5);} .p-l-6-l { padding-left: var(--unit-6);} .p-l-7-l { padding-left: var(--unit-7);} .p-l-8-l { padding-left: var(--unit-8);} .p-l-9-l { padding-left: var(--unit-9);} .p-l-10-l { padding-left: var(--unit-10);} .p-l-11-l { padding-left: var(--unit-11);} .p-l-12-l { padding-left: var(--unit-12);} .p-l-13-l { padding-left: var(--unit-13);} .p-l-14-l { padding-left: var(--unit-14);} .p-l-15-l { padding-left: var(--unit-15);} .p-l-16-l { padding-left: var(--unit-16);} .p-l-17-l { padding-left: var(--unit-17);} .p-l-18-l { padding-left: var(--unit-18);} .p-l-19-l { padding-left: var(--unit-19);} .p-l-20-l { padding-left: var(--unit-20);} .p-l-21-l { padding-left: var(--unit-21);} .p-l-22-l { padding-left: var(--unit-22);} .p-l-23-l { padding-left: var(--unit-23);} .p-l-24-l { padding-left: var(--unit-24);} .p-l-25-l { padding-left: var(--unit-25);} .p-l-26-l { padding-left: var(--unit-26);} .p-l-27-l { padding-left: var(--unit-27);} .p-l-28-l { padding-left: var(--unit-28);} .p-l-29-l { padding-left: var(--unit-29);} .p-l-30-l { padding-left: var(--unit-30);} .p-l-31-l { padding-left: var(--unit-31);} .p-l-32-l { padding-left: var(--unit-32);} .p-l-33-l { padding-left: var(--unit-33);} .p-l-34-l { padding-left: var(--unit-34);} .p-l-35-l { padding-left: var(--unit-35);} .p-l-36-l { padding-left: var(--unit-36);} .p-l-37-l { padding-left: var(--unit-37);} .p-l-38-l { padding-left: var(--unit-38);} .p-l-39-l { padding-left: var(--unit-39);} .p-l-40-l { padding-left: var(--unit-40);} .p-r-0-l { padding-right: 0;} .p-r-1-l { padding-right: var(--unit);} .p-r-2-l { padding-right: var(--unit-2);} .p-r-3-l { padding-right: var(--unit-3);} .p-r-4-l { padding-right: var(--unit-4);} .p-r-5-l { padding-right: var(--unit-5);} .p-r-6-l { padding-right: var(--unit-6);} .p-r-7-l { padding-right: var(--unit-7);} .p-r-8-l { padding-right: var(--unit-8);} .p-r-9-l { padding-right: var(--unit-9);} .p-r-10-l { padding-right: var(--unit-10);} .p-r-11-l { padding-right: var(--unit-11);} .p-r-12-l { padding-right: var(--unit-12);} .p-r-13-l { padding-right: var(--unit-13);} .p-r-14-l { padding-right: var(--unit-14);} .p-r-15-l { padding-right: var(--unit-15);} .p-r-16-l { padding-right: var(--unit-16);} .p-r-17-l { padding-right: var(--unit-17);} .p-r-18-l { padding-right: var(--unit-18);} .p-r-19-l { padding-right: var(--unit-19);} .p-r-20-l { padding-right: var(--unit-20);} .p-r-21-l { padding-right: var(--unit-21);} .p-r-22-l { padding-right: var(--unit-22);} .p-r-23-l { padding-right: var(--unit-23);} .p-r-24-l { padding-right: var(--unit-24);} .p-r-25-l { padding-right: var(--unit-25);} .p-r-26-l { padding-right: var(--unit-26);} .p-r-27-l { padding-right: var(--unit-27);} .p-r-28-l { padding-right: var(--unit-28);} .p-r-29-l { padding-right: var(--unit-29);} .p-r-30-l { padding-right: var(--unit-30);} .p-r-31-l { padding-right: var(--unit-31);} .p-r-32-l { padding-right: var(--unit-32);} .p-r-33-l { padding-right: var(--unit-33);} .p-r-34-l { padding-right: var(--unit-34);} .p-r-35-l { padding-right: var(--unit-35);} .p-r-36-l { padding-right: var(--unit-36);} .p-r-37-l { padding-right: var(--unit-37);} .p-r-38-l { padding-right: var(--unit-38);} .p-r-39-l { padding-right: var(--unit-39);} .p-r-40-l { padding-right: var(--unit-40);} .m-t-0-l { margin-top: 0;} .m-t-1-l { margin-top: var(--unit);} .m-t-2-l { margin-top: var(--unit-2);} .m-t-3-l { margin-top: var(--unit-3);} .m-t-4-l { margin-top: var(--unit-4);} .m-t-5-l { margin-top: var(--unit-5);} .m-t-6-l { margin-top: var(--unit-6);} .m-t-7-l { margin-top: var(--unit-7);} .m-t-8-l { margin-top: var(--unit-8);} .m-t-9-l { margin-top: var(--unit-9);} .m-t-10-l { margin-top: var(--unit-10);} .m-t-11-l { margin-top: var(--unit-11);} .m-t-12-l { margin-top: var(--unit-12);} .m-t-13-l { margin-top: var(--unit-13);} .m-t-14-l { margin-top: var(--unit-14);} .m-t-15-l { margin-top: var(--unit-15);} .m-t-16-l { margin-top: var(--unit-16);} .m-t-17-l { margin-top: var(--unit-17);} .m-t-18-l { margin-top: var(--unit-18);} .m-t-19-l { margin-top: var(--unit-19);} .m-t-20-l { margin-top: var(--unit-20);} .m-t-21-l { margin-top: var(--unit-21);} .m-t-22-l { margin-top: var(--unit-22);} .m-t-23-l { margin-top: var(--unit-23);} .m-t-24-l { margin-top: var(--unit-24);} .m-t-25-l { margin-top: var(--unit-25);} .m-t-26-l { margin-top: var(--unit-26);} .m-t-27-l { margin-top: var(--unit-27);} .m-t-28-l { margin-top: var(--unit-28);} .m-t-29-l { margin-top: var(--unit-29);} .m-t-30-l { margin-top: var(--unit-30);} .m-t-31-l { margin-top: var(--unit-31);} .m-t-32-l { margin-top: var(--unit-32);} .m-t-33-l { margin-top: var(--unit-33);} .m-t-34-l { margin-top: var(--unit-34);} .m-t-35-l { margin-top: var(--unit-35);} .m-t-36-l { margin-top: var(--unit-36);} .m-t-37-l { margin-top: var(--unit-37);} .m-t-38-l { margin-top: var(--unit-38);} .m-t-39-l { margin-top: var(--unit-39);} .m-t-40-l { margin-top: var(--unit-40);} .m-b-0-l { margin-bottom: 0;} .m-b-1-l { margin-bottom: var(--unit);} .m-b-2-l { margin-bottom: var(--unit-2);} .m-b-3-l { margin-bottom: var(--unit-3);} .m-b-4-l { margin-bottom: var(--unit-4);} .m-b-5-l { margin-bottom: var(--unit-5);} .m-b-6-l { margin-bottom: var(--unit-6);} .m-b-7-l { margin-bottom: var(--unit-7);} .m-b-8-l { margin-bottom: var(--unit-8);} .m-b-9-l { margin-bottom: var(--unit-9);} .m-b-10-l { margin-bottom: var(--unit-10);} .m-b-11-l { margin-bottom: var(--unit-11);} .m-b-12-l { margin-bottom: var(--unit-12);} .m-b-13-l { margin-bottom: var(--unit-13);} .m-b-14-l { margin-bottom: var(--unit-14);} .m-b-15-l { margin-bottom: var(--unit-15);} .m-b-16-l { margin-bottom: var(--unit-16);} .m-b-17-l { margin-bottom: var(--unit-17);} .m-b-18-l { margin-bottom: var(--unit-18);} .m-b-19-l { margin-bottom: var(--unit-19);} .m-b-20-l { margin-bottom: var(--unit-20);} .m-b-21-l { margin-bottom: var(--unit-21);} .m-b-22-l { margin-bottom: var(--unit-22);} .m-b-23-l { margin-bottom: var(--unit-23);} .m-b-24-l { margin-bottom: var(--unit-24);} .m-b-25-l { margin-bottom: var(--unit-25);} .m-b-26-l { margin-bottom: var(--unit-26);} .m-b-27-l { margin-bottom: var(--unit-27);} .m-b-28-l { margin-bottom: var(--unit-28);} .m-b-29-l { margin-bottom: var(--unit-29);} .m-b-30-l { margin-bottom: var(--unit-30);} .m-b-31-l { margin-bottom: var(--unit-31);} .m-b-32-l { margin-bottom: var(--unit-32);} .m-b-33-l { margin-bottom: var(--unit-33);} .m-b-34-l { margin-bottom: var(--unit-34);} .m-b-35-l { margin-bottom: var(--unit-35);} .m-b-36-l { margin-bottom: var(--unit-36);} .m-b-37-l { margin-bottom: var(--unit-37);} .m-b-38-l { margin-bottom: var(--unit-38);} .m-b-39-l { margin-bottom: var(--unit-39);} .m-b-40-l { margin-bottom: var(--unit-40);} .m-l-0-l { margin-left: 0;} .m-l-1-l { margin-left: var(--unit);} .m-l-2-l { margin-left: var(--unit-2);} .m-l-3-l { margin-left: var(--unit-3);} .m-l-4-l { margin-left: var(--unit-4);} .m-l-5-l { margin-left: var(--unit-5);} .m-l-6-l { margin-left: var(--unit-6);} .m-l-7-l { margin-left: var(--unit-7);} .m-l-8-l { margin-left: var(--unit-8);} .m-l-9-l { margin-left: var(--unit-9);} .m-l-10-l { margin-left: var(--unit-10);} .m-l-11-l { margin-left: var(--unit-11);} .m-l-12-l { margin-left: var(--unit-12);} .m-l-13-l { margin-left: var(--unit-13);} .m-l-14-l { margin-left: var(--unit-14);} .m-l-15-l { margin-left: var(--unit-15);} .m-l-16-l { margin-left: var(--unit-16);} .m-l-17-l { margin-left: var(--unit-17);} .m-l-18-l { margin-left: var(--unit-18);} .m-l-19-l { margin-left: var(--unit-19);} .m-l-20-l { margin-left: var(--unit-20);} .m-l-21-l { margin-left: var(--unit-21);} .m-l-22-l { margin-left: var(--unit-22);} .m-l-23-l { margin-left: var(--unit-23);} .m-l-24-l { margin-left: var(--unit-24);} .m-l-25-l { margin-left: var(--unit-25);} .m-l-26-l { margin-left: var(--unit-26);} .m-l-27-l { margin-left: var(--unit-27);} .m-l-28-l { margin-left: var(--unit-28);} .m-l-29-l { margin-left: var(--unit-29);} .m-l-30-l { margin-left: var(--unit-30);} .m-l-31-l { margin-left: var(--unit-31);} .m-l-32-l { margin-left: var(--unit-32);} .m-l-33-l { margin-left: var(--unit-33);} .m-l-34-l { margin-left: var(--unit-34);} .m-l-35-l { margin-left: var(--unit-35);} .m-l-36-l { margin-left: var(--unit-36);} .m-l-37-l { margin-left: var(--unit-37);} .m-l-38-l { margin-left: var(--unit-38);} .m-l-39-l { margin-left: var(--unit-39);} .m-l-40-l { margin-left: var(--unit-40);} .m-r-0-l { margin-right: 0;} .m-r-1-l { margin-right: var(--unit);} .m-r-2-l { margin-right: var(--unit-2);} .m-r-3-l { margin-right: var(--unit-3);} .m-r-4-l { margin-right: var(--unit-4);} .m-r-5-l { margin-right: var(--unit-5);} .m-r-6-l { margin-right: var(--unit-6);} .m-r-7-l { margin-right: var(--unit-7);} .m-r-8-l { margin-right: var(--unit-8);} .m-r-9-l { margin-right: var(--unit-9);} .m-r-10-l { margin-right: var(--unit-10);} .m-r-11-l { margin-right: var(--unit-11);} .m-r-12-l { margin-right: var(--unit-12);} .m-r-13-l { margin-right: var(--unit-13);} .m-r-14-l { margin-right: var(--unit-14);} .m-r-15-l { margin-right: var(--unit-15);} .m-r-16-l { margin-right: var(--unit-16);} .m-r-17-l { margin-right: var(--unit-17);} .m-r-18-l { margin-right: var(--unit-18);} .m-r-19-l { margin-right: var(--unit-19);} .m-r-20-l { margin-right: var(--unit-20);} .m-r-21-l { margin-right: var(--unit-21);} .m-r-22-l { margin-right: var(--unit-22);} .m-r-23-l { margin-right: var(--unit-23);} .m-r-24-l { margin-right: var(--unit-24);} .m-r-25-l { margin-right: var(--unit-25);} .m-r-26-l { margin-right: var(--unit-26);} .m-r-27-l { margin-right: var(--unit-27);} .m-r-28-l { margin-right: var(--unit-28);} .m-r-29-l { margin-right: var(--unit-29);} .m-r-30-l { margin-right: var(--unit-30);} .m-r-31-l { margin-right: var(--unit-31);} .m-r-32-l { margin-right: var(--unit-32);} .m-r-33-l { margin-right: var(--unit-33);} .m-r-34-l { margin-right: var(--unit-34);} .m-r-35-l { margin-right: var(--unit-35);} .m-r-36-l { margin-right: var(--unit-36);} .m-r-37-l { margin-right: var(--unit-37);} .m-r-38-l { margin-right: var(--unit-38);} .m-r-39-l { margin-right: var(--unit-39);} .m-r-40-l { margin-right: var(--unit-40);} .m-l-0-10-l { margin-left: 0;} .m-l-1-10-l { margin-left: calc(1/10 * 100%);} .m-l-2-10-l { margin-left: calc(2/10 * 100%);} .m-l-3-10-l { margin-left: calc(3/10 * 100%);} .m-l-4-10-l { margin-left: calc(4/10 * 100%);} .m-l-5-10-l { margin-left: calc(5/10 * 100%);} .m-l-6-10-l { margin-left: calc(6/10 * 100%);} .m-l-7-10-l { margin-left: calc(7/10 * 100%);} .m-l-8-10-l { margin-left: calc(8/10 * 100%);} .m-l-9-10-l { margin-left: calc(9/10 * 100%);} .m-l-10-10-l { margin-left: calc(10/12 * 100%);} .m-l-0-12-l { margin-left: 0;} .m-l-1-12-l { margin-left: calc(1/12 * 100%);} .m-l-2-12-l { margin-left: calc(2/12 * 100%);} .m-l-3-12-l { margin-left: calc(3/12 * 100%);} .m-l-4-12-l { margin-left: calc(4/12 * 100%);} .m-l-5-12-l { margin-left: calc(5/12 * 100%);} .m-l-6-12-l { margin-left: calc(6/12 * 100%);} .m-l-7-12-l { margin-left: calc(7/12 * 100%);} .m-l-8-12-l { margin-left: calc(8/12 * 100%);} .m-l-9-12-l { margin-left: calc(9/12 * 100%);} .m-l-10-12-l { margin-left: calc(10/12 * 100%);} .m-l-11-12-l { margin-left: calc(11/12 * 100%);} .m-l-12-12-l { margin-left: calc(12/12 * 100%);} .m-r-0-10-l { margin-right: 0;} .m-r-1-10-l { margin-right: calc(1/10 * 100%);} .m-r-2-10-l { margin-right: calc(2/10 * 100%);} .m-r-3-10-l { margin-right: calc(3/10 * 100%);} .m-r-4-10-l { margin-right: calc(4/10 * 100%);} .m-r-5-10-l { margin-right: calc(5/10 * 100%);} .m-r-6-10-l { margin-right: calc(6/10 * 100%);} .m-r-7-10-l { margin-right: calc(7/10 * 100%);} .m-r-8-10-l { margin-right: calc(8/10 * 100%);} .m-r-9-10-l { margin-right: calc(9/10 * 100%);} .m-r-10-10-l { margin-right: calc(10/10 * 100%);} .m-r-0-12-l { margin-right: 0;} .m-r-1-12-l { margin-right: calc(1/12 * 100%);} .m-r-2-12-l { margin-right: calc(2/12 * 100%);} .m-r-3-12-l { margin-right: calc(3/12 * 100%);} .m-r-4-12-l { margin-right: calc(4/12 * 100%);} .m-r-5-12-l { margin-right: calc(5/12 * 100%);} .m-r-6-12-l { margin-right: calc(6/12 * 100%);} .m-r-7-12-l { margin-right: calc(7/12 * 100%);} .m-r-8-12-l { margin-right: calc(8/12 * 100%);} .m-r-9-12-l { margin-right: calc(9/12 * 100%);} .m-r-10-12-l { margin-right: calc(10/12 * 100%);} .m-r-11-12-l { margin-right: calc(11/12 * 100%);} .m-r-12-12-l { margin-right: calc(12/12 * 100%);} .g-0-l { gap: 0;} .g-1-l { gap: var(--unit);} .g-2-l { gap: var(--unit-2);} .g-3-l { gap: var(--unit-3);} .g-4-l { gap: var(--unit-4);} .g-5-l { gap: var(--unit-5);} .g-6-l { gap: var(--unit-6);} .g-7-l { gap: var(--unit-7);} .g-8-l { gap: var(--unit-8);} .g-9-l { gap: var(--unit-9);} .g-10-l { gap: var(--unit-10);} .g-11-l { gap: var(--unit-11);} .g-12-l { gap: var(--unit-12);} .g-13-l { gap: var(--unit-13);} .g-14-l { gap: var(--unit-14);} .g-15-l { gap: var(--unit-15);} .g-16-l { gap: var(--unit-16);} .g-17-l { gap: var(--unit-17);} .g-18-l { gap: var(--unit-18);} .g-19-l { gap: var(--unit-19);} .g-20-l { gap: var(--unit-20);}.g-21-l { gap: var(--unit-21);} .g-22-l { gap: var(--unit-22);} .g-23-l { gap: var(--unit-23);} .g-24-l { gap: var(--unit-24);} .g-25-l { gap: var(--unit-25);} .g-26-l { gap: var(--unit-26);} .g-27-l { gap: var(--unit-27);} .g-28-l { gap: var(--unit-28);} .g-29-l { gap: var(--unit-29);}.g-30-l { gap: var(--unit-30);} .g-31-l { gap: var(--unit-31);} .g-32-l { gap: var(--unit-32);} .g-33-l { gap: var(--unit-33);} .g-34-l { gap: var(--unit-34);} .g-35-l { gap: var(--unit-35);} .g-36-l { gap: var(--unit-36);} .g-37-l { gap: var(--unit-37);} .g-38-l { gap: var(--unit-38);} .g-39-l { gap: var(--unit-39);}.g-40-l { gap: var(--unit-40);} .g-r-0-l { row-gap: 0;} .g-r-1-l { row-gap: var(--unit);} .g-r-2-l { row-gap: var(--unit-2);} .g-r-3-l { row-gap: var(--unit-3);} .g-r-4-l { row-gap: var(--unit-4);} .g-r-5-l { row-gap: var(--unit-5);} .g-r-6-l { row-gap: var(--unit-6);} .g-r-7-l { row-gap: var(--unit-7);} .g-r-8-l { row-gap: var(--unit-8);} .g-r-9-l { row-gap: var(--unit-9);} .g-r-10-l { row-gap: var(--unit-10);} .g-r-11-l { row-gap: var(--unit-11);} .g-r-12-l { row-gap: var(--unit-12);} .g-r-13-l { row-gap: var(--unit-13);} .g-r-14-l { row-gap: var(--unit-14);} .g-r-15-l { row-gap: var(--unit-15);} .g-r-16-l { row-gap: var(--unit-16);} .g-r-17-l { row-gap: var(--unit-17);} .g-r-18-l { row-gap: var(--unit-18);} .g-r-19-l { row-gap: var(--unit-19);} .g-r-20-l { row-gap: var(--unit-20);}.g-r-21-l { row-gap: var(--unit-21);} .g-r-22-l { row-gap: var(--unit-22);} .g-r-23-l { row-gap: var(--unit-23);} .g-r-24-l { row-gap: var(--unit-24);} .g-r-25-l { row-gap: var(--unit-25);} .g-r-26-l { row-gap: var(--unit-26);} .g-r-27-l { row-gap: var(--unit-27);} .g-r-28-l { row-gap: var(--unit-28);} .g-r-29-l { row-gap: var(--unit-29);}.g-r-30-l { row-gap: var(--unit-30);} .g-r-31-l { row-gap: var(--unit-31);} .g-r-32-l { row-gap: var(--unit-32);} .g-r-33-l { row-gap: var(--unit-33);} .g-r-34-l { row-gap: var(--unit-34);} .g-r-35-l { row-gap: var(--unit-35);} .g-r-36-l { row-gap: var(--unit-36);} .g-r-37-l { row-gap: var(--unit-37);} .g-r-38-l { row-gap: var(--unit-38);} .g-r-39-l { row-gap: var(--unit-39);} .g-r-40-l { row-gap: var(--unit-40);} .g-c-0-l { column-gap: 0;} .g-c-1-l { column-gap: var(--unit);} .g-c-2-l { column-gap: var(--unit-2);} .g-c-3-l { column-gap: var(--unit-3);} .g-c-4-l { column-gap: var(--unit-4);} .g-c-5-l { column-gap: var(--unit-5);} .g-c-6-l { column-gap: var(--unit-6);} .g-c-7-l { column-gap: var(--unit-7);} .g-c-8-l { column-gap: var(--unit-8);} .g-c-9-l { column-gap: var(--unit-9);} .g-c-10-l { column-gap: var(--unit-10);} .g-c-11-l { column-gap: var(--unit-11);} .g-c-12-l { column-gap: var(--unit-12);} .g-c-13-l { column-gap: var(--unit-13);} .g-c-14-l { column-gap: var(--unit-14);} .g-c-15-l { column-gap: var(--unit-15);} .g-c-16-l { column-gap: var(--unit-16);} .g-c-17-l { column-gap: var(--unit-17);} .g-c-18-l { column-gap: var(--unit-18);} .g-c-19-l { column-gap: var(--unit-19);} .g-c-20-l { column-gap: var(--unit-20);} .g-c-21-l { column-gap: var(--unit-21);} .g-c-22-l { column-gap: var(--unit-22);} .g-c-23-l { column-gap: var(--unit-23);} .g-c-24-l { column-gap: var(--unit-24);} .g-c-25-l { column-gap: var(--unit-25);} .g-c-26-l { column-gap: var(--unit-26);} .g-c-27-l { column-gap: var(--unit-27);} .g-c-28-l { column-gap: var(--unit-28);} .g-c-29-l { column-gap: var(--unit-29);} .g-c-30-l { column-gap: var(--unit-30);} .g-c-31-l { column-gap: var(--unit-31);} .g-c-32-l { column-gap: var(--unit-32);} .g-c-33-l { column-gap: var(--unit-33);} .g-c-34-l { column-gap: var(--unit-34);} .g-c-35-l { column-gap: var(--unit-35);} .g-c-36-l { column-gap: var(--unit-36);} .g-c-37-l { column-gap: var(--unit-37);} .g-c-38-l { column-gap: var(--unit-38);} .g-c-39-l { column-gap: var(--unit-39);} .g-c-40-l { column-gap: var(--unit-40);} .col-main { padding: 0 var(--padd-main-l);} /* 2 -- Text */ html { font-size: 10px;} } @media ( max-width: 1020px ) { /* 0 -- Initializers */ .f-row-m, .f-col-m { display: flex;} .f-row-m { flex-direction: row;} .f-col-m { flex-direction: column;} .f-w-m { flex-wrap: wrap;} .f-j-s-m { justify-content: flex-start;} .f-j-e-m { justify-content: flex-end;} .f-j-c-m { justify-content: center;} .f-j-b-m { justify-content: space-between;} .f-j-a-m { justify-content: space-around;} .f-j-ev-m { justify-content: space-evenly;} .f-a-s-m { align-items: flex-start;} .f-a-e-m { align-items: flex-end;} .f-a-c-m { align-items: center;} .f-a-b-m { align-items: baseline;} .f-a-st-m { align-items: stretch;} .f-a-ct-s-m { align-content: flex-start;} .f-a-ct-e-m { align-content: flex-end;} .f-a-ct-c-m { align-content: center;} .f-a-ct-st-m { align-content: stretch;} .f-a-ct-b-m { align-content: space-between;} .f-a-ct-a-m { align-content: space-around;} .f-g-0-m { flex-grow: 0;} .f-g-1-m { flex-grow: 1;} .f-g-2-m { flex-grow: 2;} .f-g-3-m { flex-grow: 3;} .f-g-4-m { flex-grow: 4;} .f-s-0-m { flex-shrink: 0;} .f-s-1-m { flex-shrink: 1;} .f-s-2-m { flex-shrink: 2;} .f-s-3-m { flex-shrink: 3;} .f-s-4-m { flex-shrink: 4;} .f-o-1-m { order: -1;} .col1-3-m { width: calc(1/3 * 100%);} .col2-3-m { width: calc(2/3 * 100%);} .col3-3-m { width: calc(3/3 * 100%);} .col1-4-m { width: calc(1/4 * 100%);} .col2-4-m { width: calc(2/4 * 100%);} .col3-4-m { width: calc(3/4 * 100%);} .col4-4-m { width: calc(4/4 * 100%);} .col1-5-m { width: calc(1/5 * 100%);} .col2-5-m { width: calc(2/5 * 100%);} .col3-5-m { width: calc(3/5 * 100%);} .col4-5-m { width: calc(4/5 * 100%);} .col5-5-m { width: calc(5/5 * 100%);} .col1-6-m { width: calc(1/6 * 100%);} .col2-6-m { width: calc(2/6 * 100%);} .col3-6-m { width: calc(3/6 * 100%);} .col4-6-m { width: calc(4/6 * 100%);} .col5-6-m { width: calc(5/6 * 100%);} .col6-6-m { width: calc(6/6 * 100%);} .col1-7-m { width: calc(1/7 * 100%);} .col2-7-m { width: calc(2/7 * 100%);} .col3-7-m { width: calc(3/7 * 100%);} .col4-7-m { width: calc(4/7 * 100%);} .col5-7-m { width: calc(5/7 * 100%);} .col6-7-m { width: calc(6/7 * 100%);} .col7-7-m { width: calc(7/7 * 100%);} .col1-8-m { width: calc(1/8 * 100%);} .col2-8-m { width: calc(2/8 * 100%);} .col3-8-m { width: calc(3/8 * 100%);} .col4-8-m { width: calc(4/8 * 100%);} .col5-8-m { width: calc(5/8 * 100%);} .col6-8-m { width: calc(6/8 * 100%);} .col7-8-m { width: calc(7/8 * 100%);} .col8-8-m { width: calc(8/8 * 100%);} .col1-9-m { width: calc(1/9 * 100%);} .col2-9-m { width: calc(2/9 * 100%);} .col3-9-m { width: calc(3/9 * 100%);} .col4-9-m { width: calc(4/9 * 100%);} .col5-9-m { width: calc(5/9 * 100%);} .col6-9-m { width: calc(6/9 * 100%);} .col7-9-m { width: calc(7/9 * 100%);} .col8-9-m { width: calc(8/9 * 100%);} .col9-9-m { width: calc(9/9 * 100%);} .col1-10-m { width: calc(1/10 * 100%);} .col2-10-m { width: calc(2/10 * 100%);} .col3-10-m { width: calc(3/10 * 100%);} .col4-10-m { width: calc(4/10 * 100%);} .col5-10-m { width: calc(5/10 * 100%);} .col6-10-m { width: calc(6/10 * 100%);} .col7-10-m { width: calc(7/10 * 100%);} .col8-10-m { width: calc(8/10 * 100%);} .col9-10-m { width: calc(9/10 * 100%);} .col10-10-m { width: calc(10/10 * 100%);} .col1-11-m { width: calc(1/11 * 100%);} .col2-11-m { width: calc(2/11 * 100%);} .col3-11-m { width: calc(3/11 * 100%);} .col4-11-m { width: calc(4/11 * 100%);} .col5-11-m { width: calc(5/11 * 100%);} .col6-11-m { width: calc(6/11 * 100%);} .col7-11-m { width: calc(7/11 * 100%);} .col8-11-m { width: calc(8/11 * 100%);} .col9-11-m { width: calc(9/11 * 100%);} .col10-11-m { width: calc(10/11 * 100%);} .col11-11-m { width: calc(11/11 * 100%);} .col1-12-m { width: calc(1/12 * 100%);} .col2-12-m { width: calc(2/12 * 100%);} .col3-12-m { width: calc(3/12 * 100%);} .col4-12-m { width: calc(4/12 * 100%);} .col5-12-m { width: calc(5/12 * 100%);} .col6-12-m { width: calc(6/12 * 100%);} .col7-12-m { width: calc(7/12 * 100%);} .col8-12-m { width: calc(8/12 * 100%);} .col9-12-m { width: calc(9/12 * 100%);} .col10-12-m { width: calc(10/12 * 100%);} .col11-12-m { width: calc(11/12 * 100%);} .col12-12-m { width: calc(12/12 * 100%);} .p { padding: var(--padd-m);} .p-h { padding-left: var(--padd-m); padding-right: var(--padd-m);} .p-v { padding-top: var(--padd-m); padding-bottom: var(--padd-m);} .p-t-0-m { padding-top: 0;} .p-t-1-m { padding-top: var(--unit);} .p-t-2-m { padding-top: var(--unit-2);} .p-t-3-m { padding-top: var(--unit-3);} .p-t-4-m { padding-top: var(--unit-4);} .p-t-5-m { padding-top: var(--unit-5);} .p-t-6-m { padding-top: var(--unit-6);} .p-t-7-m { padding-top: var(--unit-7);} .p-t-8-m { padding-top: var(--unit-8);} .p-t-9-m { padding-top: var(--unit-9);} .p-t-10-m { padding-top: var(--unit-10);} .p-t-11-m { padding-top: var(--unit-11);} .p-t-12-m { padding-top: var(--unit-12);} .p-t-13-m { padding-top: var(--unit-13);} .p-t-14-m { padding-top: var(--unit-14);} .p-t-15-m { padding-top: var(--unit-15);} .p-t-16-m { padding-top: var(--unit-16);} .p-t-17-m { padding-top: var(--unit-17);} .p-t-18-m { padding-top: var(--unit-18);} .p-t-19-m { padding-top: var(--unit-19);} .p-t-20-m { padding-top: var(--unit-20);} .p-t-21-m { padding-top: var(--unit-21);} .p-t-22-m { padding-top: var(--unit-22);} .p-t-23-m { padding-top: var(--unit-23);} .p-t-24-m { padding-top: var(--unit-24);} .p-t-25-m { padding-top: var(--unit-25);} .p-t-26-m { padding-top: var(--unit-26);} .p-t-27-m { padding-top: var(--unit-27);} .p-t-28-m { padding-top: var(--unit-28);} .p-t-29-m { padding-top: var(--unit-29);} .p-t-30-m { padding-top: var(--unit-30);} .p-t-31-m { padding-top: var(--unit-31);} .p-t-32-m { padding-top: var(--unit-32);} .p-t-33-m { padding-top: var(--unit-33);} .p-t-34-m { padding-top: var(--unit-34);} .p-t-35-m { padding-top: var(--unit-35);} .p-t-36-m { padding-top: var(--unit-36);} .p-t-37-m { padding-top: var(--unit-37);} .p-t-38-m { padding-top: var(--unit-38);} .p-t-39-m { padding-top: var(--unit-39);} .p-t-40-m { padding-top: var(--unit-40);} .p-b-0-m { padding-bottom: 0;} .p-b-1-m { padding-bottom: var(--unit);} .p-b-2-m { padding-bottom: var(--unit-2);} .p-b-3-m { padding-bottom: var(--unit-3);} .p-b-4-m { padding-bottom: var(--unit-4);} .p-b-5-m { padding-bottom: var(--unit-5);} .p-b-6-m { padding-bottom: var(--unit-6);} .p-b-7-m { padding-bottom: var(--unit-7);} .p-b-8-m { padding-bottom: var(--unit-8);} .p-b-9-m { padding-bottom: var(--unit-9);} .p-b-10-m { padding-bottom: var(--unit-10);} .p-b-11-m { padding-bottom: var(--unit-11);} .p-b-12-m { padding-bottom: var(--unit-12);} .p-b-13-m { padding-bottom: var(--unit-13);} .p-b-14-m { padding-bottom: var(--unit-14);} .p-b-15-m { padding-bottom: var(--unit-15);} .p-b-16-m { padding-bottom: var(--unit-16);} .p-b-17-m { padding-bottom: var(--unit-17);} .p-b-18-m { padding-bottom: var(--unit-18);} .p-b-19-m { padding-bottom: var(--unit-19);} .p-b-20-m { padding-bottom: var(--unit-20);} .p-b-21-m { padding-bottom: var(--unit-21);} .p-b-22-m { padding-bottom: var(--unit-22);} .p-b-23-m { padding-bottom: var(--unit-23);} .p-b-24-m { padding-bottom: var(--unit-24);} .p-b-25-m { padding-bottom: var(--unit-25);} .p-b-26-m { padding-bottom: var(--unit-26);} .p-b-27-m { padding-bottom: var(--unit-27);} .p-b-28-m { padding-bottom: var(--unit-28);} .p-b-29-m { padding-bottom: var(--unit-29);} .p-b-30-m { padding-bottom: var(--unit-30);} .p-b-31-m { padding-bottom: var(--unit-31);} .p-b-32-m { padding-bottom: var(--unit-32);} .p-b-33-m { padding-bottom: var(--unit-33);} .p-b-34-m { padding-bottom: var(--unit-34);} .p-b-35-m { padding-bottom: var(--unit-35);} .p-b-36-m { padding-bottom: var(--unit-36);} .p-b-37-m { padding-bottom: var(--unit-37);} .p-b-38-m { padding-bottom: var(--unit-38);} .p-b-39-m { padding-bottom: var(--unit-39);} .p-b-40-m { padding-bottom: var(--unit-40);} .p-l-0-m { padding-left: 0;} .p-l-1-m { padding-left: var(--unit);} .p-l-2-m { padding-left: var(--unit-2);} .p-l-3-m { padding-left: var(--unit-3);} .p-l-4-m { padding-left: var(--unit-4);} .p-l-5-m { padding-left: var(--unit-5);} .p-l-6-m { padding-left: var(--unit-6);} .p-l-7-m { padding-left: var(--unit-7);} .p-l-8-m { padding-left: var(--unit-8);} .p-l-9-m { padding-left: var(--unit-9);} .p-l-10-m { padding-left: var(--unit-10);} .p-l-11-m { padding-left: var(--unit-11);} .p-l-12-m { padding-left: var(--unit-12);} .p-l-13-m { padding-left: var(--unit-13);} .p-l-14-m { padding-left: var(--unit-14);} .p-l-15-m { padding-left: var(--unit-15);} .p-l-16-m { padding-left: var(--unit-16);} .p-l-17-m { padding-left: var(--unit-17);} .p-l-18-m { padding-left: var(--unit-18);} .p-l-19-m { padding-left: var(--unit-19);} .p-l-20-m { padding-left: var(--unit-20);} .p-l-21-m { padding-left: var(--unit-21);} .p-l-22-m { padding-left: var(--unit-22);} .p-l-23-m { padding-left: var(--unit-23);} .p-l-24-m { padding-left: var(--unit-24);} .p-l-25-m { padding-left: var(--unit-25);} .p-l-26-m { padding-left: var(--unit-26);} .p-l-27-m { padding-left: var(--unit-27);} .p-l-28-m { padding-left: var(--unit-28);} .p-l-29-m { padding-left: var(--unit-29);} .p-l-30-m { padding-left: var(--unit-30);} .p-l-31-m { padding-left: var(--unit-31);} .p-l-32-m { padding-left: var(--unit-32);} .p-l-33-m { padding-left: var(--unit-33);} .p-l-34-m { padding-left: var(--unit-34);} .p-l-35-m { padding-left: var(--unit-35);} .p-l-36-m { padding-left: var(--unit-36);} .p-l-37-m { padding-left: var(--unit-37);} .p-l-38-m { padding-left: var(--unit-38);} .p-l-39-m { padding-left: var(--unit-39);} .p-l-40-m { padding-left: var(--unit-40);} .p-r-0-m { padding-right: 0;} .p-r-1-m { padding-right: var(--unit);} .p-r-2-m { padding-right: var(--unit-2);} .p-r-3-m { padding-right: var(--unit-3);} .p-r-4-m { padding-right: var(--unit-4);} .p-r-5-m { padding-right: var(--unit-5);} .p-r-6-m { padding-right: var(--unit-6);} .p-r-7-m { padding-right: var(--unit-7);} .p-r-8-m { padding-right: var(--unit-8);} .p-r-9-m { padding-right: var(--unit-9);} .p-r-10-m { padding-right: var(--unit-10);} .p-r-11-m { padding-right: var(--unit-11);} .p-r-12-m { padding-right: var(--unit-12);} .p-r-13-m { padding-right: var(--unit-13);} .p-r-14-m { padding-right: var(--unit-14);} .p-r-15-m { padding-right: var(--unit-15);} .p-r-16-m { padding-right: var(--unit-16);} .p-r-17-m { padding-right: var(--unit-17);} .p-r-18-m { padding-right: var(--unit-18);} .p-r-19-m { padding-right: var(--unit-19);} .p-r-20-m { padding-right: var(--unit-20);} .p-r-21-m { padding-right: var(--unit-21);} .p-r-22-m { padding-right: var(--unit-22);} .p-r-23-m { padding-right: var(--unit-23);} .p-r-24-m { padding-right: var(--unit-24);} .p-r-25-m { padding-right: var(--unit-25);} .p-r-26-m { padding-right: var(--unit-26);} .p-r-27-m { padding-right: var(--unit-27);} .p-r-28-m { padding-right: var(--unit-28);} .p-r-29-m { padding-right: var(--unit-29);} .p-r-30-m { padding-right: var(--unit-30);} .p-r-31-m { padding-right: var(--unit-31);} .p-r-32-m { padding-right: var(--unit-32);} .p-r-33-m { padding-right: var(--unit-33);} .p-r-34-m { padding-right: var(--unit-34);} .p-r-35-m { padding-right: var(--unit-35);} .p-r-36-m { padding-right: var(--unit-36);} .p-r-37-m { padding-right: var(--unit-37);} .p-r-38-m { padding-right: var(--unit-38);} .p-r-39-m { padding-right: var(--unit-39);} .p-r-40-m { padding-right: var(--unit-40);} .m-t-0-m { margin-top: 0;} .m-t-1-m { margin-top: var(--unit);} .m-t-2-m { margin-top: var(--unit-2);} .m-t-3-m { margin-top: var(--unit-3);} .m-t-4-m { margin-top: var(--unit-4);} .m-t-5-m { margin-top: var(--unit-5);} .m-t-6-m { margin-top: var(--unit-6);} .m-t-7-m { margin-top: var(--unit-7);} .m-t-8-m { margin-top: var(--unit-8);} .m-t-9-m { margin-top: var(--unit-9);} .m-t-10-m { margin-top: var(--unit-10);} .m-t-11-m { margin-top: var(--unit-11);} .m-t-12-m { margin-top: var(--unit-12);} .m-t-13-m { margin-top: var(--unit-13);} .m-t-14-m { margin-top: var(--unit-14);} .m-t-15-m { margin-top: var(--unit-15);} .m-t-16-m { margin-top: var(--unit-16);} .m-t-17-m { margin-top: var(--unit-17);} .m-t-18-m { margin-top: var(--unit-18);} .m-t-19-m { margin-top: var(--unit-19);} .m-t-20-m { margin-top: var(--unit-20);} .m-t-21-m { margin-top: var(--unit-21);} .m-t-22-m { margin-top: var(--unit-22);} .m-t-23-m { margin-top: var(--unit-23);} .m-t-24-m { margin-top: var(--unit-24);} .m-t-25-m { margin-top: var(--unit-25);} .m-t-26-m { margin-top: var(--unit-26);} .m-t-27-m { margin-top: var(--unit-27);} .m-t-28-m { margin-top: var(--unit-28);} .m-t-29-m { margin-top: var(--unit-29);} .m-t-30-m { margin-top: var(--unit-30);} .m-t-31-m { margin-top: var(--unit-31);} .m-t-32-m { margin-top: var(--unit-32);} .m-t-33-m { margin-top: var(--unit-33);} .m-t-34-m { margin-top: var(--unit-34);} .m-t-35-m { margin-top: var(--unit-35);} .m-t-36-m { margin-top: var(--unit-36);} .m-t-37-m { margin-top: var(--unit-37);} .m-t-38-m { margin-top: var(--unit-38);} .m-t-39-m { margin-top: var(--unit-39);} .m-t-40-m { margin-top: var(--unit-40);} .m-b-0-m { margin-bottom: 0;} .m-b-1-m { margin-bottom: var(--unit);} .m-b-2-m { margin-bottom: var(--unit-2);} .m-b-3-m { margin-bottom: var(--unit-3);} .m-b-4-m { margin-bottom: var(--unit-4);} .m-b-5-m { margin-bottom: var(--unit-5);} .m-b-6-m { margin-bottom: var(--unit-6);} .m-b-7-m { margin-bottom: var(--unit-7);} .m-b-8-m { margin-bottom: var(--unit-8);} .m-b-9-m { margin-bottom: var(--unit-9);} .m-b-10-m { margin-bottom: var(--unit-10);} .m-b-11-m { margin-bottom: var(--unit-11);} .m-b-12-m { margin-bottom: var(--unit-12);} .m-b-13-m { margin-bottom: var(--unit-13);} .m-b-14-m { margin-bottom: var(--unit-14);} .m-b-15-m { margin-bottom: var(--unit-15);} .m-b-16-m { margin-bottom: var(--unit-16);} .m-b-17-m { margin-bottom: var(--unit-17);} .m-b-18-m { margin-bottom: var(--unit-18);} .m-b-19-m { margin-bottom: var(--unit-19);} .m-b-20-m { margin-bottom: var(--unit-20);} .m-b-21-m { margin-bottom: var(--unit-21);} .m-b-22-m { margin-bottom: var(--unit-22);} .m-b-23-m { margin-bottom: var(--unit-23);} .m-b-24-m { margin-bottom: var(--unit-24);} .m-b-25-m { margin-bottom: var(--unit-25);} .m-b-26-m { margin-bottom: var(--unit-26);} .m-b-27-m { margin-bottom: var(--unit-27);} .m-b-28-m { margin-bottom: var(--unit-28);} .m-b-29-m { margin-bottom: var(--unit-29);} .m-b-30-m { margin-bottom: var(--unit-30);} .m-b-31-m { margin-bottom: var(--unit-31);} .m-b-32-m { margin-bottom: var(--unit-32);} .m-b-33-m { margin-bottom: var(--unit-33);} .m-b-34-m { margin-bottom: var(--unit-34);} .m-b-35-m { margin-bottom: var(--unit-35);} .m-b-36-m { margin-bottom: var(--unit-36);} .m-b-37-m { margin-bottom: var(--unit-37);} .m-b-38-m { margin-bottom: var(--unit-38);} .m-b-39-m { margin-bottom: var(--unit-39);} .m-b-40-m { margin-bottom: var(--unit-40);} .m-l-0-m { margin-left: 0;} .m-l-1-m { margin-left: var(--unit);} .m-l-2-m { margin-left: var(--unit-2);} .m-l-3-m { margin-left: var(--unit-3);} .m-l-4-m { margin-left: var(--unit-4);} .m-l-5-m { margin-left: var(--unit-5);} .m-l-6-m { margin-left: var(--unit-6);} .m-l-7-m { margin-left: var(--unit-7);} .m-l-8-m { margin-left: var(--unit-8);} .m-l-9-m { margin-left: var(--unit-9);} .m-l-10-m { margin-left: var(--unit-10);} .m-l-11-m { margin-left: var(--unit-11);} .m-l-12-m { margin-left: var(--unit-12);} .m-l-13-m { margin-left: var(--unit-13);} .m-l-14-m { margin-left: var(--unit-14);} .m-l-15-m { margin-left: var(--unit-15);} .m-l-16-m { margin-left: var(--unit-16);} .m-l-17-m { margin-left: var(--unit-17);} .m-l-18-m { margin-left: var(--unit-18);} .m-l-19-m { margin-left: var(--unit-19);} .m-l-20-m { margin-left: var(--unit-20);} .m-l-21-m { margin-left: var(--unit-21);} .m-l-22-m { margin-left: var(--unit-22);} .m-l-23-m { margin-left: var(--unit-23);} .m-l-24-m { margin-left: var(--unit-24);} .m-l-25-m { margin-left: var(--unit-25);} .m-l-26-m { margin-left: var(--unit-26);} .m-l-27-m { margin-left: var(--unit-27);} .m-l-28-m { margin-left: var(--unit-28);} .m-l-29-m { margin-left: var(--unit-29);} .m-l-30-m { margin-left: var(--unit-30);} .m-l-31-m { margin-left: var(--unit-31);} .m-l-32-m { margin-left: var(--unit-32);} .m-l-33-m { margin-left: var(--unit-33);} .m-l-34-m { margin-left: var(--unit-34);} .m-l-35-m { margin-left: var(--unit-35);} .m-l-36-m { margin-left: var(--unit-36);} .m-l-37-m { margin-left: var(--unit-37);} .m-l-38-m { margin-left: var(--unit-38);} .m-l-39-m { margin-left: var(--unit-39);} .m-l-40-m { margin-left: var(--unit-40);} .m-r-0-m { margin-right: 0;} .m-r-1-m { margin-right: var(--unit);} .m-r-2-m { margin-right: var(--unit-2);} .m-r-3-m { margin-right: var(--unit-3);} .m-r-4-m { margin-right: var(--unit-4);} .m-r-5-m { margin-right: var(--unit-5);} .m-r-6-m { margin-right: var(--unit-6);} .m-r-7-m { margin-right: var(--unit-7);} .m-r-8-m { margin-right: var(--unit-8);} .m-r-9-m { margin-right: var(--unit-9);} .m-r-10-m { margin-right: var(--unit-10);} .m-r-11-m { margin-right: var(--unit-11);} .m-r-12-m { margin-right: var(--unit-12);} .m-r-13-m { margin-right: var(--unit-13);} .m-r-14-m { margin-right: var(--unit-14);} .m-r-15-m { margin-right: var(--unit-15);} .m-r-16-m { margin-right: var(--unit-16);} .m-r-17-m { margin-right: var(--unit-17);} .m-r-18-m { margin-right: var(--unit-18);} .m-r-19-m { margin-right: var(--unit-19);} .m-r-20-m { margin-right: var(--unit-20);} .m-r-21-m { margin-right: var(--unit-21);} .m-r-22-m { margin-right: var(--unit-22);} .m-r-23-m { margin-right: var(--unit-23);} .m-r-24-m { margin-right: var(--unit-24);} .m-r-25-m { margin-right: var(--unit-25);} .m-r-26-m { margin-right: var(--unit-26);} .m-r-27-m { margin-right: var(--unit-27);} .m-r-28-m { margin-right: var(--unit-28);} .m-r-29-m { margin-right: var(--unit-29);} .m-r-30-m { margin-right: var(--unit-30);} .m-r-31-m { margin-right: var(--unit-31);} .m-r-32-m { margin-right: var(--unit-32);} .m-r-33-m { margin-right: var(--unit-33);} .m-r-34-m { margin-right: var(--unit-34);} .m-r-35-m { margin-right: var(--unit-35);} .m-r-36-m { margin-right: var(--unit-36);} .m-r-37-m { margin-right: var(--unit-37);} .m-r-38-m { margin-right: var(--unit-38);} .m-r-39-m { margin-right: var(--unit-39);} .m-r-40-m { margin-right: var(--unit-40);} .m-l-0-10-m { margin-left: 0;} .m-l-1-10-m { margin-left: calc(1/10 * 100%);} .m-l-2-10-m { margin-left: calc(2/10 * 100%);} .m-l-3-10-m { margin-left: calc(3/10 * 100%);} .m-l-4-10-m { margin-left: calc(4/10 * 100%);} .m-l-5-10-m { margin-left: calc(5/10 * 100%);} .m-l-6-10-m { margin-left: calc(6/10 * 100%);} .m-l-7-10-m { margin-left: calc(7/10 * 100%);} .m-l-8-10-m { margin-left: calc(8/10 * 100%);} .m-l-9-10-m { margin-left: calc(9/10 * 100%);} .m-l-10-10-m { margin-left: calc(10/12 * 100%);} .m-l-0-12-m { margin-left: 0;} .m-l-1-12-m { margin-left: calc(1/12 * 100%);} .m-l-2-12-m { margin-left: calc(2/12 * 100%);} .m-l-3-12-m { margin-left: calc(3/12 * 100%);} .m-l-4-12-m { margin-left: calc(4/12 * 100%);} .m-l-5-12-m { margin-left: calc(5/12 * 100%);} .m-l-6-12-m { margin-left: calc(6/12 * 100%);} .m-l-7-12-m { margin-left: calc(7/12 * 100%);} .m-l-8-12-m { margin-left: calc(8/12 * 100%);} .m-l-9-12-m { margin-left: calc(9/12 * 100%);} .m-l-10-12-m { margin-left: calc(10/12 * 100%);} .m-l-11-12-m { margin-left: calc(11/12 * 100%);} .m-l-12-12-m { margin-left: calc(12/12 * 100%);} .m-r-0-10-m { margin-right: 0;} .m-r-1-10-m { margin-right: calc(1/10 * 100%);} .m-r-2-10-m { margin-right: calc(2/10 * 100%);} .m-r-3-10-m { margin-right: calc(3/10 * 100%);} .m-r-4-10-m { margin-right: calc(4/10 * 100%);} .m-r-5-10-m { margin-right: calc(5/10 * 100%);} .m-r-6-10-m { margin-right: calc(6/10 * 100%);} .m-r-7-10-m { margin-right: calc(7/10 * 100%);} .m-r-8-10-m { margin-right: calc(8/10 * 100%);} .m-r-9-10-m { margin-right: calc(9/10 * 100%);} .m-r-10-10-m { margin-right: calc(10/10 * 100%);} .m-r-0-12-m { margin-right: 0;} .m-r-1-12-m { margin-right: calc(1/12 * 100%);} .m-r-2-12-m { margin-right: calc(2/12 * 100%);} .m-r-3-12-m { margin-right: calc(3/12 * 100%);} .m-r-4-12-m { margin-right: calc(4/12 * 100%);} .m-r-5-12-m { margin-right: calc(5/12 * 100%);} .m-r-6-12-m { margin-right: calc(6/12 * 100%);} .m-r-7-12-m { margin-right: calc(7/12 * 100%);} .m-r-8-12-m { margin-right: calc(8/12 * 100%);} .m-r-9-12-m { margin-right: calc(9/12 * 100%);} .m-r-10-12-m { margin-right: calc(10/12 * 100%);} .m-r-11-12-m { margin-right: calc(11/12 * 100%);} .m-r-12-12-m { margin-right: calc(12/12 * 100%);} .g-0-m { gap: 0;} .g-1-m { gap: var(--unit);} .g-2-m { gap: var(--unit-2);} .g-3-m { gap: var(--unit-3);} .g-4-m { gap: var(--unit-4);} .g-5-m { gap: var(--unit-5);} .g-6-m { gap: var(--unit-6);} .g-7-m { gap: var(--unit-7);} .g-8-m { gap: var(--unit-8);} .g-9-m { gap: var(--unit-9);} .g-10-m { gap: var(--unit-10);} .g-11-m { gap: var(--unit-11);} .g-12-m { gap: var(--unit-12);} .g-13-m { gap: var(--unit-13);} .g-14-m { gap: var(--unit-14);} .g-15-m { gap: var(--unit-15);} .g-16-m { gap: var(--unit-16);} .g-17-m { gap: var(--unit-17);} .g-18-m { gap: var(--unit-18);} .g-19-m { gap: var(--unit-19);} .g-20-m { gap: var(--unit-20);}.g-21-m { gap: var(--unit-21);} .g-22-m { gap: var(--unit-22);} .g-23-m { gap: var(--unit-23);} .g-24-m { gap: var(--unit-24);} .g-25-m { gap: var(--unit-25);} .g-26-m { gap: var(--unit-26);} .g-27-m { gap: var(--unit-27);} .g-28-m { gap: var(--unit-28);} .g-29-m { gap: var(--unit-29);}.g-30-m { gap: var(--unit-30);} .g-31-m { gap: var(--unit-31);} .g-32-m { gap: var(--unit-32);} .g-33-m { gap: var(--unit-33);} .g-34-m { gap: var(--unit-34);} .g-35-m { gap: var(--unit-35);} .g-36-m { gap: var(--unit-36);} .g-37-m { gap: var(--unit-37);} .g-38-m { gap: var(--unit-38);} .g-39-m { gap: var(--unit-39);}.g-40-m { gap: var(--unit-40);} .g-r-0-m { row-gap: 0;} .g-r-1-m { row-gap: var(--unit);} .g-r-2-m { row-gap: var(--unit-2);} .g-r-3-m { row-gap: var(--unit-3);} .g-r-4-m { row-gap: var(--unit-4);} .g-r-5-m { row-gap: var(--unit-5);} .g-r-6-m { row-gap: var(--unit-6);} .g-r-7-m { row-gap: var(--unit-7);} .g-r-8-m { row-gap: var(--unit-8);} .g-r-9-m { row-gap: var(--unit-9);} .g-r-10-m { row-gap: var(--unit-10);} .g-r-11-m { row-gap: var(--unit-11);} .g-r-12-m { row-gap: var(--unit-12);} .g-r-13-m { row-gap: var(--unit-13);} .g-r-14-m { row-gap: var(--unit-14);} .g-r-15-m { row-gap: var(--unit-15);} .g-r-16-m { row-gap: var(--unit-16);} .g-r-17-m { row-gap: var(--unit-17);} .g-r-18-m { row-gap: var(--unit-18);} .g-r-19-m { row-gap: var(--unit-19);} .g-r-20-m { row-gap: var(--unit-20);}.g-r-21-m { row-gap: var(--unit-21);} .g-r-22-m { row-gap: var(--unit-22);} .g-r-23-m { row-gap: var(--unit-23);} .g-r-24-m { row-gap: var(--unit-24);} .g-r-25-m { row-gap: var(--unit-25);} .g-r-26-m { row-gap: var(--unit-26);} .g-r-27-m { row-gap: var(--unit-27);} .g-r-28-m { row-gap: var(--unit-28);} .g-r-29-m { row-gap: var(--unit-29);}.g-r-30-m { row-gap: var(--unit-30);} .g-r-31-m { row-gap: var(--unit-31);} .g-r-32-m { row-gap: var(--unit-32);} .g-r-33-m { row-gap: var(--unit-33);} .g-r-34-m { row-gap: var(--unit-34);} .g-r-35-m { row-gap: var(--unit-35);} .g-r-36-m { row-gap: var(--unit-36);} .g-r-37-m { row-gap: var(--unit-37);} .g-r-38-m { row-gap: var(--unit-38);} .g-r-39-m { row-gap: var(--unit-39);} .g-r-40-m { row-gap: var(--unit-40);} .g-c-0-m { column-gap: 0;} .g-c-1-m { column-gap: var(--unit);} .g-c-2-m { column-gap: var(--unit-2);} .g-c-3-m { column-gap: var(--unit-3);} .g-c-4-m { column-gap: var(--unit-4);} .g-c-5-m { column-gap: var(--unit-5);} .g-c-6-m { column-gap: var(--unit-6);} .g-c-7-m { column-gap: var(--unit-7);} .g-c-8-m { column-gap: var(--unit-8);} .g-c-9-m { column-gap: var(--unit-9);} .g-c-10-m { column-gap: var(--unit-10);} .g-c-11-m { column-gap: var(--unit-11);} .g-c-12-m { column-gap: var(--unit-12);} .g-c-13-m { column-gap: var(--unit-13);} .g-c-14-m { column-gap: var(--unit-14);} .g-c-15-m { column-gap: var(--unit-15);} .g-c-16-m { column-gap: var(--unit-16);} .g-c-17-m { column-gap: var(--unit-17);} .g-c-18-m { column-gap: var(--unit-18);} .g-c-19-m { column-gap: var(--unit-19);} .g-c-20-m { column-gap: var(--unit-20);} .g-c-21-m { column-gap: var(--unit-21);} .g-c-22-m { column-gap: var(--unit-22);} .g-c-23-m { column-gap: var(--unit-23);} .g-c-24-m { column-gap: var(--unit-24);} .g-c-25-m { column-gap: var(--unit-25);} .g-c-26-m { column-gap: var(--unit-26);} .g-c-27-m { column-gap: var(--unit-27);} .g-c-28-m { column-gap: var(--unit-28);} .g-c-29-m { column-gap: var(--unit-29);} .g-c-30-m { column-gap: var(--unit-30);} .g-c-31-m { column-gap: var(--unit-31);} .g-c-32-m { column-gap: var(--unit-32);} .g-c-33-m { column-gap: var(--unit-33);} .g-c-34-m { column-gap: var(--unit-34);} .g-c-35-m { column-gap: var(--unit-35);} .g-c-36-m { column-gap: var(--unit-36);} .g-c-37-m { column-gap: var(--unit-37);} .g-c-38-m { column-gap: var(--unit-38);} .g-c-39-m { column-gap: var(--unit-39);} .g-c-40-m { column-gap: var(--unit-40);} /* 1 -- Structure */ .col-main { padding: 0 var(--padd-main-m);} [data-popup="player"] .popup-gallery { display: none;} } @media (orientation: portrait) { [data-popup="player"] .popup-gallery { display: none;} } @media ( max-width: 860px ) { .header { position: fixed; padding: var(--unit-6) 0;} .header .menu { position: fixed; top: 0; left: 0; padding: var(--unit-34) 1rem var(--unit-4) 1rem; height: 100dvh; width: 100%; background-color: var(--c-white); transform: translateX(-100%); overflow: auto;} .header .menu-main li { width: 100%;} .header .menu-main li:first-child { border-top: 1px solid var(--c-black);} .header .menu-main .cta { display: block; width: 100%; padding: var(--unit-4) var(--unit); border-bottom: 1px solid var(--c-black);} .header .menu-ctas li { width: 100%;} .header .menu-ctas .cta { width: 100%; background-color: var(--c-black); color: var(--c-white); padding: var(--unit-4) var(--unit); border-bottom: 1px solid var(--c-black);} .header .cta-menu { display: block; position: relative; z-index: 3; width: var(--unit-6); height: var(--unit-6); overflow: hidden; color: transparent; background: url(../img/icon/menu.svg); margin-right: .6rem; background-size: contain;} .menu-active, .menu-active body { overflow: hidden;} .menu-active .header .menu { transform: translateX(0); } .menu-active .header .cta-menu { background: url(../img/icon/x.svg);} .content { padding-top: var(--unit-18);} } @media ( max-width: 770px ) { /* 0 -- Initializers */ .f-row-s, .f-col-s { display: flex;} .f-row-s { flex-direction: row;} .f-col-s { flex-direction: column;} .f-col-r-s { flex-direction: column-reverse;} .f-w-s { flex-wrap: wrap;} .f-j-s-s { justify-content: flex-start;} .f-j-e-s { justify-content: flex-end;} .f-j-c-s { justify-content: center;} .f-j-b-s { justify-content: space-between;} .f-j-a-s { justify-content: space-around;} .f-j-ev-s { justify-content: space-evenly;} .f-a-s-s { align-items: flex-start;} .f-a-e-s { align-items: flex-end;} .f-a-c-s { align-items: center;} .f-a-b-s { align-items: baseline;} .f-a-st-s { align-items: stretch;} .f-a-ct-s-s { align-content: flex-start;} .f-a-ct-e-s { align-content: flex-end;} .f-a-ct-c-s { align-content: center;} .f-a-ct-st-s { align-content: stretch;} .f-a-ct-b-s { align-content: space-between;} .f-a-ct-a-s { align-content: space-around;} .f-g-0-s { flex-grow: 0;} .f-g-1-s { flex-grow: 1;} .f-g-2-s { flex-grow: 2;} .f-g-3-s { flex-grow: 3;} .f-g-4-s { flex-grow: 4;} .f-s-0-s { flex-shrink: 0;} .f-s-1-s { flex-shrink: 1;} .f-s-2-s { flex-shrink: 2;} .f-s-3-s { flex-shrink: 3;} .f-s-4-s { flex-shrink: 4;} .f-o-1-s { order: -1;} .col1-3-s { width: calc(1/3 * 100%);} .col2-3-s { width: calc(2/3 * 100%);} .col3-3-s { width: calc(3/3 * 100%);} .col1-4-s { width: calc(1/4 * 100%);} .col2-4-s { width: calc(2/4 * 100%);} .col3-4-s { width: calc(3/4 * 100%);} .col4-4-s { width: calc(4/4 * 100%);} .col1-5-s { width: calc(1/5 * 100%);} .col2-5-s { width: calc(2/5 * 100%);} .col3-5-s { width: calc(3/5 * 100%);} .col4-5-s { width: calc(4/5 * 100%);} .col5-5-s { width: calc(5/5 * 100%);} .col1-6-s { width: calc(1/6 * 100%);} .col2-6-s { width: calc(2/6 * 100%);} .col3-6-s { width: calc(3/6 * 100%);} .col4-6-s { width: calc(4/6 * 100%);} .col5-6-s { width: calc(5/6 * 100%);} .col6-6-s { width: calc(6/6 * 100%);} .col1-7-s { width: calc(1/7 * 100%);} .col2-7-s { width: calc(2/7 * 100%);} .col3-7-s { width: calc(3/7 * 100%);} .col4-7-s { width: calc(4/7 * 100%);} .col5-7-s { width: calc(5/7 * 100%);} .col6-7-s { width: calc(6/7 * 100%);} .col7-7-s { width: calc(7/7 * 100%);} .col1-8-s { width: calc(1/8 * 100%);} .col2-8-s { width: calc(2/8 * 100%);} .col3-8-s { width: calc(3/8 * 100%);} .col4-8-s { width: calc(4/8 * 100%);} .col5-8-s { width: calc(5/8 * 100%);} .col6-8-s { width: calc(6/8 * 100%);} .col7-8-s { width: calc(7/8 * 100%);} .col8-8-s { width: calc(8/8 * 100%);} .col1-9-s { width: calc(1/9 * 100%);} .col2-9-s { width: calc(2/9 * 100%);} .col3-9-s { width: calc(3/9 * 100%);} .col4-9-s { width: calc(4/9 * 100%);} .col5-9-s { width: calc(5/9 * 100%);} .col6-9-s { width: calc(6/9 * 100%);} .col7-9-s { width: calc(7/9 * 100%);} .col8-9-s { width: calc(8/9 * 100%);} .col9-9-s { width: calc(9/9 * 100%);} .col1-10-s { width: calc(1/10 * 100%);} .col2-10-s { width: calc(2/10 * 100%);} .col3-10-s { width: calc(3/10 * 100%);} .col4-10-s { width: calc(4/10 * 100%);} .col5-10-s { width: calc(5/10 * 100%);} .col6-10-s { width: calc(6/10 * 100%);} .col7-10-s { width: calc(7/10 * 100%);} .col8-10-s { width: calc(8/10 * 100%);} .col9-10-s { width: calc(9/10 * 100%);} .col10-10-s { width: calc(10/10 * 100%);} .col1-11-s { width: calc(1/11 * 100%);} .col2-11-s { width: calc(2/11 * 100%);} .col3-11-s { width: calc(3/11 * 100%);} .col4-11-s { width: calc(4/11 * 100%);} .col5-11-s { width: calc(5/11 * 100%);} .col6-11-s { width: calc(6/11 * 100%);} .col7-11-s { width: calc(7/11 * 100%);} .col8-11-s { width: calc(8/11 * 100%);} .col9-11-s { width: calc(9/11 * 100%);} .col10-11-s { width: calc(10/11 * 100%);} .col11-11-s { width: calc(11/11 * 100%);} .col1-12-s { width: calc(1/12 * 100%);} .col2-12-s { width: calc(2/12 * 100%);} .col3-12-s { width: calc(3/12 * 100%);} .col4-12-s { width: calc(4/12 * 100%);} .col5-12-s { width: calc(5/12 * 100%);} .col6-12-s { width: calc(6/12 * 100%);} .col7-12-s { width: calc(7/12 * 100%);} .col8-12-s { width: calc(8/12 * 100%);} .col9-12-s { width: calc(9/12 * 100%);} .col10-12-s { width: calc(10/12 * 100%);} .col11-12-s { width: calc(11/12 * 100%);} .col12-12-s { width: calc(12/12 * 100%);} .p { padding: var(--padd-s);} .p-h { padding-left: var(--padd-s); padding-right: var(--padd-s);} .p-v { padding-top: var(--padd-s); padding-bottom: var(--padd-s);} .p-t-0-s { padding-top: 0;} .p-t-1-s { padding-top: var(--unit);} .p-t-2-s { padding-top: var(--unit-2);} .p-t-3-s { padding-top: var(--unit-3);} .p-t-4-s { padding-top: var(--unit-4);} .p-t-5-s { padding-top: var(--unit-5);} .p-t-6-s { padding-top: var(--unit-6);} .p-t-7-s { padding-top: var(--unit-7);} .p-t-8-s { padding-top: var(--unit-8);} .p-t-9-s { padding-top: var(--unit-9);} .p-t-10-s { padding-top: var(--unit-10);} .p-t-11-s { padding-top: var(--unit-11);} .p-t-12-s { padding-top: var(--unit-12);} .p-t-13-s { padding-top: var(--unit-13);} .p-t-14-s { padding-top: var(--unit-14);} .p-t-15-s { padding-top: var(--unit-15);} .p-t-16-s { padding-top: var(--unit-16);} .p-t-17-s { padding-top: var(--unit-17);} .p-t-18-s { padding-top: var(--unit-18);} .p-t-19-s { padding-top: var(--unit-19);} .p-t-20-s { padding-top: var(--unit-20);} .p-t-21-s { padding-top: var(--unit-21);} .p-t-22-s { padding-top: var(--unit-22);} .p-t-23-s { padding-top: var(--unit-23);} .p-t-24-s { padding-top: var(--unit-24);} .p-t-25-s { padding-top: var(--unit-25);} .p-t-26-s { padding-top: var(--unit-26);} .p-t-27-s { padding-top: var(--unit-27);} .p-t-28-s { padding-top: var(--unit-28);} .p-t-29-s { padding-top: var(--unit-29);} .p-t-30-s { padding-top: var(--unit-30);} .p-t-31-s { padding-top: var(--unit-31);} .p-t-32-s { padding-top: var(--unit-32);} .p-t-33-s { padding-top: var(--unit-33);} .p-t-34-s { padding-top: var(--unit-34);} .p-t-35-s { padding-top: var(--unit-35);} .p-t-36-s { padding-top: var(--unit-36);} .p-t-37-s { padding-top: var(--unit-37);} .p-t-38-s { padding-top: var(--unit-38);} .p-t-39-s { padding-top: var(--unit-39);} .p-t-40-s { padding-top: var(--unit-40);} .p-b-0-s { padding-bottom: 0;} .p-b-1-s { padding-bottom: var(--unit);} .p-b-2-s { padding-bottom: var(--unit-2);} .p-b-3-s { padding-bottom: var(--unit-3);} .p-b-4-s { padding-bottom: var(--unit-4);} .p-b-5-s { padding-bottom: var(--unit-5);} .p-b-6-s { padding-bottom: var(--unit-6);} .p-b-7-s { padding-bottom: var(--unit-7);} .p-b-8-s { padding-bottom: var(--unit-8);} .p-b-9-s { padding-bottom: var(--unit-9);} .p-b-10-s { padding-bottom: var(--unit-10);} .p-b-11-s { padding-bottom: var(--unit-11);} .p-b-12-s { padding-bottom: var(--unit-12);} .p-b-13-s { padding-bottom: var(--unit-13);} .p-b-14-s { padding-bottom: var(--unit-14);} .p-b-15-s { padding-bottom: var(--unit-15);} .p-b-16-s { padding-bottom: var(--unit-16);} .p-b-17-s { padding-bottom: var(--unit-17);} .p-b-18-s { padding-bottom: var(--unit-18);} .p-b-19-s { padding-bottom: var(--unit-19);} .p-b-20-s { padding-bottom: var(--unit-20);} .p-b-21-s { padding-bottom: var(--unit-21);} .p-b-22-s { padding-bottom: var(--unit-22);} .p-b-23-s { padding-bottom: var(--unit-23);} .p-b-24-s { padding-bottom: var(--unit-24);} .p-b-25-s { padding-bottom: var(--unit-25);} .p-b-26-s { padding-bottom: var(--unit-26);} .p-b-27-s { padding-bottom: var(--unit-27);} .p-b-28-s { padding-bottom: var(--unit-28);} .p-b-29-s { padding-bottom: var(--unit-29);} .p-b-30-s { padding-bottom: var(--unit-30);} .p-b-31-s { padding-bottom: var(--unit-31);} .p-b-32-s { padding-bottom: var(--unit-32);} .p-b-33-s { padding-bottom: var(--unit-33);} .p-b-34-s { padding-bottom: var(--unit-34);} .p-b-35-s { padding-bottom: var(--unit-35);} .p-b-36-s { padding-bottom: var(--unit-36);} .p-b-37-s { padding-bottom: var(--unit-37);} .p-b-38-s { padding-bottom: var(--unit-38);} .p-b-39-s { padding-bottom: var(--unit-39);} .p-b-40-s { padding-bottom: var(--unit-40);} .p-l-0-s { padding-left: 0;} .p-l-1-s { padding-left: var(--unit);} .p-l-2-s { padding-left: var(--unit-2);} .p-l-3-s { padding-left: var(--unit-3);} .p-l-4-s { padding-left: var(--unit-4);} .p-l-5-s { padding-left: var(--unit-5);} .p-l-6-s { padding-left: var(--unit-6);} .p-l-7-s { padding-left: var(--unit-7);} .p-l-8-s { padding-left: var(--unit-8);} .p-l-9-s { padding-left: var(--unit-9);} .p-l-10-s { padding-left: var(--unit-10);} .p-l-11-s { padding-left: var(--unit-11);} .p-l-12-s { padding-left: var(--unit-12);} .p-l-13-s { padding-left: var(--unit-13);} .p-l-14-s { padding-left: var(--unit-14);} .p-l-15-s { padding-left: var(--unit-15);} .p-l-16-s { padding-left: var(--unit-16);} .p-l-17-s { padding-left: var(--unit-17);} .p-l-18-s { padding-left: var(--unit-18);} .p-l-19-s { padding-left: var(--unit-19);} .p-l-20-s { padding-left: var(--unit-20);} .p-l-21-s { padding-left: var(--unit-21);} .p-l-22-s { padding-left: var(--unit-22);} .p-l-23-s { padding-left: var(--unit-23);} .p-l-24-s { padding-left: var(--unit-24);} .p-l-25-s { padding-left: var(--unit-25);} .p-l-26-s { padding-left: var(--unit-26);} .p-l-27-s { padding-left: var(--unit-27);} .p-l-28-s { padding-left: var(--unit-28);} .p-l-29-s { padding-left: var(--unit-29);} .p-l-30-s { padding-left: var(--unit-30);} .p-l-31-s { padding-left: var(--unit-31);} .p-l-32-s { padding-left: var(--unit-32);} .p-l-33-s { padding-left: var(--unit-33);} .p-l-34-s { padding-left: var(--unit-34);} .p-l-35-s { padding-left: var(--unit-35);} .p-l-36-s { padding-left: var(--unit-36);} .p-l-37-s { padding-left: var(--unit-37);} .p-l-38-s { padding-left: var(--unit-38);} .p-l-39-s { padding-left: var(--unit-39);} .p-l-40-s { padding-left: var(--unit-40);} .p-r-0-s { padding-right: 0;} .p-r-1-s { padding-right: var(--unit);} .p-r-2-s { padding-right: var(--unit-2);} .p-r-3-s { padding-right: var(--unit-3);} .p-r-4-s { padding-right: var(--unit-4);} .p-r-5-s { padding-right: var(--unit-5);} .p-r-6-s { padding-right: var(--unit-6);} .p-r-7-s { padding-right: var(--unit-7);} .p-r-8-s { padding-right: var(--unit-8);} .p-r-9-s { padding-right: var(--unit-9);} .p-r-10-s { padding-right: var(--unit-10);} .p-r-11-s { padding-right: var(--unit-11);} .p-r-12-s { padding-right: var(--unit-12);} .p-r-13-s { padding-right: var(--unit-13);} .p-r-14-s { padding-right: var(--unit-14);} .p-r-15-s { padding-right: var(--unit-15);} .p-r-16-s { padding-right: var(--unit-16);} .p-r-17-s { padding-right: var(--unit-17);} .p-r-18-s { padding-right: var(--unit-18);} .p-r-19-s { padding-right: var(--unit-19);} .p-r-20-s { padding-right: var(--unit-20);} .p-r-21-s { padding-right: var(--unit-21);} .p-r-22-s { padding-right: var(--unit-22);} .p-r-23-s { padding-right: var(--unit-23);} .p-r-24-s { padding-right: var(--unit-24);} .p-r-25-s { padding-right: var(--unit-25);} .p-r-26-s { padding-right: var(--unit-26);} .p-r-27-s { padding-right: var(--unit-27);} .p-r-28-s { padding-right: var(--unit-28);} .p-r-29-s { padding-right: var(--unit-29);} .p-r-30-s { padding-right: var(--unit-30);} .p-r-31-s { padding-right: var(--unit-31);} .p-r-32-s { padding-right: var(--unit-32);} .p-r-33-s { padding-right: var(--unit-33);} .p-r-34-s { padding-right: var(--unit-34);} .p-r-35-s { padding-right: var(--unit-35);} .p-r-36-s { padding-right: var(--unit-36);} .p-r-37-s { padding-right: var(--unit-37);} .p-r-38-s { padding-right: var(--unit-38);} .p-r-39-s { padding-right: var(--unit-39);} .p-r-40-s { padding-right: var(--unit-40);} .m-t-0-s { margin-top: 0;} .m-t-1-s { margin-top: var(--unit);} .m-t-2-s { margin-top: var(--unit-2);} .m-t-3-s { margin-top: var(--unit-3);} .m-t-4-s { margin-top: var(--unit-4);} .m-t-5-s { margin-top: var(--unit-5);} .m-t-6-s { margin-top: var(--unit-6);} .m-t-7-s { margin-top: var(--unit-7);} .m-t-8-s { margin-top: var(--unit-8);} .m-t-9-s { margin-top: var(--unit-9);} .m-t-10-s { margin-top: var(--unit-10);} .m-t-11-s { margin-top: var(--unit-11);} .m-t-12-s { margin-top: var(--unit-12);} .m-t-13-s { margin-top: var(--unit-13);} .m-t-14-s { margin-top: var(--unit-14);} .m-t-15-s { margin-top: var(--unit-15);} .m-t-16-s { margin-top: var(--unit-16);} .m-t-17-s { margin-top: var(--unit-17);} .m-t-18-s { margin-top: var(--unit-18);} .m-t-19-s { margin-top: var(--unit-19);} .m-t-20-s { margin-top: var(--unit-20);} .m-t-21-s { margin-top: var(--unit-21);} .m-t-22-s { margin-top: var(--unit-22);} .m-t-23-s { margin-top: var(--unit-23);} .m-t-24-s { margin-top: var(--unit-24);} .m-t-25-s { margin-top: var(--unit-25);} .m-t-26-s { margin-top: var(--unit-26);} .m-t-27-s { margin-top: var(--unit-27);} .m-t-28-s { margin-top: var(--unit-28);} .m-t-29-s { margin-top: var(--unit-29);} .m-t-30-s { margin-top: var(--unit-30);} .m-t-31-s { margin-top: var(--unit-31);} .m-t-32-s { margin-top: var(--unit-32);} .m-t-33-s { margin-top: var(--unit-33);} .m-t-34-s { margin-top: var(--unit-34);} .m-t-35-s { margin-top: var(--unit-35);} .m-t-36-s { margin-top: var(--unit-36);} .m-t-37-s { margin-top: var(--unit-37);} .m-t-38-s { margin-top: var(--unit-38);} .m-t-39-s { margin-top: var(--unit-39);} .m-t-40-s { margin-top: var(--unit-40);} .m-b-0-s { margin-bottom: 0;} .m-b-1-s { margin-bottom: var(--unit);} .m-b-2-s { margin-bottom: var(--unit-2);} .m-b-3-s { margin-bottom: var(--unit-3);} .m-b-4-s { margin-bottom: var(--unit-4);} .m-b-5-s { margin-bottom: var(--unit-5);} .m-b-6-s { margin-bottom: var(--unit-6);} .m-b-7-s { margin-bottom: var(--unit-7);} .m-b-8-s { margin-bottom: var(--unit-8);} .m-b-9-s { margin-bottom: var(--unit-9);} .m-b-10-s { margin-bottom: var(--unit-10);} .m-b-11-s { margin-bottom: var(--unit-11);} .m-b-12-s { margin-bottom: var(--unit-12);} .m-b-13-s { margin-bottom: var(--unit-13);} .m-b-14-s { margin-bottom: var(--unit-14);} .m-b-15-s { margin-bottom: var(--unit-15);} .m-b-16-s { margin-bottom: var(--unit-16);} .m-b-17-s { margin-bottom: var(--unit-17);} .m-b-18-s { margin-bottom: var(--unit-18);} .m-b-19-s { margin-bottom: var(--unit-19);} .m-b-20-s { margin-bottom: var(--unit-20);} .m-b-21-s { margin-bottom: var(--unit-21);} .m-b-22-s { margin-bottom: var(--unit-22);} .m-b-23-s { margin-bottom: var(--unit-23);} .m-b-24-s { margin-bottom: var(--unit-24);} .m-b-25-s { margin-bottom: var(--unit-25);} .m-b-26-s { margin-bottom: var(--unit-26);} .m-b-27-s { margin-bottom: var(--unit-27);} .m-b-28-s { margin-bottom: var(--unit-28);} .m-b-29-s { margin-bottom: var(--unit-29);} .m-b-30-s { margin-bottom: var(--unit-30);} .m-b-31-s { margin-bottom: var(--unit-31);} .m-b-32-s { margin-bottom: var(--unit-32);} .m-b-33-s { margin-bottom: var(--unit-33);} .m-b-34-s { margin-bottom: var(--unit-34);} .m-b-35-s { margin-bottom: var(--unit-35);} .m-b-36-s { margin-bottom: var(--unit-36);} .m-b-37-s { margin-bottom: var(--unit-37);} .m-b-38-s { margin-bottom: var(--unit-38);} .m-b-39-s { margin-bottom: var(--unit-39);} .m-b-40-s { margin-bottom: var(--unit-40);} .m-l-0-s { margin-left: 0;} .m-l-1-s { margin-left: var(--unit);} .m-l-2-s { margin-left: var(--unit-2);} .m-l-3-s { margin-left: var(--unit-3);} .m-l-4-s { margin-left: var(--unit-4);} .m-l-5-s { margin-left: var(--unit-5);} .m-l-6-s { margin-left: var(--unit-6);} .m-l-7-s { margin-left: var(--unit-7);} .m-l-8-s { margin-left: var(--unit-8);} .m-l-9-s { margin-left: var(--unit-9);} .m-l-10-s { margin-left: var(--unit-10);} .m-l-11-s { margin-left: var(--unit-11);} .m-l-12-s { margin-left: var(--unit-12);} .m-l-13-s { margin-left: var(--unit-13);} .m-l-14-s { margin-left: var(--unit-14);} .m-l-15-s { margin-left: var(--unit-15);} .m-l-16-s { margin-left: var(--unit-16);} .m-l-17-s { margin-left: var(--unit-17);} .m-l-18-s { margin-left: var(--unit-18);} .m-l-19-s { margin-left: var(--unit-19);} .m-l-20-s { margin-left: var(--unit-20);} .m-l-21-s { margin-left: var(--unit-21);} .m-l-22-s { margin-left: var(--unit-22);} .m-l-23-s { margin-left: var(--unit-23);} .m-l-24-s { margin-left: var(--unit-24);} .m-l-25-s { margin-left: var(--unit-25);} .m-l-26-s { margin-left: var(--unit-26);} .m-l-27-s { margin-left: var(--unit-27);} .m-l-28-s { margin-left: var(--unit-28);} .m-l-29-s { margin-left: var(--unit-29);} .m-l-30-s { margin-left: var(--unit-30);} .m-l-31-s { margin-left: var(--unit-31);} .m-l-32-s { margin-left: var(--unit-32);} .m-l-33-s { margin-left: var(--unit-33);} .m-l-34-s { margin-left: var(--unit-34);} .m-l-35-s { margin-left: var(--unit-35);} .m-l-36-s { margin-left: var(--unit-36);} .m-l-37-s { margin-left: var(--unit-37);} .m-l-38-s { margin-left: var(--unit-38);} .m-l-39-s { margin-left: var(--unit-39);} .m-l-40-s { margin-left: var(--unit-40);} .m-r-0-s { margin-right: 0;} .m-r-1-s { margin-right: var(--unit);} .m-r-2-s { margin-right: var(--unit-2);} .m-r-3-s { margin-right: var(--unit-3);} .m-r-4-s { margin-right: var(--unit-4);} .m-r-5-s { margin-right: var(--unit-5);} .m-r-6-s { margin-right: var(--unit-6);} .m-r-7-s { margin-right: var(--unit-7);} .m-r-8-s { margin-right: var(--unit-8);} .m-r-9-s { margin-right: var(--unit-9);} .m-r-10-s { margin-right: var(--unit-10);} .m-r-11-s { margin-right: var(--unit-11);} .m-r-12-s { margin-right: var(--unit-12);} .m-r-13-s { margin-right: var(--unit-13);} .m-r-14-s { margin-right: var(--unit-14);} .m-r-15-s { margin-right: var(--unit-15);} .m-r-16-s { margin-right: var(--unit-16);} .m-r-17-s { margin-right: var(--unit-17);} .m-r-18-s { margin-right: var(--unit-18);} .m-r-19-s { margin-right: var(--unit-19);} .m-r-20-s { margin-right: var(--unit-20);} .m-r-21-s { margin-right: var(--unit-21);} .m-r-22-s { margin-right: var(--unit-22);} .m-r-23-s { margin-right: var(--unit-23);} .m-r-24-s { margin-right: var(--unit-24);} .m-r-25-s { margin-right: var(--unit-25);} .m-r-26-s { margin-right: var(--unit-26);} .m-r-27-s { margin-right: var(--unit-27);} .m-r-28-s { margin-right: var(--unit-28);} .m-r-29-s { margin-right: var(--unit-29);} .m-r-30-s { margin-right: var(--unit-30);} .m-r-31-s { margin-right: var(--unit-31);} .m-r-32-s { margin-right: var(--unit-32);} .m-r-33-s { margin-right: var(--unit-33);} .m-r-34-s { margin-right: var(--unit-34);} .m-r-35-s { margin-right: var(--unit-35);} .m-r-36-s { margin-right: var(--unit-36);} .m-r-37-s { margin-right: var(--unit-37);} .m-r-38-s { margin-right: var(--unit-38);} .m-r-39-s { margin-right: var(--unit-39);} .m-r-40-s { margin-right: var(--unit-40);} .m-l-0-10-s { margin-left: 0;} .m-l-1-10-s { margin-left: calc(1/10 * 100%);} .m-l-2-10-s { margin-left: calc(2/10 * 100%);} .m-l-3-10-s { margin-left: calc(3/10 * 100%);} .m-l-4-10-s { margin-left: calc(4/10 * 100%);} .m-l-5-10-s { margin-left: calc(5/10 * 100%);} .m-l-6-10-s { margin-left: calc(6/10 * 100%);} .m-l-7-10-s { margin-left: calc(7/10 * 100%);} .m-l-8-10-s { margin-left: calc(8/10 * 100%);} .m-l-9-10-s { margin-left: calc(9/10 * 100%);} .m-l-10-10-s { margin-left: calc(10/12 * 100%);} .m-l-0-12-s { margin-left: 0;} .m-l-1-12-s { margin-left: calc(1/12 * 100%);} .m-l-2-12-s { margin-left: calc(2/12 * 100%);} .m-l-3-12-s { margin-left: calc(3/12 * 100%);} .m-l-4-12-s { margin-left: calc(4/12 * 100%);} .m-l-5-12-s { margin-left: calc(5/12 * 100%);} .m-l-6-12-s { margin-left: calc(6/12 * 100%);} .m-l-7-12-s { margin-left: calc(7/12 * 100%);} .m-l-8-12-s { margin-left: calc(8/12 * 100%);} .m-l-9-12-s { margin-left: calc(9/12 * 100%);} .m-l-10-12-s { margin-left: calc(10/12 * 100%);} .m-l-11-12-s { margin-left: calc(11/12 * 100%);} .m-l-12-12-s { margin-left: calc(12/12 * 100%);} .m-r-0-10-s { margin-right: 0;} .m-r-1-10-s { margin-right: calc(1/10 * 100%);} .m-r-2-10-s { margin-right: calc(2/10 * 100%);} .m-r-3-10-s { margin-right: calc(3/10 * 100%);} .m-r-4-10-s { margin-right: calc(4/10 * 100%);} .m-r-5-10-s { margin-right: calc(5/10 * 100%);} .m-r-6-10-s { margin-right: calc(6/10 * 100%);} .m-r-7-10-s { margin-right: calc(7/10 * 100%);} .m-r-8-10-s { margin-right: calc(8/10 * 100%);} .m-r-9-10-s { margin-right: calc(9/10 * 100%);} .m-r-10-10-s { margin-right: calc(10/10 * 100%);} .m-r-0-12-s { margin-right: 0;} .m-r-1-12-s { margin-right: calc(1/12 * 100%);} .m-r-2-12-s { margin-right: calc(2/12 * 100%);} .m-r-3-12-s { margin-right: calc(3/12 * 100%);} .m-r-4-12-s { margin-right: calc(4/12 * 100%);} .m-r-5-12-s { margin-right: calc(5/12 * 100%);} .m-r-6-12-s { margin-right: calc(6/12 * 100%);} .m-r-7-12-s { margin-right: calc(7/12 * 100%);} .m-r-8-12-s { margin-right: calc(8/12 * 100%);} .m-r-9-12-s { margin-right: calc(9/12 * 100%);} .m-r-10-12-s { margin-right: calc(10/12 * 100%);} .m-r-11-12-s { margin-right: calc(11/12 * 100%);} .m-r-12-12-s { margin-right: calc(12/12 * 100%);} .g-0-s { gap: 0;} .g-1-s { gap: var(--unit);} .g-2-s { gap: var(--unit-2);} .g-3-s { gap: var(--unit-3);} .g-4-s { gap: var(--unit-4);} .g-5-s { gap: var(--unit-5);} .g-6-s { gap: var(--unit-6);} .g-7-s { gap: var(--unit-7);} .g-8-s { gap: var(--unit-8);} .g-9-s { gap: var(--unit-9);} .g-10-s { gap: var(--unit-10);} .g-11-s { gap: var(--unit-11);} .g-12-s { gap: var(--unit-12);} .g-13-s { gap: var(--unit-13);} .g-14-s { gap: var(--unit-14);} .g-15-s { gap: var(--unit-15);} .g-16-s { gap: var(--unit-16);} .g-17-s { gap: var(--unit-17);} .g-18-s { gap: var(--unit-18);} .g-19-s { gap: var(--unit-19);} .g-20-s { gap: var(--unit-20);}.g-21-s { gap: var(--unit-21);} .g-22-s { gap: var(--unit-22);} .g-23-s { gap: var(--unit-23);} .g-24-s { gap: var(--unit-24);} .g-25-s { gap: var(--unit-25);} .g-26-s { gap: var(--unit-26);} .g-27-s { gap: var(--unit-27);} .g-28-s { gap: var(--unit-28);} .g-29-s { gap: var(--unit-29);}.g-30-s { gap: var(--unit-30);} .g-31-s { gap: var(--unit-31);} .g-32-s { gap: var(--unit-32);} .g-33-s { gap: var(--unit-33);} .g-34-s { gap: var(--unit-34);} .g-35-s { gap: var(--unit-35);} .g-36-s { gap: var(--unit-36);} .g-37-s { gap: var(--unit-37);} .g-38-s { gap: var(--unit-38);} .g-39-s { gap: var(--unit-39);}.g-40-s { gap: var(--unit-40);} .g-r-0-s { row-gap: 0;} .g-r-1-s { row-gap: var(--unit);} .g-r-2-s { row-gap: var(--unit-2);} .g-r-3-s { row-gap: var(--unit-3);} .g-r-4-s { row-gap: var(--unit-4);} .g-r-5-s { row-gap: var(--unit-5);} .g-r-6-s { row-gap: var(--unit-6);} .g-r-7-s { row-gap: var(--unit-7);} .g-r-8-s { row-gap: var(--unit-8);} .g-r-9-s { row-gap: var(--unit-9);} .g-r-10-s { row-gap: var(--unit-10);} .g-r-11-s { row-gap: var(--unit-11);} .g-r-12-s { row-gap: var(--unit-12);} .g-r-13-s { row-gap: var(--unit-13);} .g-r-14-s { row-gap: var(--unit-14);} .g-r-15-s { row-gap: var(--unit-15);} .g-r-16-s { row-gap: var(--unit-16);} .g-r-17-s { row-gap: var(--unit-17);} .g-r-18-s { row-gap: var(--unit-18);} .g-r-19-s { row-gap: var(--unit-19);} .g-r-20-s { row-gap: var(--unit-20);}.g-r-21-s { row-gap: var(--unit-21);} .g-r-22-s { row-gap: var(--unit-22);} .g-r-23-s { row-gap: var(--unit-23);} .g-r-24-s { row-gap: var(--unit-24);} .g-r-25-s { row-gap: var(--unit-25);} .g-r-26-s { row-gap: var(--unit-26);} .g-r-27-s { row-gap: var(--unit-27);} .g-r-28-s { row-gap: var(--unit-28);} .g-r-29-s { row-gap: var(--unit-29);}.g-r-30-s { row-gap: var(--unit-30);} .g-r-31-s { row-gap: var(--unit-31);} .g-r-32-s { row-gap: var(--unit-32);} .g-r-33-s { row-gap: var(--unit-33);} .g-r-34-s { row-gap: var(--unit-34);} .g-r-35-s { row-gap: var(--unit-35);} .g-r-36-s { row-gap: var(--unit-36);} .g-r-37-s { row-gap: var(--unit-37);} .g-r-38-s { row-gap: var(--unit-38);} .g-r-39-s { row-gap: var(--unit-39);} .g-r-40-s { row-gap: var(--unit-40);} .g-c-0-s { column-gap: 0;} .g-c-1-s { column-gap: var(--unit);} .g-c-2-s { column-gap: var(--unit-2);} .g-c-3-s { column-gap: var(--unit-3);} .g-c-4-s { column-gap: var(--unit-4);} .g-c-5-s { column-gap: var(--unit-5);} .g-c-6-s { column-gap: var(--unit-6);} .g-c-7-s { column-gap: var(--unit-7);} .g-c-8-s { column-gap: var(--unit-8);} .g-c-9-s { column-gap: var(--unit-9);} .g-c-10-s { column-gap: var(--unit-10);} .g-c-11-s { column-gap: var(--unit-11);} .g-c-12-s { column-gap: var(--unit-12);} .g-c-13-s { column-gap: var(--unit-13);} .g-c-14-s { column-gap: var(--unit-14);} .g-c-15-s { column-gap: var(--unit-15);} .g-c-16-s { column-gap: var(--unit-16);} .g-c-17-s { column-gap: var(--unit-17);} .g-c-18-s { column-gap: var(--unit-18);} .g-c-19-s { column-gap: var(--unit-19);} .g-c-20-s { column-gap: var(--unit-20);} .g-c-21-s { column-gap: var(--unit-21);} .g-c-22-s { column-gap: var(--unit-22);} .g-c-23-s { column-gap: var(--unit-23);} .g-c-24-s { column-gap: var(--unit-24);} .g-c-25-s { column-gap: var(--unit-25);} .g-c-26-s { column-gap: var(--unit-26);} .g-c-27-s { column-gap: var(--unit-27);} .g-c-28-s { column-gap: var(--unit-28);} .g-c-29-s { column-gap: var(--unit-29);} .g-c-30-s { column-gap: var(--unit-30);} .g-c-31-s { column-gap: var(--unit-31);} .g-c-32-s { column-gap: var(--unit-32);} .g-c-33-s { column-gap: var(--unit-33);} .g-c-34-s { column-gap: var(--unit-34);} .g-c-35-s { column-gap: var(--unit-35);} .g-c-36-s { column-gap: var(--unit-36);} .g-c-37-s { column-gap: var(--unit-37);} .g-c-38-s { column-gap: var(--unit-38);} .g-c-39-s { column-gap: var(--unit-39);} .g-c-40-s { column-gap: var(--unit-40);} /* 1 -- Structure */ .header-logo img { height: var(--unit-4);} .col-main { padding: 0 var(--padd-main-s);} .menu-log { left: var(--unit-4); bottom: var(--unit-4); right: var(--unit-4); padding: var(--unit-3) var(--unit-6);} .footer-logo img { height: 20rem; width: auto;} .footer-info-b::before { left: var(--padd-s); right: var(--padd-s);} .no-mobile { display: none;} .no-desktop { display: flex;} /* 2 -- Text */ html { font-size: 2vw;} .content-txt h1, .txt-h1 { font-size: var(--txt-h1-s); line-height: var(--txt-h1-lh-s); font-weight: var(--txt-h1-fw-s); letter-spacing: var(--txt-h1-ls-s);} .content-txt h2, .txt-h2 { font-size: var(--txt-h2-s); line-height: var(--txt-h2-lh-s); font-weight: var(--txt-h2-fw-s); letter-spacing: var(--txt-h2-ls-s);} .content-txt h3, .txt-h3 { font-size: var(--txt-h3-s); line-height: var(--txt-h3-lh-s); font-weight: var(--txt-h3-fw-s); letter-spacing: var(--txt-h3-ls-s);} .content-txt h4, .txt-h4 { font-size: var(--txt-h4-s); line-height: var(--txt-h4-lh-s); font-weight: var(--txt-h4-fw-s); letter-spacing: var(--txt-h4-ls-s);} .content-txt h5, .txt-h5 { font-size: var(--txt-h5-s); line-height: var(--txt-h5-lh-s); font-weight: var(--txt-h5-fw-s); letter-spacing: var(--txt-h5-ls-s);} .content-txt h6, .txt-h6 { font-size: var(--txt-h6-s); line-height: var(--txt-h6-lh-s); font-weight: var(--txt-h6-fw-s); letter-spacing: var(--txt-h6-ls-s);} .content-txt p, .content-txt ul, .content-txt ol, .txt-body { font-size: var(--txt-body-s); line-height: var(--txt-body-lh-s); font-weight: var(--txt-body-fw-s); letter-spacing: var(--txt-body-ls-s);} .cta, input[type=submit] { font-size: var(--txt-cta-s); line-height: var(--txt-cta-lh-s); font-weight: var(--txt-cta-fw-s); letter-spacing: var(--txt-cta-ls-s);} .txt-caption { font-size: var(--txt-caption-s); line-height: var(--txt-caption-lh-s); font-weight: var(--txt-caption-fw-s); letter-spacing: var(--txt-caption-ls-s);} .txt-label { font-size: var(--txt-label-s); line-height: var(--txt-label-lh-s); font-weight: var(--txt-label-fw-s); letter-spacing: var(--txt-label-ls-s);} .content-title {margin-bottom: var(--unit-14);} /* 5 -- Components */ .content-box { margin-top: var(--unit-20); margin-bottom: var(--unit-20);} /* content-hero */ .content-hero-in { min-height: calc( 100dvh - var(--unit-32));} .content-hero .content-title { margin-top: var(--unit-20); margin-bottom: var(--unit-10); padding-left: var(--unit-6); padding-right: var(--unit-6);} .content-hero .content-title .txt-h4 { font-size: var(--txt-h5-s); line-height: var(--txt-h5-lh-s); font-weight: var(--txt-h5-fw-s); letter-spacing: var(--txt-h5-ls-s);} /* content-cards-ilustra */ .content-cards-ilustra .content-card { display: flex; flex-direction: column; gap: var(--unit-6);} .content-cards-ilustra img { height: var(--unit-18); width: auto;} /* content-features */ .content-features { flex-direction: column-reverse; gap: var(--unit-4);} /* content-card-quotes */ .content-card-quotes { padding: var(--unit-8);} .content-quotes.content-box { margin-bottom: var(--unit-40); } .content-slider-row .cta-next, .content-slider-row .cta-prev { top: auto; bottom: 0;} .content-slider-row .cta-next { right: 50%; transform: translate(6rem, 6rem);} .content-slider-row .cta-prev { left: 50%; transform: translate(-6rem, 6rem);} /* content-card-audio */ .content-card-audio { margin-bottom: var(--unit-10);} /* content-guide-header */ .content-guide-header-info { padding-top: 0;} .content-guide-header-img { aspect-ratio: auto;} /* content-guide-info */ .content-guide-info { margin-top: var(--unit-10);} /* content-guide-gallery */ .content-guide-gallery-row img { max-height: 100%;} /* content-form-box */ .content-form-box { padding: var(--unit-10) calc(var(--unit-4));} /* content-comprar */ .content-comprar .f-row-s {flex-direction: row-reverse;} /* content-message */ .content-message { min-height: calc( 100dvh - calc(var(--unit-40) + var(--unit-16) ));} /* popup */ .popup-content { padding-top: var(--unit-20); padding-bottom: var(--unit-20);} .popup-player { aspect-ratio: initial; width: 100%; height: 100dvh; font-size: 1em;} .popup-player-app { aspect-ratio: initial; width: 100%; height: 100dvh; border-radius: 0; padding: 3.2em 1.8em;} .popup-player-bg { aspect-ratio: initial; width: 100%; height: 100dvh; border-radius: 0;} .popup-player-top { aspect-ratio: initial; width: 100%; height: 100dvh;} .popup-player-title { margin-bottom: 12em;} .popup-player-app-list { padding: 3.2em .6em;} .popup-player-top-box { padding: 2em 2.4em;} [data-popup="player"] { font-size: 4vw;} [data-popup="player"] .cta-close { top: 1.6em; right: 1.6em; border-radius: 100%; padding: .5em;} [data-popup="player"] .cta-close.hide { opacity: 0; visibility: hidden;} [data-popup="player"] .cta-close:before { width: 1.4em; height: 1.4em;} [data-popup="player"] .popup-content { padding: 0;} [data-popup="player"] .col-main, [data-popup="player"] .p-h { padding: 0;} /* loading */ .content-loading > * { height: 120px;} } @media ( max-width: 480px ) { html { font-size: 2.66667vw;} } /* THE END -- :P */