@charset "UTF-8";
* {
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #1d1d1f;
}

html {
  background: #f8f8f8;
  scroll-behavior: smooth;
  scroll-padding: 1.5rem;
}

body {
  display: flex;
  flex-direction: column;
  margin: 0;
  min-height: 100vh;
}
body.no_scroll {
  overflow: hidden !important;
}

#topbar {
  display: flex;
  justify-content: space-between;
  padding: 0 1.545rem;
  padding-top: 2rem;
}
@media screen and (min-width: 768px) {
  #topbar {
    padding: 0 2.5rem;
    padding-top: 2rem;
  }
}
#topbar a {
  text-decoration: none;
}
#topbar #logotype {
  flex-grow: 1;
  margin: 0;
}
#topbar #logotype #name {
  color: #1d1d1f;
  font-family: "Bold";
  font-size: 1.95rem;
  line-height: 1.67;
  letter-spacing: -0.02rem;
  transition: all 0.2s;
}
#topbar #logotype #name:hover {
  color: #525252;
}
#topbar #cont_header_nav {
  display: none;
}
@media screen and (min-width: 768px) {
  #topbar #cont_header_nav {
    display: flex;
  }
}
#topbar #cont_header_nav.force_visible {
  display: flex !important;
}
#topbar #cont_header_nav #main_nav {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
#topbar #cont_header_nav #main_nav li {
  font-size: 1.5rem;
  line-height: 1.3;
  display: inline-block;
  margin: 0 2.8rem 0 0;
  padding: 0;
}
#topbar #cont_header_nav #main_nav li a {
  color: #1d1d1f;
}
#topbar #cont_header_nav #main_nav li a:hover, #topbar #cont_header_nav #main_nav li a.active {
  text-decoration: underline;
  text-decoration-color: #525252;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.6rem;
}

.lang_select {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  margin: 0.5rem 0 0 0;
  list-style: none;
  font-size: 0.72rem;
  letter-spacing: 1px;
}
.lang_select::before {
  content: "";
  position: absolute;
  left: -7px;
  top: 19.5px;
  display: block;
  width: 55px;
  height: 1px;
  background: #525252;
  transform: rotate(-45deg);
}
.lang_select li {
  display: block;
  position: absolute;
}
.lang_select li a {
  color: #1d1d1f;
  text-decoration: none;
}
.lang_select li a:hover {
  color: #525252;
}
.lang_select li:first-child {
  top: -3px;
  left: 0px;
}
.lang_select li:last-child {
  text-align: right;
  bottom: -5px;
  right: -1px;
}

#overlay .lang_select {
  position: fixed;
  left: 10vw;
  top: 1.7rem;
}
@media screen and (min-width: 540px) {
  #overlay .lang_select {
    left: auto;
    right: 1.6rem;
    top: 6rem;
  }
}
@media screen and (min-width: 768px) {
  #overlay .lang_select {
    right: 2.55rem;
    top: 5rem;
  }
}

.badge_blog {
  display: block;
  font-family: "IBM_Plex_400";
  text-align: center;
  background: #dedede;
  text-decoration: none;
  border-radius: 200px;
  padding: 1.2rem 0rem 1rem 0rem;
  width: 3.6rem;
  height: 3.6rem;
  font-size: 0.85rem;
}
.badge_blog:hover {
  background: #c5c5c5;
  text-decoration: none !important;
}

#cont_claim_lp {
  display: grid;
  grid-template-rows: 6.5rem 1fr 5rem;
  top: 0px;
  min-height: 100vh;
  margin-bottom: 5rem;
}
@media screen and (min-width: 768px) {
  #cont_claim_lp {
    grid-template-rows: 6rem 1fr 8rem;
  }
}
@media screen and (min-width: 1024px) {
  #cont_claim_lp {
    grid-template-rows: 6rem 1fr 10rem;
  }
}
#cont_claim_lp .cont_btn_down {
  display: flex;
  justify-content: center;
  align-items: center;
}

#logotype img {
  width: 11.5rem;
  padding-top: 0.8rem;
}
#claim {
  display: flex;
  align-items: center;
  padding: 3rem 1.545rem;
}
@media screen and (min-width: 768px) {
  #claim {
    padding: 8.1rem 24vw 8.5rem 15vw;
  }
}
#claim h1 {
  color: #1d1d1f;
  margin-bottom: 1.1rem;
  font-weight: normal;
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  #claim h1 {
    font-size: 2rem;
  }
}
#claim p,
#claim a {
  max-width: 820px;
}
#claim p:last-of-type {
  margin-top: 2rem;
}
#claim.lp {
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 22px;
}
@media screen and (min-width: 540px) {
  #claim.lp {
    padding: 5vh 0;
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  #claim.lp {
    padding: 3vh 0;
  }
}
@media screen and (min-width: 768px) {
  #claim.lp {
    padding: 0;
  }
}
#claim.lp article {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 1.545rem;
  padding-bottom: 2.5rem;
  width: 100%;
  z-index: 1;
}
@media screen and (min-width: 540px) {
  #claim.lp article {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  #claim.lp article {
    padding-left: 2.5rem;
  }
}
@media screen and (min-width: 1024px) {
  #claim.lp article {
    padding: 0 2.5rem 0 4rem;
  }
}
#claim.lp article h1.lp {
  font-size: 6.1vw;
  margin-bottom: 0rem;
}
@media screen and (min-width: 540px) {
  #claim.lp article h1.lp {
    font-size: 4.5vw;
  }
}
@media screen and (min-width: 1024px) {
  #claim.lp article h1.lp {
    font-size: 3vw;
  }
}
#claim.lp article p:first-of-type {
  margin-top: 1rem;
}
#claim.lp article p:last-of-type {
  margin-top: 0;
}
#claim.lp .background_lp {
  bottom: 0;
  flex-grow: 1;
  left: 0;
  width: 100%;
  min-height: 280px;
  background-image: url(../img/2404241420283210_lom_edit_marffy_05.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (min-width: 540px) {
  #claim.lp .background_lp {
    width: 50%;
    background-image: url(../img/2404241420283210_lom_edit_marffy_05.jpg);
  }
}
#claim.lp .background_lp .gradient_lp {
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #f8f8f8 0%, rgba(248, 248, 248, 0) 10%);
}
@media screen and (min-width: 540px) {
  #claim.lp .background_lp .gradient_lp {
    background: linear-gradient(90deg, #f8f8f8 0%, rgba(248, 248, 248, 0) 25%);
  }
}
#claim.lp #contact_btn {
  display: none;
}

.cont_title_lp {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-bottom: 2rem;
  scroll-padding-top: 10rem;
}
@media screen and (min-width: 768px) {
  .cont_title_lp {
    margin-bottom: 1rem;
  }
}
.cont_title_lp h2 {
  font-size: 6.1vw;
  width: 100%;
}
@media screen and (min-width: 540px) {
  .cont_title_lp h2 {
    font-size: 4.5vw;
  }
}
@media screen and (min-width: 1024px) {
  .cont_title_lp h2 {
    font-size: 3vw;
  }
}
.cont_title_lp p {
  max-width: 800px;
}

main {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
main.cont_work {
  display: grid;
  grid-template-columns: 1fr;
  padding: 0;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  main.cont_work {
    height: 100vh;
    grid-template-columns: 27.5rem 1fr;
  }
}
main.cont_work .description_work {
  background: #fefefe;
  position: relative;
  width: 100%;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding: 2.8rem 1.545rem 1rem 1.545rem;
}
@media screen and (min-width: 768px) {
  main.cont_work .description_work {
    padding: 2.8rem 2.5rem 1rem 2.5rem;
  }
}
main.cont_work .description_work h1 {
  font-size: 1.5rem;
  margin: 3.1rem 0 1.2rem 0;
}
main.cont_work .description_work::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 768px) {
  main.cont_work .description_work {
    padding-bottom: 250px;
  }
}
main.cont_work .description_work .gradient_1,
main.cont_work .description_work .gradient_2 {
  position: fixed;
  width: 27.5rem;
  display: none;
  pointer-events: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 150px;
  background: linear-gradient(360deg, #fefefe 40%, rgba(254, 254, 254, 0) 100%);
}
@media screen and (min-width: 768px) {
  main.cont_work .description_work .gradient_1,
  main.cont_work .description_work .gradient_2 {
    display: flex;
  }
}
main.cont_work .description_work .gradient_2 {
  z-index: 2;
  left: 27.5rem;
  height: 150px;
  background: linear-gradient(360deg, rgba(248, 248, 248, 0.6) 0%, rgba(248, 248, 248, 0) 100%);
}
main.cont_work #cont_videos {
  width: 100%;
  padding-top: 3.3rem;
}
main.cont_work #cont_videos div {
  margin-bottom: 3rem;
}
main.cont_work .grid_work {
  background: #f8f8f8;
  overflow: scroll;
  padding: 2rem 1.545rem 4rem 1.545rem;
}
@media screen and (min-width: 768px) {
  main.cont_work .grid_work {
    padding: 4rem 2.5rem 4rem 2.5rem;
  }
}

.cont_info,
.cont_text,
.cont_blog {
  display: flex;
  align-items: center;
  padding: 2.4rem 1.545rem;
}
@media screen and (min-width: 768px) {
  .cont_info,
  .cont_text,
  .cont_blog {
    padding: 4.2rem 2.5rem 10rem 2.5rem;
  }
}
.cont_info .info,
.cont_text .info,
.cont_blog .info {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  justify-content: space-around;
  width: 100%;
  max-width: 52rem;
  column-gap: 2rem;
  row-gap: 5rem;
}
.cont_info .info h1,
.cont_text .info h1,
.cont_blog .info h1 {
  margin-bottom: 0;
}
.cont_info .info img,
.cont_text .info img,
.cont_blog .info img {
  width: 100%;
  vertical-align: middle;
}
.cont_info .text_block img,
.cont_text .text_block img,
.cont_blog .text_block img {
  max-width: 100% !important;
  height: auto !important;
}
.cont_info .logo_grid,
.cont_text .logo_grid,
.cont_blog .logo_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem 1.25rem;
}
@media screen and (min-width: 768px) {
  .cont_info .logo_grid,
  .cont_text .logo_grid,
  .cont_blog .logo_grid {
    gap: 1.5rem 2.9rem;
  }
}
.cont_info .logo_grid h2,
.cont_text .logo_grid h2,
.cont_blog .logo_grid h2 {
  margin: 0;
}
.cont_info .logo_grid p,
.cont_text .logo_grid p,
.cont_blog .logo_grid p {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.cont_info .logo_grid .cont_logo,
.cont_text .logo_grid .cont_logo,
.cont_blog .logo_grid .cont_logo {
  grid-column: span 2;
  font-size: 0.72rem;
}
@media screen and (min-width: 768px) {
  .cont_info .logo_grid .cont_logo,
  .cont_text .logo_grid .cont_logo,
  .cont_blog .logo_grid .cont_logo {
    grid-column: span 1;
  }
}
.cont_info .logo_grid .logo,
.cont_text .logo_grid .logo,
.cont_blog .logo_grid .logo {
  display: flex;
  align-items: center;
  min-height: 5rem;
}
.cont_info .logo_grid .logo img,
.cont_text .logo_grid .logo img,
.cont_blog .logo_grid .logo img {
  max-width: 170px;
}
.cont_info .logo_grid.logos_small,
.cont_text .logo_grid.logos_small,
.cont_blog .logo_grid.logos_small {
  gap: 2rem 1.25rem;
  grid-template-columns: repeat(6, 1fr);
}
@media screen and (min-width: 768px) {
  .cont_info .logo_grid.logos_small,
  .cont_text .logo_grid.logos_small,
  .cont_blog .logo_grid.logos_small {
    gap: 1.5rem 2rem;
  }
}
.cont_info .logo_grid.logos_small p,
.cont_text .logo_grid.logos_small p,
.cont_blog .logo_grid.logos_small p {
  display: none;
}
.cont_info .logo_grid.logos_small .cont_logo,
.cont_text .logo_grid.logos_small .cont_logo,
.cont_blog .logo_grid.logos_small .cont_logo {
  display: flex;
  align-items: center;
}
.cont_info .col_2,
.cont_text .col_2,
.cont_blog .col_2 {
  grid-column: span 6;
}
@media screen and (min-width: 768px) {
  .cont_info .col_2,
  .cont_text .col_2,
  .cont_blog .col_2 {
    grid-column: span 2;
  }
}
.cont_info .col_3,
.cont_text .col_3,
.cont_blog .col_3 {
  grid-column: span 6;
}
@media screen and (min-width: 768px) {
  .cont_info .col_3,
  .cont_text .col_3,
  .cont_blog .col_3 {
    grid-column: span 3;
  }
}
.cont_info .col_4,
.cont_text .col_4,
.cont_blog .col_4 {
  grid-column: span 6;
}
@media screen and (min-width: 768px) {
  .cont_info .col_4,
  .cont_text .col_4,
  .cont_blog .col_4 {
    grid-column: span 4;
  }
}
.cont_info .logo_grid .col_4,
.cont_text .logo_grid .col_4,
.cont_blog .logo_grid .col_4 {
  grid-column: span 4;
}
@media screen and (min-width: 768px) {
  .cont_info .logo_grid .col_4,
  .cont_text .logo_grid .col_4,
  .cont_blog .logo_grid .col_4 {
    grid-column: span 4;
  }
}
.cont_info .col_5,
.cont_text .col_5,
.cont_blog .col_5 {
  grid-column: span 6;
}
@media screen and (min-width: 768px) {
  .cont_info .col_5,
  .cont_text .col_5,
  .cont_blog .col_5 {
    grid-column: span 5;
  }
}
.cont_info .col_6,
.cont_text .col_6,
.cont_blog .col_6 {
  grid-column: span 6;
}

#portfolio {
  width: 100%;
  max-width: 1550px;
  padding: 0 0 7rem 0;
  min-height: 60vh;
}
@media screen and (min-width: 768px) {
  #portfolio {
    padding: 0 0 7rem 0;
  }
}

.lg-backdrop {
  background: #fefefe;
}

.limiter_width {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0 1.545rem;
}
@media screen and (min-width: 768px) {
  .limiter_width {
    padding: 0 2.5rem 0 2.5rem;
  }
}

#team {
  display: grid;
  width: 100%;
  max-width: 380px;
  justify-content: center;
  grid-template-columns: 1fr;
  gap: 7rem 0;
  padding: 0 0 7rem 0;
}
@media screen and (min-width: 768px) {
  #team {
    max-width: 1200px;
    gap: 0 1rem;
    padding: 0 0 12rem 0;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1024px) {
  #team {
    gap: 0 3rem;
    padding: 0 0 12rem 0;
  }
}
@media screen and (min-width: 768px) {
  #team article {
    margin-bottom: 0;
    grid-template-columns: repeat(3, 1fr);
  }
}
#team img {
  width: 100%;
  vertical-align: middle;
  margin-bottom: 1.6rem;
}
#team h2 {
  grid-column: auto;
}
@media screen and (min-width: 768px) {
  #team h2 {
    grid-column: span 3;
  }
}
#team p {
  font-size: 0.85rem;
}
#team p:last-of-type {
  margin-bottom: 1.6rem;
}
#team .btn {
  display: inline-block;
  margin-right: 0.5rem;
  margin-bottom: 0.8rem;
}
#team .btn:last-child {
  margin-bottom: 0;
}

.entry_blog {
  background: #fefefe;
  padding: 1.5rem 1.3rem;
  border-radius: 0.6rem;
  margin-bottom: 3rem;
}
.entry_blog .title_entry {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 540px) {
  .entry_blog .title_entry {
    flex-direction: row;
  }
}
.entry_blog .title_entry span {
  font-size: 0.72rem;
  color: #525252;
  line-height: 3;
  white-space: nowrap;
}
@media screen and (max-width: 540px) {
  .entry_blog .title_entry span {
    line-height: 4;
  }
}
.entry_blog img {
  margin-top: 0.5rem !important;
}
.entry_blog .TextformatterVideoEmbed {
  margin-top: 1.8rem !important;
}

/*
@font-face {
  font-family: "Clash";
  src: url("../fonts/ClashDisplay-Variable.woff2");
  font-weight: normal;
  font-style: normal;
  font-weight: 580;
}
*/
@font-face {
  font-family: "IBM_Plex_400";
  src: url("../fonts/IBM_Plex_400.woff2");
  font-weight: normal;
  font-style: normal;
}
/*
@font-face {
  font-family: "IBM_Plex_500";
  src: url("../fonts/IBM_Plex_500.woff2");
  font-weight: normal;
  font-style: normal;
}
*/
/*
@font-face {
  font-family: "Light";
  src: url("../fonts/RivieraNights-Light-WebS.eot");
  src:
    url("../fonts/RivieraNights-Light-WebS.eot?#iefix") format("embedded-opentype"),
    url("../fonts/RivieraNights-Light-WebS.woff") format("woff"),
    url("../fonts/RivieraNights-Light-WebS.ttf") format("truetype"),
    url("../fonts/RivieraNights-Light-WebS.svg#RivieraNights-Light-WebS") format("svg");
  font-weight: normal;
  font-style: normal;
}
*/
@font-face {
  font-family: "Regular";
  src: url("../fonts/RivieraNights-Regular-WebS.eot");
  src: url("../fonts/RivieraNights-Regular-WebS.eot?#iefix") format("embedded-opentype"), url("../fonts/RivieraNights-Regular-WebS.woff") format("woff"), url("../fonts/RivieraNights-Regular-WebS.ttf") format("truetype"), url("../fonts/RivieraNights-Regular-WebS.svg#RivieraNights-Regular-WebS") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*
@font-face {
  font-family: "Medium";
  src: url("../fonts/RivieraNights-Medium-WebS.eot");
  src:
    url("../fonts/RivieraNights-Medium-WebS.eot?#iefix") format("embedded-opentype"),
    url("../fonts/RivieraNights-Medium-WebS.woff") format("woff"),
    url("../fonts/RivieraNights-Medium-WebS.ttf") format("truetype"),
    url("../fonts/RivieraNights-Medium-WebS.svg#RivieraNights-Medium-WebS") format("svg");
  font-weight: normal;
  font-style: normal;
}
*/
@font-face {
  font-family: "Bold";
  src: url("../fonts/RivieraNights-Bold-WebS.eot");
  src: url("../fonts/RivieraNights-Bold-WebS.eot?#iefix") format("embedded-opentype"), url("../fonts/RivieraNights-Bold-WebS.woff") format("woff"), url("../fonts/RivieraNights-Bold-WebS.ttf") format("truetype"), url("../fonts/RivieraNights-Bold-WebS.svg#RivieraNights-Bold-WebS") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*
@font-face {
  font-family: "Black";
  src: url("../fonts/RivieraNights-Black-WebS.eot");
  src:
    url("../fonts/RivieraNights-Black-WebS.eot?#iefix") format("embedded-opentype"),
    url("../fonts/RivieraNights-Black-WebS.woff") format("woff"),
    url("../fonts/RivieraNights-Black-WebS.ttf") format("truetype"),
    url("../fonts/RivieraNights-Black-WebS.svg#RivieraNights-Black-WebS") format("svg");
  font-weight: normal;
  font-style: normal;
}
*/
.text-center {
  text-align: center;
}

html {
  font-family: "Regular", sans-serif;
  font-size: 100%;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  html {
    font-size: 108%;
  }
}
@media screen and (min-width: 1024px) {
  html {
    font-size: 110%;
  }
}
@media screen and (min-width: 1600px) {
  html {
    font-size: 115%;
  }
}

h1 {
  font-family: "Regular";
  font-size: 2.8875rem;
  line-height: 1.2;
  font-weight: normal;
  margin-top: 1.3125rem;
  margin-bottom: 2.625rem;
}
h1.large {
  font-size: 2.75rem;
}
@media screen and (min-width: 768px) {
  h1.large {
    font-size: 3.575rem;
  }
}

h2 {
  font-family: "Regular";
  color: #1d1d1f;
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 1.2rem;
}

h3 {
  font-weight: normal;
  font-size: 0.75rem;
  letter-spacing: 0.03rem;
  line-height: 1.1;
  margin-top: 0rem;
  margin-bottom: 0rem;
}
h3 a {
  text-decoration: none;
}

h4 {
  font-size: 1rem;
  margin-top: 1.3125rem;
  margin-bottom: 0rem;
}

h5 {
  font-size: 1rem;
  margin-top: 1.3125rem;
  margin-bottom: 0rem;
}

p,
ul,
ol,
pre,
table,
blockquote {
  margin-top: 0rem;
  margin-bottom: 1.3125rem;
}

ul ul,
ol ol,
ul ol,
ol ul {
  margin-top: 0rem;
  margin-bottom: 0rem;
}

a {
  color: #1d1d1f;
  transition: background-color 0.2s;
}

p {
  color: #1d1d1f;
  margin-bottom: 1.3rem;
}
p a {
  text-decoration-thickness: 1px !important;
  text-underline-offset: 0.25rem;
  text-decoration-color: rgba(82, 82, 82, 0.3);
}
p a:hover {
  text-decoration-color: #525252;
  text-decoration: underline;
}
p:last-child {
  margin-bottom: 0;
}

strong {
  font-family: "Bold";
  font-weight: normal;
}

/* START Isotope – Masonry */
/* clear fix */
.grid:after {
  content: "";
  display: block;
  clear: both;
}

.grid-item,
.grid-sizer {
  width: 100%;
  margin-bottom: 16px;
}

.gutter-sizer {
  width: 16px;
}

.grid-item {
  font-size: 0.85rem;
}
.grid-item img,
.grid-item video {
  width: 100%;
  vertical-align: middle;
  transition: all 0.2s;
}
.grid-item img:hover,
.grid-item video:hover {
  transform: scale(1.02);
  box-shadow: 12px 10px 18px -14px rgba(12, 12, 12, 0.65);
  -webkit-box-shadow: 12px 10px 18px -14px rgba(12, 12, 12, 0.65);
  -moz-box-shadow: 12px 10px 18px -14px rgba(12, 12, 12, 0.65);
  box-shadow: 5px 7px 29px -8px rgba(29, 29, 31, 0.54);
  -webkit-box-shadow: 5px 7px 29px -8px rgba(29, 29, 31, 0.54);
  -moz-box-shadow: 5px 7px 29px -8px rgba(29, 29, 31, 0.54);
}
.grid-item h3 {
  display: flex;
  column-gap: 10px;
  align-items: center;
  margin-top: 1rem;
  color: #67676e;
  justify-content: flex-start;
}
.grid-item h3 span:last-of-type {
  flex-grow: 1;
}
.grid-item p:last-of-type {
  margin-bottom: 0;
}
.grid-item strong::after {
  content: " – ";
  /*
  display: inline-block;
  position: relative;
  width: 1px;
  height: 20px;
  margin: 0px 11px;
  background: $accent;
  transform: rotate(30deg) translateY(4px) translateX(2px);
  */
}

@media screen and (min-width: 540px) {
  .grid-item,
  .grid-sizer {
    width: calc((100% - 8px) / 2);
    margin-bottom: 16px;
  }
  .gutter-sizer {
    width: 8px;
  }
}
@media screen and (min-width: 1024px) {
  .grid-item,
  .grid-sizer {
    width: calc((100% - 30px) / 3);
    margin-bottom: 16px;
  }
  .gutter-sizer {
    width: 15px;
  }
}
.grid_work .grid .grid-item,
.grid_work .grid .grid-sizer,
.grid_bts .grid-item,
.grid_bts .grid-sizer {
  width: 100%;
  margin-bottom: 8px;
}
.grid_work .grid .gallery-item,
.grid_bts .gallery-item {
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .grid_work .grid .gallery-item,
  .grid_bts .gallery-item {
    pointer-events: auto;
  }
}
@media screen and (min-width: 1024px) {
  .grid_work .grid .grid-item,
  .grid_work .grid .grid-sizer,
  .grid_bts .grid-item,
  .grid_bts .grid-sizer {
    width: calc((100% - 8px) / 2);
    margin-bottom: 8px;
  }
  .grid_work .grid .grid-item.col_2,
  .grid_work .grid .grid-sizer.col_2,
  .grid_bts .grid-item.col_2,
  .grid_bts .grid-sizer.col_2 {
    width: calc((100% - 8px) / 2);
    text-align: center;
  }
  .grid_work .grid .grid-item.col_2 img,
  .grid_work .grid .grid-sizer.col_2 img,
  .grid_bts .grid-item.col_2 img,
  .grid_bts .grid-sizer.col_2 img {
    width: 90%;
  }
  .grid_work .grid .gutter-sizer,
  .grid_bts .gutter-sizer {
    width: 8px;
  }
}
@media screen and (min-width: 1600px) {
  .grid_work .grid .grid-item,
  .grid_work .grid .grid-sizer,
  .grid_bts .grid-item,
  .grid_bts .grid-sizer {
    width: calc((100% - 8px) / 3);
    margin-bottom: 16px;
  }
  .grid_work .grid .grid-item.col_2,
  .grid_work .grid .grid-sizer.col_2,
  .grid_bts .grid-item.col_2,
  .grid_bts .grid-sizer.col_2 {
    width: calc((100% - 8px) / 3 * 2);
  }
  .grid_work .grid .gutter-sizer,
  .grid_bts .gutter-sizer {
    width: 4px;
  }
}

a.container_image {
  display: block;
  position: relative;
  margin-bottom: 1rem;
}
#filter_list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#filter_list li {
  display: inline-block;
  margin-bottom: 1rem;
  margin-right: 0;
  font-size: 0.72rem;
}
#filter_list li:last-child {
  margin-right: 0;
}
#filter_list li a {
  transition: all 0.3s;
  text-decoration: none;
  display: inline-block;
  text-underline-offset: 0.4rem;
  text-decoration-thickness: 3px !important;
  padding-right: 1.2rem;
}
#filter_list li a.active, #filter_list li a:hover {
  text-decoration: underline;
}
.overlay_box_work {
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  background: rgba(29, 29, 31, 0.6);
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  transition: opacity 0.5s;
  padding: 1rem;
  text-decoration: none;
  z-index: 30;
}
.overlay_box_work p {
  color: #fefefe;
  width: 100%;
  opacity: 0;
  transform: translateY(-30px);
  transition: all 1s;
  font-size: 0.72rem;
}
@media screen and (min-width: 375px) {
  .overlay_box_work p {
    font-size: 0.85rem;
  }
}
@media screen and (min-width: 540px) {
  .overlay_box_work p {
    font-size: 1rem;
  }
}
.overlay_box_work:hover {
  opacity: 1;
}
.overlay_box_work:hover p {
  opacity: 1;
  transform: translateX(0px);
}

/* END Isotope – Masonry */
.menu-button {
  position: fixed;
  display: inline-block;
  padding: 8px 6px 0px 9px;
  background: #fefefe;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  right: 1.545rem;
  z-index: 99 !important;
  cursor: pointer;
  box-shadow: 12px 10px 18px -14px rgba(12, 12, 12, 0.65);
  -webkit-box-shadow: 12px 10px 18px -14px rgba(12, 12, 12, 0.65);
  -moz-box-shadow: 12px 10px 18px -14px rgba(12, 12, 12, 0.65);
  box-shadow: 5px 7px 29px -8px rgba(29, 29, 31, 0.54);
  -webkit-box-shadow: 5px 7px 29px -8px rgba(29, 29, 31, 0.54);
  -moz-box-shadow: 5px 7px 29px -8px rgba(29, 29, 31, 0.54);
}
@media screen and (min-width: 768px) {
  .menu-button {
    right: 2.5rem;
  }
}
.menu-button .hidden {
  display: none !important;
}

.burger-icon {
  position: relative;
  margin-top: 9px;
  margin-bottom: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.burger-icon,
.burger-icon::after {
  display: block;
  width: 22px;
  height: 1px;
  background-color: #1d1d1f;
  outline: 1px solid transparent;
  -webkit-transition-property: background-color, -webkit-transform;
  -moz-transition-property: background-color, -moz-transform;
  -o-transition-property: background-color, -o-transform;
  transition-property: background-color, transform;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.burger-icon::after {
  position: absolute;
  width: 15px;
  content: "";
}

/*
.burger-icon::before {
  top: -6px;
}
*/
.burger-icon::after {
  transition: all 0.3s;
  top: 6px;
}

.menu-button.open .burger-icon {
  -webkit-transform: translateY(3px) rotate(45deg);
  -moz-transform: translateY(3px) rotate(45deg);
  -ms-transform: translateY(3px) rotate(45deg);
  -o-transform: translateY(3px) rotate(45deg);
  transform: translateY(3px) rotate(45deg);
}

.menu-button.open .burger-icon::after {
  -webkit-transform: translateY(-6px) rotate(90deg);
  -moz-transform: translateY(-6px) rotate(90deg);
  -ms-transform: translateY(-6px) rotate(90deg);
  -o-transform: translateY(-6px) rotate(90deg);
  transform: translateY(-6px) rotate(90deg);
  width: 22px;
}

.menu-button:hover .burger-icon::after {
  width: 22px;
}

/* Up to medium */
@media screen and (max-width: 768px) {
  .menu-button {
    top: 35px;
  }
}
/* Medium and up */
@media screen and (min-width: 760px) {
  .menu-button {
    top: -40px;
  }
  .burger_out {
    transition: all 0.3s;
    transform: translateY(0px);
    opacity: 0;
  }
  .burger_in,
  .burger_forced_in {
    transition: all 0.3s;
    transform: translateY(65px) !important;
    opacity: 1;
  }
}
.btn {
  color: #1d1d1f;
  font-size: 0.8925rem;
  text-decoration: none;
  white-space: nowrap;
  background-color: #dedede;
  padding: 0.23rem 1rem 0.3rem 1rem;
  border-radius: 30px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-family: "IBM_Plex_400";
  letter-spacing: 0.02rem;
}
.btn.small {
  font-size: 0.756rem;
  padding: 0.21rem 0.7rem;
  border: none;
}
.btn:hover {
  text-decoration: none;
  background-color: #c5c5c5;
  cursor: pointer;
  /*
  &::before {
    width: 28px;
  }
  */
}
.btn.all_colors {
  -moz-animation: color_transition 6s infinite;
  -webkit-animation: color_transition 6s infinite;
  animation: color_transition 6s infinite;
}

.btn.green {
  background: #d9e0cf;
}
.btn.green:hover {
  background: #c0ccb0;
}

.btn.blue {
  background: #cfdde0;
}
.btn.blue:hover {
  background: #b0c6cc;
}

.btn.red {
  background: #ddcfe0;
}
.btn.red:hover {
  background: #c7b0cc;
}

#btn_down {
  display: flex;
  justify-content: center;
  bottom: 2.1rem;
  left: 50%;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  box-shadow: 12px 10px 18px -14px rgba(12, 12, 12, 0.65);
  -webkit-box-shadow: 12px 10px 18px -14px rgba(12, 12, 12, 0.65);
  -moz-box-shadow: 12px 10px 18px -14px rgba(12, 12, 12, 0.65);
  box-shadow: 5px 7px 29px -8px rgba(29, 29, 31, 0.54);
  -webkit-box-shadow: 5px 7px 29px -8px rgba(29, 29, 31, 0.54);
  -moz-box-shadow: 5px 7px 29px -8px rgba(29, 29, 31, 0.54);
  -moz-animation: bounce 2.5s infinite;
  -webkit-animation: bounce 2.5s infinite;
  animation: bounce 2.5s infinite;
}
#btn_down:after {
  content: "";
  display: block;
  background-image: url(../img/icon_arrow_down.svg);
  background-repeat: no-repeat;
  height: 1rem;
  width: 1.5rem;
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  #btn_down:after {
    height: 1rem;
    width: 1.3rem;
  }
}

@keyframes color_transition {
  0% {
    background-color: #d9e0cf;
  }
  33% {
    background-color: #cfdde0;
  }
  66% {
    background-color: #ddcfe0;
  }
  100% {
    background-color: #d9e0cf;
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}
.arrow_left::before,
.arrow_right::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 13px;
  margin-bottom: -1px;
  transition: width 0.1s;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" width="40" height="15" viewBox="0 0 40 15"><polyline points="7.4 14.16 .74 7.5 7.4 .84" style="fill: none; stroke: %231d1d1f; stroke-miterlimit: 10;"/><line x1=".74" y1="7.5" x2="39.96" y2="7.5" style="fill: none; stroke: %231d1d1f; stroke-miterlimit: 10;"/></svg>');
}

.arrow_left {
  padding-left: 0.8rem;
}
.arrow_left::before {
  margin-right: 8px;
}

.arrow_right {
  padding-right: 0.8rem;
}
.arrow_right::after {
  margin-left: 8px;
  transform: scaleX(-1);
}

.camera::before,
.video::before {
  content: "";
  width: 14px;
  height: 14px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: auto 100%;
  margin-right: 0.3rem;
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path d="M12,5c.55,0,1,.45,1,1v6c0,.55-.45,1-1,1H2c-.55,0-1-.45-1-1v-6c0-.55.45-1,1-1h10M12,4H2C.9,4,0,4.9,0,6v6C0,13.1.9,14,2,14h10c1.1,0,2-.9,2-2v-6c0-1.1-.9-2-2-2h0Z" style="fill: %231d1d1f; stroke-width: 0px;"/><path d="M7,7c1.1,0,2,.9,2,2s-.9,2-2,2-2-.9-2-2,.9-2,2-2M7,6c-1.66,0-3,1.34-3,3s1.34,3,3,3,3-1.34,3-3-1.34-3-3-3h0Z" style="fill: %231d1d1f; stroke-width: 0px;"/><circle cx="11.28" cy="6.65" r=".71" style="fill: %231d1d1f; stroke-width: 0px;"/></svg>');
}

.video::before {
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path d="M8.57,6c.55,0,1,.45,1,1v5c0,.55-.45,1-1,1H2c-.55,0-1-.45-1-1v-5c0-.55.45-1,1-1h6.57M8.57,5H2C.9,5,0,5.9,0,7v5C0,13.1.9,14,2,14h6.57c1.1,0,2-.9,2-2v-5c0-1.1-.9-2-2-2h0Z" style="fill: %231d1d1f; stroke-width: 0px;"/><path d="M13,6.83v5.34l-2.41-1.55v-2.24l2.41-1.55M14,5l-4.41,2.83v3.33l4.41,2.83V5h0Z" style="fill: %231d1d1f; stroke-width: 0px;"/><path d="M7.67,5.52v-1.45c0-.63-.51-1.14-1.14-1.14H1.86" style="fill: none; stroke: %231d1d1f; stroke-miterlimit: 10;"/></svg>');
}

@keyframes shaking {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  25% {
    transform: translate(0, 0) rotate(6deg);
  }
  50% {
    transform: translate(0, 0) rotate(0deg);
  }
  75% {
    transform: translate(0, 0) rotate(-6deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
#contact_btn {
  font-family: "IBM_Plex_400";
  display: flex;
  position: fixed;
  bottom: 1rem;
  padding: 0.6rem 1rem;
  background: #fefefe;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 12px 10px 18px -14px rgba(12, 12, 12, 0.65);
  -webkit-box-shadow: 12px 10px 18px -14px rgba(12, 12, 12, 0.65);
  -moz-box-shadow: 12px 10px 18px -14px rgba(12, 12, 12, 0.65);
  box-shadow: 5px 7px 29px -8px rgba(29, 29, 31, 0.54);
  -webkit-box-shadow: 5px 7px 29px -8px rgba(29, 29, 31, 0.54);
  -moz-box-shadow: 5px 7px 29px -8px rgba(29, 29, 31, 0.54);
}
@media screen and (min-width: 768px) {
  #contact_btn {
    bottom: 2rem;
  }
}

#cont_portfolio_nav {
  position: fixed;
  left: 0rem;
  bottom: 1.1rem;
  z-index: 1;
  width: 100%;
  padding: 0 1.545rem;
}
@media screen and (min-width: 768px) {
  #cont_portfolio_nav {
    width: 27.5rem;
    bottom: 2rem;
    padding: 0 2.5rem;
  }
}

#portfolio_nav {
  font-family: "IBM_Plex_400";
  display: flex;
  position: relative;
  justify-content: space-between;
  width: 100%;
  padding: 0.6rem 0;
  background: #fefefe;
  border-radius: 50px;
  box-shadow: 12px 10px 18px -14px rgba(12, 12, 12, 0.65);
  -webkit-box-shadow: 12px 10px 18px -14px rgba(12, 12, 12, 0.65);
  -moz-box-shadow: 12px 10px 18px -14px rgba(12, 12, 12, 0.65);
  box-shadow: 5px 7px 29px -8px rgba(29, 29, 31, 0.54);
  -webkit-box-shadow: 5px 7px 29px -8px rgba(29, 29, 31, 0.54);
  -moz-box-shadow: 5px 7px 29px -8px rgba(29, 29, 31, 0.54);
}
#portfolio_nav a {
  text-decoration: none;
}

#contact_btn {
  right: 1.545rem;
  padding-left: 50px;
}
@media screen and (min-width: 768px) {
  #contact_btn {
    right: 2.5rem;
  }
}
#contact_btn:hover::before {
  animation: shaking 0.3s infinite;
}
#contact_btn::before {
  display: flexbox !important;
  display: inline-block;
  transform-origin: 5px 35px;
  content: "";
  position: absolute;
  margin-left: -35px;
  width: 40px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" width="32" height="28" viewBox="0 0 32 28"><path d="M24.76,11.55l-.2-.17c-.42-.36-.93-.55-1.45-.6l.83-.93c.45-.51.67-1.16.62-1.83s-.37-1.28-.89-1.72l-.2-.17c-.43-.36-.95-.56-1.47-.6.32-.46.47-1.02.43-1.59-.05-.67-.37-1.28-.89-1.72l-.2-.17c-1-.84-2.48-.8-3.43.04-.12-.5-.4-.97-.83-1.33l-.2-.16C16.38.17,15.72-.04,15.02,0c-.69.05-1.32.36-1.77.86l-5.57,6.27c-.02-1.51-.24-2.98-.25-3.03-.07-1.41-1.35-2.63-2.84-2.72-.72-.05-1.42.19-1.96.66-.54.47-.87,1.11-.91,1.82,0,.06-.38,6.43-1.21,9.97-.84,3.59-1.21,7.15,3.54,11.14,1.72,1.45,3.87,2.16,6.02,2.16,2.51,0,5.02-.98,6.82-2.89.04-.03.07-.06.11-.1l8.03-9.05c.93-1.05.81-2.64-.27-3.55ZM24.2,14.41l-8.03,9.05-.08.08c-2.95,3.13-8.03,3.42-11.33.65C.47,20.57.78,17.47,1.57,14.08c.85-3.63,1.22-9.88,1.23-10.14.03-.42.22-.81.55-1.09.3-.26.68-.4,1.08-.4.03,0,.07,0,.1,0,.92.05,1.77.86,1.82,1.77,0,.03.4,2.68.17,4.36l-.24,1.76L14.07,1.56c.54-.61,1.49-.68,2.12-.15l.2.16c.63.53.7,1.45.15,2.06l-6.06,6.83c-.2.22-.17.55.06.75.1.09.23.13.35.13.15,0,.3-.06.41-.18l6.06-6.83,1.16-1.31c.54-.61,1.49-.68,2.12-.15l.2.17c.3.25.48.61.51,1s-.1.77-.36,1.06l-1.16,1.31-5.66,6.38c-.2.22-.17.55.06.75.1.09.23.13.35.13.15,0,.3-.06.41-.18l5.66-6.38h0c.54-.61,1.49-.68,2.11-.15l.2.16c.3.25.48.61.51,1,.03.39-.1.77-.36,1.06l-2.2,2.48s0,0,0,0l-4.4,4.95c-.2.22-.17.55.06.75.1.09.23.13.35.13.15,0,.3-.06.41-.18l4.4-4.95h0c.54-.61,1.49-.68,2.11-.15l.2.16c.63.53.69,1.45.15,2.06Z" style="fill: %231d1d1f; stroke-width: 0px;"/><path d="M30.71,9.74c-.13-.26-.45-.38-.72-.25-.27.13-.39.44-.26.7,1.57,3.19,1.58,6.85.03,10.05-1.88,3.89-5.8,6.45-10.21,6.69-.3.02-.53.27-.51.56.02.28.26.5.54.5.01,0,.02,0,.03,0,4.81-.27,9.07-3.06,11.13-7.3,1.69-3.48,1.68-7.48-.03-10.96Z" style="fill: %231d1d1f; stroke-width: 0px;"/><path d="M20.35,24.57c-.29.06-.48.34-.42.63.05.25.28.42.53.42.04,0,.08,0,.11-.01,3.41-.71,6.22-2.88,7.71-5.94,1.16-2.4,1.38-5.12.61-7.66-.08-.28-.38-.44-.67-.36-.29.08-.45.38-.37.66.7,2.29.5,4.74-.55,6.9-1.34,2.77-3.88,4.72-6.95,5.36Z" style="fill: %231d1d1f; stroke-width: 0px;"/></svg>');
}
#contact_btn.lp {
  display: none;
}
#overlay {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  background: #cccccc;
  position: fixed;
  overflow: scroll;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100vh;
  z-index: 5;
  padding: 12rem 3rem 0rem 10vw;
}
@media screen and (min-width: 768px) {
  #overlay {
    padding: 0rem 15rem 0rem 25vw;
    justify-content: center;
  }
}
#overlay nav {
  position: relative;
}
#overlay a.nav_item {
  font-size: 3rem;
  line-height: 1.4;
  text-decoration: none;
  color: #1d1d1f;
  display: block;
}
@media screen and (min-width: 768px) {
  #overlay a.nav_item {
    font-size: 4.4rem;
  }
}
#overlay a.nav_item:hover {
  text-decoration: underline;
  text-underline-offset: 1.2rem;
  text-decoration-thickness: 2px;
  text-decoration-color: #525252;
}
#overlay address {
  margin-top: 2rem;
  font-size: 0.85rem;
  font-style: normal;
}
#overlay address .btn {
  display: inline-block;
  margin-top: 0.1rem;
  background: #dedede;
}
#overlay address .btn:hover {
  background: #b5b5b5;
}

#overlay .badge_blog {
  position: absolute;
  right: -3.5rem;
  top: -1.5rem;
}

/* FORM */
/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #e9e9eb inset !important;
}

form label {
  color: #525252;
  font-size: 1rem !important;
  color: #1d1d1f;
  font-weight: 300;
}
form .InputfieldStateRequired > .InputfieldHeader:first-child:after {
  color: #525252;
}
form input,
form textarea {
  background: #e9e9eb;
  border: none;
  height: 35px;
  padding: 0 0.5rem;
  color: #1d1d1f;
  font-size: 1rem;
  margin-top: 0.4rem !important;
}
form input:focus,
form textarea:focus {
  outline: 0;
}
form textarea {
  height: 180px;
  padding: 0.5rem;
}
form select {
  margin: 0.5rem 0 !important;
  padding: 5px 35px 5px 10px;
  font-size: 16px;
  border: none;
  height: 30px;
  border-radius: 0;
  max-width: 145px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../img/arrow_select.svg) 90%/10% no-repeat #525252;
}
form select:focus {
  outline: 0;
}
form button {
  cursor: pointer;
  font-family: "IBM_Plex_400";
  font-size: 0.8925rem;
  letter-spacing: 0.02rem;
  padding: 0.23rem 1rem 0.3rem 1rem;
  display: inline-block;
  border-radius: 50px;
  border: none;
  margin-top: 0.5rem;
  text-decoration: none;
  transition: all 0.3s;
  color: #1d1d1f;
  background: #dedede;
}
form button:focus {
  outline: 0;
}
form button:hover {
  background: #c5c5c5;
}

.alert,
.alert-error,
.input-error,
.error {
  color: red;
  margin-top: 1rem;
}

.FormBuilderErrors {
  display: none;
}

.success {
  font-size: 1rem;
  color: #1d1d1f;
}

footer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 16rem;
  padding: 4rem 1.545rem 7rem 1.545rem;
  background: #fefefe;
  gap: 3rem 1rem;
  font-size: 0.85rem;
  line-height: 1.5;
  /*
  p:first-child {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    @media screen and (max-width: $m) {
      //grid-column: span 2;
    }
  }
  */
}
@media screen and (min-width: 768px) {
  footer {
    padding: 4rem 2.5rem 4.2rem 2.5rem;
    gap: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  footer {
    flex-direction: row;
    gap: 2.8rem;
  }
}
footer #footer_left {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr;
  gap: 1.8rem 0rem;
  /*
  &.lp {
    img {
      max-width: 10.5rem;
      max-height: 8.5rem;
    }
  }
  */
}
footer #footer_left #company_name {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: max-content;
  gap: 0 0.8rem;
  margin: 0;
}
@media screen and (min-width: 768px) {
  footer #footer_left #company_name {
    gap: 0 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  footer #footer_left {
    grid-auto-flow: column;
    grid-template-columns: auto;
    justify-content: flex-start;
    gap: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  footer #footer_left {
    gap: 2.8rem;
  }
}
footer #footer_left img {
  max-width: 8.5rem;
  max-height: 5.5rem;
  display: inline-block;
  margin: 0;
  padding: 0;
  display: inline-block;
}
footer #footer_right {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media screen and (min-width: 1024px) {
  footer #footer_right {
    text-align: right;
  }
}
footer p {
  margin-bottom: 0;
}
footer a {
  text-decoration: none;
}
footer a:hover {
  text-decoration: underline;
  text-decoration-color: #525252;
}

/* HTML: <div class="loader"></div> */
#cont_loader {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  opacity: 1;
  justify-content: center;
  align-items: center;
  padding-left: 27.5rem;
  width: 100%;
  height: 100vh;
  z-index: 0;
  pointer-events: none;
  animation: fadeIn 3s;
}
#cont_loader div {
  color: rgba(82, 82, 82, 0.8);
}

.loader {
  width: 80px;
  height: 70px;
  border: 5px solid rgba(82, 82, 82, 0);
  padding: 0 8px;
  box-sizing: border-box;
  background: linear-gradient(rgba(82, 82, 82, 0.8) 0 0) 0 0/8px 20px, linear-gradient(rgba(82, 82, 82, 0.8) 0 0) 100% 0/8px 20px, radial-gradient(farthest-side, rgba(82, 82, 82, 0.8) 90%, rgba(0, 0, 0, 0)) 0 5px/8px 8px content-box, rgba(82, 82, 82, 0);
  background-repeat: no-repeat;
  animation: l3 2s infinite linear;
}

@keyframes l3 {
  25% {
    background-position: 0 0, 100% 100%, 100% calc(100% - 5px);
  }
  50% {
    background-position: 0 100%, 100% 100%, 0 calc(100% - 5px);
  }
  75% {
    background-position: 0 100%, 100% 0, 100% 5px;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.btn, .badge_blog, button {
  -moz-animation: color_transition 6s infinite;
  -webkit-animation: color_transition 6s infinite;
  animation: color_transition 6s infinite;
}

#overlay {
  -moz-animation: color_transition 6s infinite;
  -webkit-animation: color_transition 6s infinite;
  animation: color_transition 6s infinite;
}
#overlay .btn, #overlay .badge_blog {
  filter: brightness(93%);
}/*# sourceMappingURL=main_blank.css.map */