﻿@font-face {
  font-family: "DINCondensed-Bold";
  src: url("/assets/fonts/Thy-mors_Energi/DINCondensed-Bold/DINCondensed-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Thy-mors_Energi/DINCondensed-Bold/DINCondensed-Bold.svg#DINCondensed-Bold") format("svg"), url("/assets/fonts/Thy-mors_Energi/DINCondensed-Bold/DINCondensed-Bold.ttf") format("truetype"), url("/assets/fonts/Thy-mors_Energi/DINCondensed-Bold/DINCondensed-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*@font-face {
    font-family: "Effra-Regular";
    src: url("/assets/fonts/Thy-mors_Energi/Effra-Regular/Effra-Regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Thy-mors_Energi/Effra-Regular/Effra-Regular.svg#Effra-Regular") format("svg"), url("/assets/fonts/Thy-mors_Energi/Effra-Regular/Effra-Regular.ttf") format("truetype"), url("/assets/fonts/Thy-mors_Energi/Effra-Regular/Effra-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}*/
@font-face {
  font-family: "dearJoe5CASUAL-P";
  src: url("/assets/fonts/Thy-mors_Energi/dearJoe5CASUAL-P/dearJoe5CASUAL-P.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Thy-mors_Energi/dearJoe5CASUAL-P/dearJoe5CASUAL-P.svg#dearJoe5CASUAL-P") format("svg"), url("/assets/fonts/Thy-mors_Energi/dearJoe5CASUAL-P/dearJoe5CASUAL-P.otf") format("opentype"), url("/assets/fonts/Thy-mors_Energi/dearJoe5CASUAL-P/dearJoe5CASUAL-P.ttf") format("truetype"), url("/assets/fonts/Thy-mors_Energi/dearJoe5CASUAL-P/dearJoe5CASUAL-P.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/* valgmodul */
.kreds-member-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

@media (min-width: 991px) {
    .kreds-member-container > p,
    .kreds-member-container > div {
        width: 25%;
        margin-right: unset !important;
    }
}
@media (max-width: 990px) and (min-width: 768px) {
    .kreds-member-container > p,
    .kreds-member-container > div {
        width: 33%;
        margin-right: unset !important;
    }
}

@media (max-width: 767px) and (min-width: 501px) {
    .kreds-member-container > p,
    .kreds-member-container > div {
        width: 50%;
        margin-right: unset !important;
    }
}

@media (max-width: 500px)  {
    .kreds-member-container > p,
    .kreds-member-container > div {
        width: 100%;
        margin-right: unset !important;
    }
}
@media (max-width: 767px) {
    .valg-selector-section .row {
        flex-direction: column-reverse;
    }
    #kreds-selector-container {
        height: auto !important;
    }
}

.valg-selector-section .row .column:nth-child(1) {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.svg-highlighted {
    stroke: black;
    stroke-width: 6px;
    stroke-linejoin: round;
}

.bold {
    font-weight: 700;
}

.kreds-selector > div {
    margin-bottom: 20px;
    font-family: "Effra", serif;
    color: black !important;
}
#kreds-selector-container .kreds-selector a:hover {
    color: unset !important;
}

.circle {
    display: inline-block;
    border: 3px solid white;
    width: 37px;
    height: 37px;
    border-radius: 100px;
    color: white;
    display: flex;
    justify-content: center;
    line-height: 36px;
    
}

.bold .circle {
    border: 3px solid black;
}

.circle-inner {
    /* position: relative;
    font-size: 20px;
    left: 11px;
    top: 4px;*/
}

.valg-selector-container {
    display: flex;
}

.valg-kreds-text {
    margin-left: 15px;
    line-height: 40px;
}


.darkblue {
    background-color: #00639b;
}

.lightblue {
    background-color: #59a7cf;
}

.green {
    background-color: #b5d062;
}

#vk3_x5F_map:hover > path,
#vk2_x5F_map:hover > path,
#vk1_x5F_map:hover > path {
    opacity: 0.5;
}

.blink_me {
    animation: blinker 1s linear;
}

@keyframes blinker {
    15% {
        opacity: 0;
    }
}




html {
    scroll-behavior: smooth;
}

*::selection {
  background-color: #59a6ce;
}

ul {
  margin-inline-start: 20px;
}

.col-padding {
  padding: 50px 50px;
}

#content p {
  line-height: 1.3;
}
#content ul, #content ol {
  color: initial;
}
#content ul > li, #content ol > li {
  font-family: effra, serif;
  font-size: 16px;
}

.info-box h1, .info-box h2, .info-box h3, .info-box h4, .info-box h5, .info-box .h1, .info-box .h2, .info-box .h3, .info-box .h4, .info-box .h5 {
  margin-bottom: 0 !important;
}

.download-element a i {
  font-size: 22px;
}
.download-element a[download]:hover svg {
  fill: #59a6ce !important;
}
.download-element a:hover i {
  color: #59a6ce !important;
}

.EApopup-hidden {
    display: none;
    visibility: hidden;
}

@media (min-width: 768px) {
    #mobile-btn-bar {
        display: none !important;
        visibility: hidden !important;
    }
}

@media (max-width: 1000px) {
    .EAflex-row {
        flex-direction: column !important;
    }

    .EAflex-column {
        padding-left: 0px !important;
        width: 70% !important;
    }

    .EAelmer-img {
        place-self: unset;
    }
}

@media (max-width: 700px) {

    #elmerpopup-inner {
        margin: 0px !important;
        width: 100% !important;
        height: 100% !important;
    }

    .EAflex-row {
        justify-content: center !important;
    }
}

#elmerpopup {
    background-color: rgba(0,0,0,0.6);
    position: fixed;
    top: 0px;
    z-index: 100000;
    height: 100%;
}

#elmerpopup-inner {
    background-image: url('/media/23al0q3n/baggrund-kvadratisk-uden-elmer.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 80%;
    margin: 5% 20%;
}

.mobile-link {
    font-family: "DINCondensed-Bold", serif;
    font-size: 16px;
    align-self: center;
    padding: 0px 20px;
    border: 1px solid white;
    margin: 0px 10px;
}

#mobile-btn-bar {
    display: none;
    visibility: hidden;
}

@media (max-width: 767px) {
    #mobile-btn-bar {
        display: flex !important;
        visibility: visible !important;
        width: 100%;
        height: 40px;
        background-color: #0e2132;
    }
}


.achor {
    display: block;
    position: relative;
    top: -205px;
    visibility: hidden;
}

.address-border {
  border-bottom: 2px solid #eaeaea;
}
/* FAQ */
.faqQuestionOpener {
    margin-top: 25px;
    cursor: pointer;
    padding-left: 30px;
    text-indent: -10px;
}
.faqQuestionOpener {
    padding-top: 20px;
    padding-bottom: 0px;
    border-top: 1px solid #0e2132;
}
.faqQuestionOpener.open {
    border-bottom: 0px !important;
}

.faqQuestion {
    /*background: #f7f7f7;*/
    padding: 10px 10px 10px 30px;
    margin-bottom: 0px;
}

.faqQuestionOpener::before {
    content: "+";
    display: inline-block;
    margin-right: 5px;
}

.faqQuestionOpener.open::before {
    content: "-" !important;
    width: 6px;
}
.viz-faq .text-box.left:last-child {
    padding-bottom: 20px;
    border-bottom: 1px solid #0e2132;
}

.py-25 {
    padding-top: 25px;
    padding-bottom: 25px;
}
.py-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.py-75 {
  padding-top: 75px;
  padding-bottom: 75px;
}
.py-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}
.py-125 {
  padding-top: 125px;
  padding-bottom: 125px;
}
.py-150 {
  padding-top: 150px;
  padding-bottom: 150px;
}
.py-200 {
  padding-top: 200px;
  padding-bottom: 200px;
}
.py-250 {
  padding-top: 250px;
  padding-bottom: 250px;
}
.py-300 {
  padding-top: 300px;
  padding-bottom: 300px;
}
.px-25 {
  padding-left: 25px;
  padding-right: 25px;
}
.px-50 {
  padding-left: 50px;
  padding-right: 50px;
}
.px-75 {
  padding-left: 75px;
  padding-right: 75px;
}
.px-100 {
  padding-left: 100px;
  padding-right: 100px;
}
.px-125 {
  padding-left: 125px;
  padding-right: 125px;
}
.px-150 {
  padding-left: 150px;
  padding-right: 150px;
}
.px-200 {
  padding-left: 200px;
  padding-right: 200px;
}
.px-200 {
  padding-left: 250px;
  padding-right: 250px;
}
.px-300 {
  padding-left: 300px;
  padding-right: 300px;
}
.pt-50 {
  padding-top: 50px;
}
.pt-100 {
  padding-top: 100px;
}
.pt-200 {
  padding-top: 200px;
}
.pt-300 {
  padding-top: 300px;
}
.pb-50 {
  padding-bottom: 50px;
}
.pb-100 {
  padding-bottom: 100px;
}
.pb-200 {
  padding-bottom: 200px;
}
.pb-300 {
  padding-bottom: 300px;
}
.pr-25 {
  padding-right: 25px;
}
.pr-50 {
  padding-right: 50px;
}
.pr-75 {
  padding-right: 75px;
}
.pr-100 {
  padding-right: 100px;
}
.pr-125 {
  padding-right: 125px;
}
.pr-150 {
  padding-right: 150px;
}
.pr-200 {
  padding-right: 200px;
}
.pr-300 {
  padding-right: 300px;
}
.pr-350 {
  padding-right: 350px;
}
.pl-25 {
  padding-left: 25px;
}
.pl-50 {
  padding-left: 50px;
}
.pl-75 {
  padding-left: 75px;
}
.pl-100 {
  padding-left: 100px;
}
.pl-125 {
  padding-left: 125px;
}
.pl-150 {
  padding-left: 150px;
}
.pl-200 {
  padding-left: 200px;
}
.pl-300 {
  padding-left: 300px;
}
.pl-350 {
  padding-left: 350px;
}

.my-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}
.my-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}
.my-200 {
  margin-top: 200px;
  margin-bottom: 200px;
}
.my-300 {
  margin-top: 300px;
  margin-bottom: 300px;
}
.mt-50 {
  margin-top: 50px;
}
.mt-100 {
  margin-top: 100px;
}
.mt-200 {
  margin-top: 200px;
}
.mt-300 {
  margin-top: 300px;
}
.mb-50 {
  margin-bottom: 50px;
}
.mb-100 {
  margin-bottom: 100px;
}
.mb-200 {
  margin-bottom: 200px;
}
.mb-300 {
  margin-bottom: 300px;
}

a {
  color: #0e2132;
}
a:hover {
  color: #245682;
}
a.text-white, .btn-primary-white > a, .btn-primary-white > p > a, .btn-primary-white > h1 > a, .btn-primary-white > h2 > a, .btn-primary-white > h3 > a, .btn-primary-white > h4 > a, .btn-primary-white > h5 > a, a.btn-primary-white,
.bg-light-blue .heading-block > a,
.btn-light-blue .heading-block > a,
.bg-medium-blue .heading-block > a,
.btn-medium-blue .heading-block > a, a.bg-dark-blue, a.btn-dark-blue,
.bg-dark-blue .heading-block > a,
.btn-dark-blue .heading-block > a {
  color: #ffffff;
}
a.text-dark-grey {
  color: #7E7E7E;
}
a.text-dark-blue, a.bg-light-grey,
.bg-light-grey .heading-block > a, a.bg-light,
.bg-light .heading-block > a {
  color: #0e2132;
}
a.text-dark-blue:hover, a.bg-light-grey:hover,
.bg-light-grey .heading-block > a:hover, a.bg-light:hover,
.bg-light .heading-block > a:hover {
  color: #245682;
}
a[download]:hover svg {
  fill: #59a6ce;
}

.text-black {
  color: #000 !important;
}
.text-white, .btn-primary-white > a, .btn-primary-white > p > a, .btn-primary-white > h1 > a, .btn-primary-white > h2 > a, .btn-primary-white > h3 > a, .btn-primary-white > h4 > a, .btn-primary-white > h5 > a, .btn-primary-white, .btn-primary-white > p, .btn-primary-white > h1, .btn-primary-white > h2, .btn-primary-white > h3, .btn-primary-white > h4, .btn-primary-white > h5, .bg-light-blue > p, .btn-light-blue > p,
.bg-light-blue .heading-block > *,
.btn-light-blue .heading-block > *, .bg-medium-blue > p, .btn-medium-blue > p,
.bg-medium-blue .heading-block > *,
.btn-medium-blue .heading-block > *, .bg-medium-orange > p,
.bg-medium-orange .heading-block > h2, .bg-dark-blue, .btn-dark-blue, .bg-dark-blue > p, .btn-dark-blue > p,
.bg-dark-blue .heading-block > *,
.btn-dark-blue .heading-block > *,
.bg-dark-blue h1,
.btn-dark-blue h1,
.bg-dark-blue h2,
.btn-dark-blue h2,
.bg-dark-blue h3,
.btn-dark-blue h3,
.bg-dark-blue h4,
.btn-dark-blue h4,
.bg-dark-blue h5,
.btn-dark-blue h5,
.bg-dark-blue svg,
.btn-dark-blue svg {
  color: #ffffff;
}
.text-white a, .btn-primary-white a, .bg-light-blue > p a, .btn-light-blue > p a,
.bg-light-blue .heading-block > * a,
.btn-light-blue .heading-block > * a, .bg-medium-blue > p a, .btn-medium-blue > p a,
.bg-medium-blue .heading-block > * a,
.btn-medium-blue .heading-block > * a, .bg-medium-orange > p a,
.bg-medium-orange .heading-block > h2 a, .bg-dark-blue a, .btn-dark-blue a,
.bg-dark-blue .heading-block > * a,
.btn-dark-blue .heading-block > * a {
  color: #ffffff !important;
}
.text-white a:hover, .btn-primary-white a:hover, .bg-light-blue > p a:hover, .btn-light-blue > p a:hover,
.bg-light-blue .heading-block > * a:hover,
.btn-light-blue .heading-block > * a:hover, .bg-medium-blue > p a:hover, .btn-medium-blue > p a:hover,
.bg-medium-blue .heading-block > * a:hover,
.btn-medium-blue .heading-block > * a:hover, .bg-medium-orange > p a:hover,
.bg-medium-orange .heading-block > h2 a:hover, .bg-dark-blue a:hover, .btn-dark-blue a:hover {
  color: #ebebeb !important;
}
.text-dark-blue, .bg-light-grey, .bg-light-grey > p,
.bg-light-grey .heading-block > *,
.bg-light-grey h1,
.bg-light-grey h2,
.bg-light-grey h3,
.bg-light-grey h4,
.bg-light-grey h5,
.bg-light-grey svg, .bg-light,
.bg-light .heading-block > * {
  color: #0e2132;
}
.text-dark-grey {
  color: #7E7E7E;
}
.text-dark-grey > *, .text-dark-grey p {
  color: #7E7E7E;
}
.text-dark-grey > * span:not(.nocolor):not(.badge), .text-dark-grey p span:not(.nocolor):not(.badge) {
  color: #7E7E7E;
}
.text-medium-black {
  color: #292929;
}
.text-medium-grey {
  color: #eaeaea;
}
.text-medium-orange {
  color: #df6115;
}
.text-medium-blue {
  color: #0169b3;
}
.text-light-green {
  color: #b4d064;
}
.text-light-black, a.text-black:hover {
  color: #333333 !important;
}
.text-light-grey {
  color: #f7f7f7;
}
.text-light-blue {
  color: #59a6ce;
}
.text-normal {
  font-style: unset !important;
}

.border-white, .bg-light-blue > p .divide-border, .btn-light-blue > p .divide-border,
.bg-light-blue .heading-block > * .divide-border,
.btn-light-blue .heading-block > * .divide-border, .bg-light-green .divide-border, .btn-primary-white .divide-border, .btn-primary .divide-border, .bg-light-green > p .divide-border, .btn-primary-white > p .divide-border, .btn-primary > p .divide-border,
.bg-light-green .heading-block > * .divide-border,
.btn-primary-white .heading-block > * .divide-border,
.btn-primary .heading-block > * .divide-border,
.bg-light-green h1 .divide-border,
.btn-primary-white h1 .divide-border,
.btn-primary h1 .divide-border,
.bg-light-green h2 .divide-border,
.btn-primary-white h2 .divide-border,
.btn-primary h2 .divide-border,
.bg-light-green h3 .divide-border,
.btn-primary-white h3 .divide-border,
.btn-primary h3 .divide-border,
.bg-light-green h4 .divide-border,
.btn-primary-white h4 .divide-border,
.btn-primary h4 .divide-border,
.bg-light-green h5 .divide-border,
.btn-primary-white h5 .divide-border,
.btn-primary h5 .divide-border,
.bg-light-green svg .divide-border,
.btn-primary-white svg .divide-border,
.btn-primary svg .divide-border, .bg-medium-blue > p .divide-border, .btn-medium-blue > p .divide-border,
.bg-medium-blue .heading-block > * .divide-border,
.btn-medium-blue .heading-block > * .divide-border, .bg-dark-blue .divide-border, .btn-dark-blue .divide-border {
  border-color: #ffffff;
}
.border-dark-blue, .bg-light-grey .divide-border, .bg-light .divide-border {
  border-color: #0e2132;
}
.border-medium-orange {
  border-color: #df6115;
}
.border-light-blue {
  border-color: #59a6ce;
}
.border-light-green, .btn-primary-white, .btn-primary {
  border-color: #b4d064;
}
.border-light-grey {
  border-color: #f7f7f7;
}

.bg-dark-blue, .btn-dark-blue {
  background-color: #0e2132 !important;
}
.bg-medium-black, body footer#footer #copyrights {
  background-color: #333333 !important;
  border-top: 1px solid  rgba(255, 255, 255, 0.25);
}
.bg-medium-grey {
  background-color: #eaeaea;
}
.bg-medium-orange {
  background-color: #df6115;
}
.bg-medium-blue, .btn-medium-blue {
  background-color: #0169b3;
}
.bg-light-green, .btn-primary-white, .btn-primary {
  background-color: #b4d064 !important;
}
.bg-light-green, .btn-primary-white, .btn-primary, .bg-light-green > p, .btn-primary-white > p, .btn-primary > p,
.bg-light-green .heading-block > *,
.btn-primary-white .heading-block > *,
.btn-primary .heading-block > *,
.bg-light-green h1,
.btn-primary-white h1,
.btn-primary h1,
.bg-light-green h2,
.btn-primary-white h2,
.btn-primary h2,
.bg-light-green h3,
.btn-primary-white h3,
.btn-primary h3,
.bg-light-green h4,
.btn-primary-white h4,
.btn-primary h4,
.bg-light-green h5,
.btn-primary-white h5,
.btn-primary h5,
.bg-light-green svg,
.btn-primary-white svg,
.btn-primary svg {
  color: #ffffff !important;
}
.bg-light-black {
  background-color: #333333 !important;
}
.bg-light-grey {
  background-color: #f7f7f7;
}
.bg-light-blue, .btn-light-blue {
  background-color: #59a6ce;
}
.bg-white, .btn-white {
  background-color: #ffffff;
}
.bg-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.bg-image-top {
  background-position-y: top !important;
}
.bg-image-bottom {
  background-position-y: bottom !important;
}

.btn {
  border-radius: 2px;
  border: none !important;
  transition: all 0.3s ease;
}
.btn-primary {
  transition: all 0.175s ease-in-out;
}
.btn-primary, .btn-primary > p, .btn-primary > h1, .btn-primary > h2, .btn-primary > h3, .btn-primary > h4, .btn-primary > h5 {
  color: #0e2132 !important;
}
.btn-primary > a, .btn-primary > p > a, .btn-primary > h1 > a, .btn-primary > h2 > a, .btn-primary > h3 > a, .btn-primary > h4 > a, .btn-primary > h5 > a {
  color: #0e2132 !important;
}
.btn-primary:hover {
  background-color: #a1c43d !important;
}
.btn-primary-white {
  transition: all 0.2s ease-in-out;
  /*&:not(:disabled):not(.disabled):hover,
  &:not(:disabled):not(.disabled):focus,
  &:not(:disabled):not(.disabled):active {
      @extend .bg-dark-blue;
      border-color: darken($light-green, 10%);

      &,
      & > p,
      & > h1,
      & > h2,
      & > h3,
      & > h4,
      & > h5 {
          color: $light-green !important;

          & > a {
              color: $light-green !important;
          }
      }
  }

  &:not(:disabled):not(.disabled):focus,
  &:not(:disabled):not(.disabled):active {
      box-shadow: 0 0 0 0.2rem rgba(180, 208, 100, 0.5);
  }*/
}
.btn-primary-white > svg {
  fill: #ffffff;
}
.btn-primary-white:hover {
  background-color: #a1c43d !important;
}
.btn-dark-blue, .btn-dark-blue > p, .btn-dark-blue > h1, .btn-dark-blue > h2, .btn-dark-blue > h3, .btn-dark-blue > h4, .btn-dark-blue > h5 {
  color: #ffffff !important;
}
.btn-dark-blue > a, .btn-dark-blue > p > a, .btn-dark-blue > h1 > a, .btn-dark-blue > h2 > a, .btn-dark-blue > h3 > a, .btn-dark-blue > h4 > a, .btn-dark-blue > h5 > a {
  color: #ffffff !important;
}
.btn-dark-blue svg {
  fill: #ffffff;
}
.btn-dark-blue:hover {
  background-color: #1d4366 !important;
}
.btn-medium-blue {
  transition: all 0.175s ease-in-out;
  fill: #ffffff;
}
.btn-medium-blue, .btn-medium-blue > p, .btn-medium-blue > h1, .btn-medium-blue > h2, .btn-medium-blue > h3, .btn-medium-blue > h4, .btn-medium-blue > h5 {
  color: #ffffff !important;
}
.btn-medium-blue > a, .btn-medium-blue > p > a, .btn-medium-blue > h1 > a, .btn-medium-blue > h2 > a, .btn-medium-blue > h3 > a, .btn-medium-blue > h4 > a, .btn-medium-blue > h5 > a {
  color: #ffffff !important;
}
.btn-medium-blue:hover {
  background-color: #014b80 !important;
}
.btn-light-blue {
  color: #ffffff !important;
}
.btn-light-blue svg {
  fill: #ffffff !important;
}
.btn-light-blue:hover {
  background-color: #388fbc;
}
.btn-white {
  color: #0e2132 !important;
}
.btn-white, .btn-white > p, .btn-white > h1, .btn-white > h2, .btn-white > h3, .btn-white > h4, .btn-white > h5 {
  color: #0e2132 !important;
}
.btn-white > a, .btn-white > p > a, .btn-white > h1 > a, .btn-white > h2 > a, .btn-white > h3 > a, .btn-white > h4 > a, .btn-white > h5 > a {
  color: #0e2132 !important;
}
.btn-white:hover {
  background-color: #e6e6e6;
}

.heading-block::after {
  content: "";
  display: block;
  margin-top: 30px;
  width: 40px;
  border-top: 2px solid #444;
}
.heading-block.topmargin {
  margin-bottom: 0;
}

.divide-border {
  border-bottom: 2px solid #0e2132;
  width: 50px;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.content-wrap {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

a {
  cursor: pointer;
}
a:not(.text-black):hover, a:not(.btn):hover, a:not(.btn-primary):hover a:not(.btn.btn-primary):hover {
  color: #b4d064 !important;
}
a.text-light-green:hover, a > h3.text-light-green:hover {
  color: #a1c43d !important;
}

.position-relative {
  position: relative;
}
.position-absolute {
  position: absolute;
}

@media (min-width: 768px) {
  .py-md-200 {
    padding-top: 200px;
    padding-bottom: 200px;
  }
  .py-md-300 {
    padding-top: 300px;
    padding-bottom: 300px;
  }
  .pt-md-50 {
    padding-top: 50px;
  }
  .pt-md-100 {
    padding-top: 100px;
  }
  .pt-md-200 {
    padding-top: 200px;
  }
  .pt-md-300 {
    padding-top: 300px;
  }
  .pb-md-50 {
    padding-bottom: 50px;
  }
  .pb-md-100 {
    padding-bottom: 100px;
  }
  .pb-md-200 {
    padding-bottom: 200px;
  }
  .pb-md-300 {
    padding-bottom: 300px;
  }

  .my-md-200 {
    margin-top: 200px;
    margin-bottom: 200px;
  }
  .my-md-300 {
    margin-top: 300px;
    margin-bottom: 300px;
  }
}
@media (min-width: 992px) {
  .col-padding {
    padding: 0px;
  }

  .download-element a i {
    font-size: 1.09em !important;
  }
  .download-element a[download]:hover svg {
    fill: #59a6ce !important;
  }
  .download-element a:hover i {
    color: #59a6ce !important;
  }

  .py-lg-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .py-lg-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .py-lg-75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .py-lg-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .py-lg-125 {
    padding-top: 125px !important;
    padding-bottom: 125px !important;
  }
  .py-lg-150 {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }
  .py-lg-200 {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }
  .py-lg-250 {
    padding-top: 250px !important;
    padding-bottom: 250px !important;
  }
  .py-lg-300 {
    padding-top: 300px !important;
    padding-bottom: 300px !important;
  }
  .py-lg-350 {
    padding-top: 350px !important;
    padding-bottom: 350px !important;
  }
  .py-lg-400 {
    padding-top: 400px !important;
    padding-bottom: 400px !important;
  }
  .px-lg-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .px-lg-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .px-lg-75 {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
  .px-lg-100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .px-lg-125 {
    padding-left: 125px !important;
    padding-right: 125px !important;
  }
  .px-lg-150 {
    padding-left: 150px !important;
    padding-right: 150px !important;
  }
  .px-lg-200 {
    padding-left: 200px !important;
    padding-right: 200px !important;
  }
  .px-lg-250 {
    padding-left: 250px !important;
    padding-right: 250px !important;
  }
  .px-lg-300 {
    padding-left: 300px !important;
    padding-right: 300px !important;
  }
  .pt-lg-25 {
    padding-top: 25px !important;
  }
  .pt-lg-50 {
    padding-top: 50px !important;
  }
  .pt-lg-75 {
    padding-top: 75px !important;
  }
  .pt-lg-100 {
    padding-top: 100px !important;
  }
  .pt-lg-125 {
    padding-top: 125px !important;
  }
  .pt-lg-150 {
    padding-top: 150px !important;
  }
  .pt-lg-200 {
    padding-top: 200px !important;
  }
  .pt-lg-300 {
    padding-top: 300px !important;
  }
  .pb-lg-25 {
    padding-bottom: 25px !important;
  }
  .pb-lg-50 {
    padding-bottom: 50px !important;
  }
  .pb-lg-75 {
    padding-bottom: 75px !important;
  }
  .pb-lg-100 {
    padding-bottom: 100px !important;
  }
  .pb-lg-125 {
    padding-bottom: 125px !important;
  }
  .pb-lg-150 {
    padding-bottom: 150px !important;
  }
  .pb-lg-200 {
    padding-bottom: 200px !important;
  }
  .pb-lg-300 {
    padding-bottom: 300px !important;
  }
  .pr-lg-25 {
    padding-right: 25px !important;
  }
  .pr-lg-50 {
    padding-right: 50px !important;
  }
  .pr-lg-75 {
    padding-right: 75px !important;
  }
  .pr-lg-100 {
    padding-right: 100px !important;
  }
  .pr-lg-125 {
    padding-right: 125px !important;
  }
  .pr-lg-150 {
    padding-right: 150px !important;
  }
  .pr-lg-200 {
    padding-right: 200px !important;
  }
  .pr-lg-300 {
    padding-right: 300px !important;
  }
  .pr-lg-350 {
    padding-right: 350px;
  }
  .pr-350 {
    padding-left: 350px;
  }
  .pl-lg-25 {
    padding-left: 25px !important;
  }
  .pl-lg-50 {
    padding-left: 50px !important;
  }
  .pl-lg-75 {
    padding-left: 75px !important;
  }
  .pl-lg-100 {
    padding-left: 100px !important;
  }
  .pl-lg-125 {
    padding-left: 125px !important;
  }
  .pl-lg-150 {
    padding-left: 150px !important;
  }
  .pl-lg-200 {
    padding-left: 200px !important;
  }
  .pl-lg-300 {
    padding-left: 300px !important;
  }
  .pl-lg-350 {
    padding-left: 350px;
  }

  .my-lg-25 {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .my-lg-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .my-lg-75 {
    margin-top: 75px;
    margin-bottom: 75px;
  }
  .my-lg-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .my-lg-125 {
    margin-top: 125px;
    margin-bottom: 125px;
  }
  .my-lg-150 {
    margin-top: 150px;
    margin-bottom: 150px;
  }
  .my-lg-200 {
    margin-top: 200px;
    margin-bottom: 200px;
  }
  .my-lg-300 {
    margin-top: 300px;
    margin-bottom: 300px;
  }
  .mx-lg-25 {
    margin-left: 25px;
    margin-right: 25px;
  }
  .mx-lg-50 {
    margin-left: 50px;
    margin-right: 50px;
  }
  .mx-lg-75 {
    margin-left: 75px;
    margin-right: 75px;
  }
  .mx-lg-100 {
    margin-left: 100px;
    margin-right: 100px;
  }
  .mx-lg-125 {
    margin-left: 125px;
    margin-right: 125px;
  }
  .mx-lg-150 {
    margin-left: 150px;
    margin-right: 150px;
  }
  .mx-lg-200 {
    margin-left: 200px;
    margin-right: 200px;
  }
  .mx-lg-300 {
    margin-left: 300px;
    margin-right: 300px;
  }
  .mt-lg-25 {
    margin-top: 25px;
  }
  .mt-lg-50 {
    margin-top: 50px;
  }
  .mt-lg-75 {
    margin-top: 75px;
  }
  .mt-lg-100 {
    margin-top: 100px;
  }
  .mt-lg-125 {
    margin-top: 125px;
  }
  .mt-lg-150 {
    margin-top: 150px;
  }
  .mt-lg-200 {
    margin-top: 200px;
  }
  .mt-lg-250 {
    margin-top: 250px;
  }
  .mt-lg-300 {
    margin-top: 300px;
  }
  .mb-lg-25 {
    margin-bottom: 25px;
  }
  .mb-lg-50 {
    margin-bottom: 50px;
  }
  .mb-lg-75 {
    margin-bottom: 75px;
  }
  .mb-lg-100 {
    margin-bottom: 100px;
  }
  .mb-lg-125 {
    margin-bottom: 125px;
  }
  .mb-lg-150 {
    margin-bottom: 150px;
  }
  .mb-lg-200 {
    margin-bottom: 200px;
  }
  .mb-lg-300 {
    margin-bottom: 300px;
  }
  .mr-lg-25 {
    margin-right: 25px;
  }
  .mr-lg-50 {
    margin-right: 50px;
  }
  .mr-lg-75 {
    margin-right: 75px;
  }
  .mr-lg-100 {
    margin-right: 100px;
  }
  .mr-lg-125 {
    margin-right: 125px;
  }
  .mr-lg-150 {
    margin-right: 150px;
  }
  .mr-lg-200 {
    margin-right: 200px;
  }
  .mr-lg-300 {
    margin-right: 300px;
  }
  .ml-lg-25 {
    margin-left: 25px;
  }
  .ml-lg-50 {
    margin-left: 50px;
  }
  .ml-lg-75 {
    margin-left: 75px;
  }
  .ml-lg-100 {
    margin-left: 100px;
  }
  .ml-lg-125 {
    margin-left: 125px;
  }
  .ml-lg-150 {
    margin-left: 150px;
  }
  .ml-lg-200 {
    margin-left: 200px;
  }
  .ml-lg-300 {
    margin-left: 300px;
  }

  .position-lg-relative {
    position: relative;
  }
  .position-lg-absolute, .title-text-lg-center {
    position: absolute;
  }

  .title-text-lg-center {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 75%;
  }

  .infobox-lg {
    left: 0;
    bottom: 0;
  }
}
@media (min-width: 1200px) {
  .py-xl-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .py-xl-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .py-xl-75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .py-xl-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .py-xl-125 {
    padding-top: 125px !important;
    padding-bottom: 125px !important;
  }
  .py-xl-150 {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }
  .py-xl-200 {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }
  .py-xl-300 {
    padding-top: 300px !important;
    padding-bottom: 300px !important;
  }
  .py-xl-350 {
    padding-top: 350px !important;
    padding-bottom: 350px !important;
  }
  .py-xl-400 {
    padding-top: 400px !important;
    padding-bottom: 400px !important;
  }
  .px-xl-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .px-xl-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .px-xl-75 {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
  .px-xl-100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .px-xl-125 {
    padding-left: 125px !important;
    padding-right: 125px !important;
  }
  .px-xl-150 {
    padding-left: 150px !important;
    padding-right: 150px !important;
  }
  .px-xl-200 {
    padding-left: 200px !important;
    padding-right: 200px !important;
  }
  .px-xl-300 {
    padding-left: 300px !important;
    padding-right: 300px !important;
  }
  .pt-xl-25 {
    padding-top: 25px !important;
  }
  .pt-xl-50 {
    padding-top: 50px !important;
  }
  .pt-xl-75 {
    padding-top: 75px !important;
  }
  .pt-xl-100 {
    padding-top: 100px !important;
  }
  .pt-xl-125 {
    padding-top: 125px !important;
  }
  .pt-xl-150 {
    padding-top: 150px !important;
  }
  .pt-xl-200 {
    padding-top: 200px !important;
  }
  .pt-xl-300 {
    padding-top: 300px !important;
  }
  .pb-xl-25 {
    padding-bottom: 25px !important;
  }
  .pb-xl-50 {
    padding-bottom: 50px !important;
  }
  .pb-xl-75 {
    padding-bottom: 75px !important;
  }
  .pb-xl-100 {
    padding-bottom: 100px !important;
  }
  .pb-xl-125 {
    padding-bottom: 125px !important;
  }
  .pb-xl-150 {
    padding-bottom: 150px !important;
  }
  .pb-xl-200 {
    padding-bottom: 200px !important;
  }
  .pb-xl-300 {
    padding-bottom: 300px !important;
  }
  .pr-xl-25 {
    padding-right: 25px !important;
  }
  .pr-xl-50 {
    padding-right: 50px !important;
  }
  .pr-xl-75 {
    padding-right: 75px !important;
  }
  .pr-xl-100 {
    padding-right: 100px !important;
  }
  .pr-xl-125 {
    padding-right: 125px !important;
  }
  .pr-xl-150 {
    padding-right: 150px !important;
  }
  .pr-xl-200 {
    padding-right: 200px !important;
  }
  .pr-xl-300 {
    padding-right: 300px !important;
  }
  .pr-xl-350 {
    padding-right: 350px;
  }
  .pl-xl-25 {
    padding-left: 25px !important;
  }
  .pl-xl-50 {
    padding-left: 50px !important;
  }
  .pl-xl-75 {
    padding-left: 75px !important;
  }
  .pl-xl-100 {
    padding-left: 100px !important;
  }
  .pl-xl-125 {
    padding-left: 125px !important;
  }
  .pl-xl-150 {
    padding-left: 150px !important;
  }
  .pl-xl-200 {
    padding-left: 200px !important;
  }
  .pl-xl-300 {
    padding-left: 300px !important;
  }
  .pl-xl-350 {
    padding-left: 350px;
  }

  .my-xl-25 {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .my-xl-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .my-xl-75 {
    margin-top: 75px;
    margin-bottom: 75px;
  }
  .my-xl-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .my-xl-125 {
    margin-top: 125px;
    margin-bottom: 125px;
  }
  .my-xl-150 {
    margin-top: 150px;
    margin-bottom: 150px;
  }
  .my-xl-200 {
    margin-top: 200px;
    margin-bottom: 200px;
  }
  .my-xl-300 {
    margin-top: 300px;
    margin-bottom: 300px;
  }
  .mx-xl-25 {
    margin-left: 25px;
    margin-right: 25px;
  }
  .mx-xl-50 {
    margin-left: 50px;
    margin-right: 50px;
  }
  .mx-xl-75 {
    margin-left: 75px;
    margin-right: 75px;
  }
  .mx-xl-100 {
    margin-left: 100px;
    margin-right: 100px;
  }
  .mx-xl-125 {
    margin-left: 125px;
    margin-right: 125px;
  }
  .mx-xl-150 {
    margin-left: 150px;
    margin-right: 150px;
  }
  .mx-xl-200 {
    margin-left: 200px;
    margin-right: 200px;
  }
  .mx-xl-300 {
    margin-left: 300px;
    margin-right: 300px;
  }
  .mt-xl-25 {
    margin-top: 25px;
  }
  .mt-xl-50 {
    margin-top: 50px;
  }
  .mt-xl-75 {
    margin-top: 75px;
  }
  .mt-xl-100 {
    margin-top: 100px;
  }
  .mt-xl-125 {
    margin-top: 125px;
  }
  .mt-xl-150 {
    margin-top: 150px;
  }
  .mt-xl-200 {
    margin-top: 200px;
  }
  .mt-xl-250 {
    margin-top: 250px;
  }
  .mt-xl-300 {
    margin-top: 300px;
  }
  .mb-xl-25 {
    margin-bottom: 25px;
  }
  .mb-xl-50 {
    margin-bottom: 50px;
  }
  .mb-xl-75 {
    margin-bottom: 75px;
  }
  .mb-xl-100 {
    margin-bottom: 100px;
  }
  .mb-xl-125 {
    margin-bottom: 125px;
  }
  .mb-xl-150 {
    margin-bottom: 150px;
  }
  .mb-xl-200 {
    margin-bottom: 200px;
  }
  .mb-xl-300 {
    margin-bottom: 300px;
  }
  .mr-xl-25 {
    margin-right: 25px;
  }
  .mr-xl-50 {
    margin-right: 50px;
  }
  .mr-xl-75 {
    margin-right: 75px;
  }
  .mr-xl-100 {
    margin-right: 100px;
  }
  .mr-xl-125 {
    margin-right: 125px;
  }
  .mr-xl-150 {
    margin-right: 150px;
  }
  .mr-xl-200 {
    margin-right: 200px;
  }
  .mr-xl-300 {
    margin-right: 300px;
  }
  .ml-xl-25 {
    margin-left: 25px;
  }
  .ml-xl-50 {
    margin-left: 50px;
  }
  .ml-xl-75 {
    margin-left: 75px;
  }
  .ml-xl-100 {
    margin-left: 100px;
  }
  .ml-xl-125 {
    margin-left: 125px;
  }
  .ml-xl-150 {
    margin-left: 150px;
  }
  .ml-xl-200 {
    margin-left: 200px;
  }
  .ml-xl-300 {
    margin-left: 300px;
  }

  .position-xl-relative {
    position: relative;
  }
  .position-xl-absolute {
    position: absolute;
  }

  .text-box-limiter {
    max-width: 970px;
  }
}
html, body {
  font-size: 1.09em !important;
}

p {
  font-family: effra, serif;
  font-size: 16px;
  line-height: 1;
  color: #0e2132;
}

.widget_nav_menu li a, .widget_links li a, .widget_meta li a, .widget_archive li a, .widget_recent_entries li a, .widget_categories li a, .widget_pages li a, .widget_rss li a, .widget_recent_comments li a {
  font-size: 20px;
}

.feature-box.media-box p {
  color: #000;
}
.feature-box.media-box p.date {
  font-size: 14px;
}

h1 > span:not(.nocolor):not(.badge),
h2 > span:not(.nocolor):not(.badge),
h3 > span:not(.nocolor):not(.badge),
h4 > span:not(.nocolor):not(.badge),
h5 > span:not(.nocolor):not(.badge),
h6 > span:not(.nocolor):not(.badge) {
  color: #0e2132;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "DINCondensed-Bold", serif;
  line-height: 1;
  color: #0e2132;
}

h1, h2, h3, h4, h5, h6, p {
  margin-bottom: 1rem;
}

h4 {
  line-height: 1.3;
}

blockquote {
  font-family: "DINCondensed-Bold", serif !important;
}

h5 {
  font-size: 20px;
}

.label-moto {
  font-family: "dearJoe5CASUAL-P", serif !important;
  text-transform: none !important;
  font-weight: normal !important;
}
.label-din-bold {
  font: bold 50px "DINCondensed-Bold", serif;
}

@media (min-width: 768px) {
  .font-size-50 {
    font-size: 50px !important;
  }
  .font-size-60 {
    font-size: 60px !important;
  }
  .font-size-80 {
    font-size: 80px !important;
  }
}
body #top-bar {
  background-color: #0e2132;
}
body #top-bar > .container {
  padding: 0 30px 0 0 !important;
}
body #top-bar li a {
  color: #ffffff;
  font-family: "DINCondensed-Bold", serif;
  font-size: 16px;
}
body #top-bar li a:hover {
  background-color: #16334e;
  transition: all 0.3s ease;
}
body #top-bar li:hover {
  transition: all 0.3s ease;
}
body #top-bar li:hover.no-hover {
  background-color: transparent;
}
body #top-bar li:hover a {
  transition: all 0.3s ease;
}
body #top-bar li.bg-light-blue:hover, body #top-bar li.btn-light-blue:hover {
  background-color: #388fbc;
}
body #top-bar li.bg-light-blue:hover a, body #top-bar li.btn-light-blue:hover a {
  background-color: #388fbc;
}
body #top-bar li.bg-light-green:hover, body #top-bar li.btn-primary:hover, body #top-bar li.btn-primary-white:hover {
  background-color: #a1c43d;
}
body #top-bar li.bg-light-green:hover a, body #top-bar li.btn-primary:hover a, body #top-bar li.btn-primary-white:hover a {
  background-color: #a1c43d;
}
body #top-bar li.active, body #top-bar li.active a {
  background-color: #ffffff !important;
  color: #000 !important;
  transition: all 0.3s ease;
}
body #top-bar li.active:hover, body #top-bar li.active a:hover {
  background-color: #e6e6e6;
  transition: all 0.3s ease;
}
body #top-bar li.active:hover a, body #top-bar li.active a:hover a {
  transition: all 0.3s ease;
}
body #top-bar li.selected, body #top-bar li.selected a {
  border-bottom: 4px solid #b4d064;
}
body #top-bar .topbar-col ul li {
  border: none;
}
body #top-bar .topbar-col.fleft ul li {
  min-width: 214px;
  text-align: center;
  color: #000 !important;
}
body #top-bar .topbar-col.fleft ul li a {
  padding: 0 20px;
}
body #top-bar .topbar-col.fleft ul li.bg-light-green a, body #top-bar .topbar-col.fleft ul li.btn-primary a, body #top-bar .topbar-col.fleft ul li.btn-primary-white a {
  color: #000 !important;
}
body #top-bar .topbar-col.fright ul li {
  border: none;
}
body #top-search {
  margin: 35px 20px;
}
body #top-search-icon-open {
  width: auto;
  height: 25px;
  display: block;
}
body #top-search-icon-close {
  opacity: 0;
}
body.top-search-open #top-search form input {
  font-size: 16px;
}
body.top-search-open #top-search-icon-open {
  display: none;
}
body.top-search-open #top-search-icon-close {
  opacity: 1;
  font-size: 22px !important;
}
body #header.sticky-header #top-bar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
}
body #header.sticky-header #header-wrap {
  top: 44px;
}
body #header.sticky-header #header-wrap.header-wrap-reset {
  top: 0px !important;
}

#header {
  z-index: 999;
  height: auto;
}
#header #logo {
  border: none !important;
}
#header #logo a svg {
  display: block;
  height: 100px;
}
#header.sticky-header #logo a svg {
  height: 60px;
}
#header #top-bar .col_half.fright .top-links li > a {
  text-transform: unset;
}
#header #top-bar .header-contact-button {
  border-color: #ffffff !important;
  margin-top: 8px;
  line-height: 2em;
}
#header #top-bar .header-contact-button > a {
  padding: 3px 30px;
  font-size: 16px;
  letter-spacing: 1px;
}
#header #top-bar .header-contact-button > a:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
#header #header-wrap {
  transition: height 0.4s ease, opacity 0.3s ease;
}
#header #header-wrap .header-wrap-reset {
  top: 0px !important;
}

#primary-menu ul {
  border-right: none !important;
}
#primary-menu ul li {
  /*&.current {
      & > a {
          color: $dark-blue !important;
      }
  }*/
}
#primary-menu ul li > a {
  font-family: "DINCondensed-Bold", serif !important;
  font-size: 18px !important;
  font-weight: unset;
}
#primary-menu ul li > a span {
  display: inline;
}
#primary-menu ul li > a span.current {
  border-bottom: 1px solid #7E7E7E !important;
}
#primary-menu ul li > a i.icon-angle-down:last-child {
  display: inline-block !important;
  float: right;
}
#primary-menu ul li:hover > a, #primary-menu ul li.current:hover > a {
  color: #0e2132 !important;
  background-color: #f9f9f9;
}
#primary-menu ul li ul {
  border: none !important;
}
#primary-menu ul li ul li:hover {
  color: #0e2132 !important;
}
#primary-menu ul li ul li:hover a {
  color: #0e2132 !important;
}
#primary-menu ul li ul li a {
  text-transform: none;
}

@media (max-width: 575.98px) {
  body #top-bar .col_half.fleft ul li {
    min-width: 0;
  }
  body #top-bar .col_half.fleft ul li a {
    padding: 0 12px;
    font-size: 16px;
  }

  #header.full-header .container {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  #header #logo a svg {
    max-width: 150px;
  }
}
@media (min-width: 992px) {
  #primary-menu ul li > a i.icon-angle-down:last-child {
    float: none;
  }
}
@media (max-width: 991.98px) {
  .responsive-sticky-header #primary-menu > ul, .responsive-sticky-header #primary-menu > .container > ul {
    max-height: none !important;
    overflow-y: auto !important;
    margin-bottom: 0px !important;
  }

  #top-search a {
    /*right: 10px;*/
    margin-top: 20px;
  }
  #top-search a #top-search-icon-open {
    padding: 20px;
    height: 65px;
  }
  #top-search a #top-search-icon-close {
    padding: 20px;
  }
}
@media (max-width: 575.98px) {
  #top-search a {
    right: 50px;
  }
}
body footer#footer .testimonial {
  padding: 0;
}
body footer#footer .testimonial .flex-control-nav {
  /*top: 50%;*/
  bottom: 25%;
}
body footer#footer .testimonial .flex-control-nav li a {
  background-color: #b4d064;
}
body footer#footer * {
  color: #DBDBDB;
}
body footer#footer a {
  font-size: 14px;
}
body footer#footer a:not(.btn):hover, body footer#footer a:not(.btn):hover > i {
  color: #9aa4ae !important;
}
body footer#footer .copyrights-menu > a:hover {
  color: #9aa4ae !important;
}
body footer#footer p {
  font-size: 14px;
}
body footer#footer h4.title {
  color: #ffffff;
  opacity: 0.48;
  letter-spacing: 0.085rem;
}
body footer#footer address p {
  line-height: 1.2rem;
}
body footer#footer .widget_nav_menu li, body footer#footer .widget_links li, body footer#footer .widget_meta li, body footer#footer .widget_archive li, body footer#footer .widget_recent_comments li, body footer#footer .widget_recent_entries li, body footer#footer .widget_categories li, body footer#footer .widget_pages li, body footer#footer .widget_rss li {
  padding: 0;
  margin: 14px 0;
}
body footer#footer .footer-social-icon {
  margin-bottom: 0;
}
body footer#footer .footer-social-icon img {
  padding-right: 10px;
  height: 16px;
}
body footer#footer .widget_links li a {
  background: none;
  padding: 5px;
  border: 1px solid #d6d6d6 !important;
}
body footer#footer .widget_links li a.btn:hover {
  background-color: #656565 !important;
}
body footer#footer .widget_links li a:hover, body footer#footer .widget_links li a.current {
  background-color: #656565 !important;
}
body footer#footer .social-icon-list {
  list-style: none;
}
body footer#footer .social-icon-list li {
  display: inline-block;
}
body footer#footer .social-icon-list li a {
  padding: 0.5rem;
}
body footer#footer .testi-content p {
  font-family: effra, serif;
  font-style: normal;
  font-size: 16px !important;
}
body footer#footer .testi-meta {
  font-size: 16px !important;
  text-transform: none;
}
body footer#footer .testi-meta::before {
  content: "";
}
body footer#footer .testi-meta > span {
  padding-left: 0;
  font-size: 16px !important;
}

@media (max-width: 991.98px) {
  body footer#footer .social-icon-list li a {
    font-size: 20px;
    padding: 1rem;
  }
}
.sticky-container {
  position: fixed;
  right: 0px;
  top: 22%;
  z-index: 1000;
}

.sticky-container ul {
  list-style: none;
  margin-left: 0;
}

ul.sticky li {
  list-style-type: none;
  background-color: #e8e453;
  color: #efefef;
  height: 250px;
  width: 40px;
  padding: 0;
  padding-right: 0px;
  margin: 0;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
  position: relative;
}

ul.sticky li:hover {
  background-color: #e2dd26;
}

ul.sticky li a {
  display: block;
  padding: 14px 0px 10px 0px;
  text-align: center;
  margin: 0px;
  text-decoration: none;
}
ul.sticky li a svg {
  width: auto;
  height: 35px;
}

ul.sticky li h4 {
  position: absolute;
  right: -65px;
  bottom: 90px;
  width: 165px;
  transform: rotate(270deg);
  color: #444444;
  font-size: 17px;
  margin-bottom: 0;
  transition: all 0.25s ease;
}

@media screen and (max-width: 1000px) {
  .sticky-container {
    top: 38%;
    left: 0;
    right: unset;
  }

  ul.sticky li {
    height: 205px;
    width: 32px;
  }

  ul.sticky li a {
    display: block;
    padding: 9px 0px 5px 0px;
    text-align: center;
    margin: 0px;
    text-decoration: none;
  }

  ul.sticky li a svg {
    width: auto;
    height: 27px;
    margin-top: 0px;
  }

  ul.sticky li h4 {
    right: -66px;
    bottom: 75px;
    font-size: 15px;
    transform: rotate(90deg);
  }
}
.heading-block:after {
  display: none;
}

.box > div {
  min-height: 350px;
}

#top-image {
  background-size: auto;
}

@media (min-width: 2000px) {
  #top-image {
    background-size: cover;
  }
}
#posts .entry-title h3 {
  margin-bottom: 0;
}
#posts .entry-meta li {
  font-style: unset;
  font-family: unset;
}
#posts .entry-content {
  margin-top: 15px;
}
#posts .entry-content a.btn {
  text-transform: uppercase;
  font-family: unset;
  font-style: unset;
  font-weight: bold;
}

.corporate-download-icon {
  width: auto;
  height: 14px;
}

.download-row > .col-12 {
  transition: unset;
}
.download-row > .col-12 a:hover, .download-row > .col-12 a:hover > h5 {
  color: #b4d064;
}
.download-row > .col-12:hover {
  background-color: #eaeaea;
}

@media (min-width: 992px) {
  .download-row > .col-12 {
    transition: all 0.178s ease-in;
  }
}
.team-title h4 {
  font-size: 15px;
}
.team-title span {
  color: #000 !important;
  font-style: normal;
  font-family: unset;
}

.container div.news_element {
  border-bottom: 1px solid #e0e0e0;
}
.container div.news_element:nth-last-child(2) {
  border-bottom: unset;
}

@media (min-width: 992px) {
  .container div.news_element {
    border-bottom: 1px solid #e0e0e0;
  }
  .container div.news_element:nth-last-child(4), .container div.news_element:nth-last-child(3), .container div.news_element:nth-last-child(2) {
    border-bottom: unset;
  }
}
.col-padding-article-header {
  padding-left: 40px;
  padding-right: 40px;
}

@media screen and (min-width: 992px) {
  .container-limited {
    max-width: 800px !important;
  }

  .col-padding-article-header {
    padding-left: 50px;
    padding-right: 50px;
  }
}
a.supplier-circle {
  height: 182px;
  width: 182px;
}
a.supplier > div {
  transition: all 0.3s ease-in-out;
}
a.supplier > div .supplier-circle {
  transition: all 0.3s ease-in-out;
}
a.supplier:hover > div {
  margin-top: calc(1rem - 4px) !important;
  margin-bottom: calc(1.5rem - 4px) !important;
}
a.supplier:hover > div .supplier-circle {
  height: 190px !important;
  width: 190px !important;
}

div.supplier {
  /*& > div {
          animation: all 0.2 ease-in-out;

          .supplier-circle {
              animation: all 0.3 ease-in-out;
          }
      }

      &:hover {
          & > div {
              margin-bottom: calc(1.5rem - 5px) !important;

              .supplier-circle {
                  height: 187px !important;
                  width: 187px !important;
              }
          }
      }
      &:hover {
      background-color: #eeeeee;
      box-shadow: 0px 0px 5px lightgrey;
  }*/
}
div.supplier-circle {
  height: 182px;
  width: 182px;
}

.arrow-box-top:after {
  z-index: 2;
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-bottom-color: inherit;
  border-width: 50px;
  margin-left: -50px;
}

.arrow-box-right:after {
  z-index: 2;
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-left-color: inherit;
  border-width: 50px;
  margin-top: -50px;
}

.arrow-box-bottom:after {
  z-index: 2;
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-top-color: inherit;
  border-width: 50px;
  margin-left: -50px;
}

.arrow-box-left:after {
  z-index: 2;
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-right-color: inherit;
  border-width: 50px;
  margin-top: -50px;
}

@media screen and (max-width: 992px) {
  .arrow-box-top:after {
    border-width: 30px;
    margin-left: -30px;
  }

  .arrow-box-right:after {
    border-width: 30px;
    margin-top: -30px;
  }

  .arrow-box-bottom:after {
    border-width: 30px;
    margin-left: -30px;
  }

  .arrow-box-left:after {
    border-width: 30px;
    margin-top: -30px;
  }
}
/*.linkWall {
    & > a.supplier {
        &:hover {
            padding-top: 1.4rem !important;
            padding-bottom: 1.4rem !important;
            transition: .3s ease-in-out;

            & > div {
                margin-bottom: 1.15rem !important;
                transition: .4s ease-in-out;

                & > .supplier-circle {
                    width: 190px;
                    height: 190px;
                    transition: .4s ease-in-out;
                }
            }
        }
    }
}*/
.owl-carousel {
  padding: 0px 40px;
  /*.owl-stage-outer{
          padding: 0px 40px;
      }*/
}
.owl-carousel .owl-nav {
  display: block !important;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
  opacity: 1;
  background: transparent;
  border: none !important;
  margin-top: -26px;
  left: 15%;
  width: auto;
  height: 28px;
  line-height: 55px;
}
.owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover {
  background-color: transparent !important;
}
.owl-carousel .owl-nav .owl-prev > img, .owl-carousel .owl-nav .owl-next > img {
  width: auto;
  height: 28px;
}
.owl-carousel .owl-nav .owl-prev {
  left: 2.5%;
}
.owl-carousel .owl-nav .owl-next {
  left: auto;
  right: 2.5%;
}
.owl-carousel:hover .owl-nav [class*=owl-] {
  left: 4%;
}
.owl-carousel:hover .owl-nav .owl-prev > img, .owl-carousel:hover .owl-nav .owl-next > img {
  width: auto;
  height: 28px;
}
.owl-carousel:hover .owl-nav .owl-prev {
  left: 2.5%;
}
.owl-carousel:hover .owl-nav .owl-next {
  left: auto;
  right: 2.5%;
}

@media screen and (min-width: 768px) {
  .owl-carousel {
    padding: 0px 85px;
    /*.owl-stage-outer{
        padding: 0px 85px;
    }*/
  }
  .owl-carousel .owl-nav {
    display: block !important;
  }
  .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
    opacity: 1;
    width: auto;
    height: 36px;
  }
  .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
    opacity: 0.7;
  }
  .owl-carousel .owl-nav .owl-prev > img, .owl-carousel .owl-nav .owl-next > img {
    width: auto;
    height: 36px;
  }
  .owl-carousel .owl-nav .owl-prev {
    left: 1.5%;
  }
  .owl-carousel .owl-nav .owl-next {
    left: auto;
    right: 1.5%;
  }
  .owl-carousel:hover .owl-nav [class*=owl-] {
    left: 4%;
  }
  .owl-carousel:hover .owl-nav .owl-prev, .owl-carousel:hover .owl-nav .owl-next {
    opacity: 1;
  }
  .owl-carousel:hover .owl-nav .owl-prev > img, .owl-carousel:hover .owl-nav .owl-next > img {
    width: auto;
    height: 36px;
  }
  .owl-carousel:hover .owl-nav .owl-prev {
    left: 1.5%;
  }
  .owl-carousel:hover .owl-nav .owl-next {
    left: auto;
    right: 1.5%;
  }
}
@media screen and (min-width: 992px) {
  .owl-carousel {
    padding: 0px 110px;
    /*.owl-stage-outer{
        padding: 0px 110px;
    }*/
  }
  .owl-carousel .owl-nav {
    display: block !important;
  }
  .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
    opacity: 1;
    left: 15%;
    width: auto;
    height: 55px;
    line-height: 55px;
  }
  .owl-carousel .owl-nav .owl-prev > img, .owl-carousel .owl-nav .owl-next > img {
    width: auto;
    height: 55px;
  }
  .owl-carousel .owl-nav .owl-prev {
    left: 0.5%;
  }
  .owl-carousel .owl-nav .owl-next {
    left: auto;
    right: 0.5%;
  }
  .owl-carousel:hover .owl-nav [class*=owl-] {
    left: 4%;
  }
  .owl-carousel:hover .owl-nav .owl-prev, .owl-carousel:hover .owl-nav .owl-next {
    opacity: 1;
  }
  .owl-carousel:hover .owl-nav .owl-prev > img, .owl-carousel:hover .owl-nav .owl-next > img {
    width: auto;
    height: 55px;
  }
  .owl-carousel:hover .owl-nav .owl-prev {
    left: 0.5%;
  }
  .owl-carousel:hover .owl-nav .owl-next {
    left: auto;
    right: 0.5%;
  }
}
@media screen and (min-width: 1200px) {
  .owl-carousel {
    padding: 0px 150px;
    /*.owl-stage-outer{
        padding: 0px 150px;
    }*/
  }
  .owl-carousel .owl-nav {
    display: block !important;
  }
  .owl-carousel .owl-nav .owl-prev {
    left: 2%;
  }
  .owl-carousel .owl-nav .owl-next {
    left: auto;
    right: 2%;
  }
  .owl-carousel:hover .owl-nav .owl-prev {
    left: 2%;
  }
  .owl-carousel:hover .owl-nav .owl-next {
    left: auto;
    right: 2%;
  }
}
.container.ow-p-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

@media screen and (max-width: 991.98px) {
  .container.ow-md-p-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
@media screen and (max-width: 1199.98px) {
  .container.ow-lg-p-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
@media screen and (max-width: 2559.98px) {
  .container.ow-xl-p-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
@media screen and (min-width: 2560px) {
  .container.container-extended {
    max-width: 1440px !important;
  }
}
/*------------------------------------------------------
MEDIA QUERY FOR EXTRA SMALL SCREENS AND UP
------------------------------------------------------*/
body .infobox {
  max-width: 100%;
  word-wrap: break-word;
}
body .one-page-arrow {
  display: block;
}
body .full-image-top:nth-of-type(1) {
  /*height: calc(100vh - 100px);*/
}
body .full-image-top:nth-of-type(1) span.one-page-arrow {
  display: block !important;
}
body #top-image, body #top-image .row:first-child {
  height: 100vh;
}
body #slider, body #slider #slideContainer {
  height: calc(100vh - 101px) !important;
}
body #header.responsive-sticky-header:not(.sticky-style-2):not(.sticky-style-3):not(.static-sticky) #logo img {
  margin-top: 0;
  height: 60px !important;
}
body #header #logo img {
  margin-top: 5%;
  height: 80px;
}
body #header #top-bar {
  padding-top: 10px;
  display: none;
}
body #header #top-bar .topbar-col .top-links ul li:not(:last-of-type) {
  margin-bottom: 9px;
}
body #header #top-bar .topbar-col-fane {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 2.3vw;
  letter-spacing: 1px;
}
body #header #top-bar .topbar-col-fane.bg-light-blue a, body #header #top-bar .topbar-col-fane.btn-light-blue a {
  color: #ffffff;
}
body #header #top-bar .topbar-col-fane.bg-light-green a, body #header #top-bar .topbar-col-fane.btn-primary a, body #header #top-bar .topbar-col-fane.btn-primary-white a {
  color: #000;
}
body #header #top-bar .topbar-col-fane.active {
  background-color: #ffffff !important;
}
body #header #top-bar .topbar-col-fane.active a {
  color: #000 !important;
}
body #header #header-wrap.header-wrap-reset {
  top: 0 !important;
}
body #header #header-wrap #primary-menu ul li > a span.current {
  border-bottom: none !important;
}
body .col_half.fleft .top-links > ul > li {
  margin-bottom: 8px;
}
body .col_half.fleft .top-links > ul > li:last-child {
  margin-bottom: 0px;
}
body #primary-menu ul ul li:hover > a {
  background-color: #F9F9F9 !important;
}
body .corporate-download-icon {
  height: 22px;
  margin-bottom: 10px;
}
body footer#footer .moto {
  margin-left: 13%;
}
body footer#footer .widget_links li a {
  padding: 6px 8px 4px 8px;
}
body footer#footer a {
  font-size: 16px;
}
body footer#footer .copyrights-menu a {
  font-size: 14px !important;
  margin-left: 0;
}

/*------------------------------------------------------
MEDIA QUERY FOR SMALL SCREENS, 568px AND UP
------------------------------------------------------*/
@media screen and (min-width: 568px) {
  body #header #top-bar .topbar-col-fane {
    font-size: 1.5vw;
  }
}
/*------------------------------------------------------
 MEDIA QUERY FOR MEDIUM SCREENS, 768px AND UP
------------------------------------------------------*/
@media screen and (min-width: 768px) {
  body #top-image, body #top-image .row:first-child {
    height: calc(100vh - 146px);
  }
  body #slider, body #slider #slideContainer {
    height: calc(100vh - 146px) !important;
  }
  body.stretched #header.full-header #top-bar > .container {
    padding: 0 30px 0 0 !important;
  }
  body #header #top-bar {
    display: block;
    width: 100%;
  }
  body #header #top-bar .topbar-col .top-links ul li:not(:last-of-type) {
    margin-bottom: 0px;
  }
  body #header.responsive-sticky-header #top-bar {
    position: fixed;
    top: 0;
  }
  body #header.responsive-sticky-header #header-wrap {
    top: 45px;
  }
  body .corporate-download-icon {
    height: 18px;
    margin-bottom: unset;
  }
  body footer#footer .moto {
    margin-left: 13%;
  }
}
/*------------------------------------------------------
MEDIA QUERY FOR MEDIUM SCREENS AND DOWN
------------------------------------------------------*/
@media screen and (max-width: 991.98px) {
  body #header-wrap #primary-menu-trigger i {
    font-size: 28px;
  }
  body .responsive-sticky-header:not(.static-sticky) #top-search a, body .responsive-sticky-header:not(.static-sticky) #top-cart, body .responsive-sticky-header:not(.static-sticky) #side-panel-trigger {
    margin: 15px 0;
  }
}
/*------------------------------------------------------
MEDIA QUERY FOR LARGE SCREENS, 992px AND UP
------------------------------------------------------*/
@media screen and (min-width: 992px) {
  body .infobox {
    max-width: 800px;
  }
  body #header #logo img {
    margin-top: 0%;
    height: 100px;
  }
  body #header #top-bar .topbar-col.fleft {
    padding-left: 0;
  }
  body #header #header-wrap #primary-menu ul li > a span.current {
    border-bottom: 1px solid #7E7E7E !important;
  }
  body #header #header-wrap #primary-menu > ul {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
  }
  body #header.sticky-header:not(.static-sticky) #top-search, body #header.sticky-header:not(.static-sticky) #top-cart, body #header.sticky-header:not(.static-sticky) #side-panel-trigger {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  body .col_half.fleft .top-links > ul > li {
    margin-bottom: unset;
  }
  body .col_half.fleft .top-links > ul > li:last-child {
    margin-bottom: unset;
  }
  body .corporate-download-icon {
    height: 14px;
  }
  body footer#footer .moto {
    margin-left: 19%;
  }
}
/*------------------------------------------------------
MEDIA QUERY FOR EXTRA LARGE SCREENS, 1200px AND UP
------------------------------------------------------*/
/*------------------------------------------------------
MEDIA QUERY FOR INTERNET EXPLORE 10/11 SUPPORT
------------------------------------------------------*/
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body .modul-column-wrapper .modul-column-content {
    min-height: 250px;
  }
}
@media screen and (min-width: 992px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body .modul-column-wrapper .modul-column-content {
    min-height: 300px;
  }
}
@media screen and (min-width: 1200px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body .modul-column {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
}
@media screen and (min-width: 1920px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body .modul-column-wrapper .modul-column-content {
    min-height: 250px;
  }
}
.content-wrap .text-box {
  max-width: 500px;
}
.content-wrap .text-box.left {
  margin-left: 0;
  margin-right: auto;
}
.content-wrap .text-box.center {
  margin-left: auto;
  margin-right: auto;
}
.content-wrap .text-box.right {
  margin-left: auto;
  margin-right: 0;
}

div#\31 5ba626e-c615-4a39-814a-7a236d0722ff > div {
  padding-bottom: 199px !important;
}

.btn {
  font-size: 20px;
  letter-spacing: 0.4px;
  font-family: "DINCondensed-Bold", serif;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .columnLinkText:first-of-type {
    padding-left: 30px !important;
  }

  .columnLinkText:last-of-type {
    padding-right: 30px !important;
  }

  .content-wrap .infobox-module .text-box {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .content-wrap .infobox-module .text-box.left {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
body footer#footer p.footer-phone {
  margin-bottom: 0;
}

body footer#footer p.footer-cvr {
  font-size: 16px;
}
