/* =============================================================================
 * reset & various settings
 * ========================================================================== */

* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background-repeat: no-repeat;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

a {
  hyphens: none;
}

#wrapper .mejs-container * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

ol,
ul {
  list-style: none;
}

table {
  border-spacing: 0;
}

body {
  position: relative;
  text-size-adjust: 100%;
  background: rgba(24, 24, 24, 1);
}

#mbCenter img {
  width: auto;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.inside {
  position: relative;
  text-align: left;
}

.block {
  overflow: hidden;
}

.clear,
#clear {
  height: 0;
  font-size: 0;
  line-height: 0;
  clear: both;
}

.invisible {
  width: 0;
  height: 0;
  left: -1000px;
  top: -1000px;
  position: absolute;
  overflow: hidden;
  display: inline;
}

* + html #main {
  position: static;
}

header,
footer,
nav,
section,
aside,
article,
figure,
figcaption {
  display: block;
}

#container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#chromeframe {
  background: red;
  padding: 10px;
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 10000;
}

.animate {
  opacity: 0;
}

.animate.nowaypoint {
  opacity: 1;
}

p {
  margin-bottom: 15px;
  word-wrap: break-word;
}

#container {
  position: relative;
  width: 100%;
  margin: 0;
  background: #fff;
}

i.ti {
  display: inline-block;
}

/* =============================================================================
 * outdated-browser message
 * ========================================================================== */

body.ie11 #outdated-browser,
body.ie #outdated-browser {
  display: block;
}

#outdated-browser {
  color: rgb(255, 255, 255);
  background: red;
  padding: 20px;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 10000;
  display: none;
}
#outdated-browser.confirmed {
  display: none !important;
}

#outdated-browser span {
  text-decoration: underline;
  cursor: pointer;
}

/* =============================================================================
 * margin + padding classes - vertical
 * ========================================================================== */

.mt-xxl {
  margin-top: 80px !important;
}
.mt-xl {
  margin-top: 70px !important;
}
.mt-l {
  margin-top: 60px !important;
}
.mt-m {
  margin-top: 50px !important;
}
.mt-s {
  margin-top: 40px !important;
}
.mt-xs {
  margin-top: 30px !important;
}
.mt-xxs {
  margin-top: 20px !important;
}
.mb-xxl {
  margin-bottom: 80px !important;
}
.mb-xl {
  margin-bottom: 70px !important;
}
.mb-l {
  margin-bottom: 60px !important;
}
.mb-m {
  margin-bottom: 50px !important;
}
.mb-s {
  margin-bottom: 40px !important;
}
.mb-xs {
  margin-bottom: 30px !important;
}
.mb-xxs {
  margin-bottom: 20px !important;
}
.pt-xxl {
  padding-top: 170px !important;
}
.pt-xl {
  padding-top: 150px !important;
}
.pt-l {
  padding-top: 120px !important;
}
.pt-m {
  padding-top: 100px !important;
}
.pt-s {
  padding-top: 90px !important;
}
.pt-xs {
  padding-top: 50px !important;
}
.pt-xxs {
  padding-top: 30px !important;
}
.pb-xxl {
  padding-bottom: 170px !important;
}
.pb-xl {
  padding-bottom: 150px !important;
}
.pb-l {
  padding-bottom: 120px !important;
}
.pb-m {
  padding-bottom: 100px !important;
}
.pb-s {
  padding-bottom: 90px !important;
}
.pb-xs {
  padding-bottom: 50px !important;
}
.pb-xxs {
  padding-bottom: 30px !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.mt-60 {
  margin-top: 60px !important;
}
.mt-70 {
  margin-top: 70px !important;
}
.mt-80 {
  margin-top: 80px !important;
}
.mt-90 {
  margin-top: 90px !important;
}
.mt-100 {
  margin-top: 100px !important;
}
.mt-110 {
  margin-top: 110px !important;
}
.mt-120 {
  margin-top: 120px !important;
}
.mt-130 {
  margin-top: 130px !important;
}
.mt-140 {
  margin-top: 140px !important;
}
.mt-150 {
  margin-top: 150px !important;
}
.mt-160 {
  margin-top: 160px !important;
}
.mt-170 {
  margin-top: 170px !important;
}
.mt-180 {
  margin-top: 180px !important;
}
.mt-190 {
  margin-top: 190px !important;
}
.mt-200 {
  margin-top: 200px !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.mb-50 {
  margin-bottom: 50px !important;
}
.mb-60 {
  margin-bottom: 60px !important;
}
.mb-70 {
  margin-bottom: 70px !important;
}
.mb-80 {
  margin-bottom: 80px !important;
}
.mb-90 {
  margin-bottom: 90px !important;
}
.mb-100 {
  margin-bottom: 100px !important;
}
.mb-110 {
  margin-bottom: 110px !important;
}
.mb-120 {
  margin-bottom: 120px !important;
}
.mb-130 {
  margin-bottom: 130px !important;
}
.mb-140 {
  margin-bottom: 140px !important;
}
.mb-150 {
  margin-bottom: 150px !important;
}
.mb-160 {
  margin-bottom: 160px !important;
}
.mb-170 {
  margin-bottom: 170px !important;
}
.mb-180 {
  margin-bottom: 180px !important;
}
.mb-190 {
  margin-bottom: 190px !important;
}
.mb-200 {
  margin-bottom: 200px !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-5 {
  padding-top: 5px !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pt-30 {
  padding-top: 30px !important;
}
.pt-40 {
  padding-top: 40px !important;
}
.pt-50 {
  padding-top: 50px !important;
}
.pt-60 {
  padding-top: 60px !important;
}
.pt-70 {
  padding-top: 70px !important;
}
.pt-80 {
  padding-top: 80px !important;
}
.pt-90 {
  padding-top: 90px !important;
}
.pt-100 {
  padding-top: 100px !important;
}
.pt-110 {
  padding-top: 110px !important;
}
.pt-120 {
  padding-top: 120px !important;
}
.pt-130 {
  padding-top: 130px !important;
}
.pt-140 {
  padding-top: 140px !important;
}
.pt-150 {
  padding-top: 150px !important;
}
.pt-160 {
  padding-top: 160px !important;
}
.pt-170 {
  padding-top: 170px !important;
}
.pt-180 {
  padding-top: 180px !important;
}
.pt-190 {
  padding-top: 190px !important;
}
.pt-200 {
  padding-top: 200px !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-5 {
  padding-bottom: 5px !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pb-30 {
  padding-bottom: 30px !important;
}
.pb-40 {
  padding-bottom: 40px !important;
}
.pb-50 {
  padding-bottom: 50px !important;
}
.pb-60 {
  padding-bottom: 60px !important;
}
.pb-70 {
  padding-bottom: 70px !important;
}
.pb-80 {
  padding-bottom: 80px !important;
}
.pb-90 {
  padding-bottom: 90px !important;
}
.pb-100 {
  padding-bottom: 100px !important;
}
.pb-110 {
  padding-bottom: 110px !important;
}
.pb-120 {
  padding-bottom: 120px !important;
}
.pb-130 {
  padding-bottom: 130px !important;
}
.pb-140 {
  padding-bottom: 140px !important;
}
.pb-150 {
  padding-bottom: 150px !important;
}
.pb-160 {
  padding-bottom: 160px !important;
}
.pb-170 {
  padding-bottom: 170px !important;
}
.pb-180 {
  padding-bottom: 180px !important;
}
.pb-190 {
  padding-bottom: 190px !important;
}
.pb-200 {
  padding-bottom: 200px !important;
}
.p-0 {
  padding: 0 !important;
}
.p-5 {
  padding: 5px !important;
}
.p-10 {
  padding: 10px !important;
}
.p-20 {
  padding: 20px !important;
}
.p-30 {
  padding: 30px !important;
}
.p-40 {
  padding: 40px !important;
}
.p-50 {
  padding: 50px !important;
}
.p-60 {
  padding: 60px !important;
}
.p-70 {
  padding: 70px !important;
}
.p-80 {
  padding: 80px !important;
}
.p-90 {
  padding: 90px !important;
}
.p-100 {
  padding: 100px !important;
}
.p-110 {
  padding: 110px !important;
}
.p-120 {
  padding: 120px !important;
}
.p-130 {
  padding: 130px !important;
}
.p-140 {
  padding: 140px !important;
}
.p-150 {
  padding: 150px !important;
}
.p-160 {
  padding: 160px !important;
}
.p-170 {
  padding: 170px !important;
}
.p-180 {
  padding: 180px !important;
}
.p-190 {
  padding: 190px !important;
}
.p-200 {
  padding: 200px !important;
}
.m-0 {
  margin: 0 !important;
}

/* negativ margin classes*/
.mt-xxl-neg {
  margin-top: -300px !important;
}
.mt-xl-neg {
  margin-top: -140px !important;
}
.mt-l-neg {
  margin-top: -110px !important;
}
.mt-s-neg {
  margin-top: -50px !important;
}
.mb-xxl-neg {
  margin-bottom: -300px !important;
}
.mb-xl-neg {
  margin-bottom: -140px !important;
}
.mb-l-neg {
  margin-bottom: -110px !important;
}
.mb-s-neg {
  margin-bottom: -50px !important;
}
.mt-10-neg {
  margin-top: -10px;
}
.mt-20-neg {
  margin-top: -20px;
}
.mt-30-neg {
  margin-top: -30px;
}
.mt-40-neg {
  margin-top: -40px;
}
.mt-50-neg {
  margin-top: -50px;
}
.mt-60-neg {
  margin-top: -60px;
}
.mt-70-neg {
  margin-top: -70px;
}
.mt-80-neg {
  margin-top: -80px;
}
.mt-90-neg {
  margin-top: -90px;
}
.mt-100-neg {
  margin-top: -100px;
}
.mt-110-neg {
  margin-top: -110px;
}
.mt-120-neg {
  margin-top: -120px;
}
.mt-130-neg {
  margin-top: -130px;
}
.mt-140-neg {
  margin-top: -140px;
}
.mt-150-neg {
  margin-top: -150px;
}
.mt-160-neg {
  margin-top: -160px;
}
.mt-170-neg {
  margin-top: -170px;
}
.mt-180-neg {
  margin-top: -180px;
}
.mt-190-neg {
  margin-top: -190px;
}
.mt-200-neg {
  margin-top: -200px;
}
.mb-10-neg {
  margin-bottom: -10px;
}
.mb-20-neg {
  margin-bottom: -20px;
}
.mb-30-neg {
  margin-bottom: -30px;
}
.mb-40-neg {
  margin-bottom: -40px;
}
.mb-50-neg {
  margin-bottom: -50px;
}
.mb-60-neg {
  margin-bottom: -60px;
}
.mb-70-neg {
  margin-bottom: -70px;
}
.mb-80-neg {
  margin-bottom: -80px;
}
.mb-90-neg {
  margin-bottom: -90px;
}
.mb-100-neg {
  margin-bottom: -100px;
}
.mb-110-neg {
  margin-bottom: -110px;
}
.mb-120-neg {
  margin-bottom: -120px;
}
.mb-130-neg {
  margin-bottom: -130px;
}
.mb-140-neg {
  margin-bottom: -140px;
}
.mb-150-neg {
  margin-bottom: -150px;
}
.mb-160-neg {
  margin-bottom: -160px;
}
.mb-170-neg {
  margin-bottom: -170px;
}
.mb-180-neg {
  margin-bottom: -180px;
}
.mb-190-neg {
  margin-bottom: -190px;
}
.mb-200-neg {
  margin-bottom: -200px;
}

@media only screen and (min-device-width: 769px) and (max-device-width: 1024px) {
  .mt-xxl {
    margin-top: 60px !important;
  }
  .mt-xl {
    margin-top: 50px !important;
  }
  .mt-l {
    margin-top: 40px !important;
  }
  .mt-m {
    margin-top: 30px !important;
  }
  .mt-s {
    margin-top: 25px !important;
  }
  .mt-xs {
    margin-top: 25px !important;
  }
  .mt-xxs {
    margin-top: 25px !important;
  }
  .mb-xxl {
    margin-bottom: 60px !important;
  }
  .mb-xl {
    margin-bottom: 50px !important;
  }
  .mb-l {
    margin-bottom: 40px !important;
  }
  .mb-m {
    margin-bottom: 30px !important;
  }
  .mb-s {
    margin-bottom: 25px !important;
  }
  .mb-xs {
    margin-bottom: 25px !important;
  }
  .mb-xxs {
    margin-bottom: 25px !important;
  }
  .pt-xxl {
    padding-top: 130px !important;
  }
  .pt-xl {
    padding-top: 110px !important;
  }
  .pt-l {
    padding-top: 100px !important;
  }
  .pt-m {
    padding-top: 80px !important;
  }
  .pt-s {
    padding-top: 70px !important;
  }
  .pt-xs {
    padding-top: 40px !important;
  }
  .pt-xxs {
    padding-top: 30px !important;
  }
  .pb-xxl {
    padding-bottom: 130px !important;
  }
  .pb-xl {
    padding-bottom: 110px !important;
  }
  .pb-l {
    padding-bottom: 100px !important;
  }
  .pb-m {
    padding-bottom: 80px !important;
  }
  .pb-s {
    padding-bottom: 70px !important;
  }
  .pb-xs {
    padding-bottom: 40px !important;
  }
  .pb-xxs {
    padding-bottom: 30px !important;
  }
  .mt-0-t {
    margin-top: 0 !important;
  }
  .mt-5-t {
    margin-top: 5px !important;
  }
  .mt-10-t {
    margin-top: 10px !important;
  }
  .mt-20-t {
    margin-top: 20px !important;
  }
  .mt-30-t {
    margin-top: 30px !important;
  }
  .mt-40-t {
    margin-top: 40px !important;
  }
  .mt-50-t {
    margin-top: 50px !important;
  }
  .mt-60-t {
    margin-top: 60px !important;
  }
  .mt-70-t {
    margin-top: 70px !important;
  }
  .mt-80-t {
    margin-top: 80px !important;
  }
  .mt-90-t {
    margin-top: 90px !important;
  }
  .mt-100-t {
    margin-top: 100px !important;
  }
  .mt-110-t {
    margin-top: 110px !important;
  }
  .mt-120-t {
    margin-top: 120px !important;
  }
  .mt-130-t {
    margin-top: 130px !important;
  }
  .mt-140-t {
    margin-top: 140px !important;
  }
  .mt-150-t {
    margin-top: 150px !important;
  }
  .mt-160-t {
    margin-top: 160px !important;
  }
  .mt-170-t {
    margin-top: 170px !important;
  }
  .mt-180-t {
    margin-top: 180px !important;
  }
  .mt-190-t {
    margin-top: 190px !important;
  }
  .mt-200-t {
    margin-top: 200px !important;
  }
  .mb-0-t {
    margin-bottom: 0 !important;
  }
  .mb-5-t {
    margin-bottom: 5px !important;
  }
  .mb-10-t {
    margin-bottom: 10px !important;
  }
  .mb-20-t {
    margin-bottom: 20px !important;
  }
  .mb-30-t {
    margin-bottom: 30px !important;
  }
  .mb-40-t {
    margin-bottom: 40px !important;
  }
  .mb-50-t {
    margin-bottom: 50px !important;
  }
  .mb-60-t {
    margin-bottom: 60px !important;
  }
  .mb-70-t {
    margin-bottom: 70px !important;
  }
  .mb-80-t {
    margin-bottom: 80px !important;
  }
  .mb-90-t {
    margin-bottom: 90px !important;
  }
  .mb-100-t {
    margin-bottom: 100px !important;
  }
  .mb-110-t {
    margin-bottom: 110px !important;
  }
  .mb-120-t {
    margin-bottom: 120px !important;
  }
  .mb-130-t {
    margin-bottom: 130px !important;
  }
  .mb-140-t {
    margin-bottom: 140px !important;
  }
  .mb-150-t {
    margin-bottom: 150px !important;
  }
  .mb-160-t {
    margin-bottom: 160px !important;
  }
  .mb-170-t {
    margin-bottom: 170px !important;
  }
  .mb-180-t {
    margin-bottom: 180px !important;
  }
  .mb-190-t {
    margin-bottom: 190px !important;
  }
  .mb-200-t {
    margin-bottom: 200px !important;
  }
  .pt-0-t {
    padding-top: 0 !important;
  }
  .pt-5-t {
    padding-top: 5px !important;
  }
  .pt-10-t {
    padding-top: 10px !important;
  }
  .pt-20-t {
    padding-top: 20px !important;
  }
  .pt-30-t {
    padding-top: 30px !important;
  }
  .pt-40-t {
    padding-top: 40px !important;
  }
  .pt-50-t {
    padding-top: 50px !important;
  }
  .pt-60-t {
    padding-top: 60px !important;
  }
  .pt-70-t {
    padding-top: 70px !important;
  }
  .pt-80-t {
    padding-top: 80px !important;
  }
  .pt-90-t {
    padding-top: 90px !important;
  }
  .pt-100-t {
    padding-top: 100px !important;
  }
  .pt-110-t {
    padding-top: 110px !important;
  }
  .pt-120-t {
    padding-top: 120px !important;
  }
  .pt-130-t {
    padding-top: 130px !important;
  }
  .pt-140-t {
    padding-top: 140px !important;
  }
  .pt-150-t {
    padding-top: 150px !important;
  }
  .pt-160-t {
    padding-top: 160px !important;
  }
  .pt-170-t {
    padding-top: 170px !important;
  }
  .pt-180-t {
    padding-top: 180px !important;
  }
  .pt-190-t {
    padding-top: 190px !important;
  }
  .pt-200-t {
    padding-top: 200px !important;
  }
  .pb-0-t {
    padding-bottom: 0 !important;
  }
  .pb-5-t {
    padding-bottom: 5px !important;
  }
  .pb-10-t {
    padding-bottom: 10px !important;
  }
  .pb-20-t {
    padding-bottom: 20px !important;
  }
  .pb-30-t {
    padding-bottom: 30px !important;
  }
  .pb-40-t {
    padding-bottom: 40px !important;
  }
  .pb-50-t {
    padding-bottom: 50px !important;
  }
  .pb-60-t {
    padding-bottom: 60px !important;
  }
  .pb-70-t {
    padding-bottom: 70px !important;
  }
  .pb-80-t {
    padding-bottom: 80px !important;
  }
  .pb-90-t {
    padding-bottom: 90px !important;
  }
  .pb-100-t {
    padding-bottom: 100px !important;
  }
  .pb-110-t {
    padding-bottom: 110px !important;
  }
  .pb-120-t {
    padding-bottom: 120px !important;
  }
  .pb-130-t {
    padding-bottom: 130px !important;
  }
  .pb-140-t {
    padding-bottom: 140px !important;
  }
  .pb-150-t {
    padding-bottom: 150px !important;
  }
  .pb-160-t {
    padding-bottom: 160px !important;
  }
  .pb-170-t {
    padding-bottom: 170px !important;
  }
  .pb-180-t {
    padding-bottom: 180px !important;
  }
  .pb-190-t {
    padding-bottom: 190px !important;
  }
  .pb-200-t {
    padding-bottom: 200px !important;
  }
  .p-0-t {
    padding: 0 !important;
  }
  .p-5-t {
    padding: 5px !important;
  }
  .p-10-t {
    padding: 10px !important;
  }
  .p-20-t {
    padding: 20px !important;
  }
  .p-30-t {
    padding: 30px !important;
  }
  .p-40-t {
    padding: 40px !important;
  }
  .p-50-t {
    padding: 50px !important;
  }
  .p-60-t {
    padding: 60px !important;
  }
  .p-70-t {
    padding: 70px !important;
  }
  .p-80-t {
    padding: 80px !important;
  }
  .p-90-t {
    padding: 90px !important;
  }
  .p-100-t {
    padding: 100px !important;
  }
  .p-110-t {
    padding: 110px !important;
  }
  .p-120-t {
    padding: 120px !important;
  }
  .p-130-t {
    padding: 130px !important;
  }
  .p-140-t {
    padding: 140px !important;
  }
  .p-150-t {
    padding: 150px !important;
  }
  .p-160-t {
    padding: 160px !important;
  }
  .p-170-t {
    padding: 170px !important;
  }
  .p-180-t {
    padding: 180px !important;
  }
  .p-190-t {
    padding: 190px !important;
  }
  .p-200-t {
    padding: 200px !important;
  }
}

@media only screen and (max-width: 768px) {
  .mt-xxl {
    margin-top: 50px !important;
  }
  .mt-xl {
    margin-top: 40px !important;
  }
  .mt-l {
    margin-top: 30px !important;
  }
  .mt-m {
    margin-top: 25px !important;
  }
  .mt-s {
    margin-top: 20px !important;
  }
  .mt-xs {
    margin-top: 25px !important;
  }
  .mt-xxs {
    margin-top: 25px !important;
  }
  .mb-xxl {
    margin-bottom: 50px !important;
  }
  .mb-xl {
    margin-bottom: 40px !important;
  }
  .mb-l {
    margin-bottom: 30px !important;
  }
  .mb-m {
    margin-bottom: 25px !important;
  }
  .mb-s {
    margin-bottom: 20px !important;
  }
  .mb-xs {
    margin-bottom: 25px !important;
  }
  .mb-xxs {
    margin-bottom: 25px !important;
  }
  .pt-xxl {
    padding-top: 80px !important;
  }
  .pt-xl {
    padding-top: 70px !important;
  }
  .pt-l {
    padding-top: 70px !important;
  }
  .pt-m {
    padding-top: 60px !important;
  }
  .pt-s {
    padding-top: 50px !important;
  }
  .pt-xs {
    padding-top: 40px !important;
  }
  .pt-xxs {
    padding-top: 30px !important;
  }
  .pb-xxl {
    padding-bottom: 80px !important;
  }
  .pb-xl {
    padding-bottom: 70px !important;
  }
  .pb-l {
    padding-bottom: 70px !important;
  }
  .pb-m {
    padding-bottom: 60px !important;
  }
  .pb-s {
    padding-bottom: 50px !important;
  }
  .pb-xs {
    padding-bottom: 40px !important;
  }
  .pb-xxs {
    padding-bottom: 30px !important;
  }
  .mt-xxl-m {
    margin-top: 80px !important;
  }
  .mt-xl-m {
    margin-top: 70px !important;
  }
  .mt-l-m {
    margin-top: 60px !important;
  }
  .mt-m-m {
    margin-top: 45px !important;
  }
  .mt-m-m {
    margin-top: 35px !important;
  }
  .mt-xs-m {
    margin-top: 25px !important;
  }
  .mt-xxs-m {
    margin-top: 20px !important;
  }
  .mt-no-m {
    margin-top: 0px !important;
  }
  .mb-xxl-m {
    margin-bottom: 80px !important;
  }
  .mb-xl-m {
    margin-bottom: 70px !important;
  }
  .mb-l-m {
    margin-bottom: 60px !important;
  }
  .mb-m-m {
    margin-bottom: 45px !important;
  }
  .mb-m-m {
    margin-bottom: 35px !important;
  }
  .mb-xs-m {
    margin-bottom: 25px !important;
  }
  .mb-xxs-m {
    margin-bottom: 20px !important;
  }
  .mb-no-m {
    margin-bottom: 0px !important;
  }
  .mt-0-m {
    margin-top: 0 !important;
  }
  .mt-5-m {
    margin-top: 5px !important;
  }
  .mt-10-m {
    margin-top: 10px !important;
  }
  .mt-20-m {
    margin-top: 20px !important;
  }
  .mt-30-m {
    margin-top: 30px !important;
  }
  .mt-40-m {
    margin-top: 40px !important;
  }
  .mt-50-m {
    margin-top: 50px !important;
  }
  .mt-60-m {
    margin-top: 60px !important;
  }
  .mt-70-m {
    margin-top: 70px !important;
  }
  .mt-80-m {
    margin-top: 80px !important;
  }
  .mt-90-m {
    margin-top: 90px !important;
  }
  .mt-100-m {
    margin-top: 100px !important;
  }
  .mt-110-m {
    margin-top: 110px !important;
  }
  .mt-120-m {
    margin-top: 120px !important;
  }
  .mt-130-m {
    margin-top: 130px !important;
  }
  .mt-140-m {
    margin-top: 140px !important;
  }
  .mt-150-m {
    margin-top: 150px !important;
  }
  .mt-160-m {
    margin-top: 160px !important;
  }
  .mt-170-m {
    margin-top: 170px !important;
  }
  .mt-180-m {
    margin-top: 180px !important;
  }
  .mt-190-m {
    margin-top: 190px !important;
  }
  .mt-200-m {
    margin-top: 200px !important;
  }
  .mb-0-m {
    margin-bottom: 0 !important;
  }
  .mb-5-m {
    margin-bottom: 5px !important;
  }
  .mb-10-m {
    margin-bottom: 10px !important;
  }
  .mb-20-m {
    margin-bottom: 20px !important;
  }
  .mb-30-m {
    margin-bottom: 30px !important;
  }
  .mb-40-m {
    margin-bottom: 40px !important;
  }
  .mb-50-m {
    margin-bottom: 50px !important;
  }
  .mb-60-m {
    margin-bottom: 60px !important;
  }
  .mb-70-m {
    margin-bottom: 70px !important;
  }
  .mb-80-m {
    margin-bottom: 80px !important;
  }
  .mb-90-m {
    margin-bottom: 90px !important;
  }
  .mb-100-m {
    margin-bottom: 100px !important;
  }
  .mb-110-m {
    margin-bottom: 110px !important;
  }
  .mb-120-m {
    margin-bottom: 120px !important;
  }
  .mb-130-m {
    margin-bottom: 130px !important;
  }
  .mb-140-m {
    margin-bottom: 140px !important;
  }
  .mb-150-m {
    margin-bottom: 150px !important;
  }
  .mb-160-m {
    margin-bottom: 160px !important;
  }
  .mb-170-m {
    margin-bottom: 170px !important;
  }
  .mb-180-m {
    margin-bottom: 180px !important;
  }
  .mb-190-m {
    margin-bottom: 190px !important;
  }
  .mb-200-m {
    margin-bottom: 200px !important;
  }
  .pt-0-m {
    padding-top: 0 !important;
  }
  .pt-5-m {
    padding-top: 5px !important;
  }
  .pt-10-m {
    padding-top: 10px !important;
  }
  .pt-20-m {
    padding-top: 20px !important;
  }
  .pt-30-m {
    padding-top: 30px !important;
  }
  .pt-40-m {
    padding-top: 40px !important;
  }
  .pt-50-m {
    padding-top: 50px !important;
  }
  .pt-60-m {
    padding-top: 60px !important;
  }
  .pt-70-m {
    padding-top: 70px !important;
  }
  .pt-80-m {
    padding-top: 80px !important;
  }
  .pt-90-m {
    padding-top: 90px !important;
  }
  .pt-100-m {
    padding-top: 100px !important;
  }
  .pt-110-m {
    padding-top: 110px !important;
  }
  .pt-120-m {
    padding-top: 120px !important;
  }
  .pt-130-m {
    padding-top: 130px !important;
  }
  .pt-140-m {
    padding-top: 140px !important;
  }
  .pt-150-m {
    padding-top: 150px !important;
  }
  .pt-160-m {
    padding-top: 160px !important;
  }
  .pt-170-m {
    padding-top: 170px !important;
  }
  .pt-180-m {
    padding-top: 180px !important;
  }
  .pt-190-m {
    padding-top: 190px !important;
  }
  .pt-200-m {
    padding-top: 200px !important;
  }
  .pb-0-m {
    padding-bottom: 0 !important;
  }
  .pb-5-m {
    padding-bottom: 5px !important;
  }
  .pb-10-m {
    padding-bottom: 10px !important;
  }
  .pb-20-m {
    padding-bottom: 20px !important;
  }
  .pb-30-m {
    padding-bottom: 30px !important;
  }
  .pb-40-m {
    padding-bottom: 40px !important;
  }
  .pb-50-m {
    padding-bottom: 50px !important;
  }
  .pb-60-m {
    padding-bottom: 60px !important;
  }
  .pb-70-m {
    padding-bottom: 70px !important;
  }
  .pb-80-m {
    padding-bottom: 80px !important;
  }
  .pb-90-m {
    padding-bottom: 90px !important;
  }
  .pb-100-m {
    padding-bottom: 100px !important;
  }
  .pb-110-m {
    padding-bottom: 110px !important;
  }
  .pb-120-m {
    padding-bottom: 120px !important;
  }
  .pb-130-m {
    padding-bottom: 130px !important;
  }
  .pb-140-m {
    padding-bottom: 140px !important;
  }
  .pb-150-m {
    padding-bottom: 150px !important;
  }
  .pb-160-m {
    padding-bottom: 160px !important;
  }
  .pb-170-m {
    padding-bottom: 170px !important;
  }
  .pb-180-m {
    padding-bottom: 180px !important;
  }
  .pb-190-m {
    padding-bottom: 190px !important;
  }
  .pb-200-m {
    padding-bottom: 200px !important;
  }
  .p-0-m {
    padding: 0 !important;
  }
  .p-5-m {
    padding: 5px !important;
  }
  .p-10-m {
    padding: 10px !important;
  }
  .p-20-m {
    padding: 20px !important;
  }
  .p-30-m {
    padding: 30px !important;
  }
  .p-40-m {
    padding: 40px !important;
  }
  .p-50-m {
    padding: 50px !important;
  }
  .p-60-m {
    padding: 60px !important;
  }
  .p-70-m {
    padding: 70px !important;
  }
  .p-80-m {
    padding: 80px !important;
  }
  .p-90-m {
    padding: 90px !important;
  }
  .p-100-m {
    padding: 100px !important;
  }
  .p-110-m {
    padding: 110px !important;
  }
  .p-120-m {
    padding: 120px !important;
  }
  .p-130-m {
    padding: 130px !important;
  }
  .p-140-m {
    padding: 140px !important;
  }
  .p-150-m {
    padding: 150px !important;
  }
  .p-160-m {
    padding: 160px !important;
  }
  .p-170-m {
    padding: 170px !important;
  }
  .p-180-m {
    padding: 180px !important;
  }
  .p-190-m {
    padding: 190px !important;
  }
  .p-200-m {
    padding: 200px !important;
  }
}

/* =============================================================================
 * margin + padding classes - horizontal
 * ========================================================================== */

/* margin-left */
.ml-xxl {
  margin-left: 240px !important;
}
.ml-xl {
  margin-left: 200px !important;
}
.ml-l {
  margin-left: 160px !important;
}
.ml-m {
  margin-left: 120px !important;
}
.ml-s {
  margin-left: 80px !important;
}
.ml-xs {
  margin-left: 40px !important;
}
.ml-xxs {
  margin-left: 20px !important;
}

.ml-100 {
  margin-left: 100% !important;
}
.ml-90 {
  margin-left: 90% !important;
}
.ml-80 {
  margin-left: 80% !important;
}
.ml-75 {
  margin-left: 75% !important;
}
.ml-70 {
  margin-left: 70% !important;
}
.ml-60 {
  margin-left: 60% !important;
}
.ml-50 {
  margin-left: 50% !important;
}
.ml-40 {
  margin-left: 40% !important;
}
.ml-30 {
  margin-left: 30% !important;
}
.ml-25 {
  margin-left: 25% !important;
}
.ml-20 {
  margin-left: 20% !important;
}
.ml-10 {
  margin-left: 10% !important;
}
.ml-5 {
  margin-left: 5% !important;
}
.ml-1 {
  margin-left: 1% !important;
}

/* margin-right */
.mr-xxl {
  margin-right: 240px !important;
}
.mr-xl {
  margin-right: 200px !important;
}
.mr-l {
  margin-right: 160px !important;
}
.mr-m {
  margin-right: 120px !important;
}
.mr-s {
  margin-right: 80px !important;
}
.mr-xs {
  margin-right: 40px !important;
}
.mr-xxs {
  margin-right: 20px !important;
}

.mr-100 {
  margin-right: 100% !important;
}
.mr-90 {
  margin-right: 90% !important;
}
.mr-80 {
  margin-right: 80% !important;
}
.mr-75 {
  margin-right: 75% !important;
}
.mr-70 {
  margin-right: 70% !important;
}
.mr-60 {
  margin-right: 60% !important;
}
.mr-50 {
  margin-right: 50% !important;
}
.mr-40 {
  margin-right: 40% !important;
}
.mr-30 {
  margin-right: 30% !important;
}
.mr-25 {
  margin-right: 25% !important;
}
.mr-20 {
  margin-right: 20% !important;
}
.mr-10 {
  margin-right: 10% !important;
}
.mr-5 {
  margin-right: 5% !important;
}
.mr-1 {
  margin-right: 1% !important;
}

/* padding-left */
.pl-xxl {
  padding-left: 240px !important;
}
.pl-xl {
  padding-left: 200px !important;
}
.pl-l {
  padding-left: 160px !important;
}
.pl-m {
  padding-left: 120px !important;
}
.pl-s {
  padding-left: 80px !important;
}
.pl-xs {
  padding-left: 40px !important;
}
.pl-xxs {
  padding-left: 20px !important;
}

.pl-100 {
  padding-left: 100% !important;
}
.pl-90 {
  padding-left: 90% !important;
}
.pl-80 {
  padding-left: 80% !important;
}
.pl-75 {
  padding-left: 75% !important;
}
.pl-70 {
  padding-left: 70% !important;
}
.pl-60 {
  padding-left: 60% !important;
}
.pl-50 {
  padding-left: 50% !important;
}
.pl-40 {
  padding-left: 40% !important;
}
.pl-30 {
  padding-left: 30% !important;
}
.pl-25 {
  padding-left: 25% !important;
}
.pl-20 {
  padding-left: 20% !important;
}
.pl-10 {
  padding-left: 10% !important;
}
.pl-5 {
  padding-left: 5% !important;
}
.pl-1 {
  padding-left: 1% !important;
}

/* padding-right */
.pr-xxl {
  padding-right: 240px !important;
}
.pr-xl {
  padding-right: 200px !important;
}
.pr-l {
  padding-right: 160px !important;
}
.pr-m {
  padding-right: 120px !important;
}
.pr-s {
  padding-right: 80px !important;
}
.pr-xs {
  padding-right: 40px !important;
}
.pr-xxs {
  padding-right: 20px !important;
}

.pr-100 {
  padding-right: 100% !important;
}
.pr-90 {
  padding-right: 90% !important;
}
.pr-80 {
  padding-right: 80% !important;
}
.pr-75 {
  padding-right: 75% !important;
}
.pr-70 {
  padding-right: 70% !important;
}
.pr-60 {
  padding-right: 60% !important;
}
.pr-50 {
  padding-right: 50% !important;
}
.pr-40 {
  padding-right: 40% !important;
}
.pr-30 {
  padding-right: 30% !important;
}
.pr-25 {
  padding-right: 25% !important;
}
.pr-20 {
  padding-right: 20% !important;
}
.pr-10 {
  padding-right: 10% !important;
}
.pr-5 {
  padding-right: 5% !important;
}
.pr-1 {
  padding-right: 1% !important;
}

@media only screen and (max-width: 768px) {
  .ml-xxl,
  .ml-xl,
  .ml-l,
  .ml-m,
  .ml-s,
  .ml-xs,
  .ml-xxs,
  .ml-100,
  .ml-90,
  .ml-80,
  .ml-75,
  .ml-70,
  .ml-60,
  .ml-50,
  .ml-40,
  .ml-30,
  .ml-20,
  .ml-10,
  .ml-5,
  .ml-1 {
    margin-left: 0 !important;
  }
  .mr-xxl,
  .mr-xl,
  .mr-l,
  .mr-m,
  .mr-s,
  .mr-xs,
  .mr-xxs,
  .mr-100,
  .mr-90,
  .mr-80,
  .mr-75,
  .mr-70,
  .mr-60,
  .mr-50,
  .mr-40,
  .mr-30,
  .mr-20,
  .mr-10,
  .mr-5,
  .mr-1 {
    margin-right: 0 !important;
  }
  .pl-xxl,
  .pl-xl,
  .pl-l,
  .pl-m,
  .pl-s,
  .pl-xs,
  .pl-xxs,
  .pl-100,
  .pl-90,
  .pl-80,
  .pl-75,
  .pl-70,
  .pl-60,
  .pl-50,
  .pl-40,
  .pl-30,
  .pl-20,
  .pl-10,
  .pl-5,
  .pl-1 {
    padding-left: 0 !important;
  }
  .pr-xxl,
  .pr-xl,
  .pr-l,
  .pr-m,
  .pr-s,
  .pr-xs,
  .pr-xxs,
  .pr-100,
  .pr-90,
  .pr-80,
  .pr-75,
  .pr-70,
  .pr-60,
  .pr-50,
  .pr-40,
  .pr-30,
  .pr-20,
  .pr-10,
  .pr-5,
  .pr-1 {
    padding-right: 0 !important;
  }
  .ml-0-m > .attributes {
    margin-left: 0 !important;
  }
  .mr-0-m > .attributes {
    margin-right: 0 !important;
  }
  .mt-0-m > .attributes {
    margin-top: 0 !important;
  }
  .mb-0-m > .attributes {
    margin-bottom: 0 !important;
  }
}

/* =============================================================================
 * font-size
 * ========================================================================== */

.font-size-xxxxxl,
.font-size-xxxxxl p {
  font-size: 6.667rem;
  line-height: 1.5;
}

.font-size-xxxxl,
.font-size-xxxxl p {
  font-size: 5.667rem;
  line-height: 1.5;
}

.font-size-xxxl,
.font-size-xxxl p {
  font-size: 5rem;
  line-height: 1.5;
}

.font-size-xxl,
.font-size-xxl p {
  font-size: 4.333rem;
  line-height: 1.5;
}

.font-size-xl,
.font-size-xl p {
  font-size: 3.667rem;
  line-height: 1.5;
}

.font-size-l,
.font-size-l p {
  font-size: 3rem;
  line-height: 1.5;
}

.font-size-m,
.font-size-m p {
  font-size: 2.333rem;
  line-height: 1.5;
}

.font-size-s,
.font-size-s p {
  font-size: 1.667rem;
  line-height: 1.5;
}

.font-size-xs,
.font-size-xs p {
  font-size: 1.467rem;
  line-height: 1.5;
}

.font-size-xxs,
.font-size-xxs p {
  font-size: 1.2rem;
  line-height: 1.8;
}

.font-size-xxxs,
.font-size-xxxs p {
  font-size: 0.9333rem;
  line-height: 1.5;
}

.font-size-xxxxs,
.font-size-xxxxs p {
  font-size: 0.8rem;
}

.font-size-xxxxxs,
.font-size-xxxxxs p {
  font-size: 0.6667rem;
}

/* =============================================================================
 * border classes
 * ========================================================================== */

.no-border {
  border: 0 !important;
}

.bt-dark {
  border-top: 1px solid rgb(229, 229, 229);
}

.bb-dark {
  border-bottom: 1px solid rgb(229, 229, 229);
}

.bt-light {
  border-top: 1px solid rgb(255, 255, 255);
}

.bb-light {
  border-bottom: 1px solid rgb(255, 255, 255);
}

.bt-dark-dashed {
  border-top: 1px dashed rgb(229, 229, 229);
}

.bb-dark-dashed {
  border-bottom: 1px dashed rgb(229, 229, 229);
}

.bt-light-dashed {
  border-top: 1px dashed rgb(255, 255, 255);
}

.bb-light-dashed {
  border-bottom: 1px dashed rgb(255, 255, 255);
}

.bt-dark-dotted {
  border-top: 1px dotted rgb(229, 229, 229);
}

.bb-dark-dotted {
  border-bottom: 1px dotted rgb(229, 229, 229);
}

.bt-light-dotted {
  border-top: 1px dotted rgb(255, 255, 255);
}

.bb-light-dotted {
  border-bottom: 1px dotted rgb(255, 255, 255);
}

/* =============================================================================
 * image border classes
 * ========================================================================== */

.ce_image.border-1 img {
  border: 1px solid rgb(220, 220, 220);
}

.ce_image.border-5 img {
  border: 5px solid rgb(220, 220, 220);
}

.ce_image.border-10 img {
  border: 10px solid rgb(220, 220, 220);
}

/* =============================================================================
 * text color classes | important
 * ========================================================================== */

.color-white,
.color-white p,
.color-white i,
.color-white h1,
.color-white h2,
.color-white h3,
.color-white h4,
.color-white h5,
.color-white h6,
.color-white a:not(.link-white) {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}

.color-gray,
.color-gray p,
.color-gray i,
.color-gray h1,
.color-gray h2,
.color-gray h3,
.color-gray h4,
.color-gray h5,
.color-gray h6,
.color-gray a:not(.link-white) {
  color: rgb(127, 127, 127) !important;
}

.color-lightgray,
.color-lightgray p,
.color-lightgray i,
.color-lightgray h1,
.color-lightgray h2,
.color-lightgray h3,
.color-lightgray h4,
.color-lightgray h5,
.color-lightgray h6,
.color-lightgray a:not(.link-white) {
  color: rgb(180, 180, 180) !important;
}

.color-darkgray,
.color-darkgray p,
.color-darkgray i,
.color-darkgray h1,
.color-darkgray h2,
.color-darkgray h3,
.color-darkgray h4,
.color-darkgray h5,
.color-darkgray h6,
.color-darkgray a:not(.link-white) {
  color: rgb(76, 76, 76) !important;
}

.color-white-trnp-50,
.color-white-trnp-50 p,
.color-white-trnp-50 i,
.color-white-trnp-50 h1,
.color-white-trnp-50 h2,
.color-white-trnp-50 h3,
.color-white-trnp-50 h4,
.color-white-trnp-50 h5,
.color-white-trnp-50 h6,
.color-white-trnp-50 a:not(.link-white) {
  color: rgba(255, 255, 255, 0.8) !important;
}

.color-accent,
.color-accent p,
.color-accent i,
.color-accent h1,
.color-accent h2,
.color-accent h3,
.color-accent h4,
.color-accent h5,
.color-accent h6,
.color-accent a:not(.link-white) {
  color: rgb(152, 152, 152);
}

.color-success,
.color-success p,
.color-success i,
.color-success h1,
.color-success h2,
.color-success h3,
.color-success h4,
.color-success h5,
.color-success h6,
.color-success a:not(.link-white) {
  color: rgb(157, 213, 93);
}

.color-alert,
.color-alert p,
.color-alert i,
.color-alert h1,
.color-alert h2,
.color-alert h3,
.color-alert h4,
.color-alert h5,
.color-alert h6,
.color-alert a:not(.link-white) {
  color: rgb(247, 80, 90);
}

.color-warning,
.color-warning p,
.color-warning i,
.color-warning h1,
.color-warning h2,
.color-warning h3,
.color-warning h4,
.color-warning h5,
.color-warning h6,
.color-warning a:not(.link-white) {
  color: rgb(240, 138, 36);
}

.color-info,
.color-info p,
.color-info i,
.color-info h1,
.color-info h2,
.color-info h3,
.color-info h4,
.color-info h5,
.color-info h6,
.color-info a:not(.link-white) {
  color: rgb(160, 211, 232);
}

/* =============================================================================
 * align helper classes
 * ========================================================================== */

.align-center,
.align-center * {
  text-align: center !important;
}

.align-right,
.align-right * {
  text-align: right !important;
}

.align-left,
.align-left * {
  text-align: left !important;
}

.align-centered {
  margin-left: auto;
  margin-right: auto;
}

.align-centered.gridbuilder {
  float: none;
}

.h-align-left {
  text-align: left;
}

.h-align-center {
  text-align: center;
}

.h-align-right {
  text-align: right;
}

/* =============================================================================
 * device visibility classes
 * ========================================================================== */

.hidden {
  display: none;
}

.only_mobile,
.only-mobile {
  display: none !important;
}

@media only screen and (min-width: 769px) {
  .hide_desktop,
  .hide-desktop {
    display: none !important;
  }
}

/* =============================================================================
 * device visibility classes themesettings extension
 * ========================================================================== */

body.viewport_tablet .vis-desktop,
body.viewport_mobile .vis-desktop {
  display: none !important;
}

body.viewport_desktop .vis-mobile,
body.viewport_tablet .vis-mobile {
  display: none !important;
}

body.viewport_desktop .vis-tablet,
body.viewport_mobile .vis-tablet {
  display: none !important;
}

body.viewport_tablet .vis-desktop-mobile {
  display: none !important;
}

body.viewport_mobile .vis-desktop-tablet {
  display: none !important;
}

body.viewport_desktop .vis-mobile-tablet {
  display: none !important;
}

/* =============================================================================
 * labels
 * ========================================================================== */

[class*="label-"] {
  font-weight: bold;
  color: #fff;
  border-radius: 3px;
  font-size: 12px;
  padding: 0px 10px;
  display: inline-block;
}

.label-accent {
  background: rgb(152, 152, 152);
}

.label-secondary {
  background: rgb(231, 231, 231);
  color: rgb(51, 51, 51);
}

.label-success {
  background: rgb(157, 213, 93);
}

.label-alert {
  background: rgb(247, 80, 90);
}

.label-warning {
  background: rgb(240, 138, 36);
}

.label-info {
  background: rgb(160, 211, 232);
  color: rgb(51, 51, 51);
}

/* =============================================================================
 * letter spacing
 * ========================================================================== */

.letter-spacing-xxl {
  letter-spacing: 10px;
}

.letter-spacing-xl {
  letter-spacing: 5px;
}

.letter-spacing-l {
  letter-spacing: 3px;
}

.letter-spacing-m {
  letter-spacing: 2px;
}

.letter-spacing-s {
  letter-spacing: 1px;
}

/* =============================================================================
 * utility classes text
 * ========================================================================== */

.line-through {
  text-decoration: line-through;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.medium-width {
  max-width: 600px;
}

.medium-small {
  max-width: 400px;
}

.medium-width-center {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.small-width-center {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

span.highlight {
  background: rgb(51, 51, 51);
  color: #fff;
  padding-left: 3px;
  padding-right: 3px;
}

.no-underline,
.no-underline a {
  text-decoration: none;
}

/* =============================================================================
 * sup
 * ========================================================================== */

sup {
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.5em;
}

/* =============================================================================
 * misc utility classes
 * ========================================================================== */

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.inline-block {
  display: inline-block;
}

.hide {
  display: none;
}

.overflow-hidden,
.overflow_hidden {
  overflow: hidden !important;
}

.overflow-visible,
.overflow_visible {
  overflow: visible;
}

.fullwith-image img,
.fullwidth-image img {
  width: 100% !important;
}

.z_index1 {
  z-index: 1 !important;
}

.z_index5 {
  z-index: 5 !important;
}

.z_index10 {
  z-index: 10 !important;
}

.z_index20 {
  z-index: 20 !important;
}

.z_index30 {
  z-index: 30 !important;
}

.z_index40 {
  z-index: 40 !important;
}

.z_index50 {
  z-index: 50 !important;
}

.z_index60 {
  z-index: 60 !important;
}

.z_index70 {
  z-index: 70 !important;
}

.z_index80 {
  z-index: 80 !important;
}

.z_index90 {
  z-index: 90 !important;
}

.z_index100 {
  z-index: 100 !important;
}

body.hide-breadcrumb #breadcrumb {
  display: none;
}

/* =============================================================================
 * border-radius
 * ========================================================================== */

.border-radius-3 {
  border-radius: 3px;
}

.border-radius-5 {
  border-radius: 5px;
}

.border-radius-10 {
  border-radius: 10px;
}

.border-radius-50 {
  border-radius: 50px;
}

.border-radius-100 {
  border-radius: 100%;
}

/* =============================================================================
 * text-shadow
 * ========================================================================== */

.text-shadow-10 {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

.text-shadow-20 {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.text-shadow-30 {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.text-shadow-40 {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

.text-shadow-50 {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.text-shadow-60 {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}

.text-shadow-70 {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}

.text-shadow-80 {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}

.text-shadow-90 {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
}

.text-shadow-100 {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

/* =============================================================================
 * shadow
 * ========================================================================== */

.shadow_style1 {
  box-shadow: 0px 22px 14px -7px rgba(0, 0, 0, 0.04);
}

.shadow_style2 {
  box-shadow:
    9px 9px 42px #f0f0f0,
    -9px -9px 42px #ffffff;
  border-radius: 35px;
}

/* =============================================================================
 * body
 * ========================================================================== */

body {
  overflow-x: hidden;
  background-repeat: repeat;
}

/* =============================================================================
 * link colors
 * ========================================================================== */

a {
  color: #555;
  text-decoration: none;
}

p a {
  color: rgb(152, 152, 152);
}

/* =============================================================================
 * mainmenu
 * ========================================================================== */

.mainmenu {
  overflow: visible !important;
  float: right;
}

.mainmenu .mod_article {
  float: right;
}

.mainmenu ul {
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: right;
}

.mainmenu ul ul {
  width: auto;
  display: none;
  white-space: nowrap;
  border-radius: 0;
  padding: 10px;
  position: absolute;
  top: 100%;
  margin-left: 0;
  background: #fff;
  box-shadow: 1px 8px 15px rgba(0, 0, 0, 0.1);
}

.mainmenu ul ul ul {
  border-top: 0;
  margin-top: 0;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.mainmenu ul:after {
  content: "";
  clear: both;
  display: block;
}

.mainmenu ul li {
  display: inline-block;
  text-align: left;
  list-style-type: none;
  z-index: 10;
}

.mainmenu ul li {
  position: relative;
}

.mainmenu ul li:hover > ul {
  display: block;
}

.mainmenu ul li a.trail,
.mainmenu ul li a.active {
  color: var(--color-secondary);
}

.mainmenu ul li a i {
  margin-right: 5px;
  display: none;
  display: inline-block;
  width: 20px;
}

.mainmenu ul ul li.open-left ul {
  left: auto;
  right: 100% !important;
}

.mainmenu ul li.last ul {
  right: 0;
}

.mainmenu ul ul li.last ul {
  right: inherit;
}

.mainmenu ul ul li {
  float: none;
  position: relative;
  line-height: 32px;
  min-height: 0;
  display: block;
}

.mainmenu ul ul li a {
  text-transform: none;
  text-align: left;
  border: 0;
  letter-spacing: 0;
  font-weight: normal;
}

.mainmenu ul ul li a.last {
  border-bottom: 0;
}

.mainmenu ul ul li a.submenu:after {
  font-family: "Font Awesome 6 Pro";
  content: "\f105";
  position: absolute;
  right: 8px;
  background: none !important;
}

.mainmenu ul ul ul {
  position: absolute;
  left: 100%;
  top: 0;
}

.header .mainmenu ul.level_1 li span.ribbon {
  position: absolute;
  line-height: 18px;
  font-size: 0.7rem;
  font-weight: bold;
  margin-left: 5px;
  background: red;
  color: #fff;
  border-radius: 2px;
  top: -4px;
  padding-left: 3px;
  padding-right: 3px;
  transform: translateX(-5px);
}

.header .mainmenu ul.level_2 li span.ribbon {
  position: relative;
  top: -4px;
  transform: translateX(0);
}

.header .mainmenu ul.level_1 li span.ribbon:before {
  display: none;
}

/* =============================================================================
 * mainmenu click_open
 * ========================================================================== */

.mainmenu ul li.click_open ul {
  display: none;
  animation: none;
}

.mainmenu ul li.click_open ul.active {
  display: block;
}

/* =============================================================================
 * hide error pages from menu
 * ========================================================================== */

.mod_navigation .error_401,
.mod_navigation .error_403,
.mod_navigation .error_404 {
  display: none;
}

/* =============================================================================
 * submenu sidebar
 * ========================================================================== */

.subnav {
  margin-top: 40px;
}

.subnav a {
  display: block;
  padding: 10px 10px 10px 40px;
  margin-bottom: 4px;
  color: rgb(152, 152, 152);
  border-radius: 3px;
  -webkit-transition: All 0.1s ease;
  transition: All 0.1s ease;
}

.subnav i {
  margin-right: 10px;
  display: none;
}

.subnav a.menuheader {
  background: none !important;
  border-bottom: 1px solid rgb(229, 229, 229);
  border-radius: 0;
}

.subnav i {
  display: inline-block;
  width: 20px;
  margin-left: -30px;
}

.subnav li ul li {
  border: 0;
}

.subnav ul ul li {
  padding: 0;
}

.subnav a:hover,
.subnav a.active {
  background: rgb(248, 248, 248);
}

.subnav ul li.active > ul,
.subnav ul li.trail > ul {
  display: block;
}

.subnav ul ul a {
  padding-left: 60px;
}

.subnav ul ul {
  display: none;
}

.subnav ul ul ul {
  display: none;
}

.subnav ul ul ul ul {
  display: none;
}

/* =============================================================================
 * mmenu-trigger
 * ========================================================================== */

.mmenu_trigger {
  display: none;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  align-items: center;
  color: rgb(255, 255, 255);
}

.mmenu_trigger .label {
  margin-right: 8px;
  cursor: pointer;
}

.mmenu_trigger .burger {
  height: 21px;
  width: 21px;
  position: relative;
  font-size: 7px;
  cursor: pointer;
  transition: 0.2s all;
}

.mmenu_trigger .burger .burger_lines:after {
  left: 0;
  top: -15px;
}

.mmenu_trigger .burger .burger_lines:before {
  left: 1em;
  top: 15px;
}

.mmenu_trigger .burger:after {
  content: "";
  display: block;
  position: absolute;
  height: 150%;
  width: 150%;
  top: -25%;
  left: -25%;
}

.mmenu_trigger .burger .burger_lines {
  top: 50%;
  margin-top: -1px;
}

.mmenu_trigger .burger .burger_lines,
.mmenu_trigger .burger .burger_lines:after,
.mmenu_trigger .burger .burger_lines:before {
  pointer-events: none;
  display: block;
  content: "";
  width: 100%;
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  height: 2px;
  position: absolute;
  transform: rotate(0);
}

.mmenu_trigger .burger .burger_lines:after {
  left: 0;
  top: -7px;
}

.mmenu_trigger .burger .burger_lines:before {
  left: 0;
  top: 7px;
}

.mmenu_trigger .burger.style2 .burger_lines:before,
.mmenu_trigger .burger.style2 .burger_lines:after {
  width: 2em;
}

/* open transform */
.mmenu_trigger .burger.transform .burger_lines,
.mmenu_trigger .burger.transform .burger_lines:after,
.mmenu_trigger .burger.transform .burger_lines:before {
  transition:
    0.2s top 0.2s,
    0.1s left,
    0.2s transform,
    0.4s background-color 0.2s;
}

.mmenu_trigger .burger.transform.open .burger_lines,
.mmenu_trigger .burger.transform.open .burger_lines:after,
.mmenu_trigger .burger.transform.open .burger_lines:before {
  transition:
    0.2s background-color,
    0.2s top,
    0.2s left,
    0.2s transform 0.15s;
}

.mmenu_trigger .burger.transform.open .burger_lines {
  background-color: transparent;
}

.mmenu_trigger .burger.transform.open .burger_lines:before,
.mmenu_trigger .burger.transform.open .burger_lines:after {
  left: 0;
  top: 0px;
}

.mmenu_trigger .burger.transform.open .burger_lines:before {
  transform: rotate(-45deg);
}

.mmenu_trigger .burger.transform.open .burger_lines:after {
  transform: rotate(45deg);
}

/* open rotate */
.mmenu_trigger .burger.rotate .burger_lines,
.mmenu_trigger .burger.rotate .burger_lines:after,
.mmenu_trigger .burger.rotate .burger_lines:before {
  transition: all 0.2s;
}

.mmenu_trigger .burger.rotate.open {
  transform: rotate(180deg);
}

.mmenu_trigger .burger.rotate.open .burger_lines {
  background-color: transparent;
}

.mmenu_trigger .burger.rotate.open .burger_lines:before,
.mmenu_trigger .burger.rotate.open .burger_lines:after {
  left: 0;
  top: 0px;
}

.mmenu_trigger .burger.rotate.open .burger_lines:before {
  transform: rotate(135deg);
}

.mmenu_trigger .burger.rotate.open .burger_lines:after {
  transform: rotate(-135deg);
}

/* =============================================================================
 * mmenu
 * ========================================================================== */

@media only screen and (min-width: 769px) {
  #mmenu {
    display: none;
  }
}

#mmenu {
  left: 0px;
  right: 0px;
  height: calc(100% - 70px);
  position: fixed;
  top: 70px;
  z-index: 1000;
  min-width: 80%;
  transform: translateY(calc(-100% - 55px));
  transition: transform 0.3s ease;
  -webkit-transition: transform 0.3s ease;
  background: rgb(255, 255, 255);
}

body.mmenu_open #mmenu {
  transform: translate(0) !important;
}

#mmenu .scrollable {
  height: calc(100% - 50px);
  overflow-y: auto;
}

#mmenu #mmenu_top {
  padding: 20px;
  background: rgb(255, 255, 255);
  overflow: visible;
  position: relative;
}

#mmenu #mmenu_middle {
  padding: 0 20px 20px 20px;
  background: rgb(255, 255, 255);
}

#mmenu #mmenu_bottom {
  background: rgb(255, 255, 255);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  padding: 5px 20px 10px 20px;
}

/* arrow */
#mmenu .mod_navigation li.submenu {
  position: relative;
}

#mmenu .mod_navigation li.submenu .opener {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 34px;
  z-index: 10;
}

#mmenu .mod_navigation li.submenu a {
  z-index: 5;
}

#mmenu .mod_navigation li a.submenu:after {
  content: "\f107";
  font-family: Font Awesome 6 Pro;
  position: absolute;
  right: 10px;
  top: 3px;
  margin-left: 15px;
  transition-duration: 0.3s;
  transition-property: transform;
}

#mmenu .mod_navigation.mobile_horizontal li a.submenu.open:after {
  transform: rotate(180deg);
}

#mmenu .mod_navigation.mobile_horizontal li a.submenu:after {
  transform: rotate(-90deg);
}

#mmenu .mod_navigation.mobile_horizontal li a.submenu.open:after {
  transform: rotate(90deg);
  float: left;
  margin-left: 0;
}

#mmenu .mod_navigation.mobile_horizontal li a.submenu.open {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#mmenu .mod_navigation.mobile_horizontal .level_2 li a.submenu.open {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

#mmenu .mod_navigation.mobile_horizontal .level_2 li a.submenu.open:after {
  transform: rotate(90deg);
}

#mmenu li i {
  margin-right: 10px;
}

/* socials */

#mmenu .mod_socials {
  margin-right: 20px;
}

#mmenu .mod_socials a i {
  line-height: 17px;
  padding: 5px;
  margin-right: 1px;
  background: rgba(0, 0, 0, 0.05);
  font-size: 17px;
  display: inline-block;
  height: 27px;
  width: 27px;
  text-align: center;
  margin-bottom: 1px;
  border-radius: 100%;
}

/* langswitch */

#mmenu .mod_langswitcher {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  margin: 0;
  text-align: right;
}

#mmenu .mod_langswitcher .mod_langswitcher_inside:before {
  border-color: rgb(51, 51, 51);
}

/* search */

#mmenu .mod_search {
  width: 75%;
}

#mmenu .mod_search input {
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.2);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMy43MDZweCIgaGVpZ2h0PSIzMy43MDZweCIgdmlld0JveD0iMCAwIDMzLjcwNiAzMy43MDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMzLjcwNiAzMy43MDYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnIG9wYWNpdHk9IjAuOCI+PHBhdGggZmlsbD0iIzkzOTM5MyIgZD0iTTE3Ljc1NSwwLjk0NUMxNi4yMDksMC4zMTgsMTQuNTc2LDAsMTIuOSwwYy0xLjY3NSwwLTMuMzA4LDAuMzE4LTQuODU0LDAuOTQ1QzYuNDQ1LDEuNTk0LDUuMDEsMi41NDcsMy43NzgsMy43NzhDMi41NDcsNS4wMSwxLjU5NCw2LjQ0NSwwLjk0NCw4LjA0N0MwLjMxOCw5LjU5MywwLDExLjIyNiwwLDEyLjljMCwxLjY3NiwwLjMxOCwzLjMwOSwwLjk0NCw0Ljg1NGMwLjY0OSwxLjYwMSwxLjYwMywzLjAzNywyLjgzNCw0LjI2OWMxLjIzMSwxLjIzLDIuNjY3LDIuMTg2LDQuMjY5LDIuODM0YzEuNTQ2LDAuNjI3LDMuMTc5LDAuOTQ0LDQuODU0LDAuOTQ0YzEuNjc2LDAsMy4zMDktMC4zMTcsNC44NTQtMC45NDRjMS42MDItMC42NDgsMy4wMzctMS42MDQsNC4yNy0yLjgzNGMxLjIyOS0xLjIzLDIuMTg1LTIuNjY4LDIuODM0LTQuMjY5YzAuNjI1LTEuNTQ2LDAuOTQzLTMuMTc5LDAuOTQzLTQuODU0YzAtMS42NzUtMC4zMTgtMy4zMDgtMC45NDMtNC44NTRjLTAuNjQ5LTEuNjAyLTEuNjA0LTMuMDM3LTIuODM0LTQuMjY5QzIwLjc5MiwyLjU0NywxOS4zNTQsMS41OTQsMTcuNzU1LDAuOTQ1eiBNMjAuNjU4LDIwLjY1OGMtNC4yNzcsNC4yNzYtMTEuMjM3LDQuMjc2LTE1LjUxNSwwYy00LjI3OC00LjI3Ny00LjI3Ny0xMS4yMzcsMC0xNS41MTVzMTEuMjM3LTQuMjc3LDE1LjUxNSwwUzI0LjkzNywxNi4zODEsMjAuNjU4LDIwLjY1OHoiLz48cmVjdCB4PSIyNi45NTIiIHk9IjIwLjY5NyIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAtMTEuNTYzOCAyNy45MTc1KSIgZmlsbD0iIzkzOTM5MyIgd2lkdGg9IjEuOTMxIiBoZWlnaHQ9IjE0LjQ0MiIvPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: 93% center;
  background-size: 20px;
  padding: 5px 50px 5px 20px;
  height: 36px !important;
  margin-bottom: 0;
}

#mmenu .mod_search .widget {
  width: 100% !important;
  margin-bottom: 0;
  height: auto !important;
}

#mmenu .mod_search .submit {
  display: none;
}

#mmenu .mod_search .label,
#mmenu .mod_search .close-window {
  display: none;
}

/* mmenu mod_navigation */

#mmenu .mod_navigation li a {
  display: block;
  padding: 4px 40px 4px 0;
}

#mmenu .mod_navigation li a.open,
#mmenu .mod_navigation li a.active,
#mmenu .mod_navigation li a:focus {
  font-weight: bold;
}

/* mobile_horizontal */

#mmenu nav.mobile_horizontal {
  display: none;
}

#mmenu nav.mobile_horizontal li.hidden {
  display: none !important;
}

#mmenu nav.mobile_horizontal ul ul li {
  display: none;
}

#mmenu nav.mobile_horizontal li.open > ul > li {
  display: block;
}

#mmenu nav.mobile_horizontal li.open > a {
  font-weight: bold;
}

/* mobile_vertical */

#mmenu nav.mobile_vertical ul > li > ul {
  display: none;
}

#mmenu nav.mobile_vertical ul > li.open > ul {
  display: block;
}

#mmenu nav.mobile_vertical ul ul {
  padding-left: 15px;
}

/* .mod_mmenu_custom_nav */

#mmenu .mod_mmenu_custom_nav a {
  display: inline-block;
  margin-right: 8px;
}

/* mmenu_overlay */

.mmenu_overlay {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10;
  display: none;
}

/* mmenu onepagenav */

@media only screen and (max-width: 768px) {
  .onepage_page .header .mod_navigation.onepagenav {
    display: none !important;
  }
}

/* =============================================================================
 * back hyperlink
 * ========================================================================== */

.back a:before {
  font-family: "Font Awesome 6 Pro";
  content: "\f100";
  margin-right: 5px;
}

/* =============================================================================
 * code + abbr
 * ========================================================================== */

code,
pre,
.txt-white pre {
  font-family: monospace;
  background: #ffffe0;
  color: rgb(76, 76, 76) !important;
  display: inline-block;
  padding: 10px;
  margin-bottom: 10px;
}

abbr {
  background: #efefef;
  border-bottom: 1px dashed;
  cursor: pointer;
}

/* =============================================================================
 * pagination
 * ========================================================================== */

.pagination {
  clear: both;
}

.pagination ul {
  padding: 0;
  float: left;
}

.pagination p {
  float: right;
}

.pagination li {
  background: none;
  padding: 0;
  margin: 0;
  float: left;
  list-style-type: none;
}

.pagination li:before,
.pagination li a:before {
  content: "";
}

.pagination li a,
.pagination li span {
  background: none;
  display: block;
  margin-right: 1px;
  color: inherit;
  text-decoration: none;
  padding: 3px 10px;
}

.pagination li span.current {
  background: rgb(152, 152, 152);
  color: white;
  border-radius: 2px;
}

.pagination li a:hover {
  color: rgb(152, 152, 152);
}

.pagination-white .pagination,
.pagination-white .pagination a {
  color: rgb(255, 255, 255);
}

/* =============================================================================
 * image_container
 * ========================================================================== */

.image_container {
  position: relative;
  padding: 0;
  line-height: 0;
}

.image_container a {
  line-height: 0;
}

.image_container .caption {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 8px 12px;
  font-size: 0.8667rem;
  border-radius: 3px;
  line-height: 1.3;
  display: inline-block;
  margin-top: 5px;
}

.image_container .caption h1,
.image_container .caption h2,
.image_container .caption h3,
.image_container .caption h4,
.image_container .caption h5,
.image_container .caption h6 {
  color: rgb(255, 255, 255);
  margin: 0;
}

.image_container.float_right,
.image_container.float_left {
  float: right;
  width: 45%;
  padding: 0;
  margin-bottom: 3%;
}

.image_container.float_right {
  margin-left: 5%;
}

.image_container.float_left {
  margin-right: 5%;
  float: left;
}

.image_container img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
}

.no-responsive .image_container img,
.no-responsive.image_container img {
  width: auto;
  max-width: none;
  display: inline-block;
}

.no-responsive .image_container.float_right,
.no-responsive .image_container.float_left {
  width: auto;
  margin: 0;
}

.border .image_container img {
  border: 1px solid rgb(229, 229, 229);
}

/* =============================================================================
 * ce_image
 * ========================================================================== */

.ce_image .image_container img {
  width: auto;
}

.ce_image.h-align-center img,
.ce_image.h-align-right img {
  display: inline-block;
}

.ce_image.border-gray-1px img {
  border: 1px solid rgb(220, 220, 220);
}

.ce_image.border-gray-5px img {
  border: 5px solid rgb(220, 220, 220);
}

.ce_image.border-gray-10px img {
  border: 10px solid rgb(220, 220, 220);
}

.ce_image.border-white-1px img {
  border: 1px solid rgb(255, 255, 255);
}

.ce_image.border-white-5px img {
  border: 5px solid rgb(255, 255, 255);
}

.ce_image.border-white-10px img {
  border: 10px solid rgb(255, 255, 255);
}

.ce_image.style-rounded img {
  border-radius: 100%;
}

.ce_image.img-border-style-2 img {
  border-radius: 65px 0 65px 0;
}

/* =============================================================================
 * blockquote
 * ========================================================================== */

blockquote {
  border-left: 5px solid rgb(152, 152, 152);
  padding-left: 25px;
}

blockquote p {
  font-family: Georgia, Times, serif;
  font-style: italic;
  text-align: justify;
  font-size: 1.1rem;
}

blockquote p:before {
  content: '"';
  text-indent: 0;
  display: inline-block;
  font-weight: bold;
  width: 20px;
  font-size: 2rem;
  line-height: 1.1rem;
}

blockquote em {
  font-size: 0.6em;
  font-style: normal;
  line-height: 1;
  font-weight: bold;
}

blockquote a {
  color: rgb(152, 152, 152);
}

/* =============================================================================
 * comment_default
 * ========================================================================== */

.comment_default {
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 25px;
}

/* =============================================================================
 * lists
 * ========================================================================== */

.ce_text ul,
.ce_list ul,
.ce_text ol,
.ce_list ol {
  margin-bottom: 15px;
}

.ce_text li,
.ce_list li,
.ce_text ol,
.ce_list ol {
  line-height: 1.5em;
}

.ce_text ul,
.ce_text ol,
.ce_list:not(.hasIcon) ul,
.ce_list:not(.hasIcon) ol {
  padding-left: 25px;
}

.ce_text ul li,
.ce_list ul li {
  list-style-type: disc;
  list-style-position: outside;
  position: relative;
  margin-bottom: 4px;
}

.ce_text ol,
.ce_list:not(.hasIcon) ol {
  list-style: decimal;
  padding-left: 26px;
}

.ce_text ol ol,
.ce_list ol ol {
  list-style: upper-alpha;
}

.ce_text ol ol ol,
.ce_list ol ol ol {
  list-style: lower-roman;
}

/* =============================================================================
 * ce_gallery
 * ========================================================================== */

.ce_gallery .cols_2 li {
  width: calc(100% / 2);
  float: left;
}

.ce_gallery .cols_3 li {
  width: calc(100% / 3);
  float: left;
}

.ce_gallery .cols_4 li {
  width: calc(100% / 4);
  float: left;
}

.ce_gallery .cols_5 li {
  width: calc(100% / 5);
  float: left;
}

.ce_gallery .cols_6 li {
  width: calc(100% / 6);
  float: left;
}

.ce_gallery .cols_7 li {
  width: calc(100% / 7);
  float: left;
}

.ce_gallery .cols_8 li {
  width: calc(100% / 8);
  float: left;
}

.ce_gallery .cols_9 li {
  width: calc(100% / 9);
  float: left;
}

.ce_gallery .cols_10 li {
  width: calc(100% / 10);
  float: left;
}

.ce_gallery .cols_11 li {
  width: calc(100% / 11);
  float: left;
}

.ce_gallery .cols_12 li {
  width: calc(100% / 12);
  float: left;
}

.edge .ce_gallery .cols_2 li {
  width: 49.8%;
  float: left;
}

.edge .ce_gallery .cols_3 li {
  width: 33.2%;
  float: left;
}

.edge .ce_gallery .cols_4 li {
  width: 24.98%;
  float: left;
}

.edge .ce_gallery .cols_5 li {
  width: 19.98%;
  float: left;
}

.edge .ce_gallery .cols_6 li {
  width: 16.65%;
  float: left;
}

.edge .ce_gallery .cols_7 li {
  width: 14.285%;
  float: left;
}

.edge .ce_gallery .cols_8 li {
  width: 12.46%;
  float: left;
}

.edge .ce_gallery .cols_9 li {
  width: 11.11%;
  float: left;
}

.edge .ce_gallery .cols_10 li {
  width: 10%;
  float: left;
}

.edge .ce_gallery .cols_11 li {
  width: 9.09%;
  float: left;
}

.edge .ce_gallery .cols_12 li {
  width: 8.33%;
  float: left;
}

.ce_gallery .gallery-margin {
  margin-left: -10px;
  margin-right: -10px;
}

.ce_gallery .gallery-margin .image_container {
  margin: 0 5px 10px;
}

.ce_gallery .image_container {
  margin: 0;
}

.ce_gallery a {
  width: 100%;
  height: 100%;
  display: block;
}

.ce_gallery .content {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  background: rgba(152, 152, 152, 0.8);
  opacity: 0;
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
}

.ce_gallery li:hover .content {
  opacity: 1;
}

.ce_gallery li img {
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
}

.ce_gallery .image_container {
  overflow: hidden;
}

.ce_gallery .content-outside {
  display: table;
  width: 100%;
  height: 100%;
}

.ce_gallery .content-inside {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: rgb(255, 255, 255);
  line-height: 1.5;
}

.ce_gallery .capt h1,
.ce_gallery .capt h2,
.ce_gallery .capt h3,
.ce_gallery .capt h4,
.ce_gallery .capt h5,
.ce_gallery .capt h6 {
  font-size: 1.067rem;
  font-weight: bold;
  letter-spacing: 1px;
  color: rgb(255, 255, 255);
  margin: 0;
}

.ce_gallery .capt h1:after,
.ce_gallery .capt h2:after,
.ce_gallery .capt h3:after,
.ce_gallery .capt h4:after,
.ce_gallery .capt h5:after,
.ce_gallery .capt h6:after {
  content: "";
  width: 50px;
  height: 2px;
  display: block;
  margin: 8px auto 15px auto;
  background: rgb(255, 255, 255);
}

.ce_gallery .capt {
  font-size: 0.8rem;
}

.ce_gallery .borders li {
  border-right: 1px solid rgb(229, 229, 229);
  border-bottom: 1px solid rgb(229, 229, 229);
}

.ce_gallery .borders li.row_last {
  border-bottom: 1px solid transparent;
}

.ce_gallery .borders li.col_last {
  border-right-color: transparent;
}

.ce_gallery .borders li:hover img {
  transform: none;
  -webkit-transform: none;
}

.ce_gallery .borders figcaption {
  width: 100% !important;
  border-radius: 0;
  text-align: center;
}

.ce_gallery .image_container i.fa.fa-plus-circle {
  position: relative;
  height: 50px;
  width: 50px;
}

.ce_gallery .image_container i.fa.fa-plus-circle:before {
  content: "";
  width: 50px;
  height: 1px;
  background: rgb(255, 255, 255);
  display: inline-block;
  position: absolute;
  top: 25px;
  left: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.ce_gallery .image_container i.fa.fa-plus-circle:after {
  content: "";
  width: 50px;
  height: 1px;
  background: rgb(255, 255, 255);
  display: inline-block;
  position: absolute;
  top: 25px;
  left: 0;
}

.ce_gallery li:hover .image_container i.fa.fa-plus-circle:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* =============================================================================
 * ce_gallery flex-gallery
 * ========================================================================== */

.ce_gallery ul.flex-gallery {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.ce_gallery ul.flex-gallery li {
  max-width: none;
  line-height: 0;
  text-align: center;
}

.ce_gallery ul.flex-gallery.cols_1 li {
  flex: 0 0 100%;
}

.ce_gallery ul.flex-gallery.cols_2 li {
  flex: 0 0 calc(100% / 2);
}

.ce_gallery ul.flex-gallery.cols_3 li {
  flex: 0 0 calc(100% / 3);
}

.ce_gallery ul.flex-gallery.cols_4 li {
  flex: 0 0 calc(100% / 4);
}

.ce_gallery ul.flex-gallery.cols_5 li {
  flex: 0 0 calc(100% / 5);
}

.ce_gallery ul.flex-gallery.cols_6 li {
  flex: 0 0 calc(100% / 6);
}

.ce_gallery ul.flex-gallery.cols_7 li {
  flex: 0 0 calc(100% / 7);
}

.ce_gallery ul.flex-gallery.cols_8 li {
  flex: 0 0 calc(100% / 8);
}

.ce_gallery ul.flex-gallery.cols_9 li {
  flex: 0 0 calc(100% / 9);
}

.ce_gallery ul.flex-gallery.cols_10 li {
  flex: 0 0 calc(100% / 10);
}

.ce_gallery ul.flex-gallery.cols_11 li {
  flex: 0 0 calc(100% / 11);
}

.ce_gallery ul.flex-gallery.cols_12 li {
  flex: 0 0 calc(100% / 12);
}

.ce_gallery .borders.flex-gallery {
  align-items: inherit;
}

/* =============================================================================
 * ce_headline
 * ========================================================================== */

.ce_headline.width-l {
  max-width: 700px;
}

.ce_headline.width-m {
  max-width: 500px;
}

.ce_headline.width-s {
  max-width: 350px;
}

.ce_headline.h-align-center.width-l,
.ce_headline.h-align-center.width-m,
.ce_headline.h-align-center.width-s {
  margin-left: auto;
  margin-right: auto;
}

.ce_headline [class^="label"] {
  position: relative;
  top: -0.6em;
  font-size: 0.6em;
  padding: 1px 6px;
}

/* =============================================================================
 * ce_text
 * ========================================================================== */

.ce_text .image_container img {
  width: auto;
}

.ce_text .image_container.float_right,
.ce_text .image_container.float_left {
  width: auto;
}

.ce_text.width-l {
  max-width: 700px;
}

.ce_text.width-m {
  max-width: 500px;
}

.ce_text.width-s {
  max-width: 350px;
}

.ce_text.h-align-center.width-l,
.ce_text.h-align-center.width-m,
.ce_text.h-align-center.width-s {
  margin-left: auto;
  margin-right: auto;
}

.ce_text.format-p-large p {
  font-size: 1.3rem;
}

.ce_text.format-p-small p {
  font-size: 0.9rem;
}
.ce_text.mb-0 p:last-of-type {
  margin-bottom: 0;
}
.ce_text.mb-0 p {
  margin-bottom: 0;
}

/* =============================================================================
 * ce_accordion
 * ========================================================================== */

.ce_accordionStart {
  position: relative;
}

.ce_accordion .accordion {
  padding: 20px;
  border: 0;
  background: none;
}

.ce_accordion .accordion > div {
  padding: 0;
}

.ce_accordion .toggler {
  line-height: 30px;
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 6px;
}

.ce_accordion .toggler i.fa {
  background: var(--accentColor);
}

.ce_accordionStart:last-of-type .toggler {
  margin-bottom: 0;
}

.ce_accordion .toggler:hover {
  color: rgb(76, 76, 76);
}

.ce_accordion .toggler:before {
  width: 25px;
  height: 25px;
  float: right;
  clear: both;
  /* display:inline-block; */
  margin-left: 15px;
  padding: 0;
  text-align: center;
  font: 1.3em/28px Font Awesome 6 Pro;
  font-weight: normal;
  color: rgb(152, 152, 152);
  content: "\f107";
}

.ce_accordion .toggler.ui-state-active:before {
  font-family: Font Awesome 6 Pro;
  content: "\f106";
}

.ce_accordionSingle {
  margin-bottom: 1px;
}

.ce_hyperlink a,
a.btn {
  display: inline-block;
  padding: 15px 50px;
  margin-bottom: 15px;
  cursor: pointer;
  transition: all 0.2s ease-out 0s;
  width: auto;
  background: rgb(152, 152, 152);
  border: 2px solid rgb(152, 152, 152);
  font-weight: bold;
  min-width: 140px;
  text-align: center !important;
  position: relative;
  position: relative;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  font-size: 1rem;
}

.ce_hyperlink a,
a.btn {
  color: #fff;
}

.ce_hyperlink a:hover,
a.btn:hover {
  opacity: 0.8;
}

.ce_hyperlink a.link-white,
a.btn.link-white {
  color: rgb(152, 152, 152);
  border: 2px solid rgb(255, 255, 255);
  background: rgb(255, 255, 255);
}

.ce_hyperlink a.link-white:hover,
a.btn.link-white:hover {
  background: rgb(152, 152, 152);
  color: rgb(255, 255, 255);
}

.ce_hyperlink a.link-white.outline,
a.btn.link-white.outline {
  color: rgb(255, 255, 255);
}

.ce_hyperlink a.link-white.outline:hover,
a.btn.link-white.outline:hover {
  background: rgb(255, 255, 255);
  border-color: rgb(255, 255, 255);
  color: rgb(37, 37, 37);
}

.ce_hyperlink a.outline,
a.btn.outline {
  background: transparent;
  color: rgb(152, 152, 152);
}

.ce_hyperlink a.outline:hover,
a.btn.outline:hover {
  background: rgb(37, 37, 37);
  border-color: rgb(37, 37, 37);
  color: rgb(255, 255, 255);
}

.ce_hyperlink i {
  margin-right: 8px;
}

.ce_hyperlink.small a,
a.btn.small {
  padding: 9px 15px;
  font-size: 0.75rem;
}

.ce_hyperlink.large a,
a.btn.large {
  padding: 20px 30px;
}

.ce_hyperlink.wide a,
a.btn.large {
  padding: 15px 50px;
}

.ce_hyperlink.expand a,
a.btn.expand {
  width: 100%;
}

.ce_hyperlink a.success,
a.btn.success {
  background: rgb(157, 213, 93);
  border-color: rgb(157, 213, 93);
}

.ce_hyperlink a.secondary,
a.btn.secondary {
  background: rgb(231, 231, 231);
  border-color: rgb(231, 231, 231);
  color: rgb(51, 51, 51);
}

.ce_hyperlink a.alert,
a.btn.alert {
  background: rgb(247, 80, 90);
  border-color: rgb(247, 80, 90);
}

.ce_hyperlink a.warning,
a.btn.warning {
  background: rgb(240, 138, 36);
  border-color: rgb(240, 138, 36);
}

.ce_hyperlink a.info,
a.btn.info {
  background: rgb(160, 211, 232);
  border-color: rgb(160, 211, 232);
  color: rgb(51, 51, 51);
}

.ce_hyperlink a.success:hover,
a.btn.success:hover,
.ce_hyperlink a.secondary:hover,
a.btn.secondary:hover,
.ce_hyperlink a.alert:hover,
a.btn.alert:hover,
.ce_hyperlink a.warning:hover,
a.btn.warning:hover,
.ce_hyperlink a.info:hover,
a.btn.info:hover {
  opacity: 0.8;
}

.ce_hyperlink.border-radius-3 a,
a.btn.border-radius-3 {
  border-radius: 3px;
}

.ce_hyperlink.border-radius-5 a,
a.btn.border-radius-5 {
  border-radius: 5px;
}

.ce_hyperlink.border-radius-10 a,
a.btn.border-radius-10 {
  border-radius: 10px;
}

.ce_hyperlink.border-radius-20 a,
a.btn.border-radius-20 {
  border-radius: 20px;
}

.ce_text a.btn {
  margin-top: 15px;
}

.ce_hyperlink.btn-animated i {
  opacity: 0;
  width: 0;
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
}

.ce_hyperlink.btn-animated a:hover i {
  opacity: 1;
  width: 16px;
}

.ce_hyperlink.mb-0 a {
  margin-bottom: 0;
}

/* =============================================================================
 * ce_player
 * ========================================================================== */

.ce_player video {
  max-width: 100%;
  height: auto;
  max-height: 100%;
  width: 100% !important;
}

/* =============================================================================
 * mod_article
 * ========================================================================== */

#main .mod_article {
  position: relative;
}

#main .mod_article.smallwidth {
  margin-left: auto;
  margin-right: auto;
}

#main .mod_article.smallwidth .contentwrap {
  padding-left: 17%;
  padding-right: 17%;
}

.mod_article.ol-bg-accent .article-overlay {
  background: var(--accentColor);
}

.mod_article.ol-bg-second .article-overlay {
  background: var(--secondColor);
}

.mod_portfoliolist .item:hover .linkbar {
  bottom: 0;
  height: 56px;
}

/* =============================================================================
 * forms
 * ========================================================================== */

input,
textarea,
select {
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.2);
  transition: all 0.15s linear 0s;
  width: 100%;
  font-family: inherit;
  font-size: 0.9rem;
}

body.ie input.upload::-ms-value {
  padding: 10px;
  background-color: #fff;
  border: 1px solid #eee;
  transition: all 0.15s linear 0s;
  width: 100%;
}

label {
  margin-bottom: 3px;
}

form .widget input,
form .widget textarea,
form .widget select {
  width: 100%;
}

textarea {
  height: 400px;
}

input:hover:not([type="submit"]),
button:hover:not([type="submit"]),
textarea:hover {
  border: 1px solid rgb(153, 153, 153);
}

input:focus,
textarea:focus {
  background-color: #fff;
  border: 1px solid rgb(152, 152, 152);
  border-radius: 0;
}

form .checkbox_container {
  overflow: hidden;
  margin-bottom: 2px;
}

input.checkbox {
  margin-right: 5px;
  padding: 0;
}

input.checkbox,
input.captcha {
  width: auto !important;
}

form div.widget {
  margin-bottom: 20px;
}

form fieldset {
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

form.no-border fieldset {
  padding: 0;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

form.no-border fieldset legend {
  margin-bottom: 25px;
}

form.no-border fieldset.checkbox_container {
  border: 0;
}

form fieldset {
  margin-bottom: 20px;
}

form fieldset.hidden {
  display: none;
}

form fieldset legend {
  width: auto;
  padding-right: 10px;
  padding-left: 10px;
  background-color: rgb(152, 152, 152);
  color: #fff;
  border-radius: 20px;
}

form select {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);
  background-position: center right;
  background-repeat: no-repeat;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  line-height: 1.3;
  height: 48px;
  padding: 5px 35px 5px 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
}

.firefox form select {
  height: 49px;
}

form select option {
  padding-right: 10px;
  padding-left: 10px;
}

form select.multiselect option {
  padding-right: 0;
  padding-left: 0;
}

form textarea {
  font-family: inherit;
}

form .checkbox_container span,
form .widget-radio span {
  display: block;
  overflow: hidden;
  margin-bottom: 5px;
  /* display: flex; */
  align-items: center;
}

form .checkbox_container label,
form .widget-radio label {
  margin: 0;
}

form .widget-radio input {
  width: auto;
  margin-right: 5px;
  margin-left: 3px;
  padding: 0;
}

form .widget-radio label {
  width: auto;
}

form span.mandatory {
  color: #f00;
}

form .captcha_text {
  margin: 10px 0 15px 15px;
  color: red;
}

form p.error {
  color: red;
}

form input.datepicker,
form input.timepicker {
  appearance: none;
  -webkit-appearance: none;
  height: 52px;
}

.android .widget-radio label,
.android .widget-checkbox label {
  position: relative;
  top: -3px;
}

.ios input[type="checkbox"],
.ios input[type="radio"] {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  vertical-align: middle;
  position: relative;
  bottom: 1px;
}

.ie form .widget-radio input,
.ie form .widget-checkbox input {
  border: 0;
}

/* =============================================================================
 * submit input
 * ========================================================================== */

input.submit,
button.submit {
  display: inline-block;
  padding: 15px 20px;
  height: 48px;
  cursor: pointer;
  transition: all 0.2s ease-out 0s;
  width: auto;
  background: rgb(152, 152, 152);
  color: #fff;
  border-radius: 40px;
  min-width: 140px;
  text-align: center;
  position: relative;
  appearance: none;
  -webkit-appearance: none;
}

input.submit[type="submit"]:hover,
button.submit[type="submit"]:hover {
  background: rgba(152, 152, 152, 0.9);
}

input.submit,
button.submit,
form div.widget {
  font-family: inherit;
}

input.submit i:before,
button.submit i:before {
  font-family: Font Awesome 6 Pro;
  margin-right: 5px;
}

/* =============================================================================
 * datepicker
 * ========================================================================== */

.gridbuilder_wrapper.formfield,
.gridbuilder_wrapper.formfield .gridbuilder {
  overflow: visible;
}

form div.widget {
  position: relative;
}

input.datepicker {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwMCA1MDAiIGhlaWdodD0iNTAwcHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MDAgNTAwIiB3aWR0aD0iNTAwcHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxnPjxnPjxwYXRoIGQ9Ik0yMTAuNzI2LDMwMi4yNzFjMCwwLDUuNSw1LjUsMTIuNjMzLDUuNWM1LjU4NiwwLDguNzY2LTIuNzUsOC43NjYtNi4xMDIgICAgICBjMC00LjgxMy00LjgxMy02Ljc4OS0xMS40MzEtNi43ODloLTQuMjk3bC0zLjE4LTcuMzA1bDguMDc4LTkuNzExYzIuOTIyLTMuNTI0LDUuMzI5LTUuNzU4LDUuMzI5LTUuNzU4di0wLjE3MiAgICAgIGMwLDAtMS45NzcsMC40My01Ljg0NCwwLjQzaC0xNC42OTV2LTEyLjg5MWgzOC43NTl2OS4zNjdsLTEyLjQ2MSwxNC4zNTJjOS4xMSwxLjk3NywxNC44NjcsOS4xOTUsMTQuODY3LDE3Ljc5ICAgICAgYzAsMTAuNDg1LTcuMzkxLDIwLjk2OS0yMi43NzQsMjAuOTY5Yy0xMy43NTEsMC0yMC45NjktOC4wNzgtMjAuOTY5LTguMDc4TDIxMC43MjYsMzAyLjI3MXoiIGZpbGw9IiMyMzFGMjAiLz48cGF0aCBkPSJNMjU2LjE4OCwzMDguMDI5aDEzLjA2M3YtMjUuNjFjMC0yLjMyLDAuMDg2LTQuNzI3LDAuMDg2LTQuNzI3aC0wLjE3MmMwLDAtMC43NzMsMS43MTktMi40MDYsMy4yNjYgICAgICBsLTMuNjk1LDMuMzUxbC04LjY4LTkuMjgxbDE2LjU4Ni0xNS41NTVoMTIuOTc3djQ4LjU1NmgxMy4xNDl2MTIuODkxaC00MC45MDhWMzA4LjAyOXoiIGZpbGw9IiMyMzFGMjAiLz48L2c+PHBhdGggZD0iTTM0MS4zMjEsMTg2Ljc2OGgtMjIuNzczdi0xNS45NDFjMC0xNS4wNjktMTIuMjU5LTI3LjMyOC0yNy4zMjgtMjcuMzI4cy0yNy4zMjgsMTIuMjU5LTI3LjMyOCwyNy4zMjggICAgIHYxNS45NDFoLTI3Ljc4M3YtMTUuOTQxYzAtMTUuMDY5LTEyLjI1OS0yNy4zMjgtMjcuMzI4LTI3LjMyOGMtMTUuMDY5LDAtMjcuMzI4LDEyLjI1OS0yNy4zMjgsMjcuMzI4djE1Ljk0MWgtMjIuNzczICAgICBjLTQuNTI4LDAtOC4xOTgsMy42NzEtOC4xOTgsOC4xOTh2MTU0LjQwM2MwLDQuNTI4LDMuNjcxLDguMTk4LDguMTk4LDguMTk4aDE4Mi42NDJjNC41MjgsMCw4LjE5OC0zLjY3LDguMTk4LTguMTk4VjE5NC45NjYgICAgIEMzNDkuNTE5LDE5MC40MzgsMzQ1Ljg0OSwxODYuNzY4LDM0MS4zMjEsMTg2Ljc2OHogTTI4MC4yODksMTcwLjgyN2MwLTYuMDM3LDQuODk0LTEwLjkzMSwxMC45MzEtMTAuOTMxICAgICBjNi4wMzcsMCwxMC45MzEsNC44OTQsMTAuOTMxLDEwLjkzMXYzNy4xMmMwLDYuMDM3LTQuODk0LDEwLjkzMS0xMC45MzEsMTAuOTMxYy02LjAzNywwLTEwLjkzMS00Ljg5NC0xMC45MzEtMTAuOTMxVjE3MC44Mjd6ICAgICAgTTE5Ny44NDksMTcwLjgyN2MwLTYuMDM3LDQuODk0LTEwLjkzMSwxMC45MzEtMTAuOTMxYzYuMDM3LDAsMTAuOTMxLDQuODk0LDEwLjkzMSwxMC45MzF2MzcuMTIgICAgIGMwLDYuMDM3LTQuODk0LDEwLjkzMS0xMC45MzEsMTAuOTMxYy02LjAzNywwLTEwLjkzMS00Ljg5NC0xMC45MzEtMTAuOTMxVjE3MC44Mjd6IE0zMzMuMTIzLDM0MS4xNzFIMTY2Ljg3OFYyNDIuNzloMTY2LjI0NSAgICAgVjM0MS4xNzF6IiBmaWxsPSIjMjMxRjIwIi8+PC9nPjwvZz48L3N2Zz4=);
  background-size: 45px;
  background-position: right center;
  padding-right: 40px;
}

input.timepicker {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMSBUaW55Ly9FTicgICdodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS10aW55LmR0ZCc+PHN2ZyBiYXNlUHJvZmlsZT0idGlueSIgaGVpZ2h0PSIzMnB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIGlkPSJHdWlkZXNfX3gyNl9fRm9ybXMiLz48ZyBpZD0iSWNvbnMiPjxnPjxwYXRoIGQ9Ik0xNyw4LjA1OVY2aC0ydjIuMDU5QzEwLjUwMSw4LjU1Nyw3LDEyLjM2OCw3LDE3YzAsMi4xMjUsMC43NDEsNC4wNzQsMS45NzIsNS42MTRsLTEuNDU3LDEuNDU3bDEuNDE0LDEuNDE0bDEuNDU3LTEuNDU3ICAgIEMxMS45MjYsMjUuMjU5LDEzLjg3NSwyNiwxNiwyNnM0LjA3NC0wLjc0MSw1LjYxNC0xLjk3MmwxLjQ1NywxLjQ1N2wxLjQxNC0xLjQxNGwtMS40NTctMS40NTdDMjQuMjU5LDIxLjA3NCwyNSwxOS4xMjUsMjUsMTcgICAgQzI1LDEyLjM2OCwyMS40OTksOC41NTcsMTcsOC4wNTl6IE0xNiwyNGMtMy44NjYsMC03LTMuMTM0LTctN2MwLTMuODY2LDMuMTM0LTcsNy03czcsMy4xMzQsNyw3QzIzLDIwLjg2NiwxOS44NjYsMjQsMTYsMjR6Ii8+PHBvbHlnb24gcG9pbnRzPSIxNywxMiAxNSwxMiAxNSwxNy41IDE4LjA2MiwyMC41NjIgMTkuNDc3LDE5LjE0OCAxNywxNi42NzIgICAiLz48cmVjdCBoZWlnaHQ9IjUiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgOC4yMyAtMy40MDkpIiB3aWR0aD0iMiIgeD0iNy4yMyIgeT0iNS43MyIvPjxyZWN0IGhlaWdodD0iMiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAxMi43NjQzIC0xNC40MzkxKSIgd2lkdGg9IjUiIHg9IjIxLjMxMiIgeT0iNy4xODgiLz48L2c+PC9nPjwvc3ZnPg==);
  background-size: 32px;
  background-position: right center;
  padding-right: 40px;
}

body .picker__list-item:hover,
body .picker__day--infocus:hover,
body .picker--focused .picker__day--highlighted {
  color: rgb(255, 255, 255);
}

body .picker__nav--next:hover,
body .picker__nav--prev:hover,
body .picker__button--close:hover,
body .picker__button--today:hover,
body .picker__button--clear:hover {
  background: rgb(240, 240, 240);
}

body .picker--focused .picker__day--highlighted,
body .picker__day--highlighted:hover,
body .picker__day--infocus:hover,
body .picker__day--outfocus:hover {
  opacity: 0.7;
}

body .picker--focused .picker__day--selected,
body .picker__day--selected,
body .picker__day--selected:hover,
body .picker--focused .picker__day--highlighted,
body .picker__day--highlighted:hover,
body .picker__day--infocus:hover,
body .picker__day--outfocus:hover,
body .picker--focused .picker__list-item--highlighted,
body .picker__list-item--highlighted:hover,
body .picker__list-item:hover,
body .picker__list-item--highlighted,
.picker__list-item:hover {
  background-color: rgb(40, 40, 40);
  border-color: rgb(40, 40, 40);
}

body .picker__list-item--highlighted,
.picker__list-item:hover {
  border-color: rgb(70, 70, 70);
}

/* =============================================================================
 * form_textfield_floatlabel template
 * ========================================================================== */
form div.placeholderlabel {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0 5px;
  background: rgb(255, 255, 255);
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  opacity: 0;
  font-size: 0.95rem;
}

form div.placeholderlabel.active {
  top: -1rem;
  opacity: 1;
}

/* =============================================================================
 * lightbox
 * ========================================================================== */

#cboxContent .back {
  display: none !important;
}

/* =============================================================================
 * fullscreen-helper
 * ========================================================================== */

.fullscreen-helper {
  height: 100vh;
}

/* =============================================================================
 * scroll-padding
 * ========================================================================== */

html {
  scroll-padding: 70px 0 0 0;
}

/* =============================================================================
 * viewport pixel
 * ========================================================================== */

#viewport-pixel {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0px;
  z-index: -1000;
  visibility: hidden;
  opacity: 1;
}

@media only screen and (min-device-width: 769px) and (max-device-width: 1024px) {
  #viewport-pixel {
    opacity: 0.75;
  }
}

@media only screen and (max-width: 768px) {
  #viewport-pixel {
    opacity: 0.5;
  }
}

/* =============================================================================
 * mobile
 * ========================================================================== */

@media only screen and (max-width: 768px) {
  .font-size-xxxxxl,
  .font-size-xxxxxl p {
    font-size: 3.5rem;
  }

  .font-size-xxxxl,
  .font-size-xxxxl p {
    font-size: 3rem;
  }

  .font-size-xxxl,
  .font-size-xxxl p {
    font-size: 2.333rem;
  }

  .font-size-xxl,
  .font-size-xxl p {
    font-size: 2rem;
  }

  .font-size-xl,
  .font-size-xl p {
    font-size: 1.533rem;
  }

  .font-size-l,
  .font-size-l p {
    font-size: 1.467rem;
  }

  .font-size-m,
  .font-size-m p {
    font-size: 1.2rem;
  }

  .font-size-s,
  .font-size-s p {
    font-size: 1.133rem;
  }

  .font-size-xs,
  .font-size-xs p {
    font-size: 1.067rem;
  }

  .font-size-xxs,
  .font-size-xxs p {
    font-size: 0.9333rem;
  }

  .font-size-xxxs,
  .font-size-xxxs p {
    font-size: 0.8rem;
  }

  .font-size-xxxxs,
  .font-size-xxxxs p {
    font-size: 0.7333rem;
  }

  .font-size-xxxxxs,
  .font-size-xxxxxs p {
    font-size: 0.6667rem;
  }

  .hide-s {
    display: none !important;
  }

  .hide-mobile,
  .hide_mobile,
  .only-desktop,
  .only_desktop {
    display: none !important;
  }

  .mob_no_up > .attributes {
    margin-top: 0 !important;
  }

  .bg-none-mobile .attributes {
    background: none !important;
  }

  #slider {
    padding-top: 0 !important;
  }

  .mainmenu {
    display: none;
  }

  #nav-open-btn {
    display: block;
  }

  body {
    padding: 0;
  }

  #wrapper {
    width: 100%;
  }

  #nav-open-btn {
    right: 20px;
  }

  .image_container {
    padding: 0;
    float: none;
  }

  html {
    -webkit-text-size-adjust: none;
  }

  table {
    font-size: 0.7333rem;
  }

  body.sidebar #main .mod_article > .container {
    padding-bottom: 0 !important;
  }

  body.sidebar #main > .inside {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.sidebar #main {
    border-left: 0;
    border-right: 0;
  }

  body.sidebar #left > .inside {
    margin-right: 0;
  }

  body.sidebar.right #right > .inside {
    margin-left: 0;
  }

  body.sidebar.both #right > .inside {
    margin-left: 0;
  }

  body.sidebar #main,
  body.sidebar #right,
  body.sidebar #left {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
    border: 0 !important;
  }

  body.sidebar #right,
  body.sidebar #left {
    margin-top: 15px !important;
    border-top: 4px solid #ddd !important;
    width: 100% !important;
    float: none !important;
    position: static !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.sidebar #right .inside,
  body.sidebar #left .inside {
    padding-top: 0;
    padding-bottom: 0;
  }

  body.sidebar #container {
    display: block;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .subnav {
    display: none;
  }

  .ce_gallery .gallery-margin .image_container {
    margin-bottom: 10px;
  }

  .ce_gallery [class*="cols_"] li {
    width: 49.8%;
  }

  .ce_gallery .borders li,
  .ce_gallery .borders li.col_last {
    border-right: 1px solid transparent;
    width: 50%;
  }

  .ce_gallery .borders li.row_last {
    border-bottom: 1px solid rgb(229, 229, 229);
  }

  .ce_gallery .borders li:nth-child(odd) {
    border-right: 1px solid rgb(229, 229, 229);
  }

  .mod_calendar table {
    font-size: 0.4667rem;
  }

  .gridbuilder {
    flex: 0 0 100% !important;
    width: 100% !important;
  }

  #footer div.gridbuilder {
    flex: 0 0 100% !important;
    width: 100% !important;
  }

  #wrapper .gridbuilder_wrapper.article .inner {
    margin-left: 0;
    margin-right: 0;
  }

  .gridbuilder_displacer {
    margin-left: 0 !important;
  }

  .mod_portfoliolist .swiper-slide {
    width: 100%;
  }

  .pagination ul,
  .pagination p {
    float: none;
    display: block;
    width: 100%;
  }

  .only_mobile,
  .only-mobile {
    display: block !important;
  }

  .ce_gallery ul.flex-gallery li {
    flex: 0 0 50% !important;
  }

  .ce_elevatezoom [class*="cols_"] li {
    flex: 0 0 50% !important;
  }

  .ce_elevatezoom li:nth-child(3n) {
    clear: both;
  }

  .align-left-m,
  .align-left-m * {
    text-align: left !important;
  }

  .align-center-m,
  .align-center-m * {
    text-align: center !important;
  }

  .align-right-m,
  .align-right-m * {
    text-align: right !important;
  }

  .mmenu_trigger {
    display: flex;
  }

  .mod_subscribe .formbody {
    display: block;
  }

  .mod_subscribe .formbody .widget-text {
    margin: 0;
  }

  .ce_hyperlink.mb-0-m a {
    margin-bottom: 0;
  }
}