details,
.PDFLink {
  border-radius: 0.4rem;
  background-color: white;
  border: solid 1px #666666;
  margin: 1rem 0 0.8rem 1rem;
  padding: 0;
}

details:not([open]) {
  margin-left: 1em;
  max-width: 40em;
  transition: all 0.3s;
}

details[open] {
  max-width: 45em;
  transition: all 0.3s;
  padding-bottom: 0.5ems;
}

details p {
  padding: 0.3em;
}

summary,
.PDFLink {
  border-radius: 0.4rem;
  padding: 0.5rem 0 0 1rem;
  outline: none;
  text-align-last: left;
  text-align: left;
  min-height: 2.2rem;
  background-color: white;
  color: #e90c0c;
  font-size: 1.1em;
}

.Wide60 {
  width: 60%;
}

.Small,
.PDFLink {
  max-width: MIN(90vw, 40rem);
}

.PDFLink {
  display: block;
  text-decoration: none !important;
  background-image: url("/css/images/pdf.svg");
  background-size: 1.5em;
  background-repeat: no-repeat;
  background-position: 0.3rem 0.3rem;
  padding: 0.6rem 1rem 0.3rem 3.5rem;
}

details marker:hover {
  transition: all 0.5s;
}

summary:hover,
.PDFLink a:hover {
  color: #210099;
  transition: all 0.5s;
}

.Box_NoBorder summary:hover,
.Box_NoBorder .PDFLink a:hover {
  color: #11ac2a;
  transition: all 0.5s;
}

.BackGreen2S summary:hover,
.BackGreen2S .PDFLink a:hover,
.BackGreen2 summary:hover,
.BackGreen2 .PDFLink a:hover {
  color: #272727;
  transition: all 0.5s;
}

.BackGreen2S summary,
.BackGreen2S summary,
.BackGreen2S .PDFLink,
.BackGreen2 .PDFLink,
.BackGreen2 summary,
.BackGreen2 summary,
.BackGreen2 .PDFLink,
.BackGreen .PDFLink {
  background-color: #fffff6;
  color: #186401;
}

.BackGreen2 a,
.BackGreen3 a {
  background-color: white;
  color: #186401;
}

h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  text-indent: 0;
}

label,
a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.Contact {
  border-width: 0px;
  border-style: none;
  margin: 5em auto 2em auto;
  max-width: 80em;
  margin-bottom: 0px;
  background-color: white;
  position: relative;
}

.TopGreen {
  color: black;
  width: 100%;
  background-image: url("/images/prague-banner.png");
  background-size: cover;
  padding-top: 15em;
}

.BackGreen2S div {
  display: block;
  padding-left: 1em;
  padding-right: 1em;
}

.button {
  font-size: 20px;
  background-color: #e9fcca;
  height: 3em;
}

.button:hover {
  background-color: #1b2c00;
  color: #ffffff;
  transition: all 0.3s;
}

.InputText {
  width: 100%;
  max-width: 100%;
  font-size: 17px;
}

label {
  font-size: medium;
}

.Block1 p {
  font-size: medium;
  padding: 1em;
}

.logoCentre {
  margin: 0 auto;
  text-align: center;
}

footer {
  margin: 0;
  border-top: solid 0.5em #2f2e3d;
  background-color: #fffbf3;
}

.footer-wrapper {
  position: relative;
  padding-top: 1.3rem;
  border-width: 0px;
  border-style: none;
  margin: 0px auto;
  margin-bottom: 0px;
  display: flex;
  height: auto;
  align-items: bnormal;
  justify-content: space-around;
  flex-direction: row;
  flex-wrap: row nowrap;
}

.footer--textarea {
  height: 3em;
  --maxtah: CALC(100vw - 4em);
  --wi: MIN(30em, var(--maxtah), 100% - 4em);
  width: var(--wi);
  padding: 1em;
}

.footer-body,
.footer-body-form {
  display: flex;
  width: auto;
  height: auto;
  max-width: 100vw;
  margin: 0;
  padding: 1em;
  position: flex;
  flex-direction: column;
}

.footer-body {
  min-width: 2em;
}

.footer-desc,
.footer-body > p,
.footer-body > p a {
  font-size: 16px;
  color: black;
}

.footer-body > p a:hover {
  font-size: 16px;
  color: var(--varBlue);
}

.footer-body > h2,
.footer-body-form > h2 {
  font-size: 16px !important;
  color: var(--varBlue);
  margin-bottom: 1em;
  text-align: left;
}

.fotterInputDialog {
  display: flex;
  flex-flow: column;
  width: 100%;
}

.fotterInputDialog label {
  text-align: left;
  margin-top: 0.5em;
}

.fotterInputDialog input,
.fotterInputDialog textarea,
.fotterInputDialog textarea,
.fotterInputDialog input {
  width: calc(100% - 2em);
  min-width: 0;
  margin-bottom: 6px;
  padding-left: 6px;
  padding-right: 6px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0.5em;
  font-size: 16px;
  height: 2em;
}

.fotterInputDialog button {
  max-width: fit-content;
  padding-left: 1em;
  padding-right: 1em;
}

.fotterInputDialog textarea:focus,
.fotterInputDialog input:focus {
  border-bottom: solid 2px black;
  transition: 0.5s;
  outline: none;
}

.input-button {
  background-color: #421e1e;
  border: 0 none;
  cursor: pointer;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 8em;
  color: white;
  font-size: medium;
  padding: 0.5em 1em;
  margin: 0.5em auto;
}

.input-button:hover {
  background-color: #ffffff;
  color: #421e1e;
}

textarea {
  width: 100%;
}

footer .F2 {
  margin-top: 3px;
  font-style: italic;
  text-indent: 10px;
  vertical-align: bottom;
  position: relative;
  visibility: visible;
  border-color: red;
  border-width: thick;
}

footer .F2 p {
  font-size: x-small;
  color: gray;
  text-align: center;
}

a:link,
a:visited {
  color: #C00000;
  text-decoration: none;
}

aside a:link,
a:visited {
  text-decoration: none;
}

article a {
  text-decoration: overline;
}

mark {
  font-stretch: expanded;
  color: #6d0b0b;
  background-color: inherit;
  font-size: 110%;
  font-weight: 500;
}

:root {
  --L1bg: #ffffff;
  --L1tx: #000000;
  --L2bg: #780000;
  --L2tx: #ffffff;
}

body {
  max-width: 100vw;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 3;
}

.ayMenu {
  position: relative;
  margin: 0 auto;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  height: 2rem;
  background-color: var(--L1bg);
}

.ayMenu .ayL1Logo {
  flex-grow: 1;
  width: 8em;
}

.ayMenu .ayL1Logo img {
  height: 2.5em;
  max-width: 9em;
}

.ayMenu .aySubL1 img {
  height: 1.8em;
  margin-right: 0.5em;
}

.ayMenu .aySubL1 a,
.ayMenu .aySubL1 span.ay--sL1,
.ayMenu .aySubL2 span.subTitle,
.ayMenu .aySubL1 a:visited {
  font-size: 1.3rem;
  color: var(--L1tx);
}

.ayMenu span,
.ayMenu a {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  color: var(--L1tx);
}

.ayMenu .aySubL1 a:hover {
  text-decoration: underline;
  color: #ffffcc;
}

.ayMenu .aySubL2,
.ayMenu .aySubL2Narow {
  background-color: var(--L2bg);
  color: var(--L2tx);
}

.ayMenu .aySubL2 a,
.ayMenu .aySubL2 a:visited,
.ayMenu .aySubL2 span.subTitle,
.ayMenu .aySubL2Narow a,
.ayMenu .aySubL2Narow a:visited,
.ayMenu .aySubL2Narow span.subTitle {
  color: var(--L2tx);
}

body {
  margin: 0 !important;
  padding: 3px 0 0 0;
  font-size: 16px;
  --varBlue: #010b3f;
}

.content-2nd,
.content-3rd {
  border-width: 0px;
  border-style: none;
  margin: 0em auto;
  margin-bottom: 0px;
  max-width: 95em;
  min-height: 75em;
  font-size: 1em;
  background-color: white;
  position: relative;
}

.content-2nd p,
.content-3rd p,
.content-2nd ul,
.content-3rd ul,
.content-2nd ul,
details p,
.details ul {
  display: block;
  max-width: 35em;
  margin: 0.5em auto;
  padding: 0 0.5em;
}

.content-2nd p,
.content-3rd p {
  text-align: justify;
  -moz-text-align-last: left;
  text-align-last: left;
  color: black;
  font-weight: 300;
  text-indent: 0px;
  font-size: 1.15em;
}

.content-2nd h1,
.content-3rd h1 {
  text-align: center;
  padding: 1em;
  margin-bottom: 0em;
  font-weight: 400;
  font-size: 320%;
  text-indent: 0em;
}

.content-2nd h1 {
  color: #272727;
}

.content-3rd h1 {
  max-width: 95em;
  animation: topImgIn 4s ease-out;
  background-size: cover;
  color: #993333;
  min-height: 2em;
  background-color: oldlace;
  margin-top: 1em;
}

@keyframes topImgIn {
  from {
    opacity: 0;
    background-position: 10% 10%;
  }

  to {
    opacity: 1;
    background-position: 0% 0%;
  }
}

.content-2nd h2,
.content-3rd h2 {
  text-align: left;
  padding: 0.5em 0em 0em 1em;
  font-weight: 700;
  color: #130058;
  font-size: 140%;
}

details summary h2 {
  font-size: 1.1rem;
  display: initial;
}

details summary {
  color: black;
}

.content-2nd h2 a,
.content-3rd h2 a {
  color: #210099;
}

h3 {
  font-size: 130%;
}

h4 {
  font-size: 115%;
}

.hLeftMenu {
  font-size: medium;
  color: var(--varBlue);
}

.content-2nd h2 a:hover,
.content-3rd h2 a:hover {
  color: var(--varBlue);
}

.content-2nd ul li,
.content-2nd ol li,
.content-3rd ul li,
.content-3rd ol li {
  text-align: left;
  padding: 0em 0em 0em 0.5em;
  margin: 0em 0em 0em 2em;
  font-weight: 300;
  font-size: 1.08em;
}

ol li img {
  width: 4rem;
}

ul li img {
  width: 2rem;
}

.c-m-bars {
  width: 100%;
  display: flex;
  position: relative;
  height: auto;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.block2,
.block2T,
details .block2 {
  flex-direction: column;
  justify-content: left;
  margin-bottom: 1.5em;
  margin-top: 3em;
  margin-left: 1em;
}

.block2 div,
.block2T div {
  text-align: right;
}

/*.block2T {
 	display: grid;
 	grid-template-columns: 1fr 8fr;
 	justify-content: left;
 	margin-bottom: 1.5em;
 	margin-top: 1.5em;
 	align-items: center;
}*/

.block2Centre {
  font-weight: 600;
  color: var(--varBlue);
  text-align: center;
  align-self: start;
}

.block2Centre h3 {
  text-align: center;
}

.block2Centre img {
  display: block;
  width: 8rem;
  margin: 0.5rem auto 0 auto;
}

.picture {
  width: 8rem;
}

.block2Img {
  display: block;
  width: 8rem;
  margin-left: 4rem;
}

.block2 span h3:first-child {
  margin-top: 0em;
}

.block2 span p:first-child {
  margin-top: 0;
}

.obdelnik {
  height: 1.2rem;
  background-color: var(--varBlue);
  margin-bottom: 3em;
  margin-left: 0em;
  margin-right: 0em;
}

hr {
  border-top: solid 0.05em var(--varBlue);
  margin-top: 0em;
  margin-left: 3em;
  margin-right: 2em;
}

.tlusta {
  height: 0.4em;
  background-color: #666666;
  margin-top: 4em;
  margin-bottom: 4em;
  margin-left: 1.1em;
}

.LineTop {
  height: 0.01em;
  background-color: #666666;
  margin-top: 0.4em;
  margin-bottom: 4em;
  margin-left: 0em;
  margin-right: 0em;
}

.LineUp {
  height: 0.01em;
  background-color: #666666;
  margin-top: 4em;
  margin-bottom: 0.4em;
  margin-left: 0em;
  margin-right: 0em;
}

.tlustaMalyOkraj {
  height: 0.4em;
  background-color: #666666;
  margin-top: 2em;
  margin-bottom: 2em;
  margin-left: 1.1em;
}

.dlouha {
  height: 0.15em;
  background-color: #666666;
  margin-top: 3em;
  margin-bottom: 3em;
  margin-left: 0em;
}

.dlouhaOdsazena {
  height: 0.15em;
  background-color: #666666;
  margin-top: 3em;
  margin-bottom: 3em;
  margin-left: 1.1em;
}

.tlustaBila {
  background-color: white;
  margin-top: 4em;
}

.tlusta2 {
  height: 0.4em;
  background-color: #666666;
  margin-bottom: 0em;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 0em;
}

.tenka2 {
  height: 0.15em;
  background-color: #666666;
  margin-top: 0.5em;
  margin-bottom: 4em;
  margin-left: 0em;
  margin-right: 0em;
}

.c-m-m {
  display: block;
  min-width: 15em;
  height: 100%;
}

.SmallImg {
  border-radius: 4px;
  width: 35%;
}

.c-m-m a:link,
.c-m-m a:visited {
  color: black;
}

.c-m-m a:hover {
  color: #780000;
  text-decoration: underline;
}

.undLink a {
  text-decoration: underline;
}

.noneLine a {
  text-decoration: none;
}

.infoCard {
  max-width: MIN(25em, 80vw);
  border: solid var(--varBlue) 0.2em;
  padding: 0.2em;
  border-radius: 1em;
  background-color: #d6fcdf;
  margin: 1em;
}

.infoCard h3 {
  text-align: center;
}

main {
  width: 100%;
  height: auto;
  min-width: 15em;
  position: flex;
  border-bottom-color: #C00000;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

main table td {
  text-align: left;
}

main table {
  border: solid var(--varBlue) 1px;
  margin: 0.5em 0.2em;
}

.C4boxes {
  display: flex;
  position: relative;
  width: 100%;
  margin: 0em;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}

.C4boxes a {
  text-decoration: none;
}

.cssSlider {
  width: 100px;
  min-width: 100px;
  height: 60px;
  overflow: hidden;
  border: 3px solid #666;
  margin: 1.5em;
}

.sliderImages img {
  width: 100px;
}

.sliderImages {
  width: 1200px;
  height: 60px;
  overflow: hidden;
  /* animation duration: 16s : 5x ~3s display image + 5x ~0.2s slide */
  animation: slide 16s infinite;
  -moz-animation: slide 16s infinite;
  -webkit-animation: slide 16s infinite;
  -o-animation: slide 16s infinite;
}

.sliderImages img {
  float: left;
}

@keyframes slide {
  0% {
    margin-left: 0px;
  }

  14% {
    margin-left: 0px;
  }

  28% {
    margin-left: -100px;
  }

  42% {
    margin-left: -200px;
  }

  56% {
    margin-left: -300px;
  }

  70% {
    margin-left: -400px;
  }

  84% {
    margin-left: -500px;
  }

  100% {
    margin-left: 0px;
  }
}

@-moz-keyframes slide {
  0% {
    margin-left: 0px;
  }

  14% {
    margin-left: 0px;
  }

  28% {
    margin-left: -100px;
  }

  42% {
    margin-left: -200px;
  }

  56% {
    margin-left: -300px;
  }

  70% {
    margin-left: -400px;
  }

  84% {
    margin-left: -500px;
  }

  100% {
    margin-left: 0px;
  }
}

@-webkit-keyframes slide {
  0% {
    margin-left: 0px;
  }

  14% {
    margin-left: 0px;
  }

  28% {
    margin-left: -100px;
  }

  42% {
    margin-left: -200px;
  }

  56% {
    margin-left: -300px;
  }

  70% {
    margin-left: -400px;
  }

  84% {
    margin-left: -500px;
  }

  100% {
    margin-left: 0px;
  }
}

@-webkit-keyframes slide {
  0% {
    margin-left: 0px;
  }

  14% {
    margin-left: 0px;
  }

  28% {
    margin-left: -200px;
  }

  42% {
    margin-left: -200px;
  }

  56% {
    margin-left: -300px;
  }

  70% {
    margin-left: -400px;
  }

  84% {
    margin-left: -500px;
  }

  100% {
    margin-left: 0px;
  }
}

.LinkBox2 {
  display: table;
  width: 300px;
  height: 300px !important;
  margin-left: 0.75em;
  margin-right: 0.75em;
  margin-bottom: 1.3em;
  background-color: white;
  font-size: 100%;
}

.LinkBox3 {
  font-size: 100%;
  display: table;
  width: 200px;
  margin-top: 2em;
  margin-right: 2em;
  background-color: #fffef5;
  padding: 0.5em;
  height: 200px !important;
  max-height: 300px;
  border-radius: 2em;
  border-right-style: solid;
  border-bottom-style: solid;
  margin-left: 1em;
  border-bottom: solid 0.25em #4b3e3e;
  border-right: solid 0.25em #4b3e3e;
  border-top: solid 0.05em #4b3e3e;
  border-left: solid 0.05em #4b3e3e;
}

.lb3--bSecond {
  visibility: hidden;
  min-height: 0;
  max-height: 0 !important;
  height: 0 !important;
  color: #D0D0D0;
  overflow: hidden;
}

.lb3--bSecond p {
  font-size: 85%;
}

.lb3--bTop img {
  max-height: 7em;
  max-width: 7em;
}

.LinkBox2:hover .lb3--bTop,
.LinkBox3:hover .lb3--bTop {
  min-height: 117px;
  height: 117px;
}

.LinkBox2:hover {
  margin-top: 1em;
}

.LinkBox2:hover .lb3--bTop img,
.LinkBox3:hover .lb3--bTop img {
  transition: all 0.2s;
  max-height: 2.5em;
  max-width: 2.5em;
}

.LinkBox3:hover .lb3--bTop h3 {
  color: #005200;
}

.LinkBox2 .lb3--bTop,
.LinkBox2 .lb3--bSecond {
  background-color: white;
}

.lb3--bTop {
  min-height: 200px;
}

.lb3--bTop h3 {
  text-align: center;
  margin: 0em;
}

.LinkBox3:hover .lb3--bSecond,
.LinkBox2:hover .lb3--bSecond {
  visibility: visible;
  margin-top: 18px;
  min-height: 165px;
  color: #813333;
  height: 165px;
  transition-delay: 0.8s;
  transition: all 1.3s;
  overflow: hidden;
}

.LinkBox2:hover h3,
.LinkBox3:hover h3 {
  font-size: 100%;
  color: forestgreen;
}

.LinkBox3 img {
  margin-top: 1em;
  margin-bottom: 1em;
  width: 100px;
}

.LinkBox2 img {
  margin-top: 2em;
  width: 10em;
}

.LinkBox3 .LinkBoxSpan {
  background-color: #fffef5;
}

.LinkBox3 .LinkBoxSpan span {
  background-color: white;
}

.LinkBoxSpan {
  font-size: 150%;
  text-align: center;
  vertical-align: middle;
  font-weight: 400;
  color: #993333;
  background-color: oldlace;
}

.LinkBoxSpan img {
  background-color: white;
}

.LinkBox.big {
  min-height: 18em;
}

/* Float Shadow */

.LinkBox {
  display: table;
  vertical-align: middle;
  font-size: 1rem;
  width: 13em;
  min-height: 8em;
  margin: 1.5em;
  border: solid 0.05em #993333;
  background-color: oldlace;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  transition-property: transform;
  border-radius: 8px;
  filter: drop-shadow(8px 8px 8px #000000);
  text-align: center;
}

.LinkBoxBlue {
  display: table;
  vertical-align: middle;
  width: 13em;
  min-height: 8em;
  margin: 1.5em;
  border: solid 0.05em #5f4dc8;
  background-color: #9eb3ec;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  border-radius: 8px;
  filter: drop-shadow(8px 8px 8px #000000);
}

.Centre {
  display: grid;
  grid-template-columns: 1fr 2fr;
  justify-content: center;
  align-items: center;
}

.LinkBox:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}

.LinkBox:hover,
.LinkBox2:hover,
.LinkBox3:hover,
.LinkBox:focus,
.LinkBox:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
  color: #993333;
  filter: drop-shadow(5px 5px 5px #7c7c7c);
  border: solid 0.05em #001d0a;
}

.LinkBox2:hover {
  height: 300px !important;
}

.LinkBox:hover:before,
.LinkBox:focus:before,
.LinkBox:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

.c-m-m a.current {
  background-position: left;
  background-size: 0.5em 2em;
  background-repeat: no-repeat;
  padding-left: 1em;
  background-image: url("../css/right_arrow.png");
  color: #993333;
  border-bottom-color: #C00000;
  border-bottom-width: 2px;
  border-bottom-style: solid;
}

.c-m-m ul li,
.c-m-m ol li {
  list-style: none;
  border-bottom-color: #D0D0D0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding-left: 2px;
  text-indent: 0px;
  margin: 0.3em 0.3em;
}

.c-m-bars > p a:hover {
  font-size: 14px;
  color: #993333;
}

.ShiftUP {
  vertical-align: 40%;
}

.BackColor {
  background-color: floralwhite;
  border-bottom-color: #666666;
  border-top-color: #666666;
  border-bottom-width: 4px;
  border-bottom-style: solid;
  border-top-width: 4px;
  border-top-style: solid;
  padding-bottom: 6em;
  padding-top: 6em;
  text-align: center;
}

.BackColor h2 {
  text-align: center;
}

.BackColorC4Boxes {
  background-image: linear-gradient(to right top, white, seashell);
  border-bottom-color: #666666;
  border-top-color: #666666;
  border-top-width: 4px;
  border-top-style: solid;
  padding-bottom: 6em;
  padding-top: 6em;
  text-align: center;
}

.goNextVideo {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap-reverse;
}

.BackColorC4Boxes .LinkBox,
.BackColorC4Boxes .LinkBoxSpan,
.BackColorOneButton .LinkBox,
.BackColorOneButton .LinkBoxSpan {
  background-color: #E8C5AE;
  color: black;
}

.BackColorC4Boxes .LinkBox img,
.BackColorOneButton img {
  width: 8rem;
  background-color: oldlace;
}

.LinkBox img {
  max-height: 200px;
}

.BackTwoColor,
.BackColorOneButton {
  background-image: linear-gradient(to left top, #caf3ca, white);
  border-bottom-color: #666666;
  border-top-color: #666666;
  border-top-width: 4px;
  border-top-style: solid;
  padding-top: 2em;
}

.Box {
  border: thick double #666666;
  display: block;
  max-width: 35em;
  margin: 0.5em auto;
  padding: 0.5em 0.5em;
}

.BackWhite {
  background-image: white;
  margin-top: 3em;
  margin-bottom: 3em;
}

.BackWhiteGreen {
  background-image: white;
  margin-top: 3em;
  margin-bottom: 3em;
}

.BackWhiteGreen mark,
.BackWhiteGreen span,
.BackWhiteGreen h2,
.BackWhiteGreen p,
.BackWhiteGreen h3 {
  color: #005200;
}

.BackWhiteBlue {
  background-image: white;
  margin-top: 3em;
  margin-bottom: 3em;
}

.BackWhiteBlue mark,
.BackWhiteBlue span,
.BackWhiteBlue h2,
.BackWhiteBlue p,
.BackWhiteBlue h3 {
  color: #3c2dc4;
}

.BackGreen2 {
  background: linear-gradient(to right top, white, #ebf8e5);
  padding-top: 3em;
  padding-bottom: 3em;
  color: black;
}

.RedText {
  color: #e60303;
}

.GreenText,
h2.GreenText {
  color: #28aa2f;
}

.BackGreen2S {
  background: linear-gradient(to left top, #e2f8e2, white);
  padding-top: 3em;
  padding-bottom: 3em;
  color: black;
}

.BackOrange {
  background: linear-gradient(to left top, #f8f8e2, white);
  padding-top: 3em;
  padding-bottom: 3em;
  color: black;
}

.BackGreen2S p a {
  color: #993333;
}

.BackGreen3 {
  background-image: linear-gradient(#e8f5e8, white);
  padding-top: 3em;
  padding-bottom: 3em;
  color: black;
}

.BackGreen3S {
  background-image: linear-gradient(to right top, white, #186401);
  padding-top: 3em;
  padding-bottom: 3em;
  color: black;
}

.Box_NoBorder {
  max-width: 40em;
  margin: 0.5em auto;
}

.BackGreen4 {
  background: linear-gradient(to right top, white, #e2f8e2);
  padding-top: 3em;
  padding-bottom: 3em;
  color: black;
}

.BackGreen p,
.BackGreen2 p,
.BackGreen3 p,
.BackGreen4 p,
.BackGreen p,
.BackGreen2S p,
.BackGreen3S p,
.BackGreen4S p {
  color: black;
}

.BackGreen mark,
.BackBGreen mark,
.BackGreen3 mark,
.BackGreen4 mark,
.BackGreen mark,
.BackGreen2S mark,
.BackGreen3S mark,
.BackGreen4S mark,
.BackYellow mark {
  font-size: 130%;
  color: #130058;
}

.BackGreen {
  background-image: linear-gradient(to left top, #f4f5fd, white);
  padding-top: 3em;
  padding-bottom: 3em;
}

.BackBrown {
  background: #fcfafa;
  background: linear-gradient(180deg, #fcfafa 30%, #f8ecec 85%, white 95%);
  padding-top: 3em;
  padding-bottom: 3em;
}

.BackBrown p {
  color: black;
}

.BackBrown h2 {
  margin-top: 2em;
  margin-bottom: 2em;
}

.BackBrown2 {
  background: #fcfafa;
  background: linear-gradient(156deg, #fcfcf4 15%, #fcfafa 75%, #fffeef 90%);
  padding-top: 3em;
  padding-bottom: 3em;
}

.BackBrown4 {
  background: #e2f7d6;
  background: linear-gradient(15deg, #fcfcf4 15%, #fcfafa 75%, #fffeef 90%);
  padding-top: 2em;
  padding-bottom: 2em;
  margin: 1em;
  border-radius: 1em;
  border: solid 2px #136117;
}

.BackBrown4 details h2 {
  font-size: 110%;
  color: #C00000;
  font-family: sans-serif;
  font-weight: 200;
}

.BackBrown4 details h3 {
  font-size: 110%;
  font-family: sans-serif;
  font-weight: 200;
  color: #6d0b0b;
}

.BackBrown4 details h4 {
  font-size: 110%;
  font-family: sans-serif;
  font-weight: 200;
}

.BackBrown3 {
  background: #fcf4f4;
  background: linear-gradient(160deg, #fcfafa 5%, #fcfafa 85%, #b9a7a7 90%);
  padding-top: 3em;
  padding-bottom: 3em;
}

.BackRed {
  background-image: linear-gradient(to left top, #fcf4f4, white);
  padding-top: 3em;
  padding-bottom: 3em;
}

.BackRedSmall {
  background-image: linear-gradient(to left top, #fcf4f4, white);
  padding-top: 2em;
  padding-bottom: 1em;
}

.BackYellow {
  background-image: linear-gradient(to left top, #f8f7ea, white);
  padding-top: 3em;
  padding-bottom: 3em;
}

.BackYellowSmall {
  background-image: linear-gradient(to left top, #f8f7ea, white);
  padding-top: 3em;
  padding-bottom: 1em;
}

.BackYellowToR {
  background-image: linear-gradient(to right top, white, #f8f7ea);
  padding-top: 5em;
  padding-bottom: 5em;
  margin: 0 0 0 0;
}

.BackRedToR {
  background-image: linear-gradient(to right top, white, #fcf4f4);
  padding-top: 3em;
  padding-bottom: 3em;
}

.PictureText {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  width: 90%;
}

.PictureText img {
  max-width: 15em;
}

.contactUs a {
  text-align: center;
  color: #2eb454ff;
  text-decoration: underline;
  font-size: 110%;
  font-weight: 500;
}

.contactUs {
  font-size: 110%;
  font-weight: 500;
  padding-bottom: 2em;
}

.contactUs a:hover {
  text-align: center;
  color: #993333;
}

.contactUs.Brown a:hover {
  color: #2eb454ff;
}

.contactUs.Brown a {
  color: #993333;
}

.flex-container,
.flex-containerR {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.flex-container,
.flex-containerR img {
  width: auto;
}

.halfBox {
  width: 45%;
}

.halfBox ul li {
  margin-bottom: 0.6em;
}

.halfBox img {
  max-width: 90%;
}

.videobox {
  margin: 1em;
  padding-bottom: 1em;
}

.thnail:hover {
  transition: all 1s;
  margin: 0em 0.25em 0.5em 0.75em;
}

.thnail {
  width: 20em;
  margin: 0.5em 0.5em 0em 0.5em;
  border-radius: 10px;
  border: 2px solid #555;
}

p.videoInfo {
  text-decoration: none;
  max-width: 18em;
  margin-left: 2em;
  padding-bottom: 0;
  padding-top: 0;
  margin-top: 0em;
}

a.noUnderline {
  text-decoration: none;
}

.videoIndex {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.videoIndex div {
  margin: 0em 2em 0em 2em;
}

.uzkyBox {
  padding-top: 2em;
  max-width: 800px;
  display: block;
  margin: auto;
}

.bRequest {
  padding: 3px;
  background-color: #ffffff;
  margin: 2em;
}

.bRequest .bRequestButton {
  border-radius: 0.5em;
  margin: 1em auto;
  border: 2px solid #770000;
  padding: 3px;
  height: fit-content;
  width: fit-content;
}

.bRequest a button {
  border: none;
  background-color: #770000;
  color: #ffffff;
  border-radius: 0.3em;
  font-size: 1.5rem;
  max-width: 10em;
  min-width: 8em;
  min-height: 3em;
  padding: 0.5em;
}

.bRequest a button:hover {
  color: #770000;
  background-color: #ffffff;
  transition: all 0.3s;
}

.rightBlock {
  width: MIN(30em, 100vw);
  float: right;
}

.rightBlock details summary {
  background-color: #e3e0f8;
}

.contentaL p {
  font-size: large;
  color: #C00000;
}

@media (min-width: 30em) {
  details {
    margin: 0em 4em;
  }
}

@media (min-width: 40em) {
  details[open] {
    margin-left: 1em;
  }

  .Wide,
  .Wide80 {
    width: 80%;
  }

  .Contact {
    width: 90%;
  }

  .Block1 {
    width: 40%;
  }

  .Block2 {
    width: 60%;
  }

  .contactForm {
    width: 80%;
    max-width: 80%;
    margin: 0 auto;
  }

  .footer-body,
  .footer-body-form,
  .fotterInputDialog {
    max-width: 25em;
    min-width: 25em;
  }

  .footer-wrapper {
    max-width: 80em;
    width: MIN(100vw, 80em);
  }

  .block2T,
  .block2 {
    display: grid;
    row-gap: 1em;
    grid-template-columns: 1fr 4fr;
    justify-content: left;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
    margin-left: 3em;
    margin-right: 3em;
    align-items: center;
  }

  .block2T {
    align-items: center;
  }

  video {
    height: 315px;
    width: 560px;
  }

  video.wide {
    width: 1120px;
    height: 630px;
    max-width: 100%;
  }

  .pictureBox {
    height: 250px;
    width: 250px;
    margin: auto;
  }

  .pictureBox img {
    max-height: 250px;
    max-width: 250px;
  }
}

@media (min-width: 80em) {
  .ayMenu {
    padding: 0.5em 0 0.5em 0;
    width: MIN(95%, 95em);
  }

  .ayMenu .ayMenuCross {
    display: none;
    overflow: none;
  }

  .ayMenu .topLine {
    max-width: 90em;
    max-height: 2em;
    margin: 0.5em auto;
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    flex-grow: 2;
  }

  .ayMenu .ayL1Logo,
  .ayMenu .aySubL1 {
    position: relative;
    text-align: center;
  }

  .ayMenu .ayL1Logo .aySubL2,
  .ayMenu .ayL1Logo .aySubL2Narow,
  .ayMenu .aySubL1 .aySubL2,
  .ayMenu .aySubL1 .aySubL2Narow {
    height: 0;
    overflow: hidden;
    transition: all 500ms;
  }

  .ayMenu .aySubL1:hover .aySubL2Narow,
  .ayMenu .aySubL1:hover .aySubL2 {
    z-index: 9;
    height: 10em;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 3px 3px 10px #780000aa;
    background-color: var(--L2bg);
    transition: height 500ms;
  }

  .ayMenu .aySubL1:hover .aySubL2Narow,
  .ayMenu .aySubL1:hover .aySubL2 {
    z-index: 9;
    height: 10em;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 3px 3px 10px #780000aa;
    background-color: var(--L2bg);
    transition: height 500ms;
  }

  .ayMenu .aySubL1 .aySubL2 {
    position: fixed;
    left: 0.5em;
    width: calc(100vw - 1em);
    flex-grow: 0;
  }

  .ayMenu .aySubL1 .aySubL2 ul {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    align-items: first baseline;
  }

  .ayMenu .aySubL1:hover .aySubL2 ul {
    width: MIN(90em, 100vw);
    margin: 1em auto;
  }

  .ayMenu .aySubL2 ul li span.subTitle {
    display: block;
  }

  .ayMenu .aySubL2 ul li span {
    display: block;
    margin-top: 1em;
    font-size: 0.8em;
    text-align: left;
    max-width: 15em;
    color: #efeed6;
  }

  .ayMenu .aySubL1:hover .aySubL2Narrow ul img,
  .ayMenu .aySubL1:hover .aySubL2 ul img {
    max-height: 1.8em;
    max-width: 2em;
  }

  .ayMenu .aySubL1:hover .aySubL2Narrow ul li,
  .ayMenu .aySubL1:hover .aySubL2 ul li ul {
    display: unset;
    font-size: 0.9rem;
  }

  .ayMenu .aySubL1:hover .aySubL2 ul li {
    display: block;
    flex-grow: 1;
  }

  .ayMenu .aySubL2 {
    display: flex;
    flex-flow: row;
  }

  .ayMenu .aySubL2 img {
    height: 10em;
    max-height: 10em;
  }

  .ayMenu .aySubL1 .aySubL2Narow {
    position: absolute;
    max-width: 25em;
    min-width: 15em;
    left: -3em;
  }

  .ayMenu .aySubL1:hover .aySubL2Narow {
    padding: 1em;
    background-color: var(--L2bg);
  }

  .c-m-bars {
    flex-wrap: nowrap;
  }

  .c-m-m {
    min-width: 15em;
  }

  .c-m-m ul li,
  .c-m-m ol li {
    font-size: 90%;
    min-height: 2em;
  }

  .c-m-m h2,
  .c-m-m h2 a {
    font-size: 90%;
  }

  .c-m-bars main {
    border-left-color: #C00000;
    border-left-style: solid;
    border-left-width: 1px;
    border-bottom: none;
  }
}

@media (max-width: 800px) {
  .flex-containerR {
    flex-direction: column;
  }

  .flex-container {
    flex-direction: column-reverse;
  }

  .halfBox {
    min-width: 90%;
  }
}

@media (max-width: 79.9em) {
  .ayMenu[data-visible="N"] .ayMenuCross {
    background-image: url('data:image/svg+xml;utf8,<svg width="1em" height="1em" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><g fill="rgb(120, 0, 0)"><circle cx="500" cy="145" r="120"/><circle cx="500" cy="855" r="120"/><circle cx="500" cy="500" r="120"/></g></svg>');
  }

  .ayMenu[data-visible="Y"] .ayMenuCross {
    background-image: url('data:image/svg+xml;utf8,<svg width="1em" height="1em" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="m172 75s-97 0-97 91l324 334-324 335s0 90 87 90l338-324 334 324s91 0 91-97l-323-328 323-338s0-87-93-87l-332 323zm418 425c1 122-179 125-180 0s179-122 180 0z" fill="rgb(120, 0, 0)"/></svg>');
  }

  .ayMenu[data-visible="N"] .topLine {
    width: 0;
    overflow: hidden;
    transition: all 500ms;
  }

  .ayMenu[data-visible="Y"] {
    overflow: show;
  }

  .ayMenu[data-visible="Y"] .topLine {
    width: MIN(35em, 80%);
    overflow-y: auto;
    padding: 1em;
    transition: width 500ms;
  }

  .ayMenu {
    width: calc(100vw - 5em);
    margin-left: 2em;
  }

  .ayMenu .ayMenuCross {
    height: 2rem;
    width: 2rem;
    margin: 0;
    padding: 0;
    background-size: cover;
  }

  .ayMenu .aySubL1 {
    margin-top: 1em;
  }

  .ayMenu .aySubL2 {
    max-width: 100%;
    margin-top: 1em;
    border-top: solid 3px black;
  }

  .ayMenu .aySubL2 img {
    display: none;
  }

  .ayMenu .topLine {
    display: block;
    position: fixed;
    z-index: 9;
    background-color: var(--L2bg);
    top: 3em;
    right: 0;
    height: calc(100vh - 1.8em);
  }

  .ayMenu .ay--l2body {
    max-width: calc(100% - 3em);
  }

  .C4boxes {
    display: grid;
    position: relative;
    width: 90%;
    margin: 5%;
    align-items: center;
  }

  video {
    height: 240px;
    width: 320px;
  }

  .pictureBox,
  .pictureBox img {
    height: 240px;
    width: 320px;
    margin: auto;
  }

  .PictureText {
    width: 90%;
    margin: 5%;
    display: block;
  }
}

@media (max-width: 39.9em) {
  .contactForm {
    --border: 2em;
    width: 90vw;
    max-width: 90vw;
    margin-left: 0.5em;
  }

  .footer-body-form {
    width: calc(100vw - 1em);
    margin: 0;
  }

  .footer-wrapper {
    flex-direction: column;
    max-width: 100vw;
    overflow-x: hidden;
  }

  .Centre {
    display: block;
    align-items: center;
  }
}