/* DEFAULT STYLESHEET FOR TS5 */

/***********************\
    SHAREBUTTONS
\***********************/

.share-buttons {
  display: flex;
  flex-wrap: wrap;
}

.share-buttons div {
  color: #ffffff;
  border-radius: 6px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 10px;
  margin-bottom: 10px;
}

.share-button-facebook {
  background-color: #4267b2;
}

.fb_iframe_widget_fluid {
  display: inline-block !important;
}
.share-button-facebook a,
.share-button-linkedin a,
.share-button-mail a,
.share-button-print a {
  display: block;
  color: #ffffff;
  padding: 5px 13px 5px 13px;
}

.share-button-linkedin {
  background-color: #006599;
}

.share-button-mail {
  background-color: #6c757d;
}

.share-button-print {
  background-color: #6c757d;
}

.share-button-icon {
  position: absolute;
  top: 3px;
  left: 10px;
  width: 16px;
}

/***********************\
        FORMS
\***********************/

input[type='text'],
input[type='email'],
input[type='button'],
input[type='submit'] {
  /* default IOS styles */
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
}
.form-holder {
  flex-grow: 1;
}
.form-row {
  width: 100%;
  position: relative;
  min-height: 70px;
  display: flex;
}
.form-col {
  flex-grow: 1;
  margin: 15px;
  width: 25%;
  position: relative;
}
.form-row .form-col:first-of-type {
  margin-left: 0;
}
.form-row .form-col:last-of-type {
  margin-right: 0;
}
.form-row input:not([type='submit']):not([type='button']),
.form-row textarea {
  width: 100%;
  border: 0;
  border: 1px solid #000;
  background-color: transparent;
  position: relative;
  z-index: 100;
  display: block;
  padding: 0 20px;
  transition: all 0.3s ease;
  border-radius: 0;
}
.form-row input {
  height: 40px;
}
.form-row label {
  left: 20px;
  z-index: 10;
  transition: all 0.3s ease;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 500;
}
.form-row input:focus {
  outline: none;
}

.form-row input:focus + label {
  top: -10px;
  font-size: 11px;
}

.form-row .form-filled {
  top: -10px;
  font-size: 11px;
}

.form-textarea {
  margin: 0;
  position: relative;
  top: -16px;
}

.form-textarea label {
  top: -130px;
}

.form-row textarea:focus + label {
  top: -155px;
  font-size: 11px;
}

.form-row select {
  background-color: #ffffff;
  border: 1px solid black;
  height: 40px;
  width: 100%;
  display: inline-block;
  text-transform: uppercase;
  transition: all 0.3s ease;
  padding-left: 20px;
  border-radius: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAC60lEQVR4Xu3dyU4DQRAE0faXA3+ORggJEPZsvVRVxFzMYSyRmU919aP5oBt4oNMbvgkAjkAAAoA3AI/vBRAAvAF4fC+AAOANwON7AQQAbwAe3wsgAHgD8PheAAHAG4DH9wIIAN4APL4XQADwBuDxvQACgDcAj+8FEAC8AXh8L4AA4A3A43sBBABvAB7fCyAAeAPw+F4AAcAbgMf3AggA3gA8vhdAAPAG4PG9AAKANwCP7wUQALwBeHwvgAB2G3hvrb3tvuULERv4aK1t+z19jl4AEUSc9/X/tDv+9vWjALZ3RZAHwaHxzwIQQQ4Ah8e/AkAEsRGcGv8qABHERHB6/DsARBALwaXx7wIQQQwEl8fvAUAEaxHcGr8XABGsQXB7/J4ARDAXQZfxewMQwRwE3cYfAUAEYxF0HX8UABGMQdB9/JEARNAXwZDxRwMQQR8Ew8afAUAE9xAMHX8WABFcQzB8/JkARHAOwZTxZwMQwTEE08ZfAUAErxFMHX8VABH8j2D6+CsBiOA3giXjrwYggi8Ey8aPAICOYOn4UQBQESwfPxIAGoIQ40cDQEEQZvyIAKojCDV+VABVEYQbPzKAaghCjh8dQBUEYcfPACA7gtDjZwGQFUH48TMByIYgxfjZAGRBkGb8jACiI0g1flYAURGkGz8zgGgIUo6fHUAUBGnHrwBgNYLU41cBsApB+vErAZiNoMT41QDMQlBm/IoARiMoNX5VAKMQlBu/MoDeCEqOXx1ALwRlxycAuIug9PgUAFcRlB+fBOAsAsT4NABHEWDGJwLYQ4AanwrgGQLc+GQAfxEgx6cD+Ebw83P7G/Wc+dUwVDGUsAKgLP0kpwAEAG8AHt8LIAB4A/D4XgABwBuAx/cCCADeADy+F0AA8Abg8b0AAoA3AI/vBRAAvAF4fC+AAOANwON7AQQAbwAe3wsgAHgD8PheAAHAG4DH9wIIAN4APL4XQADwBuDxvQACgDcAj+8FEAC8AXj8TyDEb4HtIf/KAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 15px;
  text-indent: 0.01px;
}
.form-row select::-ms-expand {
  display: none;
}
.form-row.align-right {
  justify-content: flex-end;
}
.do-search,
.do-empty {
  margin-left: 1%;
  /* float: right; */
  margin-top: 10px;
  padding: 10px 20px !important;
  color: #ffffff;
}
.search-box .fa-search {
  z-index: 150;
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 20px;
}
.search-box #searchForm {
  padding-left: 40px;
}

/*********************\
        BASICS
\*********************/

body {
  font-size: 13px;
  font-family: 'Arial';
  color: rgb(0, 0, 0);
  line-height: 17px;
  letter-spacing: 0.01em;
}
body,
html {
  margin: 0;
  padding: 0;
  height: 100%;
  display: flex;
  flex-flow: column;
}
.lock-scroll {
  overflow: hidden;
  height: 100%;
}

*,
*:after,
*:before {
  box-sizing: border-box;
}

main {
  padding: 0;
  position: relative;
  display: flex;
  flex-flow: column;
  flex: 1;
}

.smal-container {
  max-width: 800px !important;
}

.sticky-section {
  position: -webkit-sticky;
  position: sticky;
  z-index: 2;
  top: 0;
}

.fixed-section {
  position: fixed;
  width: 100%;
  z-index: 2;
}

.holder {
  width: 100%;
}

.holder-boxed {
  width: 100%;
  background-color: transparent !important;
}

.holder-special .container {
  max-width: unset;
}

.holder-boxed .center-vertically, .holder .center-vertically {
  display: flex;
  align-items: center;
}

.row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  /* margin-top: 50px;
  margin-bottom: 50px; */
  justify-content: space-between;
  padding: 0 20px;
}

.holder-special .container .row,
.holder-special .container .col {
  padding: 0;
}

.holder-special .container .col.special-menu {
  padding: 20px 0;
}

.col {
  padding: 20px 0;
  position: relative;
}

.col-100 {
  width: 100%;
}
.col-75 {
  width: 75%;
}
.col-66 {
  width: 66%;
}
.col-50 {
  width: 47%;
}
.col-33 {
  width: 29%;
}
.col-25 {
  width: 21%;
}
p {
  margin: 0;
  padding: 0;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  border: none;
}

.right-arrow {
  border: solid black;
  border-width: 0 1px 1px 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  position: absolute;
  right: 3px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  -webkit-transform: translateY(-50%) rotate(-45deg);
}
.down-arrow {
  border: solid black;
  border-width: 0 1px 1px 0;
  display: inline-block;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 10px;
  height: 10px;
}

/***********************\
          HEADER
\***********************/

header {
  position: relative;
}
header .row:first-of-type {
  margin-top: 0;
}
header .row:last-of-type {
  margin-bottom: 0;
}

header .center-vertically-inner {
  width: 100%;
}

/***********************\
        CONTENT
\***********************/

.ingress {
  font-size: 17px;
  color: rgb(0, 0, 0);
  line-height: 23px;
  letter-spacing: 0.02em;
  margin-bottom: 24px;
}
.byline {
  font-size: 13px;
  font-family: 'Playfair Display', serif;
  color: rgb(0, 0, 0);
  font-style: italic;
  letter-spacing: 0.05em;
  line-height: 16px;
  padding-bottom: 11px;
}
.date-dark,
.date-light {
  font-size: 13px;
  color: rgb(190, 189, 188);
  text-transform: uppercase;
  line-height: 16px;
  letter-spacing: 0.1em;
  position: relative;
}
.small-date {
  font-size: 11px;
  color: #565656;
}
.date-light {
  margin-bottom: 15px;
}
.post-date {
  color: #bebdbc;
}
a:hover .post-date {
  text-decoration: none !important;
}
.date-dark {
  margin-bottom: 20px;
}
.img-wrapper {
  margin-top: 40px;
  margin-bottom: 30px;
}
.img-holder {
  width: 100%;
  height: 240px;
  background-color: #e8e8e8;
}
.img-text {
  font-size: 11px;
  line-height: 14px;
  color: rgb(0, 0, 0);
  font-weight: 700;
  letter-spacing: 0.01em;
  margin-top: 10px;
}
.share-header {
  font-size: 9px;
  color: rgb(0, 0, 0);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 16px;
  letter-spacing: 0.1em;
  font-weight: 700;
}
.top-img {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.top-img img {
  min-width: 100%;
}
.smal-container .top-img {
  margin-top: 30px;
}

/* INFO BOX / PANELS */
.box-heading {
  font-size: 13px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  line-height: 34px;
  background-color: black;
  min-height: 34px;
  padding-left: 10px;
}
.info-box {
  background-color: #e8e8e8;
  margin-top: 2px;
  margin-bottom: 30px;
  clear: both;
}
.info-box h5 {
  margin-top: 10px;
}
.info-box h5:first-child {
  margin-top: 0;
}
.info-box ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.info-box ul li {
  margin-bottom: 5px;
}

.info-box.panel-company-news .info-box-text {
  padding: 12px 12px 0;
}

.info-box.panel-company-news .info-box-text .company-name {
  margin: 0;
  position: absolute;
  bottom: 8px;
  left: 11px;
}

.info-box.panel-company-news .post-puff .puff-1,
.info-box.panel-company-news .post-list .puff-1 {
  width: 100%;
}

.info-box.panel-company-news .post-puff .puff-2,
.info-box.panel-company-news .post-list .puff-2 {
  width: 48.7%;
  margin-right: 2.6%;
}

.info-box.panel-company-news .post-puff .puff-2:nth-of-type(2n) {
  margin-right: 0;
}

.info-box.panel-company-news .puff {
  background-color: #fff;
  border: none;
  margin-bottom: 12px;
  padding-bottom: 35px;
  height: 370px;
  transition: all 0.2s ease-in-out;
}

.info-box.panel-company-news .post-list {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.info-box.panel-company-news .post-list article {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: 12px;
}

@media only screen and (max-width: 668px) {
  .info-box.panel-company-news .post-list .puff-2,
  .info-box.panel-company-news .post-list .puff-3,
  .info-box.panel-company-news .post-list .puff-4,
  .info-box.panel-company-news .post-puff .puff-2 {
    width: 100%;
    margin-right: 0;
  }

  .info-box.panel-company-news .post-puff .puff-2 {
    height: auto;
  }
}

.panel-calenderposts .post-wrap:hover,
.panel-job-vacancies .post-wrap:hover,
.reportage-frontpage-box .post-wrap:hover,
.calender-vip-posts .post-wrap,
.list-vip-jobs .post-wrap,
.calendar-last-posts .post-wrap {
  background-color: transparent;
  box-shadow: none !important;
}

.calendar-last-posts .horizontal {
  margin-bottom: 12px;
}

.no-panel-heading {
  margin-top: 0;
}

ul.map-contactinfo-ul {
  list-style: none; /* Remove list bullets */
  padding: 0;
  margin: 0;
}

.map-contactinfo i {
  margin-right: 8px;
  min-width: 17px;
  text-align: center;
  font-size: 16px;
  color: #858585;
}

ul.map-contactinfo-ul li,
.map-contactinfo .info-box-text li {
  margin-bottom: 10px;
  clear: both;
}

.map-contactinfo .info-box-text p {
  margin-bottom: 0;
}

ul.map-contactinfo-ul li .inline,
.map-contactinfo .inline {
  display: inline-block;
}

.map-contactinfo .map-links {
  margin-top: 4px;
}

.map-contactinfo .map-links .inline {
  margin-right: 12px;
}

ul.map-contactinfo-ul li p {
  line-height: initial;
}

ul.map-contactinfo-ul li.map-contactinfo-heading-li {
  margin-bottom: 4px;
}

.map-contactinfo-heading {
  font-weight: bold !important;
}

.panel-calenderposts .info-box-wrap,
.panel-vacant-jobs .info-box-wrap {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.panel-calenderposts .info-box,
.panel-vacant-jobs .info-box {
  width: 32.6%;
  margin: 0;
  position: relative;
}
.panel-calenderposts .info-box-text,
.panel-vacant-jobs .info-box-text {
  padding: 0 24px 22px;
  position: relative;
}
.panel-calenderposts .post-list,
.panel-vacant-jobs .post-list {
  border-top: 0;
  margin-bottom: 115px;
}
.panel-calenderposts .post-list .post-wrap,
.panel-vacant-jobs .post-list .post-wrap {
  height: 90px;
}
.panel-calenderposts .post-list .post-text,
.panel-vacant-jobs .post-list .post-text {
  margin: 0;
}
.panel-vacant-jobs .post-list .post-wrap:hover {
  background-color: transparent;
}
.panel-calenderposts .post-puff.vip,
.panel-vacant-jobs .post-puff.vip {
  display: block;
  width: 32.6%;
  padding: 0 16px 90px;
  transition: all 0.3s ease-in-out;
}
.panel-calenderposts .post-puff.vip:hover,
.panel-vacant-jobs .post-puff.vip:hover {
  background-color: #fff;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.7);
}

.panel-calenderposts .post-puff.vip .puff,
.panel-vacant-jobs .post-puff.vip .puff {
  border: none;
}
.panel-calenderposts .post-puff.vip .post-date,
.panel-vacant-jobs .post-puff.vip .post-date {
  margin-bottom: 5px;
}
.panel-calenderposts .post-puff.vip .puff:hover,
.panel-vacant-jobs .post-puff.vip .puff:hover {
  background-color: transparent;
}
.panel-calenderposts .ts-btn1,
.panel-vacant-jobs .ts-btn1 {
  position: absolute;
  bottom: 22px;
  left: 50%;
  transform: translate(-50%);
  text-align: center;
}
.panel-calenderposts h2,
.panel-vacant-jobs h2 {
  margin-bottom: 5px;
}
.panel-calenderposts .post-puff.vip .puff-image,
.panel-vacant-jobs .post-puff.vip .puff-image {
  margin-top: 15px;
}
.panel-calenderposts .arrow-wrap {
  display: none;
}
.panel-calenderposts .ts-btn1.to-calender {
  width: 210px;
}
.panel-calenderposts .ts-btn1.read-more {
  width: 110px;
}
.panel-calenderposts .info-box-text-wrap,
.panel-calenderposts .info-box-text {
  height: 100%;
}

.panel-job-vacancies .post-list {
  border-top: 0;
}
.panel-job-vacancies .list-last-jobs {
  /* border-bottom: 1px solid #dcdcdc; */
}
.panel-job-vacancies .ts-btn1 {
  margin: 13px 0;
}
.panel-job-vacancies .info-box-text {
  padding: 5px 13px 31px;
}
.panel-job-vacancies .post-list .post-text {
  margin: 0;
}

/* Helpers */

.top-margin {
  margin-top: 30px;
}

.gray {
  background-color: #e8e8e8;
}

.box {
  padding: 20px;
}

.box h1,
.box h2,
.box h3,
.box h4,
.box h5 {
  margin-top: 0;
}

/* Cookie Info */

#cookieInfo {
  width: 100%;
  display: none;
  position: fixed;
  bottom: 0;
  z-index: 80000;
}

#cookieInfo .row {
  margin: 0;
}

#closeCookie {
  cursor: pointer;
}

/***********************\
        Listviews
\***********************/

.link-decoration-bg,
.link-decoration-wrap {
  display: none;
}

/* General list classes */
.list-image {
  float: left;
  margin-right: 20px;
}
.post-list {
  position: relative;
}

.post-list .post-wrap {
  padding: 10px 0;
  position: relative;
  transition: all 0.3s ease-in-out;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
}
.post-list .post-wrap.grey-bg {
  background-color: #f8f8f8;
}
.post-list .post-wrap.grey-bg:hover {
  background-color: #ededed;

  transition: all 0.3s ease-in-out;
}
.post-list .post-text {
  flex: 1 0 0;
  -ms-grid-row-align: center;
  align-self: center;
  margin: 0 0 0 20px;
  width: 66%;
  position: relative;
  padding-right: 43px;
}
.post-list a .post-date,
.post-list .post-date {
  margin-bottom: 5px;
  text-decoration: none;
}
.post-list .post-wrap h2 {
  text-align: left;
  margin: 0 0 5px 0;
}
.post-list .post-image-small {
  width: 200px;
  height: 100px;
  overflow: hidden;
}
.post-list .post-image {
  width: 200px;
  height: 100px;
  overflow: hidden;
}
.post-list .post-image img {
  max-width: 100%;
  max-height: 100%;
  position: relative;
}
.post-list .arrow-wrap {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  transition: all 0.4s ease-in-out;
}
.post-list .arrow-wrap:hover,
.post-list .outer-post-wrap > a:hover .arrow-wrap {
  width: 43px;
  right: 10px;
}

/* Page list */
.page-list li a:hover {
  transition: all 0.2s ease-in-out;
  margin-left: 4px;
  font-weight: bold;
}
/* Post list - Large image layout */
.post-list .large-layout-article {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  margin-bottom: 20px;
  transition: all 0.2s ease-in-out;
}

.post-list .large-layout-img img {
  min-width: 100%;
}

.post-list .large-layout-article:last-child {
  margin-bottom: 0;
}

.post-list .large-layout-article:hover,
.info-box.panel-company-news .puff:hover {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  transform: scale(1.025);
  cursor: pointer;
}

.post-list .large-layout-article a:hover .large-layout-content-wrapper p {
  text-decoration: none;
}

.post-list .large-layout-content-wrapper {
  background-color: #fff;
  padding: 10px 20px;
  flex-grow: 1;
}

.post-list .large-layout-content-wrapper p {
  margin: 0;
}

.post-list .large-layout-heading {
  margin: 10px 0;
}

.post-list .large-layout-company {
  font-size: 14px;
  padding: 10px 20px;
  margin: 0;
}

/* Post list - Small image layout */
.post-list .small-layout-article {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  transition: all 0.2s ease-in-out;
  position: relative;
  left: 0px;
}

.post-list .small-layout-article:hover {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  left: 8px;
  cursor: pointer;
}

.post-list .small-layout-img {
  width: 200px;
  height: 100px;
  padding: 8px;
}

.post-list .small-layout-img img {
  max-height: 100%;
}

.post-list .small-layout-content-wrapper {
  flex: 1 1 200px;
  padding: 8px;
}

.post-list .small-layout-heading {
  margin: 0 0 5px 0;
}

/* Calendar lists */

.post-list.calendar-last-posts {
  /*border-top: solid 1px #dcdcdc;*/
}
.post-list.calendar-last-posts .post-wrap {
  /*border-bottom: 1px solid #dcdcdc;*/
}

.post-list.calendar-last-posts .puff {
}

/* .calendar-last-posts .post-wrap {
  transition: all 0.4s ease-in-out;
}

.calendar-last-posts .post-wrap:hover {
  padding-left: 10px;
} */

.calendar-last-posts {

}

.calendar-last-posts .puff {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  transform: scale(1);
  transition: all 250ms ease-in-out;
}

.calendar-last-posts div.puff .post-date {
  margin-bottom: 15px;
}

.calendar-last-posts div.puff h2 {
  margin-bottom: 15px;
}

.calendar-last-posts .puff:hover {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  transform: scale(1.025);
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

/* Job vacancies */
.list-vip-jobs {
  margin-bottom: 30px;
}
.list-vip-jobs .logo {
  -ms-grid-row-align: center;
  align-self: center;
  text-align: right;
}
.list-vip-jobs .logo img {
  max-height: 50px;
  width: auto;
}
.list-last-jobs p {
  margin-bottom: 10px;
}

.list-vip-jobs .post-image {
  position: relative;
  margin-right: 1.25rem;
}

.list-vip-jobs .post-text {
  margin-left: 0;
}

.list-vip-jobs .post-image .logo {
  position: absolute;
  top: 3px;
  left: 3px;
  background: #fff;
}
.list-vip-jobs .logo.no-list-image {
  padding-left: 40px;
}

@media screen and (max-width: 550px) {
  .list-vip-jobs a {
    margin-bottom: 20px;
    display: block;
  }
  .list-vip-jobs div.post-image {
    max-width: 100%;
    margin: 0;
    margin-right: 0;
  }
  .list-vip-jobs div.post-text {
    padding-right: 0;
    margin: 12px 0 0 0;
  }
  .list-vip-jobs .logo:not(.no-list-image) {
    display: none;
  }

  .list-vip-jobs a .post-wrap:hover {
    left: 0;
  }
}

/* .list-vip-jobs .post-wrap:hover {
    transition: all 0.4s ease-in-out;
    padding-left: 10px;
} */

/* Image lists */

.label-image-list img {
  margin: 0 3% 10px 0;
  max-width: 33%;
}
.label-image-list img:nth-of-type(3) {
  margin-right: 0;
}

.social-box {
  margin-top: 30px;
}

.post-list.list-reportages .post-image {
  height: auto;
}

/***********************\
    PUFFAR
\***********************/

.post-puff {
  width: 100%;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
}
.post-puff .puff,
.panel-company-news .post-list .puff {
  position: relative;
  border-bottom: 1px solid #dcdcdc;
  transition: all 0.1s ease-in-out;
}
.post-puff .puff-2,
.panel-company-news .post-list .puff-2 {
  width: 49.4%;
  margin-right: 1.2%;
}
.post-puff .puff-2:nth-of-type(2n),
.panel-company-news .post-list .puff-2:nth-of-type(2n) {
  margin-right: 0;
}
.post-puff .puff-3,
.panel-company-news .post-list .puff-3 {
  width: 32.5%;
  margin-right: 1.2%;
}
.post-puff .puff-3:nth-of-type(3n),
.panel-company-news .post-list .puff-3:nth-of-type(3n) {
  margin-right: 0;
}
.post-puff .puff-4,
.panel-company-news .post-list .puff-4 {
  width: 24.1%;
  margin-right: 1.2%;
}
.post-puff .puff-4:nth-of-type(4n),
.panel-company-news .post-list .puff-4:nth-of-type(4n) {
  margin-right: 0;
}

.post-puff .puff-wrap {
  padding-bottom: 10px;
}

.post-puff .puff-image {
  width: 100%;
  margin-bottom: 18px;
  position: relative;
  /*padding-bottom: 50%;
    height: 0;*/
}
.post-puff .puff-image img {
  max-width: 100%;
  max-height: 100%;
  /*position: absolute;
    left: 0;*/
}

.post-puff .puff-text {
  margin: 0 11px;
}

.post-puff .puff-text h2 {
  margin-bottom: 4px;
  transition: all 0.6s ease-in-out;
}

/***********************\
    SINGLE POSTS
\***********************/

.post-article .post-date {
  margin-bottom: 23px;
}
.post-article h1 {
}


/***********************\

\***********************/

#adminLink {
  z-index: 90000;
  background-color: white; /*Just for testing */
  color: black;
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 10px 20px;
}

#adminLink a {
  color: black;
  text-decoration: underline;
}

/***********************\
    PAGINATION
\***********************/

.pagination {
  text-align: center;
  margin: 45px auto 25px;
}

.pagination-wrap {
  text-align: center;
  display: inline-block;
}

.pagination a,
.pagination p {
  font-size: 1rem;
  padding: 4px;
  display: inline-block;
  margin-right: 8px;
}
.pagination .pagination-wrap:last-child {
  margin-right: 0;
}
.pagination a:hover {
  text-decoration: none;
}
.pagination .active {
  display: inline-block;
  font-weight: bold;
  border-bottom: solid black 2px;
}

/***********************\
    INFO-BOXES
\***********************/

.info-box {
  /* background-color: #eeeeee; */
  background-color: #f9f9f9;
  margin: 30px 0 0;
}
.info-box:first-of-type {
  margin-top: 0;
}
.info-box-head {
  background-color: #000;
  color: #fff;
  padding: 12px 24px;
}
.info-box-img {
  margin-bottom: 10px;
}
.info-box-text {
  padding: 28px 24px 33px;
}
.info-box-text p {
  margin: 0 0 22px;
}

/***********************\
    CONTACTINFO
\***********************/

#contact-map {
  width: 100%;
  height: 400px;
}

.contact-section-line {
  margin-bottom: 20px;
}

.contact-persons-holder {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  grid-gap: 1.5rem;
  margin-bottom: 1.5rem;
}

.contact-info-text {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 8px;
}

.contact-info-text .contact-name p {
  font-size: 18px;
  line-height: initial;
}

.contact-info-text .contact-title p {
  font-size: 16px;
  line-height: initial;
  margin-top: -5px;
}

.contact-info-text li {
  margin-bottom: 5px;
}

.contact-info-text i {
  margin-right: 8px;
  min-width: 17px;
  text-align: center;
  font-size: 16px;
  color: #858585;
}

[data-modulify-element='copy-to-clipboard'].copy-email i {
  color: black;
  margin-left: 8px;
}

[data-modulify-element='email-link'],
[data-modulify-element='copy-to-clipboard'].copy-email {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

[data-modulify-element='email-link'] .mail-tooltip,
[data-modulify-element='copy-to-clipboard'].copy-email .copy-tooltip {
  visibility: hidden;
  background-color: #000000;
  color: #fff;
  text-align: center;
  padding: 8px 10px;
  position: absolute;
  border-radius: 6px;
  z-index: 1;
  bottom: 125%;
  left: 0;
  white-space: nowrap;
}

[data-modulify-element='email-link'] .mail-tooltip::after,
[data-modulify-element='copy-to-clipboard'].copy-email .copy-tooltip::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 20px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #000000 transparent transparent transparent;
}

[data-modulify-element='email-link'] .mail-tooltip.show,
[data-modulify-element='copy-to-clipboard'].copy-email .copy-tooltip.show {
  visibility: visible;
}

.personcard {
  display: flex;
  flex-direction: column;
}

.contact-btn {
  margin-top: auto;
}

.contact-btn .ts-btn1 {
  margin-top: 10px;
}

.personcardholder {
  width: 100%;
}

.personcardholder {
  position: relative;
  display: inline-block;
}

/***********************\
    CONTACTFORM
\***********************/

#contact-form .form-col {
  margin: 15px 0;
}
#contact-form .ts-btn1 {
  margin: 15px 0;
}
#form-loader {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #ffffff;
  top: 0;
  z-index: 200;
  display: none;
}

#form-loader p {
  position: absolute;
  top: calc(50% + 50px);
  width: 100%;
  text-align: center;
  font-size: 1.2em;
}

.loader {
  border: 8px solid #f3f3f3; /* Light grey */
  border-top: 8px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  position: absolute;
  left: calc(50% - 30px);
  top: calc(50% - 30px);
}

@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.form-message {
  width: 100%;
  padding: 10px 20px;
  background-color: #a1fba1;
  margin-top: 20px;
  position: relative;
  display: none;
}

#message-close {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 20px;
  top: calc(50% - 8px);
  background: red;
  background-size: 16px 16px;
  cursor: pointer;
}

.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.inputfile + label {
  color: white;
  background-color: black;
  display: inline-block;
  padding: 10px 15px;
  transition: all 1s ease;
}

.inputfile:hover + label {
  background-color: gray;
  transition: all 1s ease;
}

.inputfile + label {
  cursor: pointer; /* "hand" cursor */
}

.filename {
  height: 40px;
  min-width: 300px;
  line-height: 40px;
  padding-left: 20px;
  background: #ededed;
  float: left;
}

.fileholder {
  margin-top: 20px;
}

textarea {
  padding-top: 15px !important;
}

label.textarea-label {
  top: 25px;
  left: 20px;
  z-index: 100;
  transition: all 0.3s ease;
}

textarea:focus + label.textarea-label,
label.textarea-label.form-filled {
  top: -10px;
  font-size: 11px;
}

/***********************\
    SOCIAL MEDIA ICONS
\***********************/

.social-icons-wrap {
  margin-top: 15px;
  text-align: right;
}
.social-icons-wrap a {
  display: inline-block;
}
.social-icons-wrap .social-icon {
  background-image: url('../../content/img/social-icons.png');
  background-repeat: no-repeat;
  background-size: 108px auto;
  width: 26px;
  height: 25px;
}
.social-icons-wrap .facebook-icon {
  background-position: 8px 3px;
}
.social-icons-wrap .instagram-icon {
  background-position: -19px 4px;
}
.social-icons-wrap .linkedin-icon {
  background-position: -51px 3px;
}
.social-icons-wrap .youtube-icon {
  background-position: -81px 3px;
}

/***********************\
    SLIDER & HERO
\***********************/

.slider-container {
  width: 100%;
  min-height: 200px;
  position: relative;
  overflow: hidden;
  opacity: 1;
  transition: all 0.1s ease;
}

.slider-container:hover {
  opacity: 0.8;
}
.slider-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translate(-50%);
  /*z-index: 15;*/
  width: 60%;
  /*padding-left: 0;*/
  text-align: center;
  list-style: none;
}
.slider-indicators div {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 5px;
  text-indent: -999px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.slider-indicators div.active {
  width: 12px;
  height: 12px;
  margin: 4px;
  background-color: #fff;
}
.slide {
  display: none;
  position: absolute;
  height: 100%;
  width: 100%;
  right: 0;
}
.slide.active {
  display: block;
  right: 0;
  width: 100%;
}

.slide.slide-in-left {
  display: block;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: slideinLeft;
  animation-name: slideinLeft;
}

@-webkit-keyframes slideinLeft {
  from {
    left: 100%;
  }
  to {
    left: 0;
  }
}

@keyframes slideinLeft {
  from {
    left: 100%;
  }
  to {
    left: 0;
  }
}

.slide.slide-out-left {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: slideoutLeft;
  animation-name: slideoutLeft;
}

@-webkit-keyframes slideoutLeft {
  from {
    right: 0;
  }
  to {
    right: 100%;
  }
}

@keyframes slideoutLeft {
  from {
    right: 0;
  }
  to {
    right: 100%;
  }
}

.slide.slide-in-right {
  display: block;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: slideinRight;
  animation-name: slideinRight;
}

@-webkit-keyframes slideinRight {
  from {
    right: 100%;
  }
  to {
    right: 0;
  }
}

@keyframes slideinRight {
  from {
    right: 100%;
  }
  to {
    right: 0;
  }
}

.slide.slide-out-right {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: slideoutRight;
  animation-name: slideoutRight;
}

@-webkit-keyframes slideoutRight {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}

@keyframes slideoutRight {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}

.slide-container {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  flex-shrink: 0;
  flex-grow: 0;
}
.slide img {
  -o-object-fit: cover;
  object-fit: cover;
  flex-shrink: 0;
  min-width: 100%;
  min-height: 100%;
}
.slide .inner-panel {
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 350px;
  position: absolute;
  padding: 2% 66px;
  top: 0;
  left: 0;
  display: flex;
}
.slide .inner-panel .slider-text {
  -ms-grid-row-align: center;
  align-self: center;
}
.slide .inner-panel h1 {
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  margin: 0;
}
.slide .read-more {
  display: inline-block;
  background-color: #fff;
  color: #000;
  padding: 6px 12px;
  font-size: 12px;
  transition: all 0.6s ease;
  cursor: pointer;
  margin-top: 20px;
}
.slider-container .arrow-wrap {
  position: absolute;
  top: 50%;
  margin-top: -63px;
  height: 125px;
  width: 45px;
  z-index: 1;
  opacity: 0.4;
  border: 0;
  transition: all 0.5s ease;
  background-color: #000;
  cursor: pointer;
}
.hero.slider-container .arrow-wrap {
  margin-top: -17px;
  height: 45px;
  width: 40px;
  transition: all 0.5s ease;
  background-color: rgba(71, 71, 71, 0.3);
  cursor: pointer;
}
.slider-container .arrow-wrap.right {
  right: 0;
}
.slider-container .arrow-wrap.left {
  left: 0;
}
.slider-container .arrow-wrap:hover {
  opacity: 1;
}
.slider-container .right-arrow,
.hero-container .right-arrow {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}
.slider-container .left-arrow,
.hero-container .left-arrow {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%) rotate(135deg);
}
.hero:hover {
  opacity: 1;
}
.hero .slider-indicators {
  top: auto;
}
.text-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 80%;
  padding: 0 40px;
  display: flex;
}
.text-block {
  display: flex;
  flex-direction: column;
  width: 70%;
}
.text-block p {
  margin-bottom: 10px;
  line-height: normal;
}

@media only screen and (max-width: 1366px) {
  .text-container {
    max-width: 960px !important;
    padding: 0 20px;
  }
}
@media only screen and (max-width: 768px) {
  .text-container {
    transform: scale(0.8);
    transform-origin: center;
  }
  .text-block {
    width: 100%;
  }
}
@media only screen and (max-width: 400px) {
  .text-block p[class^='slide-caption-'] {
    font-size: 6vw !important;
  }
  .text-block p[class^='slide-heading-'] {
    font-size: 10vw !important;
  }
}
/***********************\
    ADS
\***********************/

.cc-feed {
}
.cc {
  /*height: 100%;*/
  margin-bottom: 10px;
}
.cc a {
  position: relative;
  display: inline-block;
}
.cc .border-div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #000;
}
.cc img {
  max-height: 100%;
}
.cc-Liten {
  width: 250px;
  height: 75px;
}
.cc-Medium {
  /*width: 250px;
    height: 150px;*/
}
.cc-Stor {
  width: 250px;
  height: 300px;
}
.cc-Top {
  width: 850px;
  max-width: 100%;
}
.cc-mobile-area {
  display: none;
  flex-wrap: wrap;
  justify-content: center;
  margin: 50px 0;
  background-color: #eeeeee;
  padding: 10px;
}

/* Advertising areas */
.cc-area-side {
  position: absolute;
  top: 0;
  right: -200px;
  width: 250px;
  padding: 20px 0;
  display: none;
}
.cc-area-side .cc {
  margin-bottom: 10px;
}
.cc-mobile-area .cc {
  margin: 5px;
}

/***********************\
        REPORTAGE
\***********************/

.reportage-frontpage-box .info-box-text {
  padding-bottom: 3px;
}
.reportage-listitem {
  /*height: 100px;
    border-top: 1px solid #b5b5b5;*/
}
.reportage-listitem-image {
  /*width: 150px;
    height: 94px;
    float: left;*/
}
.reportage-listitem-image.post-image {
  width: 104px;
  height: 70px;
}
.reportage-listitem-image img {
  /* margin: 12px 0;*/
}
.post-list a:hover .reportage-listitem-text > p {
  text-decoration: none;
}
.reportage-listitem-text {
  /*width: calc(100% - 150px);
    height: 90px;
    float: left;
    padding: 20px;*/
}
.reportage-listitem-text p {
  margin: 0;
  text-decoration: none;
}
#first-reportage {
  margin-bottom: 34px;
}
#first-reportage h2 {
  margin-bottom: 10px;
}

/* reportage-frontpage-box */
.reportage-frontpage-box .outer-post-wrap {
  border-bottom: 1px solid #b5b5b5;
  position: relative;
}
.reportage-frontpage-box .slide img {
  -o-object-fit: unset;
  object-fit: unset;
  flex-shrink: unset;
  min-width: unset;
  min-height: unset;
}
.slide-text .info-box-text {
  clear: both;
}
.slide-text .info-box-text #first-reportage {
  /*   clear: both;
    display:block;
    overflow:hidden  !important;
    height:200px !important; */
}
.slide-container {
  display: block;
}
.slider-container {
  min-height: 610px;
}
.slider-indicators {
  top: 20px;
  height: 20px;
}

@media only screen and (max-width: 600px) {
  .slider-container {
    min-height: 620px;
  }
  .reportage-frontpage-box .outer-post-wrap:hover .post-wrap,
  .list-vip-jobs .outer-post-wrap:hover .post-wrap,
  .panel-calenderposts .outer-post-wrap:hover .post-wrap {
    left: -24px;
    padding-right: 24px;
  }
}

@media only screen and (max-width: 440px) {
  .reportage-listitem-image {
    width: 100px;
  }
  .reportage-listitem-text {
    width: calc(100% - 100px);
    padding: 10px 20px;
  }
}

/******************\
      CALENDER
\******************/

/* VIP-POST-LIST */
.calender-vip-posts {
  width: 100%;
}
/*.calender-vip-posts > div{
    margin-bottom: 40px;
}*/
.calender-vip-posts .post-wrap {
  padding-bottom: 10px;
}
.calender-vip-posts .post-image {
  width: 100%;
  margin-bottom: 18px;
  padding-bottom: 0;
  position: relative;
  height: auto;
}
.calender-vip-posts .post-text {
  margin: 0 11px;
}
.calender-vip-posts .post-text h2 {
  margin-bottom: 4px;
}

/***********************\
        FOOTER
\***********************/

footer {
  clear: both;
}
footer .row:first-of-type {
  margin-top: 0;
}
footer .row:last-of-type {
  margin-bottom: 0;
}

/***********************\
        FILTERING
\***********************/

.top-cat-buttons .ts-btn1 {
  padding: 6px 14px;
  margin-left: 10px;
  margin-bottom: 10px;
}

.top-cat-buttons .ts-btn1:hover {
  padding: 6px 14px;
  margin-left: 10px;
  margin-bottom: 10px;
}

.filtering-gallery-item a {
  display: flex;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 100px;
}

.filtering-gallery-item:last-child a {
  display: block;
  line-height: 1.2;
  height: auto;
}

.filtering-big-list h4 a,
.filtering-big-list p a,
.list-all-categories a {
  /* border-bottom:1px solid #cecece; */
  transition: all 0.2s ease;
}

.filtering-big-list h4 a:hover,
.filtering-big-list p a:hover,
.list-all-categories a:hover {
  /* border-bottom:1px solid #000; */
  transition: all 0.2s ease;
  /*  font-size:1.02em; */
}

/***********************\
        RESPONSIVE
\***********************/

@media only screen and (max-width: 1366px) {
  #container,
  .container {
    max-width: 960px !important;
  }

  .holder-special .container {
    max-width: unset !important;
  }
}

@media only screen and (max-width: 1280px) {
  .cc-area-side {
    position: relative;
    top: 0;
    right: 0px !important;
    width: 180px;
    padding: 0;
    margin: 30px 0 0;
  }
}

@media only screen and (max-width: 768px) {
  .row {
    display: flex;
  }
  .holder {
    height: auto !important;
  }
  .col-33 {
    width: 100%;
    clear: both;
  }
  header .col-33 {
    text-align: center;
  }
  header .row .col-25,
  header .row .col-33,
  header .row .col-50,
  header .row .col-66,
  header .row .col-75 {
    width: 50%;
  }
  .col-25 {
    width: 100%;
  }
  .col-33 {
    width: 100%;
  }
  .col-50 {
    width: 100%;
    clear: both;
  }
  .col-66 {
    width: 100%;
    clear: both;
  }
  .col-75 {
    width: 100%;
    clear: both;
  }
  .row .col:last-of-type {
    padding-right: 0;
  }
  body {
    padding-top: inherit;
  }
  .mobile-menu {
    display: none;
  }
  .top-img {
    max-height: 300px;
  }
  .post-puff .puff-2 {
    width: 100%;
    margin-right: 0;
  }
  .post-puff .puff-3 {
    width: 100%;
    margin-right: 0%;
  }
  .post-puff .puff-4 {
    width: 100%;
    margin-right: 0;
  }
  .post-puff .puff-image {
    height: auto;
    padding-bottom: 0;
  }
  .post-puff .puff-image img {
    position: relative;
  }

  .form-row {
    display: initial;
    height: auto;
  }
  .form-col {
    width: 100%;
    margin: 25px 0;
  }
  select,
  input,
  label {
    font-size: 16px !important;
    line-height: 20px !important;
  }
  .cc-area-side {
    display: none;
  }
  .cc-mobile-area {
    display: flex;
  }
}

@media only screen and (max-width: 550px) {
  .top-img {
    max-height: 200px;
  }
  /* listview */
  .post-wrap a {
    width: 100%;
  }
  .post-image {
    width: 100%;
    height: 139px;
  }
  .post-list .post-image {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 10px;
  }
  .post-list .post-text {
    width: 100%;
    margin: 0 10px 0;
  }
  .archive-box {
    width: 100%;
  }
  .reportage-frontpage-box .post-list .post-image {
    width: 107px;
  }
  .reportage-frontpage-box .post-list .post-text {
    width: 66%;
    margin: 0 0 0 20px;
    padding: 0;
  }
}

/* Search */

.search-result {
  border-bottom: 1px solid #dcdcdc;
  padding: 20px;
  position: relative;
  cursor: pointer;
  transition: all 0.6s ease-in-out;
}

.search-tag {
  display: inline-block;
  background-color: black;
  height: 21px;
  color: #ffffff;
  font-size: 13px;
  padding: 0 26px 0 26px;
  line-height: 21px;
  float: left;
  cursor: pointer;
  margin-right: 10px;
  margin-top: 10px;
  float: left;
}

.search-tag a {
  color: #ffffff;
}

/* Taggar */

.tag-holder {
  width: 100%;
  border-top: 1px solid #dcdcdc;
  margin-bottom: 50px;
}

.tag-holder h2 {
  margin-top: 30px;
}

.tag a {
  color: #ffffff;
}

.tag {
  display: inline-block;
  background-color: #000000;
  color: #ffffff;
  margin-right: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 10px;
  position: relative;
  border-radius: 10px;
  line-height: 20px;
  font-size: 13px;
}

.info-box-text .tag {
  font-size: 12px;
  padding: 5px 9px 5px 9px;
}

.tag:hover {
  opacity: 0.8;
  transition: all 0.3s ease;
}

.tag i {
  position: absolute;
  left: 10px;
  top: 8px;
  font-size: 15px;
}

.tag-page i {
  left: 13px;
}

/* Search Pagination */

.search-pagination-wrap {
  width: 100%;
  text-align: center;
  margin-top: 20px;
  clear: both;
  padding-top: 40px;
}

.search-pagination-wrap a {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 1px solid #dcdcdc;
  margin-right: 20px;
  line-height: 29px;
}

.page-active {
  background-color: #000000 !important;
  color: #ffffff;
}

#archive-holder {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.archive-box {
  width: 33%;
  float: left;
  margin-bottom: 20px;
  padding-right: 30px;
}

.archive-box h3 {
  margin: 28px 0 6px 0;
}

@media only screen and (max-width: 550px) {
  .archive-box {
    width: 100%;
    padding: 0;
  }
}

/* FEEDS */

.feed-news {
  margin-top: 10px;
}

.feed-detail-news {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap-reverse;
  justify-content: space-between;
  margin-bottom: 12px;
  box-shadow: rgb(0 0 0 / 10%) 0px 1px 3px 0px, rgb(0 0 0 / 6%) 0px 1px 2px 0px;
  background-color: #ffffff;
  transition: all 0.2s ease-in-out;
  position: relative;
  left: 0;
}

.feed-detail-news:hover {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  left: 8px;
  cursor: pointer;
}

.feed-detail-text {
  flex: 1 1 300px;
  padding: 10px;
  max-width: 700px;
}

.feed-detail-img {
  justify-self: flex-end;
  max-width: 200px;
  min-height: 100px;
  padding: 10px;
}

.feed-detail-text p,
.feed-detail-news:hover .feed-detail-text p {
  font-style: normal;
  text-decoration: none;
}

.feed-detail-author,
.feed-detail-date,
.feed-detail-news:hover .feed-detail-author,
.feed-detail-news:hover .feed-detail-date {
  color: #696969;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
}

.feed-detail-title {
  color: #000000;
  font-size: 18px;
  font-weight: 400;
}

.feed-detail-news:hover .feed-detail-title {
  font-size: 18px;
  font-weight: 400;
}

.feed-detail-description,
.feed-detail-news:hover .feed-detail-description {
  color: #000000;
  font-size: 14px;
  font-weight: 300;
}

/* Customer Card */

.col {
  /*
    padding-right: 10%;
    */
}
/*.row .col:last-of-type{
    padding-right: 20px;
}*/

/*****************\
   COMPANY LIST
\*****************/

.company-list .company-logo {
  margin: 0;
  min-width: auto;
  min-height: auto;
}

/*.company-list .right-arrow{
    align-self: center;
    position: absolute;
    right: 18px;
}*/

/*****************\
   SINGLE COMPANY
\*****************/

.company-top {
  position: relative;
  margin-bottom: 50px;
}
.company-top-img {
  border-bottom: none;
  margin-bottom: 0;
  max-height: 425px;
  /*min-height: 260px;*/
  min-height: 0;
}
.company-top-img img {
  max-width: unset;
}
.company-top-bar {
  width: 100%;
  min-height: 50px;
  background-color: #000;
}
.company-top-bar .row {
  margin-top: 0;
  margin-bottom: 0;
  min-height: 50px;
}
.company-top-bar .container {
  background-color: transparent !important;
}
.company-top .company-logo-wrap {
  width: 215px;
  height: 125px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 73px;
}
.company-top .company-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 96%;
  max-height: 96%;
}
.company-social {
  text-align: right;
  padding: 12px 20px 12px 0;
}
.company-social a {
  display: inline-block;
  margin-left: 5px;
  vertical-align: bottom;
}
.company-social .social-icon {
  background-image: url('../../content/img/assets.png');
  background-repeat: no-repeat;
  background-size: 270px auto;
  width: 25px;
  height: 25px;
}
.company-social .website-icon {
  background-position: -163px -178px;
}
.company-social .website-icon:hover {
  background-position: -163px -147px;
}
.company-social .twitter-icon {
  background-position: -93px -177px;
  width: 29px;
}
.company-social .twitter-icon:hover {
  background-position: -93px -147px;
}
.company-social .facebook-icon {
  background-position: -12px -178px;
}
.company-social .facebook-icon:hover {
  background-position: -12px -147px;
}
.company-social .linkedin-icon {
  background-position: -65px -178px;
}
.company-social .linkedin-icon:hover {
  background-position: -65px -147px;
}
.company-social .instagram-icon {
  background-position: -36px -178px;
}
.company-social .instagram-icon:hover {
  background-position: -36px -147px;
}
.company-social .youtube-icon {
  background-position: -129px -178px;
  width: 28px;
}
.company-social .youtube-icon:hover {
  background-position: -129px -147px;
}
.company-container > .row {
  margin-top: 0;
  background: #ffffff !important;
}
.company-container h1 {
  margin-bottom: 10px;
}
.company-title-wrap {
  margin-bottom: 20px;
}
.company-title-wrap h3 {
  margin-top: 23px;
}
.company-menu-col,
.company-sidebar-col {
  padding-top: 0;
}
.company-main-col {
  padding-top: 0;
}
.company-sidebar-col .info-box-head {
  background-color: #fff;
  padding: 0 0 15px;
}
.company-sidebar-col .info-box-head h3 {
  color: #000;
  text-transform: none;
}

.company-main-col .post-article-button {
  display: block;
  margin-top: 20px;
}


.company-menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.company-menu a {
  display: block;
  padding: 15px;
  transition: all 0.5s ease;
}
.company-menu a:hover {
  background-color: #fff;
}
.company-menu .active-page a {
  background-color: #fff;
}
.company-mobile-menu {
  display: none;
}
.company-mobile-menu .menu-head {
  background-color: #2e2e2e;
  color: #fff;
  padding: 12px 24px;
  cursor: pointer;
  position: relative;
}
.company-mobile-menu .menu-head .down-arrow {
  border: solid #fff;
  border-width: 0 1px 1px 0;
  position: absolute;
  right: 24px;
  top: 46%;
  transform: translateY(-46%) rotate(45deg);
  transition: all 0.4s ease-in-out;
}
.company-mobile-menu.company-menu-open .down-arrow {
  top: 55%;
  transform: translateY(-55%) rotate(225deg);
}
.company-mobile-menu .menu-body {
  display: none;
}
.company-city {
  margin-top: 10px;
}
.map-container {
  margin: 50px 0 0;
}
#map {
  width: 100%;
  height: 430px;
  background-color: #eeeeee;
  margin: 15px 0 0;
}
.contact-wrap {
}
.contact-me {
  margin: 30px 0 0;
}
.gallery-img,
.gallery-video {
  margin: 20px 0 0 0;
}
.contactpersons {
  margin-top: 20px;
}
.contactpersons .row {
  margin-top: 0;
}
.contactpersons .contact-image {
  display: block;
}

/*****************\
   NEWS
\*****************/

.news-list {
  /* border-top: 1px solid #dcdcdc; */
  margin: 50px 0 0 0;
}

.news-wrap {
  /* border-bottom: 1px solid #dcdcdc; */
  padding: 20px;
  position: relative;
  cursor: pointer;
  transition: all 0.6s ease-in-out;
}

.news-wrap:hover {
  background-color: #ededed;
  transition: all 0.6s ease-in-out;
}

.news-wrap h2 {
  text-align: left;
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 0 0;
  width: 80%;
}

.news-wrap .right-arrow {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}

/*****************\
   CONTACTFORM
\*****************/

#contact-form {
  margin-top: 50px;
  position: relative;
}
#contact-form .form-row .col-50 {
  padding: 0 3% 0 0;
  width: 50%;
}
#contact-form .form-row .col-100 {
  padding: 0;
}
#contact-form .form-row .col-50:last-of-type {
  padding-right: 0;
}
#contact-form textarea {
  padding: 20px;
}
#contact-form input:focus,
#contact-form textarea:focus {
  outline: none;
}
#contact-form label#textarea-label {
  position: relative;
  top: -115px;
  left: 20px;
  z-index: 100;
  transition: all 0.3s ease;
}
#contact-form textarea:focus + label#textarea-label,
#contact-form label#textarea-label.form-filled {
  top: -153px;
  font-size: 11px;
}
#form-loader {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #ffffff;
  top: 0;
  z-index: 2000;
  display: none;
}
#form-loader p {
  position: absolute;
  top: calc(50% + 50px);
  width: 100%;
  text-align: center;
  font-size: 1.2em;
}
.loader {
  border: 8px solid #f3f3f3; /* Light grey */
  border-top: 8px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  position: absolute;
  left: calc(50% - 30px);
  top: calc(50% - 30px);
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.form-message {
  width: 100%;
  padding: 10px 20px;
  background-color: #a1fba1;
  margin-top: 20px;
  position: relative;
  display: none;
}
#message-close {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 20px;
  top: calc(50% - 8px);
  background-image: url(../../content/modules/newsletter/templates/img/delete-button.png);
  background-size: 16px 16px;
  cursor: pointer;
}
.send-button-wrap {
  position: relative;
  height: 23px;
  margin: 15px 0;
}
#contact-form .ts-btn1 {
  /*position: absolute;
    top: 0;
    right: 0;*/
  float: right;
}
.contact-image {
  margin: 0 0 22px;
}
#memberholder {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#memberholder .faktaruta-underrubrik {
  font-size: 14px;
  margin-bottom: 10px;
}
.listholder {
  float: left;
  flex-grow: 1;
  flex-basis: 23%;
  min-height: 100px;
  /* border-bottom: 1px solid #dcdcdc; */
  padding-bottom: 33px;
  padding-top: 20px;
  margin: 1%;
}
.no-found {
  font-style: italic;
  color: #a7a7a7;
}

/* NEWSLETTER */

#contact-form .ts-btn1 {
  margin-top: 15px;
}

.form-textarea {
  margin: 0;
  position: relative;
  top: -16px;
}

#contact-form .form-textarea label {
  top: -130px;
}

#contact-form textarea:focus + label {
  top: -155px;
  font-size: 11px;
}

#contact-form-holder {
  position: relative;
  margin-top: 20px;
}

#contact-form-loader {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #ffffff;
  top: 0;
  z-index: 200;
  display: none;
}

#contact-form-loader p {
  position: absolute;
  top: calc(50% + 50px);
  width: 100%;
  text-align: center;
  font-size: 1.2em;
}

.loader {
  border: 8px solid #f3f3f3; /* Light grey */
  border-top: 8px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  position: absolute;
  left: calc(50% - 30px);
  top: calc(50% - 30px);
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.newsletter-message {
  width: 100%;
  padding: 10px 20px;
  background-color: #a1fba1;
  margin-top: 20px;
  position: relative;
  display: none;
}

#newsletter-message-close {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 20px;
  top: calc(50% - 8px);
  background-image: url('content/modules/newsletter/templates/img/delete-button.png');
  background-size: 16px 16px;
  cursor: pointer;
}

/* Company information */
.company-result {
  /* border-bottom: 1px solid #dcdcdc; */
  padding: 20px;
  position: relative;
  transition: all 0.6s ease-in-out;
}
.company-result p,
.company-result h2 {
  width: 80%;
}
/*.company-result:hover {
    background-color: #ededed;
    transition: all 0.6s ease-in-out;
}*/
.company-result h2 {
  text-align: left;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  margin: 0 0 0 0;
}
.company-result p {
  text-align: left;
  margin-top: 5px;
}
/*.company-result .right-arrow{
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
}*/
#load-more {
  width: 100%;
  margin-top: 30px;
  background-color: black;
  padding-left: 20px;
  height: 30px;
  color: #ffffff;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}
#search-info {
  width: 100%;
  height: 30px;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 100px;
}

/* Company search */

.search-filtering-info {
  width: 100%;
  border-top: 1px solid #ddd;
  padding: 50px 20px;
  background-color: #ededed;
  margin-bottom: 20px;
  text-align: center;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.search-company-result {
  width: 100%;
  display: flex;
  border-top: 1px solid #ddd;
  padding: 20px;
}
.search-company-info {
  width: calc(50% - 20px);
  height: 100%;
  float: left;
  padding-right: 20px;
}
.search-company-categories {
  width: 50%;
  height: 100%;
  float: left;
}
.search-company-result:nth-child(odd) {
  background-color: #f9f9f9;
}
.search-company-logo {
  width: 40%;
  height: auto;
  margin-bottom: 10px;
}

/* BREADCRUMBS */
.breadcrumb-holder {
  margin: 18px 0;
}

/* QUOTES */
.quote-images-wrap {
  display: flex;
  justify-content: space-between;
}
.quote-images-wrap .quote-image {
  width: 19%;
}
.quote-images-wrap .quote-image:hover {
  opacity: 0.8;
}
.quote-text-wrap {
  margin-top: 25px;
  position: relative;
  height: 150px;
}
.quote-text-wrap .quote-text {
  width: 60%;
  opacity: 0;
  transition: all 0.6s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.quote-text-wrap .quote-text.show {
  opacity: 1;
}
.quote-text-wrap .quote-text p {
  margin-top: 20px;
}

/* CHOOSEN COMPANIES */
.choosen-company-logos {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.choosen-company-logos .logo {
  width: 20%;
  height: 100px;
  position: relative;
  margin-bottom: 35px;
}
.choosen-company-logos .logo img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.5;
  transition: all 0.4s ease-in-out;
  max-width: 80%;
}
.choosen-company-logos .logo img:hover {
  opacity: 1;
  -webkit-filter: none;
  filter: none;
}

/*****************\
   RESPONSIVE
\*****************/

@media only screen and (max-width: 768px) {
  .col {
    padding-right: 0;
  }
  .row .col:last-of-type {
    padding-right: 0;
  }
  .company-logo-wrap {
    height: 200px;
    width: 50%;
    bottom: 94px;
  }
  .company-top-bar .col-50 {
    width: 50%;
  }
  .company-social {
    text-align: left;
  }
  .company-menu-desktop {
    display: none;
  }
  .company-mobile-menu {
    display: block;
  }
  .listholder {
    flex-basis: 31%;
  }
  .contactpersons .col-33 {
    width: 29%;
  }
  .small-company-search .do-search,
  .search-box .do-search {
    float: none;
  }
  .company-result p,
  .company-result h2 {
    width: 100%;
  }
  .choosen-company-logos .logo {
    width: 30%;
  }
  .choosen-company-logos .logo img {
    max-width: 90%;
  }
  .company-top .company-logo-wrap {
    /*height: 200px;
        width: 50%;*/
    bottom: 94px;
    left: 20px;
  }
  .company-top {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 700px) {
  .company-description {
    margin-top: 10px;
  }
  .search-company-result {
    display: block;
  }
  .search-company-info {
    width: 100%;
    float: unset;
  }
  .search-company-categories {
    width: 100%;
    float: unset;
    margin-top: 10px;
  }
  .search-company-result .search-company-categories strong,
  .search-company-result .search-company-info strong {
    display: none;
  }
}

@media only screen and (max-width: 600px) {
  .contactpersons .col-33 {
    width: 47%;
  }
  .slider-indicators div {
    height: 7px;
    width: 7px;
    margin: 2px;
  }
  .slider-indicators div.active {
    height: 9px;
    width: 9px;
    margin: 1px;
  }
  .slide .inner-panel {
    width: 100%;
  }
  .slider-container .arrow-wrap {
    margin-top: -17px;
    width: 35px;
    height: 35px;
  }

  .slider-container .right-arrow,
  .hero-container .right-arrow {
    height: 10px;
    width: 10px;
    right: 13px;
  }
  .slider-container .left-arrow,
  .hero-container .left-arrow {
    height: 10px;
    width: 10px;
    left: 13px;
  }
  .choosen-company-logos .logo {
    height: 100px;
  }
}

@media only screen and (max-width: 500px) {
  .company-logo-wrap {
    height: 150px;
  }
  #contact-form .form-row .col-50 {
    padding: 0;
    width: 100%;
  }
  .company-social {
    padding: 13px 0;
  }
  /*.company-social .social-icon {
        background-size: 193px auto;
        width: 42px;
        height: 42px;
    }
    .company-social .twitter-icon {
        background-position: -5px -104px;
    }
    .company-social .facebook-icon {
        background-position: -52px -104px;
    }
    .company-social .instagram-icon {
        background-position: -99px -104px;
    }
    .company-social .linkedin-icon {
        background-position: -146px -104px;
    }
    .company-social .youtube-icon {
        background-position: -5px -147px;
    }*/
  .listholder {
    flex-basis: 48%;
  }

  .company-top .company-logo-wrap {
    bottom: 66px;
  }
  .share-button-linkedin {
    display: block;
    width: 173px;
    margin-left: 0;
  }
}

/* Search bar */
.search-bar {
  background: #fff;
  overflow: hidden;
  display: flex;
  border-radius: 25px;
  border: 1px solid #c7c7c7;
}

.search-bar:hover {
  box-shadow: rgba(0, 0, 0, 0.14) 0px 1px 6px 0px,
    rgba(0, 0, 0, 0.1) 0px 1px 5px 0px;
  transition: all 0.2s ease-in-out;
}

.search-bar-form {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.search-bar-form .search-bar {
  width: 100%;
}

/* Expandable search button */
.search-bar-form.expandable {
  align-items: flex-end;
  width: 100%;
  margin-left: auto;
}
.search-bar-form.expandable .search-bar.expanded:hover {
  box-shadow: rgba(0, 0, 0, 0.14) 0px 1px 6px 0px,
  rgba(0, 0, 0, 0.1) 0px 1px 5px 0px;
}

.search-bar-form.expandable .searchBtn {
  margin-right: 0;
}

.search-bar-form.expandable .searchBtn .fa {
  padding: 0.25rem;
}

.search-bar-form.expandable .searchBtn:focus .fa{
  outline: 2px solid;
  border-radius: 50%;
}

.search-bar-form.expandable .search-bar {
  background: #fff;
  overflow: hidden;
  display: flex;
  border-radius: 25px;
  border: 1px solid #c7c7c7;
  width: 46px;
  transition: width 0.3s ease-in-out;
  position: relative;
}

.search-bar-form.expandable .search-bar .searchTxt {
  width: 0;
  border: 0;
  height: 44px;
  padding: 0;
  outline: 0;
  font-size: 1rem;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}

.search-bar-form.expandable .search-bar.expanded {
  width: 100%;
}

.search-bar-form.expandable .search-bar.expanded .searchTxt {
  width: 100%;
  padding: 0 18px;
  opacity: 1;
}

.search-bar-form.expandable .search-bar.expanded .searchTxt {
  width: 100%;
  padding: 0 18px;
  opacity: 1;
}

.search-bar-form.expandable .searchBtn {
  width: 44px;
  position: absolute;
  right: 0;
}

.search-bar .searchTxt {
  width: 100%;
  border: 0;
  height: 44px;
  padding: 0 18px;
  outline: 0;
  font-size: 1rem;
}

.search-bar .searchBtn {
  background: #fff;
  height: 44px;
  padding: 10px;
  margin-right: 10px;
  border: 0;
  cursor: pointer;
  outline: 0;
  font-size: 1rem;
  color: #000;
}

@media only screen and (max-width: 400px) {
  .listholder {
    flex-basis: 100%;
    margin: 0;
  }
  .contactpersons .col-33 {
    width: 100%;
  }
  .contactpersons .contact-image {
    max-width: 60%;
  }
}

/* Search results (sitewide search) */
.site-search-result .search-company-logo {
  width: 100%;
}

.site-search-result #search-info-box {
  padding: 16px;
  margin-bottom: 25px;
  border-bottom: 1px solid #757575;
}

.site-search-result #search-info-box h2 {
  margin: 6px 0px;
}

.site-search-result #search-buttons {
  width: 100%;
}

.site-search-result .post-text p a,
.site-search-result li a,
.site-search-result a p {
  text-decoration: none !important;
}

.site-search-result .ts-btn1 {
  padding: 6px 14px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.site-search-result #search-results-companies {
  margin-bottom: 110px;
}

.site-search-result .post-list .post-wrap {
  background-color: #fff;
  box-shadow: rgb(0 0 0 / 10%) 0px 1px 3px 0px, rgb(0 0 0 / 6%) 0px 1px 2px 0px;
  margin: 10px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
  transition: all 0.2s ease-in-out;
  position: relative;
  left: 0px;
}

.site-search-result .post-list .post-wrap:hover {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  left: 8px;
  cursor: pointer;
}

.site-search-result .post-list .post-wrap .post-text {
  flex: 1 1 200px;
}

.site-search-result .post-list .post-wrap .post-image-small,
.site-search-result .post-list .post-wrap .post-text {
  margin: 10px;
}

.site-search-result .post-list .post-wrap .post-text p:not(.post-date) {
  color: black;
}

.site-search-result .post-list .post-wrap .post-text .underrubrik {
  margin: 10px 0;
}

.site-search-result .post-list {
  border-bottom: unset;
}

.site-search-result .right-arrow {
  right: 25px;
}
.site-search-result .search-header {
  padding: 20px;
  margin-top: 24px;
  background-color: #000000;
}

.site-search-result .search-header h2 {
  margin: 0;
  color: #ffffff;
}

.site-search-result .search-col-left {
  width: calc(50% - 10px);
  float: left;
  margin-right: 10px;
}

.site-search-result .search-col-right {
  width: calc(50% - 10px);
  float: left;
  margin-left: 10px;
}

.site-search-result .search-col-100 {
  width: 100%;
  float: unset;
}

.site-search-result .pagination {
  clear: both;
  padding-top: 25px;
}

@media only screen and (max-width: 350px) {
  .company-top .company-top-img {
    max-height: 200px;
    min-height: 200px;
  }

  .company-top .company-top-img img {
    flex-shrink: 0;
  }
}

@media only screen and (max-width: 1366px) {
  .site-search-result .post-list .post-wrap {
    flex-direction: column;
  }

  .site-search-result .post-list .post-wrap .post-text {
    flex: unset;
    align-self: flex-start;
    width: 100%;
  }

  .site-search-result .post-list .post-wrap .post-image-small {
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }

  .site-search-result .post-list .post-wrap .post-image-small img {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .site-search-result .search-col-left {
    width: 100%;
    clear: both;
  }

  .site-search-result .search-col-right {
    width: 100%;
    clear: both;
  }

  .site-search-result .post-list .post-wrap {
    flex-direction: row;
  }

  .site-search-result .post-list .post-wrap .post-text {
    flex: 1 1 200px;
    width: 66%;
  }
}

.post-list .post-wrap {
  position: relative;
  left: 0;
}

.post-wrap:hover {
  background-color: #fff;
  transition: all 0.2s ease-in-out;
  left: 10px;
}

/* Quotations */
#quotation-loader {
  width: 100%;
  height: 100%;
  background: #ededed;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  display: none;
}

#quotation-loader-content {
  width: 300px;
  height: 100px;
  position: fixed;
  left: calc(50% - 150px);
  top: calc(50% - 50px);
  text-align: center;
  font-size: 24px;
}

#quotation-error-message-holder {
  width: 100%;
  height: 90px;
  margin-top: 30px;
}

#quotation-error-message {
  width: 100%;
  padding: 20px;
  background-color: #f2dade;
  display: none;
}

#quotation-success-message {
  width: 100%;
  padding: 20px;
  background-color: #c6ea77;
  display: none;
}

.filename {
  height: 37px;
}

#quotation-form {
  width: 100%;
}

#quotation-add-file {
  width: 200px;
  text-align: center;
  background-color: black;
  color: #ffffff;
  padding: 10px;
  font-size: 13px;
  margin-top: 30px;
  cursor: pointer;
}

#quotation-files {
  width: 100%;
  max-width: 400px;
}

.quotation-delete-file {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  background-color: red;
  cursor: pointer;
}

.radio-holder {
  margin: 15px 0;
  text-transform: uppercase;
}

.radio-label {
  margin-top: -18px;
  margin-left: 30px;
  display: block;
  cursor: pointer;
}

#quotation-send {
  width: 200px;
  padding: 10px;
  background-color: green;
  color: #ffffff;
  font-size: 13px;
  margin-top: 30px;
  cursor: pointer;
  text-align: center;
}

/* Weather */

.weather-info {
  width: 214px;
}

.weather-day {
  float: left;
  width: 33.33%;
  text-align: center;
  position: relative;
  font-size: 14px;
}

.weather-icon {
  width: 38px;
  margin: 0 auto;
  margin-top: 6px;
  padding: 4px;
  border-radius: 20px;
  background: white;
}

.weatherText {
  font-size: 16px;
  width: 214px;
  text-align: center;
  position: relative;
  top: 6px;
  font-weight: bold;
}

#weatherHolder {
  width: 100%;
  display: flex;
  height: 76px;
  line-height: 13px;
}

#weatherHolder-day-info {
  width: 24%;
  height: 76px;
  float: left;
  font-size: 14px;
  margin-right: 20px;
  line-height: 16px;
  font-weight: bold;
}

#weatherHolder-info {
  width: 25%;
  height: 76px;
  float: left;
  margin-right: 20px;
  font-size: 12px;
}

#weatherHolder-stock-info {
  height: 76px;
  float: left;
  font-size: 25px;
  letter-spacing: 1px;
}

#weatherHolder-info table {
  border-collapse: collapse;
  line-height: 15px;
  font-size: 14px;
  font-weight: bold;
}

#weatherHolder-info table tr td:last-child {
  text-align: right;
}

#weatherHolder-info table tr td:nth-child(2) {
  text-align: right;
}

@media only screen and (max-width: 768px) {
  #weatherHolder {
    display: none;
  }
}

/* Stockprices */

#stock-holder-wrapper {
  width: 100%;
}

#stockHolder {
  width: 100%;
  height: 80px;
  font-size: 14px;
  line-height: 16px;
  color: #000;
  text-transform: uppercase;
  font-family: 'KuunariRounded-Regular';
  display: flex;
}

#stockHolder-day-info,
#stockHolder-currency-info,
#stockHolder-stock-info {
  padding-top: 4px;
  display: flex;
  flex-direction: column;
  font-family: 'KuunariRounded-BoldCond';
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 35%;
}

#stockHolder-currency-info {
  width: 30%;
}

#stockHolder-currency-info img {
  margin-bottom: 2px;
  width: 12px;
  height: 12px;
}

#stockHolder-stock-info img {
  width: 28px;
  height: 28px;
}

#stockHolder-stock-info {
  padding-top: 0;
  line-height: initial;
  letter-spacing: 1px;
  font-size: 25px;
  font-family: 'KuunariRounded-Regular';
}

.stock-row {
  display: flex;
  align-items: center;
}

.stock-row span {
  text-align: right;
  width: 35%;
}

.stock-row span:first-child {
  width: 15%;
  text-align: left;
}

#stockHolder-stock-info div {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

#stockHolder-stock-info div :last-child {
  margin: 0 0 0 10px;
}

.stock-header :first-of-type {
  font-family: 'KuunariRounded-Bold';
}

.stock-info {
  font-size: 40px;
  font-family: 'KuunariRounded-RegularCondIt';
}

#stock-holder-wrapper:hover #stock-tooltip-box {
  visibility: visible;
}
#stock-tooltip-box {
  visibility: hidden;
  padding: 10px;
  margin: 30px;
  background-color: #000000;
  color: #e4e4e4;
  font-family: 'KuunariRounded-Regular';
  font-size: 15px;
  position: absolute;
  z-index: 999;
}
#stock-tooltip-box * {
  color: #e4e4e4;
}
#stock-tooltip-box > * {
  margin: 0 !important;
}
@media only screen and (max-width: 800px) {
  #stockHolder-stock-info div {
    justify-content: center;
  }
  .stock-header {
    padding-top: 4px;
    font-size: 18px;
    line-height: 24px;
  }
  .strong-header {
    font-size: 18px;
    line-height: 24px;
  }
  #stockHolder-day-info {
    display: none;
  }
  #stockHolder-currency-info {
    width: 50%;
    padding-left: 14px;
  }
  #stockHolder-stock-info {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  #stock-holder-wrapper:hover #stock-tooltip-box {
    visibility: hidden;
  }
}
@media only screen and (max-width: 640px) {
  .stock-info {
    font-size: 30px;
  }
  .stock-row :last-child :first-child {
    display: none;
  }
  #stockHolder-stock-info img {
    height: 20px;
    width: 20px;
  }
  #stockHolder-stock-info div:last-child :last-child {
    margin: 0;
  }
  #stockHolder-stock-info div :last-child {
    margin: 0 0 0 5px;
  }
  #stockHolder-stock-info div {
    justify-content: center;
  }
}

/* Newsletter */

#newsletter-form .ts-btn1 {
  margin-top: 15px;
}
.form-textarea {
  margin: 0;
  position: relative;
  top: -16px;
}
#newsletter-form .form-textarea label {
  top: -130px;
}
#newsletter-form textarea:focus + label {
  top: -155px;
  font-size: 11px;
}
#newsletter-form-holder {
  position: relative;
  margin-top: 20px;
}
#newsletter-form-loader {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #ffffff;
  top: 0;
  z-index: 200;
  display: none;
}
#newsletter-form-loader p {
  position: absolute;
  top: calc(50% + 50px);
  width: 100%;
  text-align: center;
  font-size: 1.2em;
}
.loader {
  border: 8px solid #f3f3f3; /* Light grey */
  border-top: 8px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  position: absolute;
  left: calc(50% - 30px);
  top: calc(50% - 30px);
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.newsletter-message {
  width: 100%;
  padding: 10px 20px;
  background-color: #a1fba1;
  margin-top: 20px;
  position: relative;
  display: none;
}

#newsletter-message-close {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 20px;
  top: calc(50% - 8px);
  background-image: url('content/modules/newsletter/templates/img/delete-button.png');
  background-size: 16px 16px;
  cursor: pointer;
}

#accept {
  height: 20px;
  position: relative;
  margin-top: 10px;
  margin-right: 8px;
}

.accept-text {
  color: #ffffff;
  top: -1px;
  position: relative;
}

#accept-holder {
  width: 171px;
  height: 46px;
}

/***********************\
    GALLERY
\***********************/
.gallery-categories .ts-btn1 {
  padding: 6px 14px;
  margin-right: 10px;
  margin-top: 10px;
}

.gallery-categories {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}

.gallery-categories.left {
  justify-content: flex-start;
}

.gallery-categories.center {
  justify-content: center;
}

.gallery-categories.right {
  justify-content: flex-end;
}

.gallery-grid {
  display: -ms-grid;
  display: grid;
  width: 100%;
  gap: 1.5rem;
  justify-items: start;
  margin: 0;
  padding: 0;
}

.gallery-container .small {
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}

.gallery-container .medium {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.gallery-container .large {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.gallery-container .jumbo {
  grid-template-columns: repeat(auto-fill, minmax(600px, 1fr));
}

.gallery-frame {
  font-size: 1rem;
  color: #000;
}

.gallery-img {
  position: relative;
}

.gallery-img:before {
  font-family: 'Font Awesome 5 Free';
  content: '\f00e';
  color: white;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 10px 12px;
  display: block;
  font-weight: 900;
  font-size: 18px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.gallery-container .gallery-img {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  transition: opacity 0.25s ease-in-out;
  margin: 0;
}

.gallery-img:hover {
  opacity: 0.5;
  cursor: pointer;
}

.gallery-img:hover::before {
  opacity: 1;
}

.gallery-img-title {
  margin: 5px 0;
  word-break: break-word;
}

@media only screen and (max-width: 650px) {
  .gallery-container .jumbo {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  }
}

@media only screen and (max-width: 400px) {
  .gallery-container .large,
  .gallery-container .jumbo {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
}

.list-images.gallery-grid {
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}

/***********************\
    FANCYBOX
\***********************/
.fancybox-caption__body .caption-size {
  font-size: 1.2em;
}

.fancy-zoom {
  position: relative;
  display: inline-block;
  transition: opacity 0.25s ease-in-out;
  margin: 0;
}

.fancy-zoom::before {
  font-family: 'Font Awesome 5 Free';
  content: '\f00e';
  color: white;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 10px 12px;
  display: block;
  font-weight: 900;
  font-size: 18px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.fancy-zoom:hover {
  opacity: 0.8;
  cursor: pointer;
}

.fancy-zoom:hover::before {
  opacity: 1;
}

.debug.hidden {
  display: none !important;
}

.fitVids-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.fitVids-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* .language-picker__form {
  position: relative;
  width: 200px;
  margin: 0 auto;
  padding: 12px 15px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 0 rgba(0,0,0,0.2);
  cursor: pointer;
  outline: none;
  transition: all 0.3s ease-out;
}

.language-picker__form #language-picker-select {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border-radius: 0 0 5px 5px;
  border: 1px solid rgba(0,0,0,0.2);
  border-top: none;
  border-bottom: none;
  list-style: none;
  transition: all 0.3s ease-out;
  max-height: 0;
  overflow: hidden;
} */

.language-switcher {
  flex-flow: column wrap;
  z-index: 5;
  font-family: sans-serif;
}
.language-switcher:hover {
  cursor: pointer;
}

.language-switcher .flag,
.language-switcher > a:after,
.language-switcher > a:before {
  display: none;
}

.language-switcher ul {
  margin-top: 0;
  display: block;
  visibility: visible;
  opacity: 1;
  position: relative;
  height: auto;
  margin: 0 !important;
}

.language-switcher li {
  opacity: 0.7;
  list-style: none;
}

.language-switcher li a {
  font-size: 14px;
}

.language-switcher li.current-lang {
  opacity: 1;
}

.language-switcher .slug {
  display: none;
}

@media screen and (min-width: 1250px) {
  .language-switcher {
    max-width: 200px;
    position: relative;
    background-color: transparent;
    padding-left: 0;
  }

  .language-switcher .name {
    display: none;
  }

  .language-switcher .slug {
    display: inline;
  }

  .language-switcher .flag {
    display: flex;
    align-items: center;
  }

  .language-switcher ul {
    display: none;
    position: absolute;
    top: 0;
    box-shadow: none;
    padding: 38px 0 0;
    background: #f2f2f2;
    border-radius: 1.25rem;
    z-index: -1;
    left: 5px;
  }

  .language-switcher li {
    opacity: 1;
  }

  .language-switcher:hover ul {
    display: block;
  }
}

.language-switcher .submenu-wrapper,
.language-switcher li ul {
  display: none;
  visibility: hidden;
}

.language-switcher li ul {
  opacity: 0;
  position: absolute;
  transition: all 0.5s ease;
  margin-top: 1rem;
  left: 0;
  padding: 38px 0 0;
  width: 100%;
}

.language-switcher li:hover > ul,
.language-switcher li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}

.language-switcher li ul li {
  clear: both;
  width: 100%;
  padding: 10px 15px;
}

.language-switcher li ul li a {
  text-transform: uppercase;
}

@media screen and (min-width: 1250px) {
  .language-switcher .lang-item {
    text-transform: uppercase;
    flex-flow: row;
    display: flex;
    align-items: center;
    background: #f2f2f2;
    border-radius: 1.25rem;
    padding: 0 15px;
    height: 40px;
    width: 100%;
  }
}

.language-switcher .lang-item a {
  line-height: 1;
  text-decoration: none;
  color: #333;
  padding: 0.5rem 1rem;
  font-weight: 500;
}

@media screen and (min-width: 1250px) {
  .language-switcher .lang-item a {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
  }
}

.language-switcher .lang-item a:after {
  display: none !important;
}

.language-switcher .lang-item a:hover {
  color: #c72b29;
}

.language-switcher .lang-item .flag {
  margin-right: 0.625rem;
  border-radius: 50%;
  overflow: hidden;
  width: 23px;
  height: 23px;
  position: relative;
}

.language-switcher .lang-item .flag img {
  display: none;
}

.language-switcher .lang-item .flag > span {
  margin-left: -5px;
  flex-shrink: 0;
  position: absolute;
}

.language-switcher .lang-item img {
}

/* Subscriptions */
 #subscription-loader {
  width: 100%;
  height: 100%;
  background: #ededed;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  display: none;
}

#subscription-loader-content {
  width: 300px;
  height: 100px;
  position: fixed;
  left: calc(50% - 150px);
  top: calc(50% - 50px);
  text-align: center;
  font-size: 24px;
}

#subscription-error-message-holder {
  width: 100%;
  margin-top: 30px;
}

#subscription-error-message {
  width: 100%;
  padding: 20px;
  background-color: #f2dade;
  display: none;
}

#subscription-success-message {
  width: 100%;
  padding: 20px;
  background-color: #c6ea77;
  display: none;
}

#subscription-form {
  width: 100%;
}

#send-subscription-form {
  width: 200px;
  padding: 10px;
  background-color: green;
  color: #ffffff;
  font-size: 13px;
  margin-top: 30px;
  margin-bottom: 10px;
  cursor: pointer;
  text-align: center;
}

input.pending-change {
  background-color: #fff3e0 !important;
  border-left: 3px solid #ff9800 !important;
}
.confirm-changes-modal {

}
.confirm-changes-modal label {
  display: flex;
  align-items: center;
}

.confirm-changes-modal input[type="checkbox"] {
  margin-right: 8px;
}