/* nock-template joomla 5xx */
/* Variables CSS Document */
/******* COLORS *******/
/******* FONTS *******/
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Opensans';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/OpenSans-Regular.ttf") format("truetype");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Opensans';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/OpenSans-Light.ttf") format("truetype");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Opensans';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/OpenSans-Bold.ttf") format("truetype");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
header.headerall {
  position: fixed;
  top: 0px;
  width: 100%;
  display: flex;
  flex-direction: row;
  background-color: #141417;
  z-index: 99;
  box-shadow: rgba(255, 255, 255, 0.15) 1.95px 1.95px 2.6px; }
  header.headerall .header-wrapper1 {
    padding-top: 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    header.headerall .header-wrapper1 a.navbar-brand img {
      max-width: 200px;
      height: auto; }
    header.headerall .header-wrapper1 .header-right {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: center; }
      header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li a {
        font-family: "Opensans", sans-serif !important;
        font-weight: 700;
        font-size: 2rem;
        color: #ffffff;
        line-height: 28px; }
        header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li a:hover {
          color: #ffffff; }
      header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li.active a {
        color: #ffffff; }
      header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li .dj-subwrap .dj-subwrap-in {
        border-radius: 15px;
        border-top: 2px solid #ffffff;
        border-bottom: 2px solid #ffffff; }
        header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li .dj-subwrap .dj-subwrap-in .dj-subcol {
          width: 280px; }
        header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li .dj-subwrap .dj-subwrap-in ul.dj-submenu li:hover {
          background: none; }
          header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li .dj-subwrap .dj-subwrap-in ul.dj-submenu li:hover a {
            background: none;
            text-transform: uppercase;
            font-family: "Opensans", sans-serif !important;
            font-weight: 300;
            font-size: 1.1rem;
            color: #363D45;
            line-height: 2rem; }
        header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li .dj-subwrap .dj-subwrap-in ul.dj-submenu li a {
          text-transform: uppercase;
          font-family: "Opensans", sans-serif !important;
          font-weight: 300;
          font-size: 1.1rem;
          color: #363D45;
          line-height: 2rem; }
        header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li .dj-subwrap .dj-subwrap-in ul.dj-submenu li.active a {
          color: #089EAD; }
      header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper #dj-megamenu110mobile button {
        background: none; }
        header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper #dj-megamenu110mobile button span {
          background-color: #1B2F71; }
          header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper #dj-megamenu110mobile button span::before, header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper #dj-megamenu110mobile button span::after {
            background-color: #1B2F71; }
      header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper #dj-megamenu110mobile ul.dj-mobile-nav li a {
        font-family: "Opensans", sans-serif !important;
        font-weight: 400;
        font-size: 20px;
        color: #1B2F71;
        line-height: 24px;
        background: #1B2F71;
        color: #ffffff; }
        header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper #dj-megamenu110mobile ul.dj-mobile-nav li a:hover {
          background: #089EAD; }

html {
  font-family: "Opensans", sans-serif !important;
  font-weight: 300;
  font-size: 20px;
  color: #363D45;
  line-height: 28px; }

body {
  font-family: "Opensans", sans-serif !important;
  font-weight: 300;
  font-size: 20px;
  color: #363D45;
  line-height: 28px;
  overflow-x: hidden; }

p {
  font-family: "Opensans", sans-serif !important;
  font-weight: 300;
  font-size: 20px;
  color: #ffffff;
  line-height: 28px; }

a {
  font-family: "Opensans", sans-serif !important;
  font-weight: 300 !important;
  font-size: 18px !important;
  color: #ffffff;
  line-height: 24px !important;
  text-decoration: underline; }
  a:hover {
    font-family: "Opensans", sans-serif !important;
    font-weight: 300 !important;
    font-size: 18px !important;
    color: #ffffff;
    line-height: 24px !important;
    text-decoration: none; }

.sppb-button-wrapper a.sppb-btn {
  font-family: "Opensans", sans-serif !important;
  font-weight: 300 !important;
  font-size: 18px !important;
  color: #ffffff;
  line-height: 24px !important;
  text-decoration: underline;
  border: 1px solid #ffffff !important;
  padding: 10px; }
  .sppb-button-wrapper a.sppb-btn:hover {
    font-family: "Opensans", sans-serif !important;
    font-weight: 300 !important;
    font-size: 18px !important;
    color: #ffffff;
    line-height: 24px !important;
    text-decoration: none; }

.sppb-btn {
  font-family: "Opensans", sans-serif !important;
  font-weight: 300 !important;
  font-size: 18px !important;
  color: #ffffff;
  line-height: 24px !important;
  text-decoration: underline;
  border: 1px solid #ffffff !important;
  padding: 10px;
  margin-bottom: 20px;
  margin-top: 20px; }
  .sppb-btn:hover {
    font-family: "Opensans", sans-serif !important;
    font-weight: 300 !important;
    font-size: 18px !important;
    color: #ffffff;
    line-height: 24px !important;
    text-decoration: none; }

h1 {
  font-family: "Opensans", sans-serif !important;
  font-weight: 700;
  font-size: 3.2rem;
  color: #ffffff;
  line-height: 3.8rem;
  margin-bottom: 30px; }
  @media (max-width: 1199px) {
    h1 {
      font-family: "Opensans", sans-serif !important;
      font-weight: 700;
      font-size: 2.2rem;
      color: #ffffff;
      line-height: 2.6rem; } }

h2 {
  font-family: "Opensans", sans-serif !important;
  font-weight: 700;
  font-size: 2.4rem;
  color: #ffffff;
  line-height: 3.2rem;
  margin-bottom: 20px; }
  @media (max-width: 1199px) {
    h2 {
      font-family: "Opensans", sans-serif !important;
      font-weight: 700;
      font-size: 1.8rem;
      color: #ffffff;
      line-height: 2.4rem; } }

h3 {
  font-family: "Opensans", sans-serif !important;
  font-weight: 700;
  font-size: 1.4rem;
  color: #ffffff;
  line-height: 2.0rem;
  margin-bottom: 20px; }

.padding-bottom5 {
  padding-bottom: 5%; }

.padding-top5 {
  padding-top: 5%; }

.padding-bottom40 {
  padding-bottom: 40px; }

.padding-top40 {
  padding-top: 40px; }

.padding-bottom60 {
  padding-bottom: 60px; }

.padding-top60 {
  padding-top: 60px; }

.padding-bottom120 {
  padding-bottom: 120px; }

#contents {
  margin-top: 78px;
  background-color: #141417; }

footer .footer1 {
  background-color: #141417;
  padding-top: 20px;
  padding-bottom: 20px; }
  footer .footer1 .container .footer-kontakt p, footer .footer1 .container .footer-kontakt a {
    color: #ffffff; }
  footer .footer1 .container .footer-kontakt2 {
    display: flex;
    flex-direction: row;
    justify-content: flex-end; }
    footer .footer1 .container .footer-kontakt2 p, footer .footer1 .container .footer-kontakt2 a {
      color: #ffffff; }
    footer .footer1 .container .footer-kontakt2 a {
      margin-left: 40px; }
      footer .footer1 .container .footer-kontakt2 a i {
        font-size: 30px; }
footer .footer-2 {
  background-color: #141417;
  padding-top: 20px;
  padding-bottom: 20px; }
  footer .footer-2 .container .copy {
    color: #ffffff; }
    footer .footer-2 .container .copy p {
      color: #ffffff;
      margin-bottom: 0px; }
  footer .footer-2 .container .footer-nav {
    display: flex;
    flex-direction: row;
    justify-content: flex-end; }
    footer .footer-2 .container .footer-nav ul li {
      margin-left: 20px; }
      footer .footer-2 .container .footer-nav ul li a {
        Color: #ffffff;
        text-decoration: none; }
        footer .footer-2 .container .footer-nav ul li a:hover {
          text-decoration: underline; }