/* google font Oswald */
@font-face {
    font-family: 'Oswald';
    src: url('fonts/Oswald/Oswald-Regular.woff2') format('woff2'),
        url('fonts/Oswald/Oswald-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('fonts/Oswald/Oswald-ExtraLight.woff2') format('woff2'),
        url('fonts/Oswald/Oswald-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}


/* **************************************** */
/* **************************************** */
/* General styles */
:root {
  --black: #000000;
  --white: #ffffff;

  --error-red :rgb(209, 0, 0);

  /* RGB 0 40 85 #002855 */
  --blue: #002855;

  --blue: #011126;

  --blue-transparent: rgba(1, 17, 38, 0.8);

  /* --blue-70: rgb(0 40 85 / 70%); */
  --blue-98: rgb(0 40 85 / 98%);
  --blue-95: rgb(0 40 85 / 95%);
  --blue-90: rgb(0 40 85 / 90%);
  --blue-80: rgb(0 40 85 / 80%);
  --blue-70: rgb(0 40 85 / 70%);


  /* link blue */
  /* --link-blue: rgba(1 17 38 / 100%);
  --link-blue-hover: rgba(1 17 38 / 70%); */

  /* --link-blue: rgba(1 17 38 / 70%); */
  /* --link-blue: #8095AA; */
  --link-blue: #335477;
  --link-blue-hover: rgba(1 17 38 / 100%);
  
  /* Darkgreen RGB 34 55 43 #22372B */
  /* --green-dark: #22372B; */
  --green-dark: #22372b;
  /* --green-dark-70: rgba(34 55 43 / 70%); */
  /* --green-dark-70: rgba(69 87 77 / 100%); */
  --green-dark-70: #445a53;
  /* --green-dark-50: rgba(34 55 43 / 50%); */
  /* --green-dark-50: rgba(89 145 113 / 100%); */
  --green-dark-50: #77b678;
  /* --green: #08a64a; */
  --green: #1f9b46;

  /* --green-50: rgba(8 166 74 /50%); */
  --green-50: #1f9b46cb;
  --lightgreen: #8ed6ac;

  --link-green: #00a556;
  --link-green-hover: rgba(0, 165, 85, 0.8);

  /* Sand RGB 255 197 110 #FFC56E */
  --sand: #ffc56e;

  --lightgrey: #f5f5f5;
  --lightblue: #9db0c8;

  --icon-grey: #757587;
}

* {
  font-family: "Oswald", "Source Sans Pro";
  font-weight: normal;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
  word-break: break-word;
  -webkit-text-size-adjust: 100%;
  line-height: 150%;
}

html {
  font-size: 62.5%;
}
body {
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  font-size: 1.6rem;

  /* background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)), url("../images/A.jpg"); */

  background-position: top;
  background-size: cover;
  /* background-repeat: no-repeat; */
  background-repeat: repeat-y;

  background-attachment: fixed;
}

/* main {
  margin-top: 30rem;
} */

h1 {
  /* font-size: 4rem; */
  font-size: 6rem;
  line-height: 125%;
  padding-bottom: 1rem;
}

h2 {
  /* font-size: 3.2rem; */
  font-size: 5rem;
  line-height: 125%;
  padding-bottom: 1rem;
}

h3 {
  /* font-size: 2.7rem; */
  /* font-size: 3rem; */
  font-size: 2.5rem;
  line-height: 125%;
  padding-bottom: 1rem;
}

h4 {
  font-size: 2.1rem;
  line-height: 125%;
  padding-bottom: 1rem;
}

.big-p {
  font-size: 2.4rem;
  line-height: 125%;
}

h5 {
  font-size: 1.8rem;
  line-height: 125%;
  padding-bottom: 0.75rem;
}

h6 {
  font-size: 2rem;
  line-height: 125%;
  padding-bottom: 0.5rem;
}

p,
a,
.box-content {
  font-size: 1.8rem;
}

/* set fontfamily for all heading */
h1,
h2,
h3,
h4,
h5 {
  font-family: "Oswald";
  /*letter-spacing: 0.08rem;*/
  font-weight: 400;
}

a,
a:visited {
  color: var(--white);
  text-decoration: none;
}

em,
strong,
label,
input,
::placeholder,
textarea,
select,
option,
ul,
ol,
li,
th,
tr,
td {
  font-size: inherit;
  font-size: 1.8rem;
}

.text-light {
  font-weight: 200 !important;
}

.miscellaneous-forms textarea,
.miscellaneous-forms input{
  font-size: 1.8rem !important;
  font-weight: 200 !important;
}


.miscellaneous-forms textarea::placeholder{
  font-size: 1.8rem !important;
  font-weight: 200 !important;
}



/* ul li no bullets */
ul.no-bullets {
  list-style-type: none;
  margin: 0;
  padding: 0;
}



blockquote,
blockquote p,
blockquote a {
  font-weight: 400;
  font-size: 1.8rem;
}

span,
strong,
em {
  font-size: inherit;
  line-height: inherit;
}
main ul,
main ol {
  margin-left: 1.8rem;
}

img {
  max-width: 100%;
  height: auto;
}

input[type="submit"],
button {
  display: block;
  background-color: transparent;
  padding: 1rem 3rem;
  text-decoration: none;
  width: fit-content;
  width: -moz-fit-content;
  color: var(--white) !important;
  background-color: var(--blue);
  font-weight: bold;
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  text-align: center;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  opacity: 1;
  border-radius: 5px;
}
input[type="submit"]:hover,
form button:hover {
  color: var(--white) !important;
  background-color: var(--green-dark-70) !important;
}

textarea {
  resize: none;
  width: 100%;
}

iframe {
  border: none !important;
  width: 100%;
  width: -webkit-fill-available;
  /* max-width: 100%; */
}


   a{
    font-size: inherit;
    font-weight: inherit;
  }
  
a:focus {
  border: none;
}

body.using-keyboard a:focus,
body.using-keyboard input:focus,
body.using-keyboard textarea:focus,
body.using-keyboard select:focus,
body.using-keyboard button:focus,
body.using-keyboard *:focus {
  border: 4px solid var(--blue) !important;
  outline: var(--blue);
}

table {
  width: 100%;
}
td {
  /* width: 50%; */
}

/* select */

select {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  padding: 1rem 2rem;
  background: #fff;
  color: #000;
  border: 1px solid var(--mediumGray) !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 1.6rem;
}

.select-wrapper {
  position: relative;
}

.select-wrapper:before {
  content: "\f107";
  font-family: "Line Awesome Free";
  font-weight: 900;
  font-size: inherit;
  color: var(--mediumGray);
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 4px;
  pointer-events: none;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2rem;
}

select::-ms-expand {
  display: none;
}

main.modal-open {
  position: relative;
}
main.modal-open::after {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  content: "";
  background: rgba(0, 0, 0, 0.7);
}

.menu-open {
  overflow: hidden;
}
.bold {
  font-weight: bold;
}
.center {
  text-align: center;
}

.gray-text {
  color: var(--mediumGray);
}

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

.border-bottom-1px {
  border: none;
  border-bottom: 1px solid var(--mediumGray) !important;
}

/* End of eneral styles */
/* **************************************** */
/* **************************************** */

/* **************************************** */
/* **************************************** */
/* Keep footer at bottom */
html,
body {
  width: 100%;
  height: 100%;
}

.content-wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

main {
  width: 100%;
  flex-grow: 1;
}

header,
main,
footer {
  flex-shrink: 0;
}
/* End of keep footer at bottom */
/* **************************************** */
/* **************************************** */

/* **************************************** */
/* **************************************** */
/* Header */
header {
  width: 100%;
  /* box-shadow: 0 7px 14px rgba(0, 102, 255, 0.15),0 5px 5px rgba(13, 37, 255, 0.15); */
  background-color: var(--blue);
  /* background-color: var(--blue-70); */
  z-index: 10;
  /* position: absolute; */
  position: relative;
}

header .header-container {
  height: auto;
  padding-top: 6rem;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;

  max-width: 1500px;
  margin: 0 auto;
  padding: 0 2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

header.header-no-trans {
  /* background-color: var(--white); */
}

header.sticky {
  z-index: 997;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: fixed;
  /* box-shadow: 0 2px 10px rgba(87, 87, 87, 0.31); */
  top: 0;
  width: 100%;
  /* background-color: transparent; */
  /* background-color: rgb(0 0 0 / 70%); */
  background-color: var(--blue);
  /* background-color: var(--blue-70); */
}

body.sticky-body #header-equalizer {
  height: 8rem;
}

header.sticky .header-container {
  height: 0;
  -moz-animation: slideDown-sticky 0.2s ease-in forwards;
  -webkit-animation: slideDown-sticky 0.2s ease-in forwards;
  -o-animation: slideDown-sticky 0.2s ease-in forwards;
  animation: slideDown-sticky 0.2s ease-in forwards;
  -moz-animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  /* margin-top: 4rem; */
}

header.sticky .logo-container,
header.sticky .menu-and-icons-wrapper {
  opacity: 0;
  -moz-animation: fadeIn 0.2s ease-in forwards;
  -webkit-animation: fadeIn 0.2s ease-in forwards;
  -o-animation: fadeIn 0.2s ease-in forwards;
  animation: fadeIn 0.2s ease-in forwards;
  -moz-animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
header.sticky .logo-container #header-logo {
  /* width: 12.5rem; */
  /* width: 5.5rem; */
  width: 22rem;
}
header.sticky .header-icon-wrapper .header-icon-item .header-icon-text {
  display: none;
}

@keyframes slideDown {
  from {
    height: 0;
  }
  to {
    height: 10rem;
  }
}

@-webkit-keyframes slideDown {
  from {
    height: 0;
  }
  to {
    height: 8rem;
  }
}
@keyframes slideDown-sticky {
  from {
    height: 0;
  }
  to {
    height: 8rem;
  }
}

@-webkit-keyframes slideDown-sticky {
  from {
    height: 0;
  }
  to {
    height: 8rem;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10rem;
  height: 10rem;
}

.logo-container {
  display: flex;
  /* align-items: center; */
  align-items: flex-end;
}

.logo-container #header-logo {
  /* width: 10rem; */
  /* width: 8rem; */
  /* width: 5.5rem; */
  width: 22rem;
  line-height: 0;
}

.logo-container #header-logo-text {
  /* width: 28rem; */
  width: 16rem;
}

header.sticky .logo-container #header-logo-text {
  /* width: 20rem; */
  width: 16rem;
}

.header-icon-wrapper {
  display: flex;
  align-items: center;
  position: relative;
}



.header-icon-item {
  display: flex;
  flex-flow: column;
  align-items: center;
  color: var(--white);
  /* margin-left: 2.5rem; */
  margin-left: 1.3rem;
  cursor: pointer;
  text-decoration: none;
}

.header-icon-item i {
  color: var(--white);
  /* font-size: 3.5rem; */
  font-size: 3.15rem;
}

.header-icon-item img {
  width: 4rem;
}

.header-icon-item p {
  margin-top: 0.75rem;
  color: var(--white);
  font-size: 1.6rem;
}

.header-login-logout-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 2rem;

  z-index: 999;
}

.header-login-logout-wrapper #login-button,
.header-login-logout-wrapper #logout-button,
#member-pages-button {
  line-height: 100%;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
}

.header-login-logout-wrapper #login-button i,
.header-login-logout-wrapper #logout-button i,
#member-pages-button i {
  /* margin-right: 0.75rem; */
  /* margin-left: 3rem; */
  /* font-size: 3.5rem; */
  font-size: 3.15rem;
}

/* searchbox */
#header-close-search-button {
  display: none;
}

#search-box {
  visibility: hidden;
  height: 0;
  transition: all 0.4s ease;
  width: 100%;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--blue-transparent);
  z-index: 1;
}

#search-box #search-box-inner-wrapper {
  opacity: 0;
  width: 95%;
  max-width: 75rem;
}

#search-box #search-box-inner-wrapper.open {
  animation: fadeIn 0.3s 0.4s linear forwards;
}

#search-box #search-box-inner-wrapper #search-box-form {
  width: 100%;
  display: flex;
}

#search-box #search-box-inner-wrapper #search-box-form input {
  padding: 1.5rem 2.5rem;
  width: calc(100% - 6.5rem);
  background-color: var(--white);
  border: none;
  border-radius: 0.5rem 0 0 0.5rem;
  margin: 0;
}

#search-box #search-box-inner-wrapper #search-box-form button {
  width: 6.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.5rem 3rem;
  background-color: var(--green-dark-50);
  color: var(--white);
  border: none;
  border-radius: 0 0.5rem 0.5rem 0;
  cursor: pointer;
}

#search-box #search-box-inner-wrapper #search-box-form button i {
  font-size: 2.5rem;
}

#search-box.open {
  -moz-animation: showSearch 0.2s linear forwards;
  -webkit-animation: showSearch 0.2s linear forwards;
  -o-animation: showSearch 0.2s linear forwards;
  animation: showSearch 0.2s linear forwards;
  top: 0;
  position: absolute;
  z-index: 9;
}

body.sticky-body #search-box.open {
  position: fixed;
  top: 8rem;
  z-index: 996;
  -moz-animation: showSearchSticky 0.2s linear forwards;
  -webkit-animation: showSearchSticky 0.2s linear forwards;
  -o-animation: showSearchSticky 0.2s linear forwards;
  animation: showSearchSticky 0.2s linear forwards;
  box-shadow: 0 2px 10px rgba(87, 87, 87, 0.31);
}

body.sticky-body #search-box #search-box-inner-wrapper #search-box-form input {
  padding: 1rem 2rem;
}

body.sticky-body #search-box #search-box-inner-wrapper #search-box-form button {
  padding: 1rem 2rem;
}

body.sticky-body
  #search-box
  #search-box-inner-wrapper
  #search-box-form
  button
  i {
  font-size: 1.6rem;
}

@keyframes showSearch {
  from {
    padding: 0;
    height: 0;
    visibility: hidden;
    top: 0;
  }
  to {
    padding: 2.5rem;
    height: auto;
    visibility: visible;
    top: 10rem;
  }
}

@-webkit-keyframes showSearch {
  from {
    padding: 0;
    height: 0;
    visibility: hidden;
    top: 0;
  }
  to {
    padding: 2.5rem;
    height: auto;
    visibility: visible;
    top: 10rem;
  }
}

@keyframes showSearchSticky {
  from {
    padding: 0;
    height: 0;
    visibility: hidden;
  }
  to {
    padding: 1.5rem 2.5rem;
    height: auto;
    visibility: visible;
  }
}

@-webkit-keyframes showSearchSticky {
  from {
    padding: 0;
    height: 0;
    visibility: hidden;
  }
  to {
    padding: 1.5rem 2.5rem;
    height: auto;
    visibility: visible;
  }
}

/* End of header */
/* **************************************** */
/* **************************************** */

/* **************************************** */
/* **************************************** */
/* Main menu */

.menu-and-icons-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

#header-menu-button {
  display: none;
}

#close-menu-button {
  display: none;
  padding-left: 1rem;
}

#close-menu-button img {
  /* width: 3rem; */
  /* width: 5rem; */
  width: 4rem;
  margin: 0;
  padding-top: 6px;
  padding-bottom: 0;
}

#close-menu-button i {
  font-size: 3.5rem;
}

.mainmenu {
  display: flex;
  height: 100%;
}

.main-menu.closed ~ #close-menu-button {
  display: none;
}

.mainmenu li {
  list-style-type: none;
  display: flex;
  align-items: center;
}

.mainmenu ul,
.header-login-logout-wrapper ul {
  list-style-type: none;
}

.mainmenu li {
  list-style-type: none;
}

::marker{
  list-style-type: none;
}

.mainmenu li a {
  text-decoration: none;
  margin: 0 1.5rem;
  /* text-transform: uppercase; */
  color: var(--white);
  font-family: "Oswald", "Source Sans Pro";
  font-weight: normal;
  font-size: 1.6rem;
  transition: all 0.4s ease;
}
.mainmenu li a:hover {
  color: var(--lightgreen);
}

.mainmenu li:last-child a {
  margin-right: 0;
}

/*
.mainmenu > li:not(:last-child):after {
  content: '';
    border-right: 0.3rem solid var(--green);
    position: absolute;
    height: 50%;
    right: 0rem;
    top: 25%;
}
    */

/* color when menu item has children and div sub-menu-wrapper has class sub-menu-wrapper-open  */
#menu-huvudmeny > li.menu-item:hover > a {
  /*.sub-menu-wrapper-open-color {*/
  /* color: rgba(8 166 74 /50%) !important; */
  color: var(--link-green) !important;
}


/* test if main li has wrap-first-ul  */
li.wrap-first-ul .sub-menu-wrapper .sub-menu-inner .menu-holder > .sub-menu {
  width: 100%;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: auto;
  grid-template-rows: repeat(6, auto);
  grid-auto-flow: column;
  gap: 6px 20px;
}

.sub-menu-grid-wrapper-2-col-6-row {
  /* width: 100%;
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: 36px 36px 36px 36px 36px 36px;
  grid-auto-flow: column; */


  width: 100%;
  display: grid;
  /* grid-template-columns: repeat(2, auto); */
  /* grid-template-rows: 36px 36px 36px 36px 36px 36px; */
  grid-auto-flow: column;
  grid-template-columns: auto;
  /* grid-template-rows: auto auto auto auto auto auto; */
  grid-template-rows: repeat(6, auto);
  grid-auto-flow: column;
  /* grid-gap: 10px; */
  gap: 6px 20px;


}
/*
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: 39px 46px 46px 40px 40px 40px;
    grid-auto-flow: column;
    */

.sub-menu-ul-pos-rel-right {
  position: relative;
  right: 150px;

  /* width: 100%; */
  /* justify-content: flex-start; */
  /* padding-right: 150px; */
}





/** cart ********************************************/
.header-cart-button {
  /* display: none; */
  display: none;
  display: flex;
  text-decoration: none;
}
.header-cart-button.show {
  display: flex;
}


.cart-items-counter {
  position: absolute;
    right: -10%;
    top: -18%;
    display: none;
    align-items: center;
    justify-content: center;
    /* background-color: orange; */
    background-color: var(--sand);
    color: var(--black);
    border-radius: 50%;
    height: 20px;
    width: 20px;
    font-size: 14px;
    padding-bottom: 2px;
    text-decoration: none;
}

.cart-items-counter.show {
  display: flex;
}


.header-cart-button.twiggle {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 2;
}
.header-cart-button.twiggle i {
  color: var(--sand);
}
/* .header-cart-button.twiggle:before {
  border-color: transparent transparent transparent #d9577d;
} */

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}


/************/
/*************************************************/



/* End of main menu */
/* **************************************** */
/* **************************************** */

/* **************************************** */
/* **************************************** */
/* Footer */
footer {
  height: auto;
  /* background-color: rgba(0, 134, 196, 0.7); */
  /* background-color: var(--blue-90); */
  /* background-color: var(--blue-70); */
  background-color: var(--blue);
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  width: 100%;
  position: relative;
}
.foooter-inner-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-content-box {
  padding: 1rem 1rem;
}

.footer-logo {
  display: flex;
}

.logo-svg {
  /* height: 40px;
    width: 40px;
    opacity: 1; */
  height: 66px;
  width: auto;
  opacity: 1;
}

footer .logo-svg use {
  fill: #fff;
}

.footer-wrapper-left {
  width: 50%;
  display: flex;
  align-items: center;
}

.footer-wrapper-center {
  width: auto;
}

.footer-wrapper-right {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.footer-logo-wrapper {
  /* height: auto;
  width: 100%;
  max-width: 200px;
  margin-right: 1rem; */

  height: auto;
  width: auto;
  margin-right: 1rem;
}

.footer-logo-wrapper .footer-logo img {
  max-width: 4rem;
}

/* #footer-logo {
  display: flex;
}
#footer-logo img {
  width: 17.5rem;
} */

.footer-main {
  display: flex;
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  padding: 1rem 2rem 1rem 2rem;
}

.footer-main p,
.footer-main a {
  color: #fff;
  display: block;
}

.footer-social i {
  font-size: 32px;
}

.footer-social-wrapper {
  display: flex;
  /* margin-top: -5px; */
}





    /* new */
    .wrapper-logo-company-phone {
      display: flex;
      align-items: center;
    }

    .wrapper-mail-cookie {
      display: flex;
      align-items: center;
    }
    /*  */





.footer-social {
  padding: 10px 0px 10px 0;
  margin-left: 10px;
}

.footer-content-title {
  font-weight: bold;
  font-size: 2.3rem;
  /*letter-spacing: 0.1rem;*/
}

/* footer-contact-info */
.footer-contact-info-company,
.footer-contact-info-company a {
  font-weight: 400;

  font-weight: 200;
  font-size: 1.6rem;
}

.footer-contact-info-phone,
.footer-contact-info-phone a {
  font-weight: 400;

  font-weight: 200;
  font-size: 1.6rem;
}

.footer-contact-info-mail,
.footer-contact-info-mail a {
  font-weight: 400;

  font-weight: 200;
  font-size: 1.6rem;
}

.footer-image-wrapper {
  height: auto;
  width: 100%;
  max-width: 200px;
}

.footer-25-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
}

.footer-25 {
  /* width: 23.33%;
  padding: 2.5rem; */
  width: 25%;
  width: calc(25% - 2rem);
  padding: 1.5rem 1rem;

  color: var(--white);
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}

.footer-25-wrapper .footer-25 {
  width: 23.33%;
  padding: 2.5rem;
  color: #fff;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}

.footer-25-wrapper .footer-25 a {
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}

/* last of .footer-25 */
.footer-25-wrapper .footer-25:last-of-type div {
  display: flex;
  justify-content: flex-end;
}

.footer-33-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
}

.footer-33-wrapper .footer-33 {
  width: 33.33%;
  padding: 2.5rem;
  color: #fff;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}

.footer-33-wrapper .footer-33 a {
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}

/* footer links */

.footer-links {
  list-style: none;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.footer-main .footer-links ul {
  text-decoration: none;
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-main .footer-links li {
  text-decoration: none;
  list-style: none;
  margin: 0;
}

.footer-main li a {
  color: #fff;
  text-decoration: none;
  transition: all 0.5s ease-in-out;
}

.footer-main li a:hover {
  color: var(--white);
}

.footer-links li {
  position: relative;
}

.footer-links li .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: max-content;
  list-style: none;
  background: #dbdbdb;
  z-index: 10;
  color: rgb(53, 53, 53);
  margin: 0;
  padding: 0;
}

.footer-25-wrapper .footer-image {
  width: 16rem;
}
.footer-33-wrapper .footer-image {
  width: 16rem;
}

/* End of footer */
/* **************************************** */
/* **************************************** */

/* **************************************** */
/* **************************************** */
/* News */

.single-news {
  width: 100%;
  width: calc(100% - 3rem);
  max-width: 650px;
  margin: 3rem auto;
}

.single-news h2,
.single-news h3,
.single-news h4,
.single-news h5,
.single-news h6 {
  padding-top: 2.5rem;
}

.single-news p {
  margin: 0 0 2.5rem 0;
}

.single-news-date,
p.single-news-date {
  /* margin: 1.5rem 0; */
  /* margin: 1.5rem auto; */
  font-size: 2.1rem;
  font-weight: 200;
  margin: 0;
}
.single-news-headline {
  margin: 1.5rem 0;
  /* margin:1.5rem auto; */
  padding-bottom: 0;
}

.single-news-category {
  margin: 1.5rem 0;
  font-weight: bold;
  color: var(--green);
  font-size: 2.2rem;
}


/* image */
/* .box-single-news-image {
  margin: 1.5rem 0;
  width: 100%;
} */
.box-single-news-image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;
  min-height: 500px;
  max-height: 5000px;
  width: 100%;
  position: relative;
}
.box-single-news-image .content-ontop-backgrimg {
  position: absolute;
  top: 72%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--white);
  width: 100%;
  max-width: 700px;
  padding: 0 0px;
  display: flex;
  justify-content: center;
}

.box-single-news-image .content-ontop-backgrimg > div {
  max-width: 700px;
  padding: 25px;
  text-align: center;
}

.box-single-news-image .content-ontop-backgrimg > div h1 {
  color: var(--white);
  font-size: 68px;
  padding-bottom: 0;
}
/* end image */


.single-news-content {
  margin: 1.5rem 0;
}


.single-news-content,
.single-news-content p,
.single-news-content div p {
  font-weight: 200 !important;
  font-size: 2.1rem !important
}

.single-news-content a,
.single-news-content p a,
.single-news-content div p a {
  /* color: var(--green-dark); */
  color: var(--link-blue);
    text-decoration: none;
    animation: all 0.4s ease-in-out;

    font-weight: 200 !important;
  font-size: 2.1rem !important

}

.single-news-content strong a,
.single-news-content p strong a {
  font-size: 2.1rem !important;
  font-weight: normal !important;
}

/*  */
.single-news-content a:hover,
.single-news-content p a:hover,
.single-news-content div p a:hover {
  /* color: var(--green-dark-50); */
  color: var(--link-blue-hover);
}


.box-latest-news {
  width: 100%;
  margin: 0;
  padding: 6rem 0;
}

.box-news-headline {
  padding: 0;
  width: 100%;
  width: calc(100% - 3rem);
  margin: 0 1.5rem 1.5rem 1.5rem;
  font-weight: bold;
}


  /* width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 1.5rem;
  min-height: 50rem; */
.newslist-wrapper {
  width: calc(100% + 10px);
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 1.5rem;
  min-height: 20rem;
  overflow: hidden;
}

/* End of news */
/* **************************************** */
/* **************************************** */

/* **************************************** */
/* **************************************** */
/* Standard text pages */
.top-img-text-page {
  width: 100%;
}
.text-page-content {
  margin: 1.5rem 0;
  width: 100%;
  width: calc(100% - 3rem);
  max-width: 950px;
  padding: 2.5rem 0;
}

.text-page-content h1,
.text-page-content h2,
.text-page-content h3,
.text-page-content h4,
.text-page-content h5,
.text-page-content h6 {
  padding-top: 2.5rem;
}

.text-page-content p {
  margin-bottom: 2rem;
}

.text-page-content table {
  border-collapse: collapse;
  max-width: 100% !important;
  width: auto !important;
}

.text-page-content table td,
.text-page-content table th {
  /* border: 1px solid var(--lightGray); */
  padding: 0 0 0 2.5rem;
}

.text-page-content table th {
  padding: 0.5rem 0;
  text-align: left;
  color: var(--blue);
}
/* End of standard text pages*/
/* **************************************** */
/* **************************************** */

/* **************************************** */
/* **************************************** */

/* **************************************** */
/* **************************************** */

/* COOKIES */
#cookie-info {
  position: fixed;
  z-index: 999;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: var(--white);
  box-shadow: 0px -4px 3px rgba(87, 87, 87, 0.208);
  display: none;
}

#cookie-wrapper {
  position: relative;
}

#cookie-text {
  max-width: 75%;
}

#cookie-text p a {
  font-size: 1.6rem;
}

#cookie-content {
  max-width: 1520px;
  margin: 0 auto;
  padding: 1.5rem 5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#cookie-content .btn-black-trans {
  width: -moz-max-content;
  width: max-content;
  margin-left: 2.5rem;
  padding: 1rem 1.5rem;
  font-size: 1.6rem;
}

#cookie-info p {
  font-size: 1.6rem;
}

.partner-logos-wrapper {
  width: 100%;
  width: calc(100% - 3rem);
  margin: 1.5rem;
  display: flex;
  flex-wrap: wrap-reverse;
  justify-content: center;
  align-items: center;
}
.box-partner-logo {
  width: 16.66%;
  width: calc(16.66% - 3rem);
  margin: 1.5rem 2.5rem;
}

/********************************/
/********************************/
/* css for contact forms */

.a-link-gdpr {
  color: var(--turquoise) !important;
  font-size: 1.4rem;
}

.input-error-border {
  border: 1px solid var(--error-red) !important;
}

.error-message {
  font-size: 1.35rem;
  color: var(--link-blue);
  margin-bottom: 0px;
  display: flex;
  margin-left: 1.4rem;
}

.contact-form,
.miscellaneous-forms {
  /* background-color: var(--white); */
  background-color: transparent;
  color: var(--marine);
  display: flex;
  justify-content: center;
  flex-flow: column;
  padding: 0 0;
  width: 100%;
  min-width: 80%;
  max-width: 80rem;
  border-radius: 10px;
}

.contact-form h4,
.miscellaneous-forms h4 {
  margin-left: 1.4rem;
}


.contact-form-100 {
  width: 100%;
  border-radius: 0;
}

.contact-form h2,
.miscellaneous-forms h2 {
  padding-bottom: 10px;
}

.contact-form label,
.miscellaneous-forms label {

      display: block;
    margin: 5px 0;
    margin-left: 1.4rem;

    font-size: 18px;
    color: var(--blue);
    font-weight: 400;
}

.contact-form label small,
.miscellaneous-forms label small {
  opacity: 0.6;
}



/* wrapper for input fields , textarea */
.input-outer-wrapper {
  margin-bottom: 2rem;
  width: 100%;
    display: flex;
    flex-direction: column;
}



.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="number"],
.contact-form input,
.miscellaneous-forms input[type="text"],
.miscellaneous-forms input[type="email"],
.miscellaneous-forms input[type="number"],
.miscellaneous-forms input,
.miscellaneous-forms textarea
{
  padding: 12px 12px 12px 14px;
  display: block;
  border: 1px solid var(--blue);
  min-width: 200px;
  border-radius: 12px !important;
  background-color: var(--white);
}


.product-data-collection-form input[type="number"] {
  border-radius: 12px !important;
  padding: 6px;
  max-width: 8rem;
}

.contact-form textarea,
.miscellaneous-forms textarea {
  /* padding: 12px; */
  padding: 12px 12px 12px 14px;
  display: block;
  border: 1px solid var(--blue);
  min-width: 200px;
  min-height: 100px;
  resize: vertical;
  outline: 0;
  border-radius: 12px !important;
}

.contact-form #contact-form-title,
.miscellaneous-forms #contact-form-title {
  padding-bottom: 25px;
  color: #4d4c50;
}

.contact-form .submit-button,
.miscellaneous-forms .submit-button,
.submit-button {
  display: block;
  border: none;
  background-color: var(--blue);
  color: var(--white);
  /* margin-top: 25px; */
  cursor: pointer;
  padding: 10px 30px;
  /* border-radius: 3px; */
  border-radius: 12px;
  width: fit-content;
  width: -moz-fit-content;
  display: table;
  cursor: pointer;
  font-weight: bold;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  position: relative;
  transition: all 0.4s ease;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  appearance: none;
  -webkit-appearance: none;

  font-size: 1.8rem;
  font-weight: lighter;
  padding: 1rem 2rem;


}
.contact-form .submit-button:disabled,
.miscellaneous-forms .submit-button:disabled {
  background-color: var(--blue);
  opacity: 0.7;
  color: var(--white);
  cursor: not-allowed;
}

.contact-form .submit-button:hover,
.miscellaneous-forms .submit-button:hover {
  background-color: var(--green);
  color: var(--white);
  -webkit-animation-name: hvr-wobble-top;
  animation-name: hvr-wobble-top;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.contact-form .submit-button:disabled:hover,
.miscellaneous-forms .submit-button:disabled:hover {
  background-color: var(--lightGray);
  cursor: not-allowed;
  animation: none !important;
  -webkit-animation: none !important;
}
.contact-form .submit-button i,
.miscellaneous-forms .submit-button i {
  color: var(--white);
}




.miscellaneous-forms .action-button-wrapper {
  display: flex;
  margin-top: 1rem;
}
.action-button-wrapper.space-between {
  justify-content: space-between;
}


.miscellaneous-forms .policy-info-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 1rem;
}


.bold-font-18px-radius12px {
      padding: 10px 30px;
    border-radius: 12px;
    width: fit-content;
    font-weight: bold;
    font-size: 1.8rem;
}



/*********************************************/
/* popup modal for forms */

.modal-layer {
  display: none;
  position: fixed;
  overflow-y: scroll;
  overflow-x: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.747);
  z-index: 999999;
}

.modal {
  max-width: 100%;
  width: auto;
  padding: 5rem;
  height: auto;
  min-height: 30rem;
  min-width: 30rem;
  background-color: var(--white);
  position: absolute;
  top: 43%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 7px 14px rgba(48, 48, 48, 0.1), 0 5px 5px rgba(90, 90, 90, 0.1);
  margin: 10rem 0;
}

.modal-close {
  position: absolute;
  top: 2.5rem;
  right: 2.5rem;
}

.modal-close i {
  color: var(--green);
  font-size: 3rem;
  cursor: pointer;
}

.modal-success-message {
  padding: 1.5rem 3rem 1.5rem 3rem;
  min-height: 4rem;
  border-radius: 0;
  width: fit-content;
  border: 0.2rem solid var(--green);
  background-color: var(--green);
  color: var(--white);
}
.modal-success-message h2 {
  font-size: 2.2rem;
  color: var(--white) !important;
}
.modal-success-message p {
  font-size: 1.8rem;
  color: var(--white) !important;
}


.modal i.las.la-check-circle  {
  color: var(--green);
  font-size: 4rem;
}
.modal i.las.la-exclamation-triangle {
  color: red;
  font-size: 4rem;
}
/* end popup modal for forms */




/* Hide the browser's default checkbox */



.box-chbox-wrapper {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}


.box-chbox-wrapper label {
  font-family: 'Oswald';
  font-size: 14.3px;
  font-weight: 400;
  padding-left: 1.6rem;
}

.box-chbox-wrapper input{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom checkbox */
.box-chbox-wrapper .checkmark {
  position: absolute;
  top: 0;
  left: -8px;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 0.5rem;
}

  /* On mouse-over, add a grey background color */
.box-chbox-wrapper label:hover  input:not(input:checked)~.checkmark {
  background-color: #ccc;
}



/* Create the checkmark/indicator (hidden when not checked) */
.box-chbox-wrapper .checkmark:after{
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.box-chbox-wrapper input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.box-chbox-wrapper .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}




 .box-chbox-wrapper .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

 .box-chbox-wrapper .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.box-chbox-wrapper input:checked~.checkmark:after {
    display: block;
}



.box-chbox-wrapper input:checked~.checkmark {
    /* background-color: var(--blue); */
    background-color: var(--green-dark);
}
.box-chbox-wrapper .checkmark {
    position: absolute;
    top: 4px;
    left: 0px;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 0.5rem;
}


/* End css for contact forms */
/********************************/
/********************************/




/* flex-width-100 */
.flex-width-100 {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.flex-width-70 {
  display: flex;
  width: 70%;
}

.flex-width-50 {
  display: flex;
  width: 50%;
}

.flex-width-30 {
  display: flex;
  width: 30%;
}

.flex-width-auto{
  display: flex;
  width: auto;
}


.flex-end {
  justify-content: flex-end;
}

.flex-start {
  justify-content: flex-start;
}

.justify-content-space-between {
  justify-content: space-between;
}


/********************************************************/
/****  Search result page   *****************************/

.searchform-wrapper {
  width: 100%;
  padding: 5rem 25%;
}

.searchform-wrapper h1 {
  padding-bottom: 2.5rem;
}

.searchform-wrapper .searchform {
  width: 100%;
  display: flex;
}

.searchform-wrapper .searchform input {
  width: calc(100% - 75px);
  border: none;
  font-family: "Oswald", sans-serif;
  font-size: 1.7rem;
  line-height: 2.7rem;
  padding: 2.5rem;
  font-weight: bold;
  color: #555858;
  border: 1px solid #e0e0dc;
  border-right: none;
  border-radius: 0;
}

.searchform-wrapper .searchform input::placeholder {
  font-weight: 200;
  font-family: "Oswald", sans-serif;
  color: #555858;
}

.searchform-wrapper .searchform input:-moz-placeholder,
.searchform-wrapper .searchform input::-moz-placeholder {
  color: #555858 !important;
  opacity: 1 !important;
}

.searchform-wrapper .searchform button {
  width: 75px;
  background-color: var(--green-dark-50);
  border: none;
  border: 1px solid #e0e0dc;
  border-left: none;
  padding: 2.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.searchform-wrapper .searchform button i {
  color: white;
  font-size: 3rem;
}

.search-result-wrapper {
  width: 100%;
  padding: 5rem 15%;
}

.search-result-wrapper #search-result-headline {
  padding-bottom: 5rem;
}

.search-result-wrapper #search-result-headline span {
  font-size: inherit !important;
}

.search-result-wrapper .search-result {
  /* padding-bottom: 5rem; */

  font-size: 2rem;
  line-height: 3rem;
  background-color: var(--green-dark);
  color: var(--white);

  padding: 2rem 2rem 4rem 4rem;

  margin: 2rem 0;
}

.search-result-wrapper .search-result h5 {
  color: #555858;
}

.search-result-wrapper .search-result .search-result-content {
  padding: 1rem 0;
}

.search-result-wrapper .search-result a {
  padding-top: 1rem;
  display: inline-flex;
  align-items: center;
}

.search-result-wrapper .search-result a span {
  font-family: "Oswald", sans-serif;
}

.search-result-wrapper .search-result a i {
  padding-left: 1rem;
  font-size: 2.5rem;
}

.search-result-wrapper .search-result-with-img {
  display: flex;
}

.search-result-wrapper .search-result-with-img .box-image-container {
  height: 20rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 33.33%;
}

.search-result-wrapper .search-result-with-img .search-result-content-wrapper {
  width: 66.67%;
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  padding-left: 2.5rem;
}

.search-result-wrapper .hide-result {
  display: none;
}

.get-more-results-wrapper {
  margin: 5rem 0;
}

.get-more-results-wrapper .item-action {
  display: flex;
  justify-content: center;
}

/****  End search result page   *************************/
/********************************************************/

/**************************************************************/
/*****  loader  ***********************************************/

.loader-colorfull {
  position: absolute;
  /* bottom: 135px; */
  /* bottom: 70px; */
  bottom: 50%;
  right: 50%;
  width: 40px;
  aspect-ratio: 1;
  border-radius: 50%;
  /* margin-top: -30px; */
  margin-top: -60px;
  display: flex;
  justify-content: center;
  overflow: hidden;
  transform-origin: 50% 116.5%;
  animation: l17 2s infinite linear;

  z-index: 10;

}
.loader-colorfull:before {
  content: "";
  min-width: 233%;
  height: 233%;
  background: radial-gradient(farthest-side, #002d69 90%, #0000) top,
    radial-gradient(farthest-side, #198966 90%, #0000) left,
    radial-gradient(farthest-side, #1550ff 90%, #0000) bottom,
    radial-gradient(farthest-side, #13ffde 90%, #0000) right;
  background-size: 43% 43%;
  background-repeat: repeat-x;
  animation: inherit;
  animation-direction: reverse;
}
@keyframes l17 {
  100% {
    transform: rotate(360deg);
  }
}

/**************************************************************/
/**************************************************************/

/******************************************************************/
/******************************************************************/
/* fade-in-out-block */

.fade-in-out-block {
  opacity: 1;
  animation: fadeInBlock 1s ease forwards;
}
.fade-out-block {
  opacity: 0;
}
@keyframes fadeInBlock {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* end fade-in-out-block */
/******************************************************************/
/******************************************************************/


/******************************************************************/
/* loader .loader-colorfull with id the-loader */

.loader-colorfull#the-loader {
  display: none;
  top: 50%;
}
/******************************************************************/



/**************************************************************/
.error-text-red {
  color: var(--error-red) !important;
}
/**************************************************************/

/**************************************************************/
.info-text-blue {
  color: var(--link-blue) !important;
}
/**************************************************************/


/**************************************************************/
/* misc css */

.margin-top_0 {
  margin-top: 0 !important;
}

/**************************************************************/




/* page pagination */
.custom-pagination {
  text-align: center;
  margin: 2em 0;
  display: flex;
  justify-content: center;
  width: 100%;
  /* max-width: 800px; */
}

.custom-pagination ul {
  display: flex;
  justify-content: space-around;
  text-decoration: none;
  list-style: none;

  color: var(--link-blue);
}

.custom-pagination .page-numbers {
  display: inline-block;
  margin: 0 5px;
  padding: 6px 6px;
  /* border: 1px solid #ddd; */
  border-radius: 4px;
  text-decoration: none;
  color: #333;
  transition: background-color 0.2s, color 0.2s;
}

.custom-pagination .page-numbers:hover {
  /* background-color: #0073aa; */
  background-color: var(--lightblue);
  color: var(--blue);
}

.custom-pagination .page-numbers.current {
  background-color: var(--link-blue);
  color: var(--blue);
  /* border-color: #0073aa; */
  font-weight: bold;
}

.custom-pagination .page-numbers.prev,
.custom-pagination .page-numbers.next {
  font-weight: bold;
}


/* end page pagination */



/* link-blue */
.a-link-blue {
  color: var(--link-blue);
}
.a-link-blue:hover {
  color: var(--link-blue-hover);
} 

.form_send_inquiry_contact_me_info,
.form_send_inquiry_contact_me_info a {
  font-size: 13.3px;
      font-size: 14.3px;
    font-weight: 400;
}

.form_send_inquiry_contact_me_info a, .form_send_inquiry_contact_me_info a:visited {
    color: var(--link-blue);
    text-decoration: none;
}



/* **************************************** */
/* **************************************** */
/* Responsive */

/* main menu WPSE_Sublevel_Walker */
@media all and (min-width: 1200px) {
  #main-menu-inner-wrapper li .sub-menu-wrapper {
    /* display: none; */
    /* background-color: var(--blue-80); */
    background-color: var(--blue-transparent);
    position: absolute;
    width: 100%;
    /* top: 10rem; */
    top: 7.5rem;
    left: 0;
    /* box-shadow: 0 7px 14px rgba(171, 171, 171, 0.15), 0 5px 5px rgba(171, 171, 171, 0.15); */
    z-index: 1;
    max-height: 0;
  }
  header.sticky #main-menu-inner-wrapper li .sub-menu-wrapper {
    top: 6rem;
  }

  .sub-menu-wrapper-open {
    padding-bottom: 2rem;
  }

  #main-menu-inner-wrapper li .sub-menu-wrapper-open {
    /* display: flex; */
    /* border-top: 1px solid var(--blue); */
    -moz-animation: showSubmenu 0.4s ease-in forwards;
    -webkit-animation: showSubmenu 0.4s ease-in forwards;
    -o-animation: showSubmenu 0.4s ease-in forwards;
    animation: showSubmenu 0.4s ease-in forwards;
  }

  /* login menu */
  .header-login-logout-wrapper li .sub-menu-wrapper {
    background-color: var(--blue-transparent);
    position: absolute;
    width: 100%;
    top: 7.5rem;
    left: 0;
    z-index: 1;
    max-height: 0;
  }
  header.sticky .header-login-logout-wrapper li .sub-menu-wrapper {
    top: 6rem;
  }

  .header-login-logout-wrapper .sub-menu-wrapper-open {
    padding-bottom: 2rem;
  }

  .header-login-logout-wrapper li .sub-menu-wrapper-open {
    -moz-animation: showSubmenu 0.4s ease-in forwards;
    -webkit-animation: showSubmenu 0.4s ease-in forwards;
    -o-animation: showSubmenu 0.4s ease-in forwards;
    animation: showSubmenu 0.4s ease-in forwards;
  }

  .header-login-logout-wrapper li .sub-menu-inner {
    width: 100%;
    /* max-width: 1500px; */
    margin: 0 auto;
    padding: 0rem 0rem;

    /* justify-content: space-between; */
    visibility: hidden;
    animation: hideMenuItem 0.1s linear forwards;
    opacity: 0;

    overflow: hidden;
  }
  .header-login-logout-wrapper li .sub-menu-wrapper-open .sub-menu-inner {
    display: flex;
    animation: showMenuItem 0.3s 0.1s linear forwards;
    opacity: 1;
  }
  /*  */

  @keyframes showSubmenu {
    from {
      max-height: 0;
    }
    to {
      max-height: 200rem;
      overflow-y: auto;
    }
  }
  @-webkit-keyframes showSubmenu {
    from {
      max-height: 0;
    }
    to {
      max-height: 200rem;
      overflow-y: auto;
    }
  }
  #main-menu-inner-wrapper li .sub-menu-inner {
    width: 100%;
    /* max-width: 1500px; */
    margin: 0 auto;
    padding: 0rem 0rem;

    /* justify-content: space-between; */
    visibility: hidden;
    animation: hideMenuItem 0.1s linear forwards;
    opacity: 0;

    overflow: hidden;
  }
  #main-menu-inner-wrapper li .sub-menu-wrapper-open .sub-menu-inner {
    display: flex;
    animation: showMenuItem 0.3s 0.1s linear forwards;
    opacity: 1;
  }
  /* #main-menu-inner-wrapper li .sub-menu-inner .menu-holder {
  width:60%;
} */
  @keyframes showMenuItem {
    from {
      visibility: hidden;
    }
    to {
      visibility: visible;
    }
  }
  @-webkit-keyframes showMenuItem {
    from {
      visibility: hidden;
    }
    to {
      visibility: visible;
    }
  }
  @keyframes hideMenuItem {
    from {
      visibility: hidden;
    }
    to {
      visibility: hidden;
    }
  }
  @-webkit-keyframes hideMenuItem {
    from {
      visibility: hidden;
    }
    to {
      visibility: hidden;
    }
  }
  #main-menu-inner-wrapper li .sub-menu-text {
    /* JR 2022-06-21 */
    display: block;
    /* display:none; */
    padding-right: 2.5rem;
    /* 2022-06-01 */
    width: 50%;
    border-right: 2px solid var(--mediumGray);
  }
  #main-menu-inner-wrapper li .sub-menu-text h2,
  #main-menu-inner-wrapper li .sub-menu-text p {
    color: var(--black) !important;
  }
  #main-menu-inner-wrapper .menu-holder {
    /* 2022-06-01 */
    /* width: 50%;
      display: flex;
     justify-content: center; */
    padding: 0 2.5rem;
    /* width:100%;
      padding:1rem;
      max-width: 100vh; */
  }
  /* JR 2022-06-21 */
  /* #main-menu-inner-wrapper li .sub-menu {
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2;
      -webkit-column-gap: 2.5rem;
      -moz-column-gap: 2.5rem;
      column-gap: 2.5rem;
      width: max-content;
  } */
  #main-menu-inner-wrapper li .sub-menu li {
    display: block;
    width: 100%;
    align-items: unset;
    /* margin-bottom: 1.5rem; */
    margin-bottom: 0;
    /* jm */
    position: relative;
  }
  #main-menu-inner-wrapper .menu-holder > .sub-menu > li {
    padding-bottom: 1rem;
  }
  #main-menu-inner-wrapper li .sub-menu a {
    color: var(--white) !important;
    font-size: 1.6rem;
    text-decoration: none;
    font-weight: normal;
    transition: all 0.4s ease;
    padding: 1rem 0;
  }

  #main-menu-inner-wrapper .current-menu-item > a {
    color: var(--green) !important;
  }

  #main-menu-inner-wrapper li .sub-menu a:hover {
    /* color: var(--lightgreen) !important; */
    color: var(--link-green) !important;
    /* border-bottom: 1px solid var(--darkGreen); */
  }

  /* hide arrow for mow */
  #main-menu-inner-wrapper ul li .toggle-icon-holder {
    display: none;
  }

  .sub-menu-wrapper .menu-holder ul li .toggle-icon-holder {
    /* visibility: hidden; */
    display: none;
  }
  .sub-menu-wrapper .menu-holder ul li > .sub-menu {
    margin-left: 2rem;
    /* margin-top: 1rem; */
    margin-bottom: 1rem;
  }

  /* hide level 3 */
  /* menu-item-type-custom .menu-item-object-custom*/
  .menu-holder .sub-menu .menu-item.menu-item-has-children .sub-menu {
    visibility: hidden;
    height: 0;
    margin: 0;
    opacity: 0;

    transition: all 0.4s ease-in;
  }
  .menu-holder .sub-menu .menu-item.menu-item-has-children .sub-menu li {
    display: none !important;
  }

  .menu-holder .sub-menu .menu-item.menu-item-has-children:hover .sub-menu {
    margin-top: 1rem;
    margin-left: 2rem;
    margin-bottom: 0rem;
    visibility: visible;
    opacity: 1;
    height: auto;
    width: 100%;
    min-width: 290px;
  }
  .menu-holder .sub-menu .menu-item.menu-item-has-children:hover .sub-menu li {
    display: block !important;
  }

  /* login sub menu */
  #login-logout-sub-menu .sub-menu li {
    list-style: none;
    padding-bottom: 1rem;
  }
  #login-logout-sub-menu .sub-menu li a,
  #login-logout-sub-menu .loginmenu li a {
    color: var(--white) !important;
    font-size: 1.6rem;
    text-decoration: none;
    font-weight: normal;
    transition: all 0.4s ease;
    padding: 1rem 0;
  }

  #login-logout-sub-menu .sub-menu li a:hover,
  #login-logout-sub-menu .loginmenu li a:hover {
    color: var(--link-green) !important;
  }

  /*  */
}

@media all and (max-width: 1200px) {
  .header-container {
    padding: 0 5rem;
  }

  /* **************************************** */
  /* **************************************** */
  /* Main menu */
  #main-menu {
    visibility: hidden;
    position: fixed;
    /* top: 83px; */
    /* top: 80px; */
    top: 83px;
    right: -100%;
    width: 0;
    height: 100%;

    /* padding-top: 80px; */
    /* padding-bottom: 20; */

    background-color: var(--blue-transparent);

    z-index: 998;
    overflow-y: scroll;
    /* padding-bottom: 200px; */

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

    /* box-shadow: 0 7px 14px rgba(171, 171, 171, 0.15),
      0 5px 5px rgba(171, 171, 171, 0.15); */
  }

  #main-menu-inner-wrapper .current-menu-item > a {
    color: var(--green) !important;
  }

  #main-menu-inner-wrapper li .sub-menu a:hover {
    color: var(--link-green) !important;
    /* border-bottom: 1px solid var(--darkGreen); */
  }

  #main-menu-inner-wrapper li .sub-menu-wrapper {
    width: 100%;
  }

  @keyframes mainmenu {
    0% {
      right: -100%;
      visibility: hidden;
      width: 0;
    }

    1% {
      right: -55rem;
      width: 60%;
      visibility: visible;
    }

    100% {
      right: 0;
      width: 60%;
      visibility: visible;
    }
  }

  @-webkit-keyframes mainmenu {
    0% {
      right: -100%;
      visibility: hidden;
      width: 0;
    }

    1% {
      right: -55rem;
      width: 60%;
      visibility: visible;
    }

    100% {
      right: 0;
      width: 60%;
      visibility: visible;
    }
  }

  .logo-container {
    z-index: 999;
  }

  .header-login-logout-wrapper #login-button,
  .header-login-logout-wrapper #logout-button,
  #member-pages-button {
    z-index: 999;
  }

  .header-icon-wrapper {
    display: flex;
    z-index: 999;
  }
  #header-menu-button {
    display: block;
  }

  /* #close-menu-button {
    display: block;
  } */

  .mainmenu {
    display: block;
  }

  #main-menu::-webkit-scrollbar {
    display: none;
  }

  #main-menu.open {
    animation: mainmenu 0.3s linear forwards;
  }

  @keyframes mainmenuClose {
    0% {
      right: 0;
      visibility: visible;
      width: 60%;
    }

    99% {
      right: -55rem;
      width: 0;
      visibility: visible;
    }

    100% {
      right: -100%;
      width: 0;
      visibility: hidden;
    }
  }

  @-webkit-keyframes mainmenuClose {
    0% {
      right: 0;
      visibility: visible;
      width: 60%;
    }

    99% {
      right: -55rem;
      width: 0;
      visibility: visible;
    }

    100% {
      right: -100%;
      width: 0;
      visibility: hidden;
    }
  }

  #main-menu.closed {
    animation: mainmenuClose 0.3s linear forwards;
    visibility: visible;
  }

  body.menu-open main,
  body.menu-open footer {
    position: relative;
  }

  body.sticky-body #header-equalizer {
    height: 6rem;
  }

  #main-menu #close-menu-button {
    display: flex;
    justify-content: flex-end;

    position: absolute;
    top: 0;
    right: 0;
    padding: 2.5rem;
    cursor: pointer;
  }
  #main-menu #close-menu-button i {
    color: var(--white);
    font-size: 2.5rem;
  }

  #main-menu #close-menu-button img {
    width: 30%;
  }

  #main-menu-inner-wrapper {
    width: 100%;
    height: 100%;
    margin-top: 2rem;
    /* border-top: 0.2rem solid var(--white); */
  }

  .mainmenu > li:not(:last-child):after {
    content: "";
    border-right: none;
  }

  #main-menu-inner-wrapper .mainmenu li {
    list-style-type: none;
    padding: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    /* border-bottom: 2px solid var(--white); */
  }
  #main-menu-inner-wrapper .mainmenu li a {
    color: var(--white);
    font-weight: 400;
    text-decoration: none;
    font-size: 1.8rem;
    padding: 0.5rem 2.5rem;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    width: 100%;
  }
  #main-menu-inner-wrapper .mainmenu li.menu-item-has-children a {
    /* width: 80%; */
    width: 60%;
  }

  #main-menu-inner-wrapper
    .mainmenu
    li.menu-item-has-children
    a.toggle-icon-holder {
    width: 20%;
    display: flex;
    justify-content: flex-end;
    margin: 0;
  }

  #main-menu-inner-wrapper .mainmenu li a.toggle-icon-holder {
    padding: 0 2.5rem;
  }

  #main-menu-inner-wrapper .mainmenu li:hover,
  #main-menu-inner-wrapper .mainmenu > li .sub-menu li:hover {
    /* background-color: var(--turquoise); */
    /* background-color: rgb(12 63 86); */
    /* background-color: var(--blue-transparent); */
  }

  #main-menu-inner-wrapper .mainmenu > li .sub-menu li {
    /* background-color: rgba(43, 43, 43, 0.5); */
    /* background-color: var(--blue-transparent); */
    border-bottom: none;
  }

  #main-menu-inner-wrapper .mainmenu > li .sub-menu li:last-of-type {
    border-bottom: none !important;
  }

  #main-menu-inner-wrapper .mainmenu > li .sub-menu li a {
    padding-left: 4rem;
    font-weight: normal;
  }

  #main-menu-inner-wrapper .mainmenu > li ul {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    overflow: hidden;
  }

  #main-menu-inner-wrapper .mainmenu > li ul:not(.show-lis) {
    display: none;
  }

  #main-menu-inner-wrapper .mainmenu > li .sub-menu li .sub-menu a {
    padding-left: 5rem;
  }

  #main-menu-inner-wrapper .mainmenu li ul.show-lis {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    /* padding-bottom: 20px; */
    /* border-top: 0.2rem solid var(--fuscous-gray); */
  }



  #main-menu-inner-wrapper .mainmenu > li:last-of-type .sub-menu li:last-of-type .sub-menu li:last-of-type {
    padding-bottom: 20px;
  }



  #main-menu-inner-wrapper .toggle-icon {
    color: var(--white);
    font-size: 2rem;
    cursor: pointer;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  #main-menu-inner-wrapper .la-arrow-up {
    color: var(--white);
  }
  #main-menu-inner-wrapper .mainmenu li:hover .la-arrow-up,
  #main-menu-inner-wrapper .mainmenu > li .sub-menu li:hover .la-arrow-up {
    color: var(--white);
  }

  #main-menu-inner-wrapper .no-border {
    border: none !important;
  }
  /* End of main menu */
  /* **************************************** */
  /* **************************************** */

  /*********************************************************/
  /*********************************************************/
  /* login menu */
  #login-logout-sub-menu {
    visibility: hidden;
    position: fixed;

    top: 80px;
    right: -100%;
    width: 0;
    height: 100%;

    background-color: var(--blue-transparent);

    z-index: 998;
    overflow-y: scroll;
    padding-bottom: 200px;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }

  #login-logout-sub-menu::-webkit-scrollbar {
    display: none;
  }

  #login-logout-sub-menu.open {
    animation: mainmenu 0.3s linear forwards;
  }

  #login-logout-sub-menu .sub-menu-inner {
    padding-top: 2rem;
  }

  #login-logout-sub-menu .sub-menu li {
    list-style: none;
    padding-bottom: 1rem;
  }

  #login-logout-sub-menu li a {
    color: var(--white);
    font-weight: 400;
    text-decoration: none;
    font-size: 1.8rem;
    padding: 1.5rem 2.5rem;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    width: 100%;
  }

  /* end login menu */
  /*********************************************************/
  /*********************************************************/

  .box-partner-logo {
    width: 20%;
    width: calc(20% - 5rem);
  }

  /**** footer ****/
  .footer-wrapper-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  .footer-wrapper-left {
    width: 50%;
    display: flex;
    align-items: center;
  }

  .footer-logo-wrapper {
    height: auto;
    width: auto;
    margin-right: 1rem;
  }

  .footer-logo-wrapper .footer-logo img {
    max-width: 4rem;
  }

  .footer-main .footer-25 {
    width: auto;
  }

  /*  */
}
/* end max 1200 */

@media all and (max-width: 1080px) {
  /**** footer ****/
  .footer-wrapper-left {
    width: 50%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    /* padding-top: 1rem; */
  }

  .footer-content-box {
    padding: 0rem 1rem;
}


  .footer-social {
    padding: 0px 0px 10px 0;
    margin-left: 10px;
}
      /* new */
    .wrapper-logo-company-phone {
      display: flex;
      align-items: center;
    }

  .wrapper-mail-cookie {
    display: flex;
    align-items: center;
    margin-left: 5.1rem;
}

.change-myCookie-preference {
    display: flex !important;
    padding: 0rem !important;
}


}
/* end max 1080 */

@media all and (max-width: 960px) {
  #footer-logo img {
    width: 20rem;
  }

  .footer-logo-wrapper .footer-logo img {
    max-width: 4rem;
  }

  .box-partner-logo {
    width: 25%;
    width: calc(25% - 5rem);
  }
  .good-example-main {
    width: 100%;
    padding: 0;
  }
  .good-example-info {
    width: 100%;
    padding: 2.5rem 2.5rem 5rem 0;
  }

  .contact-form,
  .miscellaneous-forms {
    min-width: auto;
  }

  .searchform-wrapper {
    width: 100%;
    padding: 5rem 3rem;
  }

  .searchform-wrapper .searchform input {
    width: calc(100% - 65px);
    padding: 1.5rem;
    font-size: 1.5rem;
    line-height: 2.2rem;
  }

  .searchform-wrapper .searchform button {
    width: 65px;
    padding: 1.9rem;
  }

  .searchform-wrapper .searchform button i {
    font-size: 2.5rem;
  }
}
@media all and (max-width: 768px) {
  h1 {
    font-size: 3.4rem;
  }

  h2 {
    font-size: 3rem;
  }

  h3 {
    font-size: 2.6rem;
  }

  h4 {
    font-size: 2rem;
  }
  h5 {
    font-size: 2.1rem;
  }

  h6 {
    font-size: 1.9rem;
  }

  p {
    font-size: 1.4rem;
  }

   a{
    font-size: inherit;
    font-weight: inherit;
  }

  em,
  strong {
    font-size: inherit;
  }

  label,
  input,
  ::placeholder,
  textarea,
  select,
  option,
  ul,
  ol,
  li,
  th,
  tr,
  td {
    font-size: inherit;
    font-size: 1.4rem;
  }


  input::placeholder {
    font-size: 1.4rem !important;
  }

  

  blockquote,
  blockquote p,
  blockquote a {
    font-size: 1.8rem;
  }

  .header-container {
    padding: 0 3rem;
    height: 8rem;
  }
  .logo-container #header-logo {
    width: 16rem;
  }

  .logo-container #header-logo-text {
    width: 20rem;
  }

  .header-icon-item {
    margin-left: 2.5rem;
  }

  .header-icon-item i {
    /* font-size: 4.5rem; */
    font-size: 3.15rem;
  }
  .header-icon-item p {
    font-size: 1.6rem;
  }

  @keyframes mainmenuMobile {
    0% {
      right: -100%;
      visibility: hidden;
      width: 0;
    }

    1% {
      right: -100%;
      width: 100%;
      visibility: visible;
    }

    100% {
      right: 0;
      width: 100%;
      height: 100%;
      /* min-height: 100vh; */
      /* height: fit-content; */
      visibility: visible;
    }
  }

  @-webkit-keyframes mainmenuMobile {
    0% {
      right: -100%;
      visibility: hidden;
      width: 0;
    }

    1% {
      right: -100%;
      width: 100%;
      visibility: visible;
    }

    100% {
      right: 0;
      width: 100%;
      visibility: visible;
    }
  }

  #main-menu.open {
    animation: mainmenuMobile 0.3s linear forwards;
  }

  #login-logout-sub-menu.open {
    animation: mainmenuMobile 0.3s linear forwards;
  }

  #main-menu {
    top: 63px;
    /* padding-top: 63px; */
  }

  #login-logout-sub-menu {
    top: 63px;
    /* padding-top: 63px; */
  }

  #main-menu-inner-wrapper .mainmenu li a {
    padding: 0.5rem 1rem;
    /* font-size: 1.4rem; */
    font-size: 1.8rem;
  }

  #main-menu-inner-wrapper .toggle-icon {
    font-size: 2rem;
  }
  #main-menu-inner-wrapper .mainmenu > li .sub-menu li a {
    padding-left: 3rem;
  }

  #main-menu #close-menu-button i {
    font-size: 2rem;
  }
  #main-menu #close-menu-button {
    padding: 2.5rem;
  }

  .box-puff-25 {
    width: 33% !important;
    width: calc(50% - 30px) !important;
  }

  .text-page-content {
    margin: 1.5rem 0;
    padding: 0;
    width: 100%;
  }

  /* COOKIES */
  #cookie-content {
    padding: 2.5rem 3rem;
    flex-wrap: wrap;
  }
  #cookie-text {
    max-width: unset;
    width: 100%;
  }
  #cookie-content p {
    font-size: 1.4rem;
  }
  #cookie-content .btn-black-trans {
    font-size: 1.4rem;
    margin: 1.5rem auto 0 auto;
  }

  .single-news {
    width: 100%;
    margin: 1.5rem 0;
  }
  .partner-logos-wrapper {
    width: 100%;
    margin: 1.5rem 0;
  }

  .box-partner-logo {
    width: 33.33%;
    width: calc(33.33% - 5rem);
  }

  .box-latest-news {
    width: 100%;
    margin: 1.5rem 0;
    padding: 0;
  }

  .contact-form,
  .miscellaneous-forms {
    min-width: auto;
  }

  /**** footer ****/

  .footer-main {
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    /* align-items: center; */
    align-items: flex-start;
  }

  .footer-wrapper-left {
    /* width: 70%; */
    width: 55%;
    align-items: center;
    flex-wrap: wrap;
    padding: 0;
  }

  .footer-wrapper-right {
    width: 30%;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
  }

  footer {
    /* padding: 2.5rem 2rem; */
  }

  .footer-main .footer-links li {
    padding: 5px 0;
  }

  .footer-25 {
    width: 100%;
    padding: 1.5rem 0rem;
  }

  .footer-social-wrapper {
    display: flex;
    /* margin-top: -5px; */
    justify-content: flex-end;
  }

  .footer-social {
    padding: 0px 0px 10px 0;
    margin-left: 10px;
}

  /* .footer-25-wrapper .footer-25 {
    width: 46.33% !important;
    padding: 0;
    margin-top: 2rem;
} */

  /* last of .footer-25 */
  /* .footer-25-wrapper .footer-25:last-of-type div {
  justify-content: center;
}
.footer-25-wrapper .footer-image {
  width: 12rem;
} */

  .searchform-wrapper {
    width: 100%;
    padding: 7.5rem 1.5rem 5rem 1.5rem;
  }

  .searchform-wrapper .searchform input {
    padding: 1.5rem;
  }

  .searchform-wrapper .searchform button {
    padding: 1.4rem;
  }

  .searchform-wrapper .searchform button i {
    font-size: 2rem;
  }

  .search-result-wrapper {
    width: calc(100% - 3rem);
    width: 100%;
    margin: 1.5rem 0;
    padding: 0;
  }

  .search-result-wrapper #search-result-headline {
    padding-bottom: 2.5rem;
  }

  .search-result-wrapper .search-result {
    font-size: 1.5rem;
    line-height: 2.2rem;
  }

  .search-result-wrapper .search-result-with-img {
    display: flex;
  }

  .search-result-wrapper .search-result-with-img .box-image-container {
    display: none;
  }

  .search-result-wrapper
    .search-result-with-img
    .search-result-content-wrapper {
    width: 100%;
    padding-left: 0;
  }
}
@media all and (max-width: 550px) {
  h2 {
    font-size: 2.2rem !important;
  }
  h3 {
    font-size: 2.2rem;
  }
  h4 {
    font-size: 2rem;
  }

  main {
    /* margin-top: 20rem; */
  }

  #main-menu {
    /* top: 89px; */
    top: 63px;
    /* padding-top: 63px; */
  }

  @keyframes slideDown-sticky {
    from {
      height: 0;
    }
    to {
      height: 6rem;
    }
  }
  @-webkit-keyframes slideDown-sticky {
    from {
      height: 0;
    }
    to {
      height: 6rem;
    }
  }

  header .header-container {
    padding: 0 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    /* height: 6rem; */
  }

  .logo-container #header-logo {
    width: 10rem;
  }
  header.sticky .logo-container #header-logo {
    width: 16rem;
  }

  header.sticky .header-container {
    /* margin-top: 1rem; */
  }

  .header-icon-item {
    /* margin-left: 1.75rem; */
    margin-left: 0.6rem;
  }

  .logo-container #header-logo {
    width: 16rem;
  }

  .logo-container #header-logo-text {
    width: 16rem;
  }

  .header-icon-item i {
    font-size: 3.15rem;
  }
  .header-icon-item p {
    font-size: 1.4rem;
  }

  .header-icon-item img {
    width: 2.8rem;
  }

  #close-menu-button img {
    padding-top: 0;
  }

  .menu-and-icons-wrapper {
    padding-right: 1rem;
  }

  .header-login-logout-wrapper #login-button i,
  .header-login-logout-wrapper #logout-button i,
  #member-pages-button i {
    margin-left: 0rem;
    font-size: 3.15rem;
  }

  .box-partner-logo {
    width: 50%;
    width: calc(50% - 5rem);
  }

  /*  */

  /* footer */
  footer {
    padding: 1rem 0rem;
  }

  .footer-main {
    width: 100%;
    flex-wrap: unset;
    justify-content: flex-start;
    align-items: flex-start;
  }




    .footer-wrapper-left {
        width: 50%;
        align-items: center;
        flex-wrap: wrap;
        padding: 0;
    }


  .footer-wrapper-right {
    width: 30%;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
  }




  .footer-content-box {
    /* padding: 1rem 0.4rem; */
    padding: 0rem 0.4rem;
}




    /* new */
    .wrapper-logo-company-phone {
      display: flex;
      align-items: center;
    }

    .wrapper-mail-cookie {
      display: flex;
      align-items: center;
      margin-left: 2.6rem;
    }
    /*  */


  .footer-logo-wrapper {
    height: auto;
    width: auto;
    margin-right: 0.5rem;
  }

  .footer-logo-wrapper .footer-logo img {
    max-width: 2rem;
  }

  .footer-contact-info-company,
  .footer-contact-info-company a {
    /* font-weight: 400; */
    font-weight: 200;
    font-size: 1.2rem;
  }
  .footer-contact-info-phone,
  .footer-contact-info-phone a {
    /* font-weight: 400; */
    font-weight: 200;
    font-size: 1.2rem;
  }
  .footer-contact-info-mail,
  .footer-contact-info-mail a {
    /* font-weight: 400; */
    font-weight: 200;
    font-size: 1.2rem;
  }

  .footer-25-wrapper .footer-25 {
    width: 46.33% !important;
    padding: 0;
    margin-top: 2rem;
  }

  /* last of .footer-25 */
  .footer-25-wrapper .footer-25:last-of-type div {
    justify-content: flex-start;
  }
  .footer-25-wrapper .footer-image {
    width: 12rem;
  }

  .footer-33-wrapper .footer-33 {
    width: 46.33% !important;
    padding: 0;
  }

  .footer-content-title {
    font-weight: bold;
    font-size: 1.6rem;
    /*letter-spacing: 0.1rem;*/
  }

  .footer-main .footer-links li {
    padding: 5px 0;
  }

  .contact-form,
  .miscellaneous-forms {
    min-width: 100%;
  }

  .footer-33-wrapper .footer-image {
    width: 12rem;
  }

  .footer-social {
    padding: 0px 0px 10px 0;
    margin-left: 10px;
  }
  .footer-social i {
    font-size: 24px;
  }





  /* modal for contact */
  .modal {
    width: 100%;
    padding: 6rem 1rem;
  }

  .modal .flex-width-100 {
    display: flex;
    width: 100%;
    /* flex-direction: column-reverse; */
    flex-direction: column;
  }

  .modal .flex-width-100 .flex-width-70 {
    display: flex;
    width: 100%;
  }

  .modal .flex-width-100 .flex-width-30 {
    display: flex;
    width: 100%;
  }


  .change-myCookie-preference {
    padding: 0rem !important;
    font-family: 'Oswald';
    font-size: 1.2rem;
}

  /*  */

}

@media all and (max-width: 470px) {
  .footer-wrapper-left {
    width: 100%;
    justify-content: flex-start;
  }
}

/* End of responsive */
/* **************************************** */
/* **************************************** */