/* поднять флексы наверх
 * исправить все стили отступы-радиусы-итп в соответствии с конструктором
 * добавить регулировку размера шрифта (в em от основного)
 * добавить регулировку центровки
 * добавить регулировку line-height
 * добавить регулировку uppercase
 * добавить блоки ширины
 * html прописать все необходимые примеры
 * html прописать табы для вкл/выкл примеров, цветов, кода результата
 * js ввести правила для подключения флекса где надо (и по нему включать/выключать блок флекс-стилей)
 * js ввести дополнительные правила для определенных блоков
 * */

.border-0, .border-all-0 *, .border-in-0 > *, .border-href-0 a, .border-href-hov-0 a, .border-href-hov-0 .active a {border-width:0;}
.border-1, .border-all-1 *, .border-in-1 > *, .border-href-1 a, .border-href-hov-1 a, .border-href-hov-1 .active a {border-width:1px;}
.border-2, .border-all-2 *, .border-in-2 > *, .border-href-2 a, .border-href-hov-2 a, .border-href-hov-2 .active a {border-width:2px;}
.border-3, .border-all-3 *, .border-in-3 > *, .border-href-3 a, .border-href-hov-3 a, .border-href-hov-3 .active a {border-width:3px;}
.border-4, .border-all-4 *, .border-in-4 > *, .border-href-4 a, .border-href-hov-4 a, .border-href-hov-4 .active a {border-width:4px;}
.border-5, .border-all-5 *, .border-in-5 > *, .border-href-5 a, .border-href-hov-5 a, .border-href-hov-5 .active a {border-width:5px;}
.border-6, .border-all-6 *, .border-in-6 > *, .border-href-6 a, .border-href-hov-6 a, .border-href-hov-6 .active a {border-width:6px;}
.border-7, .border-all-7 *, .border-in-7 > *, .border-href-7 a, .border-href-hov-7 a, .border-href-hov-7 .active a {border-width:7px;}
.border-8, .border-all-8 *, .border-in-8 > *, .border-href-8 a, .border-href-hov-8 a, .border-href-hov-8 .active a {border-width:8px;}
.border-9, .border-all-9 *, .border-in-9 > *, .border-href-9 a, .border-href-hov-9 a, .border-href-hov-9 .active a {border-width:9px;}
.border-10, .border-all-10 *, .border-in-10 > *, .border-href-10 a, .border-href-hov-10 a, .border-href-hov-10 .active a {border-width:10px;}
.border-15, .border-all-15 *, .border-in-15 > *, .border-href-15 a, .border-href-hov-15 a, .border-href-hov-15 .active a {border-width:15px;}
.border-20, .border-all-20 *, .border-in-20 > *, .border-href-20 a, .border-href-hov-20 a, .border-href-hov-20 .active a {border-width:20px;}
.border-25, .border-all-25 *, .border-in-25 > *, .border-href-25 a, .border-href-hov-25 a, .border-href-hov-25 .active a {border-width:25px;}

.radius-0, .radius-in-0 > *, .radius-href-0 a {border-radius:0;}
.radius-1, .radius-in-1 > *, .radius-href-1 a {border-radius:1px;}
.radius-2, .radius-in-2 > *, .radius-href-2 a {border-radius:2px;}
.radius-3, .radius-in-3 > *, .radius-href-3 a {border-radius:3px;}
.radius-4, .radius-in-4 > *, .radius-href-4 a {border-radius:4px;}
.radius-5, .radius-in-5 > *, .radius-href-5 a {border-radius:5px;}
.radius-6, .radius-in-6 > *, .radius-href-6 a {border-radius:6px;}
.radius-7, .radius-in-7 > *, .radius-href-7 a {border-radius:7px;}
.radius-8, .radius-in-8 > *, .radius-href-8 a {border-radius:8px;}
.radius-9, .radius-in-9 > *, .radius-href-9 a {border-radius:9px;}
.radius-10, .radius-in-10 > *, .radius-href-10 a {border-radius:10px;}
.radius-15, .radius-in-15 > *, .radius-href-15 a {border-radius:15px;}
.radius-20, .radius-in-20 > *, .radius-href-20 a {border-radius:20px;}
.radius-25, .radius-in-25 > *, .radius-href-25 a {border-radius:25px;}

.padding-0, .padding-in-0 > *, .padding-href-0 a {padding:0;}
.padding-1, .padding-in-1 > *, .padding-href-1 a {padding:1px;}
.padding-2, .padding-in-2 > *, .padding-href-2 a {padding:2px;}
.padding-3, .padding-in-3 > *, .padding-href-3 a {padding:3px;}
.padding-4, .padding-in-4 > *, .padding-href-4 a {padding:4px;}
.padding-5, .padding-in-5 > *, .padding-href-5 a {padding:5px;}
.padding-6, .padding-in-6 > *, .padding-href-6 a {padding:6px;}
.padding-7, .padding-in-7 > *, .padding-href-7 a {padding:7px;}
.padding-8, .padding-in-8 > *, .padding-href-8 a {padding:8px;}
.padding-9, .padding-in-9 > *, .padding-href-9 a {padding:9px;}
.padding-10, .padding-in-10 > *, .padding-href-10 a {padding:10px;}
.padding-15, .padding-in-15 > *, .padding-href-15 a {padding:15px;}
.padding-20, .padding-in-20 > *, .padding-href-20 a {padding:20px;}
.padding-25, .padding-in-25 > *, .padding-href-25 a {padding:25px;}

.margin-1, .margin-in-1 > *, .margin-href-1 a {margin:0 auto;}
.margin-1, .margin-in-1 > *, .margin-href-1 a {margin:1px;}
.margin-2, .margin-in-2 > *, .margin-href-2 a {margin:2px;}
.margin-3, .margin-in-3 > *, .margin-href-3 a {margin:3px;}
.margin-4, .margin-in-4 > *, .margin-href-4 a {margin:4px;}
.margin-5, .margin-in-5 > *, .margin-href-5 a {margin:5px;}
.margin-6, .margin-in-6 > *, .margin-href-6 a {margin:6px;}
.margin-7, .margin-in-7 > *, .margin-href-7 a {margin:7px;}
.margin-8, .margin-in-8 > *, .margin-href-8 a {margin:8px;}
.margin-9, .margin-in-9 > *, .margin-href-9 a {margin:9px;}
.margin-10, .margin-in-10 > *, .margin-href-10 a {margin:10px;}
.margin-15, .margin-in-15 > *, .margin-href-15 a {margin:15px;}
.margin-20, .margin-in-20 > *, .margin-href-20 a {margin:20px;}
.margin-25, .margin-in-25 > *, .margin-href-25 a {margin:25px;}

.padding-0-0, .padding-in-0-0 > *, .padding-href-0-0 a {padding:0 0;}
.padding-0-25, .padding-in-0-25 > *, .padding-href-0-25 a {padding:0 0.25em;}
.padding-0-50, .padding-in-0-50 > *, .padding-href-0-50 a {padding:0 0.50em;}
.padding-0-75, .padding-in-0-75 > *, .padding-href-0-75 a {padding:0 0.75em;}
.padding-0-1, .padding-in-0-1 > *, .padding-href-0-1 a {padding:0 1em;}
.padding-0-125, .padding-in-0-125 > *, .padding-href-0-125 a {padding:0 1.25em;}
.padding-0-150, .padding-in-0-150 > *, .padding-href-0-150 a {padding:0 1.50em;}
.padding-0-175, .padding-in-0-175 > *, .padding-href-0-175 a {padding:0 1.75em;}
.padding-0-2, .padding-in-0-2 > *, .padding-href-0-2 a {padding:0 2em;}
.padding-25-0, .padding-in-25-0 > *, .padding-href-25-0 a {padding:0.25em 0;}
.padding-25-25, .padding-in-25-25 > *, .padding-href-25-25 a {padding:0.25em 0.25em;}
.padding-25-50, .padding-in-25-50 > *, .padding-href-25-50 a {padding:0.25em 0.50em;}
.padding-25-75, .padding-in-25-75 > *, .padding-href-25-75 a {padding:0.25em 0.75em;}
.padding-25-1, .padding-in-25-1 > *, .padding-href-25-1 a {padding:0.25em 1em;}
.padding-25-125, .padding-in-25-125 > *, .padding-href-25-125 a {padding:0.25em 1.25em;}
.padding-25-150, .padding-in-25-150 > *, .padding-href-25-150 a {padding:0.25em 1.50em;}
.padding-25-175, .padding-in-25-175 > *, .padding-href-25-175 a {padding:0.25em 1.75em;}
.padding-25-2, .padding-in-25-2 > *, .padding-href-25-2 a {padding:0.25em 2em;}
.padding-50-0, .padding-in-50-0 > *, .padding-href-50-0 a {padding:0.50em 0;}
.padding-50-25, .padding-in-50-25 > *, .padding-href-50-25 a {padding:0.50em 0.25em;}
.padding-50-50, .padding-in-50-50 > *, .padding-href-50-50 a {padding:0.50em 0.50em;}
.padding-50-75, .padding-in-50-75 > *, .padding-href-50-75 a {padding:0.50em 0.75em;}
.padding-50-1, .padding-in-50-1 > *, .padding-href-50-1 a {padding:0.50em 1em;}
.padding-50-125, .padding-in-50-125 > *, .padding-href-50-125 a {padding:0.50em 1.25em;}
.padding-50-150, .padding-in-50-150 > *, .padding-href-50-150 a {padding:0.50em 1.50em;}
.padding-50-175, .padding-in-50-175 > *, .padding-href-50-175 a {padding:0.50em 1.75em;}
.padding-50-2, .padding-in-50-2 > *, .padding-href-50-2 a {padding:0.50em 2em;}
.padding-75-0, .padding-in-75-0 > *, .padding-href-75-0 a {padding:0.75em 0;}
.padding-75-25, .padding-in-75-25 > *, .padding-href-75-25 a {padding:0.75em 0.25em;}
.padding-75-50, .padding-in-75-50 > *, .padding-href-75-50 a {padding:0.75em 0.50em;}
.padding-75-75, .padding-in-75-75 > *, .padding-href-75-75 a {padding:0.75em 0.75em;}
.padding-75-1, .padding-in-75-1 > *, .padding-href-75-1 a {padding:0.75em 1em;}
.padding-75-125, .padding-in-75-125 > *, .padding-href-75-125 a {padding:0.75em 1.25em;}
.padding-75-150, .padding-in-75-150 > *, .padding-href-75-150 a {padding:0.75em 1.50em;}
.padding-75-175, .padding-in-75-175 > *, .padding-href-75-175 a {padding:0.75em 1.75em;}
.padding-75-2, .padding-in-75-2 > *, .padding-href-75-2 a {padding:0.75em 2em;}
.padding-1-0, .padding-in-1-0 > *, .padding-href-1-0 a {padding:1em 0;}
.padding-1-25, .padding-in-1-25 > *, .padding-href-1-25 a {padding:1em 0.25em;}
.padding-1-50, .padding-in-1-50 > *, .padding-href-1-50 a {padding:1em 0.50em;}
.padding-1-75, .padding-in-1-75 > *, .padding-href-1-75 a {padding:1em 0.75em;}
.padding-1-1, .padding-in-1-1 > *, .padding-href-1-1 a {padding:1em 1em;}
.padding-1-125, .padding-in-1-125 > *, .padding-href-1-125 a {padding:1em 1.25em;}
.padding-1-150, .padding-in-1-150 > *, .padding-href-1-150 a {padding:1em 1.50em;}
.padding-1-175, .padding-in-1-175 > *, .padding-href-1-175 a {padding:1em 1.75em;}
.padding-1-2, .padding-in-1-2 > *, .padding-href-1-2 a {padding:1em 2em;}
.padding-125-0, .padding-in-125-0 > *, .padding-href-125-0 a {padding:1.25em 0;}
.padding-125-25, .padding-in-125-25 > *, .padding-href-125-25 a {padding:1.25em 0.25em;}
.padding-125-50, .padding-in-125-50 > *, .padding-href-125-50 a {padding:1.25em 0.50em;}
.padding-125-75, .padding-in-125-75 > *, .padding-href-125-75 a {padding:1.25em 0.75em;}
.padding-125-1, .padding-in-125-1 > *, .padding-href-125-1 a {padding:1.25em 1em;}
.padding-125-125, .padding-in-125-125 > *, .padding-href-125-125 a {padding:1.25em 1.25em;}
.padding-125-150, .padding-in-125-150 > *, .padding-href-125-150 a {padding:1.25em 1.50em;}
.padding-125-175, .padding-in-125-175 > *, .padding-href-125-175 a {padding:1.25em 1.75em;}
.padding-125-2, .padding-in-125-2 > *, .padding-href-125-2 a {padding:1.25em 2em;}
.padding-150-0, .padding-in-150-0 > *, .padding-href-150-0 a {padding:1.50em 0;}
.padding-150-25, .padding-in-150-25 > *, .padding-href-150-25 a {padding:1.50em 0.25em;}
.padding-150-50, .padding-in-150-50 > *, .padding-href-150-50 a {padding:1.50em 0.50em;}
.padding-150-75, .padding-in-150-75 > *, .padding-href-150-75 a {padding:1.50em 0.75em;}
.padding-150-1, .padding-in-150-1 > *, .padding-href-150-1 a {padding:1.50em 1em;}
.padding-150-125, .padding-in-150-125 > *, .padding-href-150-125 a {padding:1.50em 1.25em;}
.padding-150-150, .padding-in-150-150 > *, .padding-href-150-150 a {padding:1.50em 1.50em;}
.padding-150-175, .padding-in-150-175 > *, .padding-href-150-175 a {padding:1.50em 1.75em;}
.padding-150-2, .padding-in-150-2 > *, .padding-href-150-2 a {padding:1.50em 2em;}
.padding-175-0, .padding-in-175-0 > *, .padding-href-175-0 a {padding:1.75em 0;}
.padding-175-25, .padding-in-175-25 > *, .padding-href-175-25 a {padding:1.75em 0.25em;}
.padding-175-50, .padding-in-175-50 > *, .padding-href-175-50 a {padding:1.75em 0.50em;}
.padding-175-75, .padding-in-175-75 > *, .padding-href-175-75 a {padding:1.75em 0.75em;}
.padding-175-1, .padding-in-175-1 > *, .padding-href-175-1 a {padding:1.75em 1em;}
.padding-175-125, .padding-in-175-125 > *, .padding-href-175-125 a {padding:1.75em 1.25em;}
.padding-175-150, .padding-in-175-150 > *, .padding-href-175-150 a {padding:1.75em 1.50em;}
.padding-175-175, .padding-in-175-175 > *, .padding-href-175-175 a {padding:1.75em 1.75em;}
.padding-175-2, .padding-in-175-2 > *, .padding-href-175-2 a {padding:1.75em 2em;}
.padding-2-0, .padding-in-2-0 > *, .padding-href-2-0 a {padding:2em 0;}
.padding-2-25, .padding-in-2-25 > *, .padding-href-2-25 a {padding:2em 0.25em;}
.padding-2-50, .padding-in-2-50 > *, .padding-href-2-50 a {padding:2em 0.50em;}
.padding-2-75, .padding-in-2-75 > *, .padding-href-2-75 a {padding:2em 0.75em;}
.padding-2-1, .padding-in-2-1 > *, .padding-href-2-1 a {padding:2em 1em;}
.padding-2-125, .padding-in-2-125 > *, .padding-href-2-125 a {padding:2em 1.25em;}
.padding-2-150, .padding-in-2-150 > *, .padding-href-2-150 a {padding:2em 1.50em;}
.padding-2-175, .padding-in-2-175 > *, .padding-href-2-175 a {padding:2em 1.75em;}
.padding-2-2, .padding-in-2-2 > *, .padding-href-2-2 a {padding:2em 2em;}

.margin-0-auto, .margin-in-0-auto > *, .margin-href-0-auto a {margin:0 auto;}
.margin-0-0, .margin-in-0-0 > *, .margin-href-0-0 a {margin:0 0;}
.margin-0-25, .margin-in-0-25 > *, .margin-href-0-25 a {margin:0 0.25em;}
.margin-0-50, .margin-in-0-50 > *, .margin-href-0-50 a {margin:0 0.50em;}
.margin-0-75, .margin-in-0-75 > *, .margin-href-0-75 a {margin:0 0.75em;}
.margin-0-1, .margin-in-0-1 > *, .margin-href-0-1 a {margin:0 1em;}
.margin-0-125, .margin-in-0-125 > *, .margin-href-0-125 a {margin:0 1.25em;}
.margin-0-150, .margin-in-0-150 > *, .margin-href-0-150 a {margin:0 1.50em;}
.margin-0-175, .margin-in-0-175 > *, .margin-href-0-175 a {margin:0 1.75em;}
.margin-0-2, .margin-in-0-2 > *, .margin-href-0-2 a {margin:0 2em;}
.margin-25-auto, .margin-in-25-auto > *, .margin-href-25-auto a {margin:0.25em auto;}
.margin-25-0, .margin-in-25-0 > *, .margin-href-25-0 a {margin:0.25em 0;}
.margin-25-25, .margin-in-25-25 > *, .margin-href-25-25 a {margin:0.25em 0.25em;}
.margin-25-50, .margin-in-25-50 > *, .margin-href-25-50 a {margin:0.25em 0.50em;}
.margin-25-75, .margin-in-25-75 > *, .margin-href-25-75 a {margin:0.25em 0.75em;}
.margin-25-1, .margin-in-25-1 > *, .margin-href-25-1 a {margin:0.25em 1em;}
.margin-25-125, .margin-in-25-125 > *, .margin-href-25-125 a {margin:0.25em 1.25em;}
.margin-25-150, .margin-in-25-150 > *, .margin-href-25-150 a {margin:0.25em 1.50em;}
.margin-25-175, .margin-in-25-175 > *, .margin-href-25-175 a {margin:0.25em 1.75em;}
.margin-25-2, .margin-in-25-2 > *, .margin-href-25-2 a {margin:0.25em 2em;}
.margin-50-auto, .margin-in-50-auto > *, .margin-href-50-auto a {margin:0.50em auto;}
.margin-50-0, .margin-in-50-0 > *, .margin-href-50-0 a {margin:0.50em 0;}
.margin-50-25, .margin-in-50-25 > *, .margin-href-50-25 a {margin:0.50em 0.25em;}
.margin-50-50, .margin-in-50-50 > *, .margin-href-50-50 a {margin:0.50em 0.50em;}
.margin-50-75, .margin-in-50-75 > *, .margin-href-50-75 a {margin:0.50em 0.75em;}
.margin-50-1, .margin-in-50-1 > *, .margin-href-50-1 a {margin:0.50em 1em;}
.margin-50-125, .margin-in-50-125 > *, .margin-href-50-125 a {margin:0.50em 1.25em;}
.margin-50-150, .margin-in-50-150 > *, .margin-href-50-150 a {margin:0.50em 1.50em;}
.margin-50-175, .margin-in-50-175 > *, .margin-href-50-175 a {margin:0.50em 1.75em;}
.margin-50-2, .margin-in-50-2 > *, .margin-href-50-2 a {margin:0.50em 2em;}
.margin-75-auto, .margin-in-75-auto > *, .margin-href-75-auto a {margin:0.75em auto;}
.margin-75-0, .margin-in-75-0 > *, .margin-href-75-0 a {margin:0.75em 0;}
.margin-75-25, .margin-in-75-25 > *, .margin-href-75-25 a {margin:0.75em 0.25em;}
.margin-75-50, .margin-in-75-50 > *, .margin-href-75-50 a {margin:0.75em 0.50em;}
.margin-75-75, .margin-in-75-75 > *, .margin-href-75-75 a {margin:0.75em 0.75em;}
.margin-75-1, .margin-in-75-1 > *, .margin-href-75-1 a {margin:0.75em 1em;}
.margin-75-125, .margin-in-75-125 > *, .margin-href-75-125 a {margin:0.75em 1.25em;}
.margin-75-150, .margin-in-75-150 > *, .margin-href-75-150 a {margin:0.75em 1.50em;}
.margin-75-175, .margin-in-75-175 > *, .margin-href-75-175 a {margin:0.75em 1.75em;}
.margin-75-2, .margin-in-75-2 > *, .margin-href-75-2 a {margin:0.75em 2em;}
.margin-1-auto, .margin-in-1-auto > *, .margin-href-1-auto a {margin:1em auto;}
.margin-1-0, .margin-in-1-0 > *, .margin-href-1-0 a {margin:1em 0;}
.margin-1-25, .margin-in-1-25 > *, .margin-href-1-25 a {margin:1em 0.25em;}
.margin-1-50, .margin-in-1-50 > *, .margin-href-1-50 a {margin:1em 0.50em;}
.margin-1-75, .margin-in-1-75 > *, .margin-href-1-75 a {margin:1em 0.75em;}
.margin-1-1, .margin-in-1-1 > *, .margin-href-1-1 a {margin:1em 1em;}
.margin-1-125, .margin-in-1-125 > *, .margin-href-1-125 a {margin:1em 1.25em;}
.margin-1-150, .margin-in-1-150 > *, .margin-href-1-150 a {margin:1em 1.50em;}
.margin-1-175, .margin-in-1-175 > *, .margin-href-1-175 a {margin:1em 1.75em;}
.margin-1-2, .margin-in-1-2 > *, .margin-href-1-2 a {margin:1em 2em;}
.margin-125-auto, .margin-in-125-auto > *, .margin-href-125-auto a {margin:1.25em auto;}
.margin-125-0, .margin-in-125-0 > *, .margin-href-125-0 a {margin:1.25em 0;}
.margin-125-25, .margin-in-125-25 > *, .margin-href-125-25 a {margin:1.25em 0.25em;}
.margin-125-50, .margin-in-125-50 > *, .margin-href-125-50 a {margin:1.25em 0.50em;}
.margin-125-75, .margin-in-125-75 > *, .margin-href-125-75 a {margin:1.25em 0.75em;}
.margin-125-1, .margin-in-125-1 > *, .margin-href-125-1 a {margin:1.25em 1em;}
.margin-125-125, .margin-in-125-125 > *, .margin-href-125-125 a {margin:1.25em 1.25em;}
.margin-125-150, .margin-in-125-150 > *, .margin-href-125-150 a {margin:1.25em 1.50em;}
.margin-125-175, .margin-in-125-175 > *, .margin-href-125-175 a {margin:1.25em 1.75em;}
.margin-125-2, .margin-in-125-2 > *, .margin-href-125-2 a {margin:1.25em 2em;}
.margin-150-auto, .margin-in-150-auto > *, .margin-href-150-auto a {margin:1.50em auto;}
.margin-150-0, .margin-in-150-0 > *, .margin-href-150-0 a {margin:1.50em 0;}
.margin-150-25, .margin-in-150-25 > *, .margin-href-150-25 a {margin:1.50em 0.25em;}
.margin-150-50, .margin-in-150-50 > *, .margin-href-150-50 a {margin:1.50em 0.50em;}
.margin-150-75, .margin-in-150-75 > *, .margin-href-150-75 a {margin:1.50em 0.75em;}
.margin-150-1, .margin-in-150-1 > *, .margin-href-150-1 a {margin:1.50em 1em;}
.margin-150-125, .margin-in-150-125 > *, .margin-href-150-125 a {margin:1.50em 1.25em;}
.margin-150-150, .margin-in-150-150 > *, .margin-href-150-150 a {margin:1.50em 1.50em;}
.margin-150-175, .margin-in-150-175 > *, .margin-href-150-175 a {margin:1.50em 1.75em;}
.margin-150-2, .margin-in-150-2 > *, .margin-href-150-2 a {margin:1.50em 2em;}
.margin-175-auto, .margin-in-175-auto > *, .margin-href-175-auto a {margin:1.75em auto;}
.margin-175-0, .margin-in-175-0 > *, .margin-href-175-0 a {margin:1.75em 0;}
.margin-175-25, .margin-in-175-25 > *, .margin-href-175-25 a {margin:1.75em 0.25em;}
.margin-175-50, .margin-in-175-50 > *, .margin-href-175-50 a {margin:1.75em 0.50em;}
.margin-175-75, .margin-in-175-75 > *, .margin-href-175-75 a {margin:1.75em 0.75em;}
.margin-175-1, .margin-in-175-1 > *, .margin-href-175-1 a {margin:1.75em 1em;}
.margin-175-125, .margin-in-175-125 > *, .margin-href-175-125 a {margin:1.75em 1.25em;}
.margin-175-150, .margin-in-175-150 > *, .margin-href-175-150 a {margin:1.75em 1.50em;}
.margin-175-175, .margin-in-175-175 > *, .margin-href-175-175 a {margin:1.75em 1.75em;}
.margin-175-2, .margin-in-175-2 > *, .margin-href-175-2 a {margin:1.75em 2em;}
.margin-2-auto, .margin-in-2-auto > *, .margin-href-2-auto a {margin:2em auto;}
.margin-2-0, .margin-in-2-0 > *, .margin-href-2-0 a {margin:2em 0;}
.margin-2-25, .margin-in-2-25 > *, .margin-href-2-25 a {margin:2em 0.25em;}
.margin-2-50, .margin-in-2-50 > *, .margin-href-2-50 a {margin:2em 0.50em;}
.margin-2-75, .margin-in-2-75 > *, .margin-href-2-75 a {margin:2em 0.75em;}
.margin-2-1, .margin-in-2-1 > *, .margin-href-2-1 a {margin:2em 1em;}
.margin-2-125, .margin-in-2-125 > *, .margin-href-2-125 a {margin:2em 1.25em;}
.margin-2-150, .margin-in-2-150 > *, .margin-href-2-150 a {margin:2em 1.50em;}
.margin-2-175, .margin-in-2-175 > *, .margin-href-2-175 a {margin:2em 1.75em;}
.margin-2-2, .margin-in-2-2 > *, .margin-href-2-2 a {margin:2em 2em;}

.flx {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	align-content:center;
	margin:0 auto;
}
#main .flx {margin:1em auto;}

.flx > * {
	display:inline-block;
	flex-basis:auto;
}

.flx-1 > * {width:calc(100% - 16px);}
.flx-2 > * {width:calc(100% / 2 - 16px);}
.flx-3 > * {width:calc(100% / 3 - 16px);}
.flx-4 > * {width:calc(100% / 4 - 16px);}
.flx-5 > * {width:calc(100% / 5 - 16px);}
.flx-6 > * {width:calc(100% / 6 - 16px);}
.flx-2, .flx-3, .flx-4, .flx-5, .flx-6 {justify-content:center;} 
.flx-2 > *, .flx-3 > *, .flx-4 > *, .flx-5 > *, .flx-6 > * {margin:8px;} 
@media (max-width:1024px){
.flx-2 > * {width:calc(100% - 16px);}
.flx-5 > * {width:calc(100% / 3 - 16px);}
.flx-6 > * {width:calc(100% / 4 - 16px);}
}
@media (max-width:900px){
.flx-1 > *,
.flx-2 > *,
.flx-3 > * {width:calc(100% - 10px);}
.flx-4 > * {width:calc(100% / 2 - 10px);}
.flx-5 > *, 
.flx-6 > * {width:calc(100% / 3 - 10px);}
.flx-2 > *, .flx-3 > *, .flx-4 > *, .flx-5 > *, .flx-6 > * {margin:5px;} 
}
@media (max-width:600px){
.flx-4 > * {width:calc(100% - 10px);}
.flx-5 > * {width:calc(100% / 2 - 10px);}
.flx-6 > * {width:calc(100% / 2 - 10px);}
}
@media (max-width:400px){
.flx-5 > * {width:calc(100% - 10px);}
.flx-6 > * {width:calc(100% - 10px);}
}

.flx-50 > * {width:50px;}
.flx-75 > * {width:75px;}
.flx-100 > * {width:100px;}
.flx-125 > * {width:125px;}
.flx-150 > * {width:150px;}
.flx-175 > * {width:175px;}
.flx-200 > * {width:200px;}
.flx-225 > * {width:225px;}
.flx-250 > * {width:250px;}
.flx-275 > * {width:275px;}
.flx-300 > * {width:300px;}
.flx-325 > * {width:325px;}
.flx-350 > * {width:350px;}
.flx-50, .flx-75, .flx-100, .flx-125, .flx-150, .flx-175, .flx-200, .flx-225. .flx-250, .flx-275, .flx-300, .flx-325, .flx-350 {margin:8px;flex-wrap:wrap;}
@media (max-width:650px){
.flx-50, .flx-75, .flx-100, .flx-125, .flx-150, .flx-175, .flx-200, .flx-225. .flx-250, .flx-275, .flx-300, .flx-325, .flx-350 {margin:5px;}
.flx-275 > *, .flx-300 > *, .flx-325 > *, .flx-350 > * {width:250px;}
}

.flx-center {justify-content:center}
.flx-left {justify-content:flex-start;}
.flx-right {justify-content:flex-end;}
.flx-between {justify-content:space-between;}
.flx-around {justify-content:space-around;}

.flx-top {align-items:flex-start;}
.flx-bottom {align-items:flex-end;}
.flx-vcenter {align-items:center;}
.flx-stretch {align-items:stretch;}

.flin-000 {display:none;}
.flin-100 {width:100%!important;margin:none!important;margin:0;}
.flin-wide {flex-grow:1;}







ul.li-set,
ol.li-set {
    counter-reset:li;
    padding:0;
    list-style:none;
  list-style-image:none!important;
}
ul.li-set>li,
ol.li-set>li {
    position:relative;
    margin-left:2em;
    line-height:160%;
}
ul.li-set>li:before {content:'✔';}
ol.li-set>li:before {
    content:counter(li);
    counter-increment:li;
}

ul.li-set>li:before,
ol.li-set>li:before {
    position:absolute;
    left:-2em;
    font-weight:bold;
    text-align:center;
    display:block;
    box-sizing:border-box;
    height:1.6em;
    line-height:1.6em;
    width:1.6em;
}
.li-rad>li:before,
.li-quad>li:before {
	border-width:2px;
	border-style:solid;
}
.li-rad>li:before {
	border-radius:50%;
}
.li-o>li:before {
	color:rgb(255,165,8);
	border-color:rgb(255,165,8);
}
.li-o-in>li:before {
	color:#fff;
	background:rgb(255,165,8);
	border-color:rgb(255,165,8);
}
.li-b>li:before {
	color:rgb(6,133,215);
	border-color:rgb(6,133,215);
}
.li-b-in>li:before {
	color:#fff;
	background:rgb(6,133,215);
	border-color:rgb(6,133,215);
}
.li-r>li:before {
	color:rgb(200,0,0);
	border-color:rgb(200,0,0);
}
.li-r-in>li:before {
	color:#fff;
	background:rgb(200,0,0);
	border-color:rgb(200,0,0);
}