/* поднять флексы наверх * исправить все стили отступы-радиусы-итп в соответствии с конструктором * добавить регулировку размера шрифта (в 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); } /* стили оформления документа */ /* содержание */ .sh-order, #main .sh-order {padding:1em;margin:1em 0;background:rgba(6,133,215,0.1);font-size:1.1em;} .sh-order ol, .sh-order a, #main .sh-order ol, #main .sh-order a {font-size:16px;} .sh-order ol, #main .sh-order ol {margin-bottom:0;} .sh-order ol li, #main .sh-order ol li {margin-bottom:0.75em;} .sh-order a, #main .sh-order a {border-bottom:2px dotted rgb(62,96,146);} .sh-order a:hover, #main .sh-order a:hover {border-bottom:2px dotted rgb(6,133,215);} /* цитата с портретом */ .sh-quote, #main .sh-quote {margin:1em 0;padding:1em;color:rgba(0,0,0,0.75);font-style:italic;min-height:calc(120px + 2em);padding-left: calc(120px + 1em)!important;} .sh-quote img, #main .sh-quote img {float:left;width:20%;max-width:120px;height:auto;border-radius:60px;margin-right:1em;margin-left: -120px; margin-left: calc(-1em - 120px);} .sh-quote .sh-but-o, .sh-quote .sh-but-b {font-style:normal;} /* блок или ссылка с иконкой */ .sh-b-1 {background-image:url('/images/ic-b/1.png');} .sh-b-2 {background-image:url('/images/ic-b/2.png');} .sh-b-3 {background-image:url('/images/ic-b/3.png');} .sh-b-4 {background-image:url('/images/ic-b/4.png');} .sh-b-5 {background-image:url('/images/ic-b/5.png');} .sh-b-6 {background-image:url('/images/ic-b/6.png');} .sh-b-7 {background-image:url('/images/ic-b/7.png');} .sh-b-8 {background-image:url('/images/ic-b/8.png');} .sh-b-9 {background-image:url('/images/ic-b/9.png');} .sh-b-0 {background-image:url('/images/ic-b/0.png');} .sh-b-archive {background-image:url('/images/ic-b/archive.png');} .sh-b-cite {background-image:url('/images/ic-b/cite.png');} .sh-b-cloud {background-image:url('/images/ic-b/cloud.png');} .sh-b-date {background-image:url('/images/ic-b/date.png');} .sh-b-diagr {background-image:url('/images/ic-b/diagr.png');} .sh-b-diagc {background-image:url('/images/ic-b/diagc.png');} .sh-b-docs {background-image:url('/images/ic-b/docs.png');} .sh-b-flag {background-image:url('/images/ic-b/flag.png');} .sh-b-fold {background-image:url('/images/ic-b/fold.png');} .sh-b-galk {background-image:url('/images/ic-b/galk.png');} .sh-b-geo {background-image:url('/images/ic-b/geo.png');} .sh-b-heart {background-image:url('/images/ic-b/heart.png');} .sh-b-href {background-image:url('/images/ic-b/href.png');} .sh-b-info {background-image:url('/images/ic-b/info.png');} .sh-b-mail {background-image:url('/images/ic-b/mail.png');} .sh-b-phone {background-image:url('/images/ic-b/phone.png');} .sh-b-speak {background-image:url('/images/ic-b/speak.png');} .sh-b-tools {background-image:url('/images/ic-b/tools.png');} .sh-b-warn {background-image:url('/images/ic-b/warn.png');} .sh-b-down {background-image:url('/images/ic-b/down.png');} .sh-o-1 {background-image:url('/images/ic-o/1.png');} .sh-o-2 {background-image:url('/images/ic-o/2.png');} .sh-o-3 {background-image:url('/images/ic-o/3.png');} .sh-o-4 {background-image:url('/images/ic-o/4.png');} .sh-o-5 {background-image:url('/images/ic-o/5.png');} .sh-o-6 {background-image:url('/images/ic-o/6.png');} .sh-o-7 {background-image:url('/images/ic-o/7.png');} .sh-o-8 {background-image:url('/images/ic-o/8.png');} .sh-o-9 {background-image:url('/images/ic-o/9.png');} .sh-o-0 {background-image:url('/images/ic-o/0.png');} .sh-o-archive {background-image:url('/images/ic-o/archive.png');} .sh-o-cite {background-image:url('/images/ic-o/cite.png');} .sh-o-cloud {background-image:url('/images/ic-o/cloud.png');} .sh-o-date {background-image:url('/images/ic-o/date.png');} .sh-o-diagr {background-image:url('/images/ic-o/diagr.png');} .sh-o-diagc {background-image:url('/images/ic-o/diagc.png');} .sh-o-docs {background-image:url('/images/ic-o/docs.png');} .sh-o-flag {background-image:url('/images/ic-o/flag.png');} .sh-o-fold {background-image:url('/images/ic-o/fold.png');} .sh-o-galk {background-image:url('/images/ic-o/galk.png');} .sh-o-geo {background-image:url('/images/ic-o/geo.png');} .sh-o-heart {background-image:url('/images/ic-o/heart.png');} .sh-o-href {background-image:url('/images/ic-o/href.png');} .sh-o-info {background-image:url('/images/ic-o/info.png');} .sh-o-mail {background-image:url('/images/ic-o/mail.png');} .sh-o-phone {background-image:url('/images/ic-o/phone.png');} .sh-o-speak {background-image:url('/images/ic-o/speak.png');} .sh-o-tools {background-image:url('/images/ic-o/tools.png');} .sh-o-warn {background-image:url('/images/ic-o/warn.png');} .sh-o-down {background-image:url('/images/ic-o/down.png');} .sh-1.sh-block-b:before, .sh-1.sh-block-o:before, .sh-1.sh-block:before, .sh-1 {background-image:url('/images/ic-b/1.png');} .sh-2.sh-block-b:before, .sh-2.sh-block-o:before, .sh-2.sh-block:before, .sh-2 {background-image:url('/images/ic-b/2.png');} .sh-3.sh-block-b:before, .sh-3.sh-block-o:before, .sh-3.sh-block:before, .sh-3 {background-image:url('/images/ic-b/3.png');} .sh-4.sh-block-b:before, .sh-4.sh-block-o:before, .sh-4.sh-block:before, .sh-4 {background-image:url('/images/ic-b/4.png');} .sh-5.sh-block-b:before, .sh-5.sh-block-o:before, .sh-5.sh-block:before, .sh-5 {background-image:url('/images/ic-b/5.png');} .sh-6.sh-block-b:before, .sh-6.sh-block-o:before, .sh-6.sh-block:before, .sh-6 {background-image:url('/images/ic-b/6.png');} .sh-7.sh-block-b:before, .sh-7.sh-block-o:before, .sh-7.sh-block:before, .sh-7 {background-image:url('/images/ic-b/7.png');} .sh-8.sh-block-b:before, .sh-8.sh-block-o:before, .sh-8.sh-block:before, .sh-8 {background-image:url('/images/ic-b/8.png');} .sh-9.sh-block-b:before, .sh-9.sh-block-o:before, .sh-9.sh-block:before, .sh-9 {background-image:url('/images/ic-b/9.png');} .sh-0.sh-block-b:before, .sh-0.sh-block-o:before, .sh-0.sh-block:before, .sh-0 {background-image:url('/images/ic-b/0.png');} .sh-archive.sh-block-b:before, .sh-archive.sh-block-o:before, .sh-archive.sh-block:before, .sh-archive {background-image:url('/images/ic-b/archive.png');} .sh-cite.sh-block-b:before, .sh-cite.sh-block-o:before, .sh-cite.sh-block:before, .sh-cite {background-image:url('/images/ic-b/cite.png');} .sh-cloud.sh-block-b:before, .sh-cloud.sh-block-o:before, .sh-cloud.sh-block:before, .sh-cloud {background-image:url('/images/ic-b/cloud.png');} .sh-date.sh-block-b:before, .sh-date.sh-block-o:before, .sh-date.sh-block:before, .sh-date {background-image:url('/images/ic-b/date.png');} .sh-diagr.sh-block-b:before, .sh-diagr.sh-block-o:before, .sh-diagr.sh-block:before, .sh-diagr {background-image:url('/images/ic-b/diagr.png');} .sh-diagc.sh-block-b:before, .sh-diagc.sh-block-o:before, .sh-diagc.sh-block:before, .sh-diagc {background-image:url('/images/ic-b/diagc.png');} .sh-docs.sh-block-b:before, .sh-docs.sh-block-o:before, .sh-docs.sh-block:before, .sh-docs {background-image:url('/images/ic-b/docs.png');} .sh-flag.sh-block-b:before, .sh-flag.sh-block-o:before, .sh-flag.sh-block:before, .sh-flag {background-image:url('/images/ic-b/flag.png');} .sh-fold.sh-block-b:before, .sh-fold.sh-block-o:before, .sh-fold.sh-block:before, .sh-fold {background-image:url('/images/ic-b/fold.png');} .sh-galk.sh-block-b:before, .sh-galk.sh-block-o:before, .sh-galk.sh-block:before, .sh-galk {background-image:url('/images/ic-b/galk.png');} .sh-geo.sh-block-b:before, .sh-geo.sh-block-o:before, .sh-geo.sh-block:before, .sh-geo {background-image:url('/images/ic-b/geo.png');} .sh-heart.sh-block-b:before, .sh-heart.sh-block-o:before, .sh-heart.sh-block:before, .sh-heart {background-image:url('/images/ic-b/heart.png');} .sh-href.sh-block-b:before, .sh-href.sh-block-o:before, .sh-href.sh-block:before, .sh-href {background-image:url('/images/ic-b/href.png');} .sh-info.sh-block-b:before, .sh-info.sh-block-o:before, .sh-info.sh-block:before, .sh-info {background-image:url('/images/ic-b/info.png');} .sh-mail.sh-block-b:before, .sh-mail.sh-block-o:before, .sh-mail.sh-block:before, .sh-mail {background-image:url('/images/ic-b/mail.png');} .sh-phone.sh-block-b:before, .sh-phone.sh-block-o:before, .sh-phone.sh-block:before, .sh-phone {background-image:url('/images/ic-b/phone.png');} .sh-speak.sh-block-b:before, .sh-speak.sh-block-o:before, .sh-speak.sh-block:before, .sh-speak {background-image:url('/images/ic-b/speak.png');} .sh-tools.sh-block-b:before, .sh-tools.sh-block-o:before, .sh-tools.sh-block:before, .sh-tools {background-image:url('/images/ic-b/tools.png');} .sh-warn.sh-block-b:before, .sh-warn.sh-block-o:before, .sh-warn.sh-block:before, .sh-warn {background-image:url('/images/ic-b/warn.png');} .sh-down.sh-block-b:before, .sh-down.sh-block-o:before, .sh-down.sh-block:before, .sh-down {background-image:url('/images/ic-b/down.png');} .sh-b-1.sh-block-b:before {background-image:url('/images/ic-b/1.png');} .sh-b-2.sh-block-b:before {background-image:url('/images/ic-b/2.png');} .sh-b-3.sh-block-b:before {background-image:url('/images/ic-b/3.png');} .sh-b-4.sh-block-b:before {background-image:url('/images/ic-b/4.png');} .sh-b-5.sh-block-b:before {background-image:url('/images/ic-b/5.png');} .sh-b-6.sh-block-b:before {background-image:url('/images/ic-b/6.png');} .sh-b-7.sh-block-b:before {background-image:url('/images/ic-b/7.png');} .sh-b-8.sh-block-b:before {background-image:url('/images/ic-b/8.png');} .sh-b-9.sh-block-b:before {background-image:url('/images/ic-b/9.png');} .sh-b-0.sh-block-b:before {background-image:url('/images/ic-b/0.png');} .sh-b-archive.sh-block-b:before {background-image:url('/images/ic-b/archive.png');} .sh-b-cite.sh-block-b:before {background-image:url('/images/ic-b/cite.png');} .sh-b-cloud.sh-block-b:before {background-image:url('/images/ic-b/cloud.png');} .sh-b-date.sh-block-b:before {background-image:url('/images/ic-b/date.png');} .sh-b-diagr.sh-block-b:before {background-image:url('/images/ic-b/diagr.png');} .sh-b-diagc.sh-block-b:before {background-image:url('/images/ic-b/diagc.png');} .sh-b-docs.sh-block-b:before {background-image:url('/images/ic-b/docs.png');} .sh-b-flag.sh-block-b:before {background-image:url('/images/ic-b/flag.png');} .sh-b-fold.sh-block-b:before {background-image:url('/images/ic-b/fold.png');} .sh-b-galk.sh-block-b:before {background-image:url('/images/ic-b/galk.png');} .sh-b-geo.sh-block-b:before {background-image:url('/images/ic-b/geo.png');} .sh-b-heart.sh-block-b:before {background-image:url('/images/ic-b/heart.png');} .sh-b-href.sh-block-b:before {background-image:url('/images/ic-b/href.png');} .sh-b-info.sh-block-b:before {background-image:url('/images/ic-b/info.png');} .sh-b-mail.sh-block-b:before {background-image:url('/images/ic-b/mail.png');} .sh-b-phone.sh-block-b:before {background-image:url('/images/ic-b/phone.png');} .sh-b-speak.sh-block-b:before {background-image:url('/images/ic-b/speak.png');} .sh-b-tools.sh-block-b:before {background-image:url('/images/ic-b/tools.png');} .sh-b-warn.sh-block-b:before {background-image:url('/images/ic-b/warn.png');} .sh-b-down.sh-block-b:before {background-image:url('/images/ic-b/down.png');} .sh-ic, #main .sh-ic {display:block;padding:0.25em 0.25em 0.25em 2em;background-size:1.5em auto;background-position:left center;background-repeat:no-repeat;margin:0.5em auto;} .sh-ic2, #main .sh-ic2 {display:inline-block;padding:0.25em 0.25em 0.25em 2em;background-size:1.5em auto;background-position:left center;background-repeat:no-repeat;} .sh-block-o, .sh-block-b, #main .sh-block-o, #main .sh-block-b { padding: 1em 1em 1em 4em; margin: 1.5em 1em 1em 1em; margin: 1em 0; background-image:none; box-sizing: border-box; padding:1em; min-height:5.5em; } .sh-block-b {background-color: rgba(6,133,215,0.1);border-right:4px solid rgb(62,96,146);} .sh-block-o {background-color:rgba(255,228,0,0.5);border-right:4px solid rgb(255,95,17);} .sh-block, .sh-block-b, .sh-block-o {position:relative;} .sh-block:before, .sh-block-b:before, .sh-block-o:before { position:absolute; /* left:-0.5em; top:-0.5em;*/ width:3.5em; height:3.5em; border-radius:0; background-position:center center; background-repeat:no-repeat; background-size:2em; content:''; display:block; float:left; margin-bottom:1em; position:relative; min-width:3.5em; max-width:3.5em; margin-right:1em; } #main .sh-block, #main .sh-block-o,#main .sh-block-b {display: flex;align-items: center;} .sh-block:before, .sh-block-b:before, .sh-block-o:before {margin-bottom:0;} .sh-block-b.sh-noicon, #main .sh-block-b.sh-noicon, .sh-block-o.sh-noicon, #main .sh-block-o.sh-noicon {padding:1em;margin:1em;} .sh-noicon:before {display:none!important;} .sh-round:before {border-radius:50%;} .sh-block-b:before { background-color:rgb(62,96,146); } .sh-block-o:before { background-color:rgb(255,95,17); } /* Кнопка с иконкой */ .sh-but-o, .sh-but-b, #main .sh-but-o, #main .sh-but-b { display:inline-block; padding:0.25em 0.75em 0.25em 3em; margin:0.5em 1em; border:2px solid #000; background-size:1.95em; background-repeat:no-repeat; background-position:0.25em center; color:#fff; text-transform:uppercase; font-size:24px; font-weight:bold; } .sh-but-o.sh-noicon, .sh-but-b.sh-noicon, #main .sh-but-o.sh-noicon, #main .sh-but-b.sh-noicon {padding:0.25em 0.75em;} #main .sh-but-o, .sh-but-o {background-color:rgb(255,200,0,0.5);border-color:rgb(255,95,17);} #main .sh-but-o:hover, .sh-but-o:hover {background-color:rgb(255,228,0);color:#fff;} #main .sh-but-b, .sh-but-b {background-color:rgb(62,96,146);border-color:rgb(62,96,146);} #main .sh-but-b:hover, .sh-but-b:hover {background-color:rgb(6,133,215);color:#fff;} .sh-but-b.sh-noicon:hover, #main .sh-but-b.sh-noicon:hover {background:#fff;color:rgb(62,96,146);} .sh-but-o.sh-noicon:hover, #main .sh-but-o.sh-noicon:hover {background:#fff;color:rgb(255,95,17);} .flx.shflx { max-width:770px; justify-content:left; padding:10px; background:rgba(0,0,0,0.1); } .sh-sh {display:inline-block;width:140px;padding-left:36px;line-height:36px;margin:5px;background-position:left center;background-repeat:no-repeat;} .sq-alarm, #main .sq-alarm { background-color: rgba(200,0,0,0.2); border-right: 4px solid rgb(200,0,0); margin: 1em 0; background-image: none; box-sizing: border-box; padding: 1em; min-height: 5.5em; } .sq-alarm:before, #main .sq-alarm:before { width: 3.5em; height: 3.5em; border-radius: 50%; background-position: center center; background-repeat: no-repeat; background-size: 2em; content: ''; display: block; float: left; margin-bottom: 1em; position: relative; min-width: 3.5em; max-width: 3.5em; margin-right: 1em; background-image: url('/images/ic/warn.png'); background-color: rgba(200,0,0,1); } .sq-down, #main .sq-down { background-color: rgba(6,133,215,0.1);border-right:4px solid rgb(62,96,146); margin: 1em 0; background-image: none; box-sizing: border-box; padding: 1em; min-height: 5.5em; } .sq-down:before, #main .sq-down:before { width: 3.5em; height: 3.5em; border-radius: 50%; background-position: center center; background-repeat: no-repeat; background-size: 2em; content: ''; display: block; float: left; margin-bottom: 1em; position: relative; min-width: 3.5em; max-width: 3.5em; margin-right: 1em; background-image: url('/images/ic/down.png'); background-color:rgb(62,96,146); } .sq-down-button, #main .sq-down-button { display: inline-block; padding: 0.25em 0.75em 0.25em 3em; margin: 0.5em 1em; border: 2px solid #000; background-size: 1.95em; background-repeat: no-repeat; background-position: 0.25em center; background-image: url('/images/ic/down.png'); color: #fff; text-transform: uppercase; font-size: 14px; font-weight: bold; background-color: rgb(62,96,146); border-color: rgb(62,96,146); } #main .sq-down-button:hover, .sq-down-button:hover {background-color:rgb(6,133,215);color:#fff;} /*Кнопки*/ .but-pic > *, .but-pic-in > * > * { display:block; margin:1em auto; text-align:center; transition:0.5s; } .but-pic:hover img, .but-pic-in > *:hover > img {transform: scale(1.1);} .but-shad1, .but-shad1-in > * {transition:0.25s;} .but-shad1:hover, .but-shad1-in > *:hover {box-shadow: 0 0 15px 0 #383838;} .but-shad2, .but-shad2-in > * {box-shadow: rgba(0,0,0,0.2) 0 5px 25px;transition:0.25s;} .but-shad2:hover, .but-shad2-in > *:hover {box-shadow: rgba(0,0,0,0.4) 0 0 10px;} .width-25, .width-in-25 > * {width:100%;max-width:25px;} .width-50, .width-in-50 > * {width:100%;max-width:50px;} .width-75, .width-in-75 > * {width:100%;max-width:75px;} .width-100, .width-in-100 > * {width:100%;max-width:100px;} .width-125, .width-in-125 > * {width:100%;max-width:125px;} .width-150, .width-in-150 > * {width:100%;max-width:150px;} .width-175, .width-in-175 > * {width:100%;max-width:175px;} .width-200, .width-in-200 > * {width:100%;max-width:200px;} .width-225, .width-in-225 > * {width:100%;max-width:225px;} .width-250, .width-in-250 > * {width:100%;max-width:250px;} .width-275, .width-in-275 > * {width:100%;max-width:275px;} .width-300, .width-in-300 > * {width:100%;max-width:300px;} .width-325, .width-in-325 > * {width:100%;max-width:325px;} .width-350, .width-in-350 > * {width:100%;max-width:350px;} .width-375, .width-in-375 > * {width:100%;max-width:375px;} .width-400, .width-in-400 > * {width:100%;max-width:400px;} .width-425, .width-in-425 > * {width:100%;max-width:425px;} .width-450, .width-in-450 > * {width:100%;max-width:450px;} .width-475, .width-in-475 > * {width:100%;max-width:475px;} .width-500, .width-in-500 > * {width:100%;max-width:500px;} /* стили оформления документа */ /* содержание */ .sh-order, #main .sh-order {padding:1em;margin:1em 0;background:rgba(6,133,215,0.1);font-size:1.1em;} .sh-order ol, .sh-order a, #main .sh-order ol, #main .sh-order a {font-size:16px;} .sh-order ol, #main .sh-order ol {margin-bottom:0;} .sh-order ol li, #main .sh-order ol li {margin-bottom:0.75em;} .sh-order a, #main .sh-order a {border-bottom:2px dotted rgb(62,96,146);} .sh-order a:hover, #main .sh-order a:hover {border-bottom:2px dotted rgb(6,133,215);} /* цитата с портретом */ .sh-quote, #main .sh-quote {margin:1em 0;padding:1em;color:rgba(0,0,0,0.75);font-style:italic;min-height:calc(120px + 2em);padding-left: calc(120px + 1em)!important;} .sh-quote img, #main .sh-quote img {float:left;width:20%;max-width:120px;height:auto;border-radius:60px;margin-right:1em;margin-left: -120px; margin-left: calc(-1em - 120px);} .sh-quote .sh-but-o, .sh-quote .sh-but-b {font-style:normal;} /* блок или ссылка с иконкой */ .sh-b-1 {background-image:url('/images/ic-b/1.png');} .sh-b-2 {background-image:url('/images/ic-b/2.png');} .sh-b-3 {background-image:url('/images/ic-b/3.png');} .sh-b-4 {background-image:url('/images/ic-b/4.png');} .sh-b-5 {background-image:url('/images/ic-b/5.png');} .sh-b-6 {background-image:url('/images/ic-b/6.png');} .sh-b-7 {background-image:url('/images/ic-b/7.png');} .sh-b-8 {background-image:url('/images/ic-b/8.png');} .sh-b-9 {background-image:url('/images/ic-b/9.png');} .sh-b-0 {background-image:url('/images/ic-b/0.png');} .sh-b-archive {background-image:url('/images/ic-b/archive.png');} .sh-b-cite {background-image:url('/images/ic-b/cite.png');} .sh-b-cloud {background-image:url('/images/ic-b/cloud.png');} .sh-b-date {background-image:url('/images/ic-b/date.png');} .sh-b-diagr {background-image:url('/images/ic-b/diagr.png');} .sh-b-diagc {background-image:url('/images/ic-b/diagc.png');} .sh-b-docs {background-image:url('/images/ic-b/docs.png');} .sh-b-flag {background-image:url('/images/ic-b/flag.png');} .sh-b-fold {background-image:url('/images/ic-b/fold.png');} .sh-b-galk {background-image:url('/images/ic-b/galk.png');} .sh-b-geo {background-image:url('/images/ic-b/geo.png');} .sh-b-heart {background-image:url('/images/ic-b/heart.png');} .sh-b-href {background-image:url('/images/ic-b/href.png');} .sh-b-info {background-image:url('/images/ic-b/info.png');} .sh-b-mail {background-image:url('/images/ic-b/mail.png');} .sh-b-phone {background-image:url('/images/ic-b/phone.png');} .sh-b-speak {background-image:url('/images/ic-b/speak.png');} .sh-b-tools {background-image:url('/images/ic-b/tools.png');} .sh-b-warn {background-image:url('/images/ic-b/warn.png');} .sh-b-down {background-image:url('/images/ic-b/down.png');} .sh-o-1 {background-image:url('/images/ic-o/1.png');} .sh-o-2 {background-image:url('/images/ic-o/2.png');} .sh-o-3 {background-image:url('/images/ic-o/3.png');} .sh-o-4 {background-image:url('/images/ic-o/4.png');} .sh-o-5 {background-image:url('/images/ic-o/5.png');} .sh-o-6 {background-image:url('/images/ic-o/6.png');} .sh-o-7 {background-image:url('/images/ic-o/7.png');} .sh-o-8 {background-image:url('/images/ic-o/8.png');} .sh-o-9 {background-image:url('/images/ic-o/9.png');} .sh-o-0 {background-image:url('/images/ic-o/0.png');} .sh-o-archive {background-image:url('/images/ic-o/archive.png');} .sh-o-cite {background-image:url('/images/ic-o/cite.png');} .sh-o-cloud {background-image:url('/images/ic-o/cloud.png');} .sh-o-date {background-image:url('/images/ic-o/date.png');} .sh-o-diagr {background-image:url('/images/ic-o/diagr.png');} .sh-o-diagc {background-image:url('/images/ic-o/diagc.png');} .sh-o-docs {background-image:url('/images/ic-o/docs.png');} .sh-o-flag {background-image:url('/images/ic-o/flag.png');} .sh-o-fold {background-image:url('/images/ic-o/fold.png');} .sh-o-galk {background-image:url('/images/ic-o/galk.png');} .sh-o-geo {background-image:url('/images/ic-o/geo.png');} .sh-o-heart {background-image:url('/images/ic-o/heart.png');} .sh-o-href {background-image:url('/images/ic-o/href.png');} .sh-o-info {background-image:url('/images/ic-o/info.png');} .sh-o-mail {background-image:url('/images/ic-o/mail.png');} .sh-o-phone {background-image:url('/images/ic-o/phone.png');} .sh-o-speak {background-image:url('/images/ic-o/speak.png');} .sh-o-tools {background-image:url('/images/ic-o/tools.png');} .sh-o-warn {background-image:url('/images/ic-o/warn.png');} .sh-o-down {background-image:url('/images/ic-o/down.png');} .sh-1.sh-block-b:before, .sh-1.sh-block-o:before, .sh-1.sh-block:before, .sh-1 {background-image:url('/images/ic/1.png');} .sh-2.sh-block-b:before, .sh-2.sh-block-o:before, .sh-2.sh-block:before, .sh-2 {background-image:url('/images/ic/2.png');} .sh-3.sh-block-b:before, .sh-3.sh-block-o:before, .sh-3.sh-block:before, .sh-3 {background-image:url('/images/ic/3.png');} .sh-4.sh-block-b:before, .sh-4.sh-block-o:before, .sh-4.sh-block:before, .sh-4 {background-image:url('/images/ic/4.png');} .sh-5.sh-block-b:before, .sh-5.sh-block-o:before, .sh-5.sh-block:before, .sh-5 {background-image:url('/images/ic/5.png');} .sh-6.sh-block-b:before, .sh-6.sh-block-o:before, .sh-6.sh-block:before, .sh-6 {background-image:url('/images/ic/6.png');} .sh-7.sh-block-b:before, .sh-7.sh-block-o:before, .sh-7.sh-block:before, .sh-7 {background-image:url('/images/ic/7.png');} .sh-8.sh-block-b:before, .sh-8.sh-block-o:before, .sh-8.sh-block:before, .sh-8 {background-image:url('/images/ic/8.png');} .sh-9.sh-block-b:before, .sh-9.sh-block-o:before, .sh-9.sh-block:before, .sh-9 {background-image:url('/images/ic/9.png');} .sh-0.sh-block-b:before, .sh-0.sh-block-o:before, .sh-0.sh-block:before, .sh-0 {background-image:url('/images/ic/0.png');} .sh-archive.sh-block-b:before, .sh-archive.sh-block-o:before, .sh-archive.sh-block:before, .sh-archive {background-image:url('/images/ic/archive.png');} .sh-cite.sh-block-b:before, .sh-cite.sh-block-o:before, .sh-cite.sh-block:before, .sh-cite {background-image:url('/images/ic/cite.png');} .sh-cloud.sh-block-b:before, .sh-cloud.sh-block-o:before, .sh-cloud.sh-block:before, .sh-cloud {background-image:url('/images/ic/cloud.png');} .sh-date.sh-block-b:before, .sh-date.sh-block-o:before, .sh-date.sh-block:before, .sh-date {background-image:url('/images/ic/date.png');} .sh-diagr.sh-block-b:before, .sh-diagr.sh-block-o:before, .sh-diagr.sh-block:before, .sh-diagr {background-image:url('/images/ic/diagr.png');} .sh-diagc.sh-block-b:before, .sh-diagc.sh-block-o:before, .sh-diagc.sh-block:before, .sh-diagc {background-image:url('/images/ic/diagc.png');} .sh-docs.sh-block-b:before, .sh-docs.sh-block-o:before, .sh-docs.sh-block:before, .sh-docs {background-image:url('/images/ic/docs.png');} .sh-flag.sh-block-b:before, .sh-flag.sh-block-o:before, .sh-flag.sh-block:before, .sh-flag {background-image:url('/images/ic/flag.png');} .sh-fold.sh-block-b:before, .sh-fold.sh-block-o:before, .sh-fold.sh-block:before, .sh-fold {background-image:url('/images/ic/fold.png');} .sh-galk.sh-block-b:before, .sh-galk.sh-block-o:before, .sh-galk.sh-block:before, .sh-galk {background-image:url('/images/ic/galk.png');} .sh-geo.sh-block-b:before, .sh-geo.sh-block-o:before, .sh-geo.sh-block:before, .sh-geo {background-image:url('/images/ic/geo.png');} .sh-heart.sh-block-b:before, .sh-heart.sh-block-o:before, .sh-heart.sh-block:before, .sh-heart {background-image:url('/images/ic/heart.png');} .sh-href.sh-block-b:before, .sh-href.sh-block-o:before, .sh-href.sh-block:before, .sh-href {background-image:url('/images/ic/href.png');} .sh-info.sh-block-b:before, .sh-info.sh-block-o:before, .sh-info.sh-block:before, .sh-info {background-image:url('/images/ic/info.png');} .sh-mail.sh-block-b:before, .sh-mail.sh-block-o:before, .sh-mail.sh-block:before, .sh-mail {background-image:url('/images/ic/mail.png');} .sh-phone.sh-block-b:before, .sh-phone.sh-block-o:before, .sh-phone.sh-block:before, .sh-phone {background-image:url('/images/ic/phone.png');} .sh-speak.sh-block-b:before, .sh-speak.sh-block-o:before, .sh-speak.sh-block:before, .sh-speak {background-image:url('/images/ic/speak.png');} .sh-tools.sh-block-b:before, .sh-tools.sh-block-o:before, .sh-tools.sh-block:before, .sh-tools {background-image:url('/images/ic/tools.png');} .sh-warn.sh-block-b:before, .sh-warn.sh-block-o:before, .sh-warn.sh-block:before, .sh-warn {background-image:url('/images/ic/warn.png');} .sh-down.sh-block-b:before, .sh-down.sh-block-o:before, .sh-down.sh-block:before, .sh-down {background-image:url('/images/ic/down.png');} .sh-ic, #main .sh-ic {display:block;padding:0.25em 0.25em 0.25em 2em;background-size:1.5em auto;background-position:left center;background-repeat:no-repeat;margin:0.5em auto;} .sh-ic2, #main .sh-ic2 {display:inline-block;padding:0.25em 0.25em 0.25em 2em;background-size:1.5em auto;background-position:left center;background-repeat:no-repeat;} .sh-block-o, .sh-block-b, #main .sh-block-o, #main .sh-block-b { padding: 1em 1em 1em 4em; margin: 1.5em 1em 1em 1em; margin: 1em 0; background-image:none; box-sizing: border-box; padding:1em; min-height:5.5em; } .sh-block-b {background: linear-gradient(-45deg,#328d50,#38c12d,#328d50); border-right:4px solid rgb(62,96,146);} .sh-block-o {background-color:rgba(255,205,117,0.5);border-right:4px solid rgb(255,95,17);} .sh-block, .sh-block-b, .sh-block-o {position:relative;} .sh-block:before, .sh-block-b:before, .sh-block-o:before { position:absolute; /* left:-0.5em; top:-0.5em;*/ width:3.5em; height:3.5em; border-radius:0; background-position:center center; background-repeat:no-repeat; background-size:2em; content:''; display:block; float:left; margin-bottom:1em; position:relative; min-width:3.5em; max-width:3.5em; margin-right:1em; } #main .sh-block, #main .sh-block-o,#main .sh-block-b {display: flex;align-items: center;} .sh-block:before, .sh-block-b:before, .sh-block-o:before {margin-bottom:0;} .sh-block-b.sh-noicon, #main .sh-block-b.sh-noicon, .sh-block-o.sh-noicon, #main .sh-block-o.sh-noicon {padding:1em;margin:1em;} .sh-noicon:before {display:none!important;} .sh-round:before {border-radius:50%;} .sh-block-b:before { background-color:rgb(214, 229, 208);; } .sh-block-o:before { background-color:rgb(255,95,17); } #main .sh-block-b { background-color: #50C878 } /* Кнопка с иконкой */ .sh-but-o, .sh-but-b, #main .sh-but-o, #main .sh-but-b { display:inline-block; padding:0.25em 0.75em 0.25em 3em; margin:0.5em 1em; border:2px solid #000; background-size:1.95em; background-repeat:no-repeat; background-position:0.25em center; color:#fff; text-transform:uppercase; font-size:14px; font-weight:bold; } .sh-but-o.sh-noicon, .sh-but-b.sh-noicon, #main .sh-but-o.sh-noicon, #main .sh-but-b.sh-noicon {padding:0.25em 0.75em;} #main .sh-but-o, .sh-but-o {background-color:rgb(255,95,17);border-color:rgb(255,95,17);} #main .sh-but-o:hover, .sh-but-o:hover {background-color:rgb(255,165,8);color:#fff;} #main .sh-but-b, .sh-but-b {background-color:rgb(62,96,146);border-color:rgb(62,96,146);} #main .sh-but-b:hover, .sh-but-b:hover {background-color:rgb(6,133,215);color:#fff;} .sh-but-b.sh-noicon:hover, #main .sh-but-b.sh-noicon:hover {background:#fff;color:rgb(62,96,146);} .sh-but-o.sh-noicon:hover, #main .sh-but-o.sh-noicon:hover {background:#fff;color:rgb(255,95,17);} .flx.shflx { max-width:770px; justify-content:left; padding:10px; background:rgba(0,0,0,0.1); } .sh-sh {display:inline-block;width:140px;padding-left:36px;line-height:36px;margin:5px;background-position:left center;background-repeat:no-repeat;} .sq-alarm, #main .sq-alarm { background-color: rgba(200,0,0,0.2); border-right: 4px solid rgb(200,0,0); margin: 1em 0; background-image: none; box-sizing: border-box; padding: 1em; min-height: 5.5em; } .sq-alarm:before, #main .sq-alarm:before { width: 3.5em; height: 3.5em; border-radius: 50%; background-position: center center; background-repeat: no-repeat; background-size: 2em; content: ''; display: block; float: left; margin-bottom: 1em; position: relative; min-width: 3.5em; max-width: 3.5em; margin-right: 1em; background-image: url('/images/ic/warn.png'); background-color: rgba(200,0,0,1); } .sq-down, #main .sq-down { background-color: rgba(6,133,215,0.1);border-right:4px solid rgb(62,96,146); margin: 1em 0; background-image: none; box-sizing: border-box; padding: 1em; min-height: 5.5em; } .sq-down:before, #main .sq-down:before { width: 3.5em; height: 3.5em; border-radius: 50%; background-position: center center; background-repeat: no-repeat; background-size: 2em; content: ''; display: block; float: left; margin-bottom: 1em; position: relative; min-width: 3.5em; max-width: 3.5em; margin-right: 1em; background-image: url('/images/ic/down.png'); background-color:rgb(62,96,146); } .sq-down-button, #main .sq-down-button { display: inline-block; padding: 0.25em 0.75em 0.25em 3em; margin: 0.5em 1em; border: 2px solid #000; background-size: 1.95em; background-repeat: no-repeat; background-position: 0.25em center; background-image: url('/images/ic/down.png'); color: #fff; text-transform: uppercase; font-size: 14px; font-weight: bold; background-color: rgb(62,96,146); border-color: rgb(62,96,146); } #main .sq-down-button:hover, .sq-down-button:hover {background-color:rgb(6,133,215);color:#fff;} /*Кнопки*/ .but-pic > *, .but-pic-in > * > * { display:block; margin:1em auto; text-align:center; transition:0.5s; } .but-pic:hover img, .but-pic-in > *:hover > img {transform: scale(1.1);} .but-shad1, .but-shad1-in > * {transition:0.25s;} .but-shad1:hover, .but-shad1-in > *:hover {box-shadow: 0 0 15px 0 #383838;} .but-shad2, .but-shad2-in > * {box-shadow: rgba(0,0,0,0.2) 0 5px 25px;transition:0.25s;} .but-shad2:hover, .but-shad2-in > *:hover {box-shadow: rgba(0,0,0,0.4) 0 0 10px;} .width-25, .width-in-25 > * {width:100%;max-width:25px;} .width-50, .width-in-50 > * {width:100%;max-width:50px;} .width-75, .width-in-75 > * {width:100%;max-width:75px;} .width-100, .width-in-100 > * {width:100%;max-width:100px;} .width-125, .width-in-125 > * {width:100%;max-width:125px;} .width-150, .width-in-150 > * {width:100%;max-width:150px;} .width-175, .width-in-175 > * {width:100%;max-width:175px;} .width-200, .width-in-200 > * {width:100%;max-width:200px;} .width-225, .width-in-225 > * {width:100%;max-width:225px;} .width-250, .width-in-250 > * {width:100%;max-width:250px;} .width-275, .width-in-275 > * {width:100%;max-width:275px;} .width-300, .width-in-300 > * {width:100%;max-width:300px;} .width-325, .width-in-325 > * {width:100%;max-width:325px;} .width-350, .width-in-350 > * {width:100%;max-width:350px;} .width-375, .width-in-375 > * {width:100%;max-width:375px;} .width-400, .width-in-400 > * {width:100%;max-width:400px;} .width-425, .width-in-425 > * {width:100%;max-width:425px;} .width-450, .width-in-450 > * {width:100%;max-width:450px;} .width-475, .width-in-475 > * {width:100%;max-width:475px;} .width-500, .width-in-500 > * {width:100%;max-width:500px;} #main .but-pic-in {text-align:center} .img-r { float:right; margin:0 0 1em 1em; } .img-l { float:left; margin:0 1em 1em 0; }