@CHARSET "UTF-8";
@font-face {
  font-family: 'FuturaPTLight';
  src: url("../fonts/Futura/FuturaPTLight.otf"), url("../fonts/Futura/FuturaPTLight.woff"); }
@font-face {
  font-family: 'FuturaPTMedium';
  src: url("../fonts/Futura/FuturaPTMedium.otf"), url("../fonts/Futura/FuturaPTMedium.woff"); }
h2, h3 {
  font-family: 'FuturaPTMedium', helvetica, arial, sans-serif; }

h3 span {
  font-family: 'FuturaPTLight',  helvetica, arial, sans-serif; }

body {
  font-family: 'FuturaPTLight',  helvetica, arial, sans-serif; }

.menu {
  font-family: 'FuturaPTMedium', helvetica, arial, sans-serif; }

.submenu {
  font-family: 'FuturaPTLight',  helvetica, arial, sans-serif; }

.slogan {
  font-family: 'FuturaPTMedium', helvetica, arial, sans-serif; }

input.courier {
  font-family: 'Courier New'; }

button.courier {
  font-family: 'Courier New'; }

h2 {
  font-size: 30px; }

h3 {
  font-size: 24px; }

body {
  font-size: 20px; }

.menu {
  font-size: 22px; }

.submenu {
  font-size: 22px; }

.slogan {
  font-size: 24px; }

@media (max-width: 992px) {
  h2 {
    font-size: 28px; }

  h3 {
    font-size: 22px; }

  body {
    font-size: 18px; }

  .menu {
    font-size: 22px; }

  .submenu {
    font-size: 20px; }

  .slogan {
    font-size: 22px; } }
@media (max-width: 600px) {
  h2 {
    font-size: 26px; }

  h3 {
    font-size: 20px; }

  body {
    font-size: 16px; }

  .menu {
    font-size: 20px; }

  .submenu {
    font-size: 18px; }

  .slogan {
    font-size: 20px; } }
body, html {
  height: 100%; }

.clearfix::after {
  content: "";
  clear: both;
  display: table; }

.container {
  position: relative;
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  padding: 0 5.255%; }

.muted {
  opacity: 0.6;
  -webkit-transition: opacity .5s;
  /* Safari */
  transition: opacity .5s; }

.muted:hover {
  opacity: 1; }

.anchor {
  position: relative;
  top: -79px;
  /* header hight */
  visibility: hidden; }

@media (max-width: 1250px) {
  .logo img {
    width: 160px; } }
@media (max-width: 1150px) {
  .logo img {
    width: 135px; } }
@media (max-width: 1000px) {
  .logo img {
    width: 110px; } }

.alert {
  padding: 10px 15px;
  color: #8a6d3b;
  background-color: #fcf8e3;
  border: 1px solid #faebcc;
  border-radius: 4px; }

.alert-dark {
  padding: 10px 15px;
  color: #1b1e21;
  background-color: #d6d8d9;
  border: 1px solid #c6c8ca;
  border-radius: 4px; }

.blinking {
  animation: blink 1s linear infinite; }

@keyframes blink {
  0% {
    opacity: 0; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }
.cooming-soon {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-transform: uppercase;
  font-weight: bold;
  color: #e2001a;
  pointer-events: none; }

.homepage-banner {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10000; }
  .homepage-banner .banner-container {
    position: absolute;
    width: 80%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
    @media (max-width: 1500px) {
      .homepage-banner .banner-container {
        width: 90%; } }
  .homepage-banner .banner-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: black;
    background: white;
    border: 1px solid black;
    animation: animatezoom 0.6s; }
    @media (max-width: 500px) {
      .homepage-banner .banner-content {
        flex-direction: column; } }
  .homepage-banner .banner-left {
    padding: 0 50px;
    flex-basis: 60%; }
    @media (max-width: 1100px) {
      .homepage-banner .banner-left {
        padding: 50px; } }
  .homepage-banner .banner-right {
    flex-basis: 40%; }
  .homepage-banner .banner-text {
    font-size: xxx-large; }
    @media (max-width: 1400px) {
      .homepage-banner .banner-text {
        font-size: xx-large; } }
  .homepage-banner .play-btn {
    position: relative;
    width: 0;
    height: 0;
    margin-left: 5px;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid red;
    cursor: pointer; }
    .homepage-banner .play-btn .play-text {
      position: absolute;
      left: 25px;
      top: 50%;
      transform: translateY(-50%);
      white-space: nowrap;
      font-size: x-large;
      text-decoration: underline; }
  .homepage-banner .close {
    position: absolute;
    font-size: xx-large;
    right: 14px;
    top: 0px;
    padding: 10px;
    color: black; }
  .homepage-banner .close:hover {
    cursor: pointer; }

/* ------------------------ W3.CSS customize ------------------------ */
.w3-col.left {
  float: left; }

.w3-col.right {
  float: right; }

.w3-col.sHalf {
  width: 47%; }

.w3-col.s1 {
  width: 8.33333%; }

.w3-col.s2 {
  width: 16.66666%; }

.w3-col.s3 {
  width: 24.99999%; }

.w3-col.s4 {
  width: 33.33333%; }

.w3-col.s5 {
  width: 41.66666%; }

.w3-col.s6 {
  width: 49.99999%; }

.w3-col.s7 {
  width: 58.33333%; }

.w3-col.s8 {
  width: 66.66666%; }

.w3-col.s9 {
  width: 74.99999%; }

.w3-col.s10 {
  width: 83.33333%; }

.w3-col.s11 {
  width: 91.66666%; }

.w3-col.s12 {
  width: 99.99999%; }

@media (min-width: 601px) {
  .w3-col.m1 {
    width: 8.33333%; }

  .w3-col.m2 {
    width: 16.66666%; }

  .w3-col.m3, .w3-quarter {
    width: 24.99999%; }

  .w3-col.m4, .w3-third {
    width: 33.33333%; }

  .w3-col.m5 {
    width: 41.66666%; }

  .w3-col.m6, .w3-half {
    width: 49.99999%; }

  .w3-col.m7 {
    width: 58.33333%; }

  .w3-col.m8, .w3-twothird {
    width: 66.66666%; }

  .w3-col.m9, .w3-threequarter {
    width: 74.99999%; }

  .w3-col.m10 {
    width: 83.33333%; }

  .w3-col.m11 {
    width: 91.66666%; }

  .w3-col.m12 {
    width: 99.99999%; }

  .w3-col.mHalf {
    width: 47%; }

  .w3-col.mOneThird {
    width: 22%; }

  .w3-col.mTwoThird {
    width: 75%; } }
@media (min-width: 993px) {
  .w3-col.l1 {
    width: 8.33333%; }

  .w3-col.l2 {
    width: 16.66666%; }

  .w3-col.l3 {
    width: 24.99999%; }

  .w3-col.l4 {
    width: 33.33333%; }

  .w3-col.l5 {
    width: 41.66666%; }

  .w3-col.l6 {
    width: 49.99999%; }

  .w3-col.l7 {
    width: 58.33333%; }

  .w3-col.l8 {
    width: 66.66666%; }

  .w3-col.l9 {
    width: 74.99999%; }

  .w3-col.l10 {
    width: 83.33333%; }

  .w3-col.l11 {
    width: 91.66666%; }

  .w3-col.l12 {
    width: 99.99999%; }

  .w3-col.lHalf {
    width: 47%; } }
.parallax {
  position: relative;
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.parallax .container {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: opacity .5s;
  /* Safari */
  transition: opacity .5s; }
  .parallax .container > div {
    position: relative;
    height: 100%; }
    .parallax .container > div > div {
      position: absolute;
      width: 100%;
      text-align: center;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%); }
  .parallax .container .fancy-scroll {
    position: absolute;
    left: 50%;
    bottom: 100px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .parallax .container .fancy-scroll img {
      max-width: 90px;
      width: 90px; }
  .parallax .container .slogan {
    display: inline-block;
    padding: 20px 50px;
    letter-spacing: .3em;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 10px; }
  .parallax .container .slogan.black {
    background-color: rgba(255, 255, 255, 0.7);
    color: black;
    box-shadow: 0 0 20px white; }
  .parallax .container .slogan.white {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    box-shadow: 0 0 20px black; }

.parallax.half {
  min-height: 50%; }

.parallax.full {
  min-height: 100%; }

.parallax.half .container > div > div {
  top: 66%; }

.parallax.full .container > div > div {
  top: 50%; }

.parallax.bg1 {
  background-image: url(../static/pages/images/background1.jpg); }

.parallax.bg2 {
  background-image: url(../static/pages/images/background2.jpg); }

.parallax.bg3 {
  background-image: url(../static/pages/images/background3.jpg); }

.parallax.bg4 {
  background-image: url(../static/pages/images/unternehmen.jpg); }

.parallax.bg5 {
  background-image: url(../static/pages/images/quality.jpg); }

.parallax.bg6 {
  background-image: url(../static/pages/images/aux4.jpg); }

body.scrolled .parallax .container {
  opacity: 0; }

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 100px 0 15px 0;
  -webkit-transition: all .5s;
  /* Safari */
  transition: all .5s;
  z-index: 1000; }
  @media (max-width: 992px) {
    header {
      padding: 25px 0; } }
  header .logo {
    position: absolute;
    -webkit-transform: translate(0, 15%);
    transform: translate(0, 15%); }
  header .nav-btn {
    cursor: pointer; }
  header nav a {
    position: relative; }
  header nav hr {
    border-top: 1px solid #ccc !important;
    margin: 5px 0 !important; }
  header nav span.menu {
    cursor: default; }
  header nav .w3-dropdown-hover:hover > .w3-button:first-child {
    background-color: transparent !important; }
  header nav .w3-dropdown-hover:first-child {
    background-color: transparent !important; }
  header nav .w3-dropdown-content {
    padding: 18px 10px !important; }
  header nav .menu {
    letter-spacing: .16em;
    text-transform: uppercase; }
    @media (max-width: 1250px) {
      header nav .menu {
        letter-spacing: .08em; } }
    @media (max-width: 1100px) {
      header nav .menu {
        letter-spacing: .00em; } }
  header nav .submenu {
    padding: 0 16px !important;
    letter-spacing: .05em;
    white-space: nowrap !important; }
  header nav .submenu.child {
    padding: 2px 16px 2px 25px !important;
    font-size: smaller; }
  header nav .new {
    position: absolute;
    top: 0;
    font-size: smaller;
    color: #e2001a; }

header.mobile {
  background-color: #e1e9ed;
  height: 100%; }
  header.mobile nav {
    display: block !important;
    position: fixed;
    top: 70px;
    bottom: 5%;
    left: 5%;
    right: 0;
    overflow-y: scroll; }
    header.mobile nav .w3-dropdown-hover, header.mobile nav .w3-dropdown-content {
      display: block !important; }
    header.mobile nav .w3-dropdown-content {
      position: relative !important;
      padding: 0 !important;
      box-shadow: none !important;
      background: none !important; }
    header.mobile nav .menu {
      padding: 0 !important; }
    header.mobile nav .submenu.child, header.mobile nav hr {
      display: none !important; }

body.scrolled header {
  padding: 15px 0;
  background-color: #e1e9ed; }
  @media (max-width: 992px) {
    body.scrolled header {
      padding: 10px 0; } }

main {
  padding-bottom: 40px !important;
  /* ------------------------ NEWS styles ------------------------ */
  /* ------------------------ PRODUCT DETAILS styles ------------------------ */
  /* ------------------------ ACCORDION styles ------------------------ */
  /* ------------------------ CARDs ------------------------ */
  /* ------------------------ TABS styles ------------------------ */
  /* ------------------------ TITLE styles ------------------------ */
  /* ------------------------ LINK styles ------------------------ */
  /* ------------------------ ZOOM styles ------------------------ */
  /* ------------------------ FAQ styles ------------------------ */
  /* ------------------------ timeline ------------------------ */ }
  main ul, main ol {
    padding-left: 20px; }
  main h2 {
    margin: 40px; }
  main button {
    color: white !important;
    background-color: #e2001a !important; }
  main .ql-indent-1 {
    margin-left: 50px; }
  main .ql-indent-2 {
    margin-left: 100px; }
  main .ql-indent-3 {
    margin-left: 150px; }
  main .ql-indent-4 {
    margin-left: 200px; }
  main .ql-indent-5 {
    margin-left: 250px; }
  main .ul-header {
    margin-bottom: 0; }
  main .ul-header + ul, main .ul-header + span {
    margin-top: 0;
    font-size: smaller; }
  main .person {
    border-color: #e2001a !important; }
    main .person span {
      font-size: smaller; }
    main .person div:first-child div:first-child {
      max-width: 140px; }
  main .board {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 100px;
    padding: 10px 20px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    background: #eee; }
    main .board input, main .board select {
      border: 1px solid #ccc; }
    main .board select {
      padding: 9px 4px; }
    main .board button {
      white-space: normal; }
  @media (max-width: 992px) {
    main .board {
      position: relative;
      top: initial; } }
  main .grid {
    margin: 0;
    padding: 0 20px; }
    main .grid p {
      padding: 10px; }
    main .grid img {
      width: 100%; }
  main .banner {
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
    main .banner > div {
      display: inline-block;
      width: auto;
      margin-bottom: -100%;
      padding: 20px 40px 100% 40px;
      letter-spacing: .07em;
      background-color: rgba(255, 255, 255, 0.8); }
  main .locked-param {
    padding: 5px 10px;
    color: #8a6d3b;
    background: #fcf8e3;
    border: 1px solid #faebcc; }
  main .prod-title {
    margin: 90px 0 30px 0;
    font-weight: bold;
    color: white;
    background: #7D7D7D; }
    main .prod-title .container {
      padding-top: 20px;
      padding-bottom: 20px; }
      main .prod-title .container h2 {
        margin: 0 0 15px 0;
        text-transform: none;
        text-align: left;
        line-height: 1.2em;
        letter-spacing: 0em; }
      main .prod-title .container p {
        margin: 0;
        line-height: 1.2em;
        letter-spacing: 0.1em; }
      main .prod-title .container img {
        position: absolute;
        right: 50px;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        width: 25%; }
  main .form-field label {
    font-weight: bold; }
  main .form-field span {
    display: none;
    color: red;
    font-size: smaller; }
  main .form-field.error input, main .form-field.error textarea {
    border-color: red !important; }
  main .form-field.error label {
    color: red; }
  main .form-field.error span {
    display: initial; }
  main .homepage-product {
    padding-bottom: 30px; }
    main .homepage-product img {
      width: 50%; }
    main .homepage-product ul {
      font-size: smaller; }
  main .news iframe {
    width: 100%;
    max-width: 640px;
    height: 360px; }
  main .news iframe + p {
    margin-top: 0;
    font-size: smaller; }
  main .news img {
    max-width: 100%; }
  main .tabcontent ul {
    padding-left: 0;
    list-style-type: none; }
  main .tabcontent .filter {
    padding: 0 10px 2px 10px; }
    main .tabcontent .filter .name {
      margin: 2px 0; }
    main .tabcontent .filter .value {
      font-size: smaller; }
    main .tabcontent .filter .single {
      margin-top: 6px; }
    main .tabcontent .filter .disabled {
      color: #aaa; }
  main .tabcontent .filter:nth-child(odd) {
    background: #eee; }
  main .tabcontent .results {
    margin-top: 40px; }
    main .tabcontent .results div:first-child {
      margin-bottom: 10px; }
    main .tabcontent .results .value {
      font-size: smaller; }
    main .tabcontent .results .courier {
      font-family: courier; }
    main .tabcontent .results .delete {
      margin-right: 30px;
      white-space: nowrap;
      cursor: pointer; }
    main .tabcontent .results .delete:hover {
      color: #e2001a; }
    main .tabcontent .results .delete-btn {
      background: white;
      padding: 0 8px;
      border: 1px solid #aaaaaa; }
    main .tabcontent .results .config {
      margin-left: 10px;
      padding: 2px 10px;
      font-size: smaller; }
  main .tabcontent {
    position: relative;
    /*
    	.product-config {

    	}
    */ }
    main .tabcontent .desc {
      font-size: smaller;
      font-style: italic;
      color: #888; }
    main .tabcontent .push-content span {
      padding: 3px 5px;
      white-space: nowrap;
      font-size: smaller;
      border-right: 1px solid black;
      border-top: 1px solid black;
      border-bottom: 1px solid black;
      background: lightgreen; }
    main .tabcontent .push-content span:first-child {
      border-left: 1px solid black; }
    main .tabcontent .push-content span.disabled {
      font-weight: normal;
      color: gray;
      background: lightgrey; }
    main .tabcontent .variants select,
    main .tabcontent .variants input {
      width: 100%;
      padding: 2px 2px 2px 10px; }
  main .accordion-link {
    color: black !important;
    background-color: white !important;
    cursor: pointer;
    width: 100%;
    padding: 5px 0;
    border: none;
    text-align: left;
    outline: none;
    -webkit-transition: all .5s;
    /* Safari */
    transition: all .5s; }
  main .accordion-link:hover {
    color: #e2001a !important; }
  main .accordion-panel {
    background-color: white;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.2s ease-out;
    /* Safari */
    transition: max-height 0.2s ease-out; }
  main .card {
    position: relative; }
    main .card img {
      width: 100%;
      max-width: 200px; }
  main .card.big img {
    max-width: 300px; }
  main .card.product ul {
    font-size: smaller; }
  main .card.product img {
    max-width: 150px; }
  @media (min-width: 601px) {
    main .card.mPadding .image-cont {
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%); }
    main .card.mPadding.left {
      padding-left: 300px; }
      main .card.mPadding.left .image-cont {
        left: 0; }
    main .card.mPadding.right {
      padding-right: 300px; }
      main .card.mPadding.right .image-cont {
        right: 0; }
    main .card.big.mPadding.left {
      padding-left: 400px; }
    main .card.big.mPadding.right {
      padding-right: 400px; }
    main .card.mPadding.product {
      padding-left: 210px; }
      main .card.mPadding.product .image-cont {
        left: 0; }
    main .card.mFloat.left .image-cont {
      float: left;
      padding: 30px; }
    main .card.mFloat.right .image-cont {
      float: right;
      padding: 30px; } }
  @media (min-width: 993px) {
    main .card.lPadding .image-cont {
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%); }
    main .card.lPadding.left {
      padding-left: 300px; }
      main .card.lPadding.left .image-cont {
        left: 0; }
    main .card.lPadding.right {
      padding-right: 300px; }
      main .card.lPadding.right .image-cont {
        right: 0; }
    main .card.big.lPadding.left {
      padding-left: 400px; }
    main .card.big.lPadding.right {
      padding-right: 400px; }
    main .card.lPadding.product {
      padding-left: 210px; }
      main .card.lPadding.product .image-cont {
        left: 0; }
    main .card.lFloat.left .image-cont {
      float: left;
      padding: 30px; }
    main .card.lFloat.right .image-cont {
      float: right;
      padding: 30px; }
    main .card.product .link {
      position: absolute;
      left: 800px;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%); } }
  main .tablink {
    text-transform: uppercase;
    color: #888;
    cursor: pointer; }
  main .tablink:hover, main .tablink.active {
    color: black;
    border-color: #e2001a !important; }
  main .tabcontent {
    padding-top: 30px; }
  main h2 {
    text-align: center;
    letter-spacing: 0.1em; }
    main h2 img {
      height: 100px; }
  main h3 {
    line-height: 30px;
    letter-spacing: .07em; }
    main h3 span {
      font-size: smaller; }
  main .date {
    line-height: 25px; }
    main .date span {
      font-size: small;
      text-transform: uppercase;
      color: #888; }
  main a {
    text-decoration: none;
    color: #e2001a !important; }
  main a:hover {
    text-decoration: underline; }
  main h2 > a, main h3 > a {
    color: black !important; }
  main .link.small {
    font-size: smaller; }
  main .link.big {
    font-size: larger;
    text-transform: uppercase; }
  main .link.icon {
    display: inline-block;
    padding: 10px 0 10px 80px;
    background-position: 20px center;
    background-size: 40px;
    background-repeat: no-repeat; }
  main .link.icon.small {
    padding: 5px 0 5px 55px;
    background-position: 15px center;
    background-size: 25px; }
  main .link.icon.pdf {
    background-image: url(/static/pages/images/pdf-icon.jpg); }
  main .link.icon.zip {
    background-image: url(/static/pages/images/zip-icon.jpg); }
  main .zoomable {
    cursor: pointer;
    -webkit-transition: all .3s;
    /* Safari */
    transition: all .3s; }
  main .zoomable:hover {
    opacity: 0.7; }
  main .faq-question span {
    margin-left: 15px;
    font-size: x-large;
    letter-spacing: .7px; }
  main .timeline {
    position: relative;
    font-size: smaller; }
    main .timeline .entry {
      position: relative; }
    main .timeline .entry {
      width: 50%;
      padding: 0 40px; }
    main .timeline .entry:nth-child(odd) {
      text-align: right; }
    main .timeline .entry:nth-child(even) {
      left: 50%; }
    main .timeline .entry::after {
      content: '';
      position: absolute;
      width: 24px;
      height: 24px;
      background-color: white;
      border: 2px solid black;
      top: 3px;
      border-radius: 50%;
      z-index: 1; }
    main .timeline .entry:nth-child(odd)::after {
      right: -10px; }
    main .timeline .entry:nth-child(even)::after {
      left: -14px; }
  main .timeline::after {
    content: '';
    position: absolute;
    width: 2px;
    background-color: black;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px; }
  @media screen and (max-width: 600px) {
    main .timeline .entry {
      left: 0 !important;
      width: 100%;
      text-align: left !important; }
    main .entry::after {
      left: 0 !important; }
    main .timeline::after {
      left: 14px; } }

.zoom {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10000;
  color: white;
  background: rgba(32, 32, 32, 0.9); }
  .zoom .block {
    position: fixed;
    background-color: #484848; }
  .zoom .caption {
    position: absolute;
    left: 20px;
    top: 10px;
    white-space: nowrap; }
  .zoom .image {
    position: absolute;
    top: 50px; }
  .zoom .close {
    position: absolute;
    top: 0;
    right: 20px;
    font-size: xx-large;
    font-weight: bold;
    cursor: pointer; }

footer {
  padding: 20px 0;
  color: white;
  background-color: #626A6E;
  /*
  	a { text-decoration: none; }
  	a:hover { text-decoration: underline; }

  	hr {
  		display: none;
  		border: none;
  		color: #888;
  		background-color: #888;
  		height: 1px;

  		@media (max-width: 600px) {
  			display: block;
  		}

  	}

  	.title {
  	    letter-spacing: .1em;
   		text-transform: uppercase;
   		font-size: smaller;
  	}

  	.social a {
  		display: inline-block;
  		width: 65px;
  		height: 65px;
  		padding: 8px;
  		margin: 10px;
  		font-size: xx-large;
  	    border-radius: 50%;
  		border: 2px solid white;

  		@media (max-width: 992px) {
  			width: 56px;
  			height: 56px;
  			margin: 5px;
  			font-size: x-large;
  		}

  		@media (max-width: 600px) {
  			width: 42px;
  			height: 42px;
  			margin: 3px;
  			font-size: medium;
  		}
  	}

  	.address {
  		@media (max-width: 600px) {
  			text-align: center;
  		}
  	}

  	.cert img {
  		@media (max-width: 600px) {
  			max-width: 50%;
  		}
  	}

  	.page-links a { display: block; }
  */ }
  footer .title {
    font-weight: bold;
    letter-spacing: .1em; }
  footer .content {
    font-size: smaller;
    letter-spacing: .05em; }
    footer .content a {
      text-decoration: none; }
    footer .content a:hover {
      text-decoration: underline; }
  footer .content.policy a {
    text-transform: uppercase; }

.cookies-consent {
  position: fixed;
  bottom: 0;
  width: 100%; }
  .cookies-consent section {
    padding: 20px 100px 20px 50px;
    background-color: rgba(0, 0, 0, 0.7);
    font-size: smaller;
    color: white; }
  .cookies-consent .close {
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 20px;
    cursor: pointer;
    font-size: xx-large; }

#adminLogin {
  position: fixed;
  width: 100%;
  height: 100%; }
  #adminLogin img {
    width: 150px; }
  #adminLogin button {
    width: 100%; }

#adminSidebar {
  width: 200px; }
  #adminSidebar a, #adminSidebar span {
    font-weight: bold; }
  #adminSidebar img {
    width: 150px; }
  #adminSidebar button {
    width: 100%; }
  #adminSidebar .selected {
    color: #000 !important;
    background-color: #ccc !important; }
  #adminSidebar .disabled {
    opacity: .5; }

#adminHeader {
  padding-left: 200px; }

#adminContent {
  margin-left: 200px;
  padding-bottom: 16px; }
  #adminContent .ql-tooltip.ql-editing {
    z-index: 1; }
  #adminContent input {
    width: 100%; }
  #adminContent table.jobs {
    width: 100%;
    margin-top: 16px; }
    #adminContent table.jobs td:first-child {
      width: 40px; }
    #adminContent table.jobs td:last-child {
      width: 230px; }
  #adminContent table.news {
    width: 100%;
    margin-top: 16px; }
    #adminContent table.news td:first-child {
      width: 40px; }
    #adminContent table.news td:nth-child(2) {
      width: 20%; }
    #adminContent table.news td:last-child {
      width: 230px; }
  #adminContent table.attachment {
    width: 100%; }
    #adminContent table.attachment td:last-child {
      width: 120px; }
  #adminContent table.subscribers {
    width: 100%;
    margin-top: 16px; }
    #adminContent table.subscribers td:first-child {
      width: 50px; }
    #adminContent table.subscribers td:nth-child(2) {
      width: 30%; }
    #adminContent table.subscribers td:nth-child(3) {
      width: 30%; }
  #adminContent .eraser {
    position: relative; }
    #adminContent .eraser span {
      display: none;
      position: absolute;
      top: -40%;
      right: -40px;
      cursor: pointer; }
  #adminContent .eraseable:hover .eraser span {
    display: block; }


.foot-tag-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.filter-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 992px) {
  .foot-tag-row {
    display: block;
  }
  main .tabcontent .results .delete {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    white-space: pre-wrap;
    margin-top: 2px;
  }
  main .tabcontent .results .delete-btn {
    height: 100%;
    margin-right: 3px;
  }
  main .tabcontent .results .delete .value {
    margin-top: 5px;
  }
}