@font-face {  font-family: 'Font Awesome';  font-style: normal;  font-weight: 400;  font-display: block;  src: url("../webfonts/fontawesome-webfont.woff2") format("woff2"), url("../webfonts/fontawesome-webfont.ttf") format("truetype"); }@font-face {  font-family: 'Rubik Dirt';  font-weight: 400;  font-style: normal;  font-display: block;  src: url("../webfonts/RubikDirt-Regular.ttf") format("truetype");} @font-face {  font-family: "Triodion";  font-weight: 400;  font-style: normal;  src: url("../webfonts/Triodion-Regular.ttf") format("truetype");} *,*::before,*::after {  box-sizing: border-box; margin-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; padding-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; }
a {  color: var(--bgpage1);; text-decoration: none; }
ul,ol,li {  List-style: none; }
img {  vertical-align: top; }
h1,h2,h3,h4,h5,h6 {  font-weight: inherit; font-size: inherit; }
html,body {  color: var(--bgpage1);; font-weight: 500; font-size: 16px; font-family: Awesome; line-height: 1; background-color: #fff; width: 100%; }
.wrapper {  width: 100%; flex-direction: column; overflow: hidden; display: block; }
.podmeny:after {  color: #fff; font-weight: 400; font-size: 10px; font-family: Font Awesome; content: "\f078"; margin-left: 0.3rem; }
body {  color: var(--body-color); font-family: Awesome; width: 100%; height: 100%; padding-left: 5px; padding-right: 5px; display: block; }
._container {  max-width: 1200px; flex-direction: column; justify-content: space-between; margin-left: auto; margin-right: auto; display: flex; }
header {  background-color: var(--bgpage); width: 100%; flex-direction: column; display: flex; }
.nav {  justify-content: space-between; align-items: center; display: flex; }
.logo_img {  width: 70px; height: 70px; margin-left: 1rem; }
.header {  text-align: right; background: var(--baner); background-repeat: no-repeat; background-position: 50% 50%; height: 49rem;background-size: cover; }
.login {  text-transform: uppercase; padding: 5px; }
.header_logo {  color: var(--bgpage); font-size: 3rem; font-family: Triodion; text-shadow: var(--text-shadow); margin-left: 1rem; margin-top: 2rem; margin-right: 1rem; }
.header_title {  color: var(--bgpage); font-size: 7rem; font-family: Triodion; text-shadow: var(--text-shadow); margin: 1rem; }
.header_text {  color: var(--bgpage); font-style: italic; font-size: 3rem; font-family: Triodion; text-shadow: var(--text-shadow); margin-left: 2rem; margin-right: 1rem; }
.nav_menu {  color: var(--bgpage1); margin-left: 1rem; margin-right: 1rem; }
.reg {  background-color: var(--bgpage); justify-content: center; }
.reg_post {  color: var(--bgpage); background-color: #7f5b4b; max-width: 50%; justify-content: center; align-self: center; margin: 1rem; display: flex; }
.item_reg_heard {  font-weight: bold; font-size: 1.5rem; text-align: center; text-transform: uppercase; line-height: 2rem; margin: 1rem; padding-left: 1rem; padding-right: 1rem; }
.item_reg {  justify-content: space-between; margin-left: 1rem; display: flex; }
.input_reg {  margin-left: 1rem; margin-right: 1rem; margin-bottom: 1rem; }
.button {  font-size: 1.5rem; margin-right: 0.5rem; display: inline-block; }
.reg a {  color: var(--bgpage); }
.cursiv {  font-style: italic; font-size: 0.8rem; padding-left: 1rem; padding-top: 0.3rem; }
main {  background-color: var(--bgpage); width: 100%; flex-direction: column; display: flex; }
.block {  color: var(--bgpage1); background-color: var(--bgpage); height: 100%; display: flex; }
.block1 {  color: var(--bgpage); background-color: var(--bgpage1); height: 100%; display: flex; }
.block2 {  flex-wrap: wrap; }
.content {  max-width: 100%; flex-direction: column; align-items: center; flex: 0 1 33%; gap: 1rem; margin-top: 1rem; margin-bottom: 1rem; display: flex; }
.content_img {  justify-content: space-around; margin: 1rem; display: flex; }
.content_img img {  border-radius: 50%; width: 100%; }
.content_img1 {  justify-content: space-around; margin: 1rem; display: flex; }
.content_img1 img {  border-radius: 10%; width: 50%; }
.content_text {  font-size: 1.5rem; flex-direction: column; align-items: center; margin-left: 2rem; margin-right: 1rem; margin-bottom: 2rem; display: flex; }
.content1 {  max-width: 100%; align-items: center; display: flex; }
.content2 {  border-color: #fff; border-width: 3px; border-style: solid; border-collapse: collapse; flex: 0 1 50%; margin-top: 0; margin-bottom: 0; }
.content1_img {  justify-content: space-around; flex: 0 1 50%; display: flex; }
.content1_img img {  max-width: 100%; }
.content1_text {  font-size: 2rem; text-align: center; flex-direction: column; align-items: center; flex: 0 1 50%; padding: 1rem; }
.mirror {  flex-direction: row-reverse; }
.answer {  max-width: 100%; flex-direction: column; justify-content: space-evenly; align-items: center; margin-left: auto; margin-right: auto; display: flex; }
.ask {  font-size: 2rem; text-align: center; height: 7%; transition: height 2s; flex-direction: column; margin-bottom: 0.1rem; overflow: hidden; display: flex; }
.ask:hover {  height: 25%; }
.ask:active {  height: 25%; }
.ask_box {  max-width: 100%; flex-direction: column; overflow: hidden; display: flex; }
h4 {  height: 2rem; margin: 0.5rem; }
.ask_box p {  font-style: italic; background-color: #fff; max-width: 100%; max-height: 100%; margin: 0.5rem; padding: 1rem; overflow: hidden; display: block; }
.h2 {  font-size: 3rem; text-align: center; margin: 1rem; }
.content_button {  color: #fff; font-weight: bold; font-size: 2rem; text-align: center; border-color: var(--bgpage1); border-width: 1px; border-style: double; border-radius: 20px; background-color: var(--bgpage); box-shadow: 0px 0px 15px 5px rgba(34, 30, 80, 1.6) inset; margin: 1rem; margin-left: 5rem; margin-right: 5rem; padding: 10px; }
.users_bd {  font-size: 1.5rem; border-collapse: collapse; border-spacing: 0; width: 100%; flex-wrap: wrap; justify-content: center; margin-top: 1rem; margin-bottom: 1rem; overflow: hidden; display: flex; }
.users_unit {  border-color: var(--bgpage1); border-width: .10px; border-style: solid; border-collapse: collapse; min-width: 33%; flex-direction: column; justify-content: space-between; align-items: center; flex: 0.1.30%; padding: 1rem; display: flex; }
.cols {  text-align: center; border-color: var(--bgpage); border-width: 1px; border-style: solid; background: var(--bgpage); width: 100%; overflow: hidden; }
.edit {  width: 100%; height: 100%; padding: 4px; }
.hint {  color: var(--bgpage1); text-align: center; border-color: var(--bgpage1); border-width: 1px; border-style: solid; border-radius: 5px; background-color: var(--bgpage); margin-left: 3rem; margin-top: -4rem; padding: 5px; }
footer {  background-color: var(--bgpage); width: 100%; flex-direction: column; display: flex; }
.footer_box {  max-width: 100%; flex-direction: column; align-items: center; margin: 1rem; display: flex; }
.footer_box_icon {  display: flex; }
.footer_box img {  max-width: 3rem; margin: 1rem; }
.footer_box_copy {  font-size: 2rem; text-align: center; margin-top: 3rem; margin-bottom: 1rem; }
@media(max-width: 1024px){._container {  max-width: 55rem; margin-left: auto; margin-right: auto; }
.header {  text-align: right; background: var(--baner); background-repeat: no-repeat; background-position: 50% 50%; height: 49rem;background-size: cover; }
.header_logo {  color: #f6ecd4; font-size: 3rem; text-shadow: #604107 3px 3px 1px; margin-left: 1rem; margin-top: 2rem; margin-right: 1rem; }
.header_title {  color: #f6ecd4; font-size: 5rem; text-shadow: #604107 5px 5px 3px, 0 0 2rem #fff; margin: 1rem; }
.header_text {  color: #f6ecd4; font-style: italic; font-size: 3rem; text-shadow: #604107 3px 3px 1px; margin-left: 2rem; margin-right: 1rem; }
}@media(max-width: 1020.98px){._container {  max-width: 45rem; flex-wrap: wrap; margin-left: auto; margin-right: auto; }
.header {  text-align: right; background: var(--baner); background-repeat: no-repeat; background-position: 50% 50%; height: 35rem;background-size: cover; }
.header_logo {  color: #f6ecd4; font-size: 2rem; text-shadow: #604107 3px 3px 1px; margin-left: 1rem; margin-top: 1rem; margin-right: 1rem; }
.header_title {  color: #f6ecd4; font-size: 4rem; text-shadow: #604107 5px 5px 3px, 0 0 2rem #fff; margin: 1rem; }
.header_text {  color: #f6ecd4; font-style: italic; font-size: 2rem; text-shadow: #604107 3px 3px 1px; margin-left: 2rem; margin-right: 1rem; }
.content1_text {  font-size: 1.5rem; text-align: center; flex-direction: column; align-items: center; flex: 0 1 50%; padding: 1rem; }
.ask {  font-size: 1.5rem; text-align: center; height: 5%; transition: height 2s; flex-direction: column; margin-bottom: 0.1rem; overflow: hidden; display: flex; }
.ask:hover {  height: 25%; }
.ask:active {  height: 25%; }
.users_unit {  border-color: var(--bgpage1); border-width: .10px; border-style: solid; border-collapse: collapse; min-width: 50%; flex-direction: column; justify-content: space-between; align-items: center; flex: 1.1.30%; padding: 1rem; display: flex; }
.content_button {  color: #fff; font-weight: bold; font-size: 2rem; text-align: center; border-color: var(--bgpage1); border-width: 3px; border-style: double; border-radius: 20px; background-color: var(--bgpage); box-shadow: 0px 0px 15px 5px rgba(34, 30, 80, 1.6) inset; margin: 1rem; margin-left: 1rem; margin-right: 1rem; padding: 10px; }
}@media(max-width: 767.98px){._container {  max-width: 35rem; flex-wrap: wrap; margin-left: auto; margin-right: auto; }
.header {  text-align: center; background: var(--baner); background-repeat: no-repeat; background-position: 50% 50%; height: 25rem;background-size: cover; }
.header_logo {  color: #f6ecd4; font-size: 2rem; text-shadow: #604107 3px 3px 1px; margin-left: 1rem; margin-right: 1rem; }
.header_title {  color: #f6ecd4; font-size: 2.5rem; text-shadow: #604107 5px 5px 3px, 0 0 2rem #fff; margin: 1rem; }
.header_text {  color: #f6ecd4; font-style: italic; font-size: 2rem; text-shadow: #604107 3px 3px 1px; margin-left: 2rem; margin-top: 12rem; margin-right: 1rem; }
.reg_post {  min-width: 100%; }
.block {  color: var(--bgpage1); background-color: var(--bgpage); height: 100%; flex-direction: column; display: flex; }
.content1 {  max-width: 100%; flex-direction: column; align-items: center; display: flex; }
.quest {  flex-direction: initial; }
.ask {  font-size: 1rem; text-align: center; height: 5%; transition: height 2s; flex-direction: column; margin-bottom: 0.1rem; overflow: hidden; display: flex; }
.ask:hover {  height: 25%; }
.ask:active {  height: 25%; }
.users_unit {  border-color: var(--bgpage1); border-width: .10px; border-style: solid; border-collapse: collapse; min-width: 100%; flex-direction: column; justify-content: space-between; align-items: center; flex: 1.1.30%; padding: 1rem; display: flex; }
.content_button {  color: #fff; font-weight: bold; font-size: 2rem; text-align: center; border-color: var(--bgpage1); border-width: 1px; border-style: double; border-radius: 20px; background-color: var(--bgpage); box-shadow: 0px 0px 15px 5px rgba(34, 30, 80, 1.6) inset; margin: 1rem; margin-left: 1rem; margin-right: 1rem; padding: 10px; }
.footer_box_copy {  font-size: 1rem; text-align: center; margin-top: 3rem; margin-bottom: 1rem; }
}