div.form > form{ margin: 0; }
div.form > form > div{ margin-bottom: 1em; display: flex; align-items: flex-start; }
div.form > form div.checkbox,
div.form > form div.radio{ display: flex; align-items: baseline; padding: 0; }
.radio input[type="radio"], .checkbox input[type="checkbox"]{ float: none; margin: 0; }
div.form > form div > label,
div.form > form div > .htmlLabel,
div.form > form > div > input[type="text"],
div.form > form > div > input[type="password"],
div.form > form > div > input[type="submit"],
div.form > form > div > textarea,
div.form > form > div > select{ font: inherit; color: inherit; margin: 0; width: auto; max-width: none; box-sizing: border-box; box-shadow: none; text-shadow: none; padding: 0; border-radius: 0; background: none; transition: all 0.25s;}
div.form > form > div > label,
div.form > form > div > .htmlLabel{ width: 35%; }
div.form > form div.checkbox > label,
div.form > form div.radio > label{ flex-grow: 1; margin-left: 1em; }
div.form > form > div.input.text > label,
div.form > form > div.input.password > label,
div.form > form > div.input.link > label,
div.form > form > div.input.select > label,
div.form > form > div.input.textarea > label{ margin-top: 0.5em; }
div.form > form > div > input[type="text"],
div.form > form > div > input[type="password"],
div.form > form > div > textarea,
div.form > form > div > select{ border: 1px solid #999; height: 2em; width: 65%; padding-left: 0.5em; padding-right: 0.5em; background: #fff; }
div.form > form > div > textarea{ height: 5em; padding: 0.5em; }
div.form > form > div > .checkboxGroup,
div.form > form > div > .radioGroup{ width: 65%; }
div.form > form > div .reset{ display: none; }
div.form > form > div.submit.input{ display: flex; justify-content: flex-end; }
div.form > form > div > input[type="submit"]{ background: #ff0000; color: #fff; border: none; padding: 0.2em 0.8em; height: 2em; font-family: Anivers, Arial, Helvetica, sans-serif; }
div.form > form > div > input[type="submit"]:hover,
div.form > form > div > input[type="submit"]:focus{ background: #333; }

/* search */
#mainmenu + .search{ margin: 1.8rem 0 1.8rem 3rem; }
.search div.form > form{ display: flex; flex-flow: row nowrap; position: relative; }
.search div.form > form > .text{ position: absolute; width: 48rem; margin: 0; max-width: 66.66vw; right: 4.8rem; top: 0; visibility: hidden; opacity: 0; transform: scaleX(0); transform-origin: top right; transition: all 0.3s; }
.search.active div.form > form > .text{ opacity: 1; visibility: visible; transform: scaleX(1); }
.search div.form > form > div.submit.input{ position: relative; z-index: 1; margin: 0; }
.search div.form > form > div.submit.input:before{ z-index: -1; content: '\f002'; position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-family: fontAwesome; display: flex; align-items: center; justify-content: center; background: #eae9e7; transition: all 0.3s; }
.search div.form > form > div.submit.input:hover:before,
.search.active div.form > form > div.submit.input:before{ background: #ff0000; color: #FFF; }
.search div.form > form > div > input[type="submit"]{ outline: none; background: none; text-indent: -200rem; overflow: hidden; width: 3.6rem; height: 3.6rem; }
.search div.form > form > div > input[type="text"]{ width: 100%; padding-right: 4.8rem; box-sizing: border-box; font: normal 1.8rem/1.2 Anivers, Arial, Helvetica, sans-serif; }

.col .search div.form > form > .text{ position: static; opacity: 1; visibility: visible; transform: none; width: auto; }
.col .search div.form > form > div > input[type="text"]{ background: #FFF; }
.col .search div.form > form > div.submit.input{ margin-left: 1rem; }
.col .search div.form > form > div.submit.input:before{ color: #FFF; background: #FF0000; }

/* search-block */
#search-block .search{ margin-top: 4.5rem; }
#search-block:not([style]) .search{ margin-top: 3rem; }
#search-block .search div.form > form > .text{ position: static; color: #333; opacity: 1; transform: none; visibility: visible; }
#search-block .search div.form > form > div.submit.input{ margin-left: 1rem; }
#search-block .search div.form > form > div.submit.input:before{ background: #ff0000; }
#search-block .search div.form > form > div.submit.input:hover::before{ background: #eae9e7; color: #333; }
#search-block:not([style]) .search div.form > form > div.submit.input::before{ background: none; }
#search-block:not([style]) .search div.form > form > div.submit.input:hover::before{ background: #FF0000; color: #FFF; }
#search-block:not([style]) .search div.form > form{ justify-content: center; }