k@font-face {
  font-family: Graphik-light;
  src: url("../fonts/Graphik-Web-Light.ttf");
  src: url("../fonts/Graphik-Web-Light.woff");
}
@font-face {
  font-family: graphik-regular;
  src: url("../fonts/Graphik-Web-Regular.ttf");
  src: url("../fonts/Graphik-Web-Regular.woff");
}
@font-face {
  font-family: graphik-bold;
  src: url("../fonts/Graphik-Web-Bold.ttf");
  src: url("../fonts/Graphik-Web-Bold.woff");
}
@font-face {
  font-family: graphik-semi-bold;
  src: url("../fonts/Graphik-Semibold.otf");
}
@font-face {
  font-family: graphik-super;
  src: url("../fonts/Graphik-Web-Super.ttf");
  src: url("../fonts/Graphik-Web-Super.woff");
}
@font-face {
  font-family: gothic-regular;
  src: url("../fonts/ZenKakuGothicNew-Regular.ttf");
}
@font-face {
  font-family: gothic-light;
  src: url("../fonts/ZenKakuGothicNew-Light.ttf");
}
@font-face {
  font-family: gothic-medium;
  src: url("../fonts/ZenKakuGothicNew-Medium.ttf");
}
@font-face {
  font-family: gothic-bold;
  src: url("../fonts/ZenKakuGothicNew-Bold.ttf");
}
@font-face {
  font-family: gothic-black;
  src: url("../fonts/ZenKakuGothicNew-Black.ttf");
}
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

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

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a, a:hover, a:visited {
  color: #58C1E2;
  text-decoration: none;
  outline: none;
}

.footer-bottom span a {
  padding: 0 10px;
}

.cc-team-entry header {
  margin-bottom: 1em;
}
.cc-team-entry header h3, .cc-team-entry header h4 {
  margin: 0;
}

.kb-gallery-image-contain .th-lazy-loader, .kb-is-ratio-image .th-lazy-loader {
  position: static;
}

.kb-adv-form-message {
  background-color: #58C1E2;
}

.kb-gallery-ul {
  margin: 0 !important;
}

.th-wordpress, .edit-post-visual-editor {
  column-count: 1;
  -moz-column-count: 1;
  -webkit-column-count: 1;
}
.th-wordpress textarea, .edit-post-visual-editor textarea {
  box-sizing: border-box;
}
.th-wordpress .media_wrapper img, .edit-post-visual-editor .media_wrapper img {
  width: 100%;
}
.th-wordpress .media_wrapper iframe, .edit-post-visual-editor .media_wrapper iframe {
  width: 100%;
}
.th-wordpress .wp-block-image, .edit-post-visual-editor .wp-block-image {
  margin-bottom: 1em;
}
.th-wordpress .wp-block-gallery, .edit-post-visual-editor .wp-block-gallery {
  margin-bottom: 1em;
}
.th-wordpress .wp-block-gallery .wp-block-image, .edit-post-visual-editor .wp-block-gallery .wp-block-image {
  margin-bottom: 0;
}
.th-wordpress h1.title, .edit-post-visual-editor h1.title {
  background-color: #58C1E2;
  color: white;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  line-height: unset;
  margin-bottom: 0 !important;
}
.th-wordpress .wrap.content-width, .th-wordpress .wrap.wrap-single-page-margin, .th-wordpress .wrap-single-page .wrap.content-text, .wrap-single-page .th-wordpress .wrap.content-text, .edit-post-visual-editor .wrap.content-width, .edit-post-visual-editor .wrap.wrap-single-page-margin, .edit-post-visual-editor .wrap-single-page .wrap.content-text, .wrap-single-page .edit-post-visual-editor .wrap.content-text {
  padding-top: 1em;
}
.th-wordpress h1, .edit-post-visual-editor h1 {
  font-size: 1.8em;
  line-height: 1.4em;
}
.th-wordpress h1, .edit-post-visual-editor h1, {
  font-family: gothic-medium;
}
.th-wordpress h2, .th-wordpress h3, .edit-post-visual-editor h2, .edit-post-visual-editor h3 {
  font-family: gothic-regular;
}
.th-wordpress h1, .th-wordpress h2, .th-wordpress h3, .edit-post-visual-editor h1, .edit-post-visual-editor h2, .edit-post-visual-editor h3 {
  font-weight: regular;
}
.th-wordpress h2, .edit-post-visual-editor h2 {
  font-size: 1.4em;
  line-height: 1.4em;
  letter-spacing: 0.1px;
}
.th-wordpress h3, .edit-post-visual-editor h3 {
  font-size: 1.2em;
  line-height: 1.4em;
  letter-spacing: 0.1px;
}
.th-wordpress h4, .edit-post-visual-editor h4 {
  font-size: 1.1em;
  line-height: 1.4em;
  letter-spacing: 0.1px;
}
.th-wordpress h5, .edit-post-visual-editor h5 {
  font-size: 1em;
  line-height: 1.4em;
  letter-spacing: 0.1px;
}
.th-wordpress h6, .edit-post-visual-editor h6 {
  font-size: 0.8em;
  line-height: 1.4em;
  letter-spacing: 0.1px;
}
.th-wordpress ol, .th-wordpress ul, .edit-post-visual-editor ol, .edit-post-visual-editor ul {
  font-size: 1em;
  line-height: 1.4em;
  letter-spacing: 0.1px;
}
.th-wordpress p, .edit-post-visual-editor p {
  font-size: 1em;
  line-height: 1.4em;
  letter-spacing: 0.1px;
}
.th-wordpress p:not(.no-margin), .th-wordpress h1:not(.no-margin), .th-wordpress h2:not(.no-margin), .th-wordpress h3:not(.no-margin), .th-wordpress h4:not(.no-margin), .th-wordpress h5:not(.no-margin), .th-wordpress h6:not(.no-margin), .th-wordpress ol:not(.no-margin), .th-wordpress ul:not(.no-margin), .edit-post-visual-editor p:not(.no-margin), .edit-post-visual-editor h1:not(.no-margin), .edit-post-visual-editor h2:not(.no-margin), .edit-post-visual-editor h3:not(.no-margin), .edit-post-visual-editor h4:not(.no-margin), .edit-post-visual-editor h5:not(.no-margin), .edit-post-visual-editor h6:not(.no-margin), .edit-post-visual-editor ol:not(.no-margin), .edit-post-visual-editor ul:not(.no-margin) {
  margin-bottom: 1em;
  line-height: 1.4em;
  margin-top: 0;
}
.th-wordpress strong, .th-wordpress b, .edit-post-visual-editor strong, .edit-post-visual-editor b {
  font-weight: medium;
}
.th-wordpress em, .th-wordpress i, .edit-post-visual-editor em, .edit-post-visual-editor i {
  font-style: italic;
}
.th-wordpress ol, .th-wordpress ul, .edit-post-visual-editor ol, .edit-post-visual-editor ul {
  padding-left: 1em;
}
.th-wordpress ol, .edit-post-visual-editor ol {
  list-style-type: decimal;
}
.th-wordpress ul, .edit-post-visual-editor ul {
  list-style-type: disc;
}
.th-wordpress li, .edit-post-visual-editor li {
  margin-bottom: 1em;
}
.th-wordpress a, .edit-post-visual-editor a {
  font-family: gothic-regular;
  color: #58C1E2;
}
.th-wordpress a:hover, .edit-post-visual-editor a:hover {
  color: #58C1E2;
  text-decoration: underline;
}
.th-wordpress iframe, .edit-post-visual-editor iframe {
  display: block;
  margin: auto;
}
.th-wordpress .wp-caption, .edit-post-visual-editor .wp-caption {
  max-width: 100%;
}
.th-wordpress .wp-caption p, .edit-post-visual-editor .wp-caption p {
  margin: auto;
}
.th-wordpress .wp-caption img, .edit-post-visual-editor .wp-caption img {
  margin-bottom: auto;
}
.th-wordpress .gallery, .edit-post-visual-editor .gallery {
  clear: both;
  padding-bottom: 25px;
}
.th-wordpress .gallery.gallery-columns-3 .gallery-item, .edit-post-visual-editor .gallery.gallery-columns-3 .gallery-item {
  width: 33.333%;
}
.th-wordpress .gallery .gallery-item, .edit-post-visual-editor .gallery .gallery-item {
  margin: auto;
}
.th-wordpress .gallery .gallery-caption, .edit-post-visual-editor .gallery .gallery-caption {
  margin: 5px 0;
  font-size: 0.85em;
  font-weight: regular;
  font-family: gothic-light;
}
.th-wordpress .gallery img, .edit-post-visual-editor .gallery img {
  border: none;
  width: 100%;
  margin: auto;
  max-width: none !important;
}
.th-wordpress .wp-block-embed, .edit-post-visual-editor .wp-block-embed {
  width: 100%;
}
.th-wordpress .wp-block-embed.is-type-video, .edit-post-visual-editor .wp-block-embed.is-type-video {
  margin-bottom: 1em;
  position: relative;
}
.th-wordpress .wp-block-embed.is-type-video .video-placeholder-youtube, .edit-post-visual-editor .wp-block-embed.is-type-video .video-placeholder-youtube {
  top: 0;
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  margin-bottom: 1em;
}
.th-wordpress .wp-block-embed.is-type-video .wp-block-embed__wrapper, .edit-post-visual-editor .wp-block-embed.is-type-video .wp-block-embed__wrapper {
  width: 100%;
  position: relative;
  padding-top: 56.62%;
}
.th-wordpress .wp-block-embed.is-type-video .wp-block-embed__wrapper iframe, .edit-post-visual-editor .wp-block-embed.is-type-video .wp-block-embed__wrapper iframe {
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.th-wordpress .wp-caption-text, .edit-post-visual-editor .wp-caption-text {
  text-align: center;
  font-size: 0.7em;
}
@media (max-width: 1024px) {
  .th-wordpress h1.title .content-width, .th-wordpress h1.title .wrap-single-page-margin, .th-wordpress h1.title .wrap-single-page .content-text, .wrap-single-page .th-wordpress h1.title .content-text, .edit-post-visual-editor h1.title .content-width, .edit-post-visual-editor h1.title .wrap-single-page-margin, .edit-post-visual-editor h1.title .wrap-single-page .content-text, .wrap-single-page .edit-post-visual-editor h1.title .content-text {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .th-wordpress h1, .edit-post-visual-editor h1 {
    font-size: 1.8em;
  }
  .th-wordpress h2, .edit-post-visual-editor h2 {
    font-size: 1.6em;
  }
}

#cookie-notice {
  font-size: 1.2em;
  font-family: gothic-light;
}

#cn-accept-cookie {
  background-color: rgb(127, 203, 219);
  background-image: none;
  font-family: gothic-regular;
  text-shadow: none;
  font-size: 0.8em;
  padding: 5px 10px;
}

.formkit-slide-in .formkit-close {
  background-color: transparent !important;
  color: darkgray !important;
}

.formkit-form {
  border: none !important;
  height: 400px !important;
  margin: 0 !important;
}
.formkit-form .formkit-submit span {
  text-transform: uppercase;
  border-radius: 0 !important;
}
.formkit-form .formkit-powered-by-convertkit-container {
  display: none !important;
}

.ui-nav-social-media li a:after {
  display: block;
  width: 32px;
  height: 32px;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.ui-nav-social-media #cca-menu-item-facebook a:after {
  background-image: url("../assets/en/ui/ui_btn_social_facebook.png");
}
.ui-nav-social-media #cca-menu-item-twitter a:after {
  background-image: url("../assets/en/ui/ui_btn_social_twitter.png");
}
.ui-nav-social-media #cca-menu-item-bluesky a:after {
  background-image: url("../assets/en/ui/ui_btn_social_bluesky.png");
}
.ui-nav-social-media #cca-menu-item-tiktok a:after {
  background-image: url("../assets/en/ui/ui_btn_social_tiktok.png");
}
.ui-nav-social-media #cca-menu-item-instagram a:after {
  background-image: url("../assets/en/ui/ui_btn_social_instagram.png");
}
.ui-nav-social-media #cca-menu-item-linkedin a:after {
  background-image: url("../assets/en/ui/ui_btn_social_linkedin.png");
}
.ui-nav-social-media #cca-menu-item-youtube a:after {
  background-image: url("../assets/en/ui/ui_btn_social_youtube.png");
}
.ui-nav-social-media #cca-menu-item-vimeo a:after {
  background-image: url("../assets/en/ui/ui_btn_social_vimeo.png");
}

body {
  --wp--style--global--content-size: 75%;
  --wp--style--global--wide-size: 100%;
}
@media only screen and (max-width: 767px) {
  body {
    --wp--style--global--content-size: 100%;
  }
}

html, body {
  margin: 0;
  width: 100%;
  height: 100%;
  min-width: 320px;
}

.content-width, .wrap-single-page-margin, .wrap-single-page .content-text {
  max-width: var(--wp--style--global--content-size);
  margin: auto;
}
@media screen and (max-width: 1024px) {
  .content-width, .wrap-single-page-margin, .wrap-single-page .content-text {
    padding: 1em;
  }
}
@media screen and (max-width: 767px) {
  .content-width, .wrap-single-page-margin, .wrap-single-page .content-text {
    max-width: var(--wp--style--global--wide-size);
    margin: auto;
  }
}

body {
  color: #333;
  font-family: gothic-regular;
  font-size: 1.2em;
  line-height: 1.4em;
}
body.loading {
  display: none;
}
body .wrap-outer {
  min-height: 100%;
  position: relative;
}
body .wrap-outer:before {
  content: "";
  height: 5em;
  display: block;
}
body .wrap-view.ng-enter .overlay-wipe {
  opacity: 1;
}
body .overlay {
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  position: fixed;
  pointer-events: none;
}
body .overlay-wipe {
  top: 0;
  opacity: 1;
  position: fixed;
  background-color: white;
  -webkit-animation: 0.5s fadeout 0.2s forwards; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: 0.5s fadeout 0.2s forwards; /* Firefox < 16 */
  -ms-animation: 0.5s fadeout 0.2s forwards; /* Internet Explorer */
  -o-animation: 0.5s fadeout 0.2s forwards; /* Opera < 12.1 */
  animation: 0.5s fadeout 0.2s forwards;
}

.wrap-body {
  width: 100%;
  height: 100%;
}

.wrap-body.locked {
  overflow: hidden;
}

@media only screen and (min-width: 3000px) {
  html {
    zoom: 200%;
  }
}
body .wrap-view .wrap {
  font-size: 1.1em;
}

body.single {
  background-color: f2f2f2;
}

.uagb-slides {
  overflow: hidden;
}

@media (max-width: 1024px) {
  body .wrap-view .wrap {
    font-size: 1em;
  }
}
@media (min-width: 1024px) {
  body.full .wrap-outer {
    padding-top: 5em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  body.full .wrap-outer:before {
    content: none;
  }
  body.full .wrap-outer, body.full .wrap-view, body.full .wrap-main, body.full .wrap-sub-view {
    height: 100%;
  }
}
.clear:after, .content-text .align-left:after, .content-text .align-right:after {
  content: "";
  clear: both;
  display: block;
}

.wrap-ratio {
  padding-top: 56%;
  position: relative;
}
.wrap-ratio .wrap-ratio-content {
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.drop-shadow {
  filter: drop-shadow(0px 0px 14px rgba(0, 0, 0, 0.2));
}

button {
  font-family: gothic-regular;
}

.ui-btn, .ui-btn-view-project {
  width: 2em;
  height: 2em;
  display: inline-block;
  border: solid #333 thin;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: all ease-in-out 0.5s;
}
.ui-btn:hover, .ui-btn-view-project:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.1);
}
.ui-btn:hover a, .ui-btn-view-project:hover a {
  text-decoration: none;
}
.ui-btn.light:hover, .content-strip.light .ui-btn.loader-folding-cube:hover, .light.ui-btn-view-project:hover, .content-strip.light .ui-btn-view-project.loader-folding-cube:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.ui-btn-home img {
  height: 3em;
  display: block;
  width: auto;
}

.ui-btn-menu {
  background-image: url("../assets/en/ui/ui_icon_menu.png");
}

.ui-btn-close {
  background-image: url("../assets/en/ui/ui_icon_close.png");
}

.ui-btn-mobile, .ui-btn-close {
  width: 2em;
  height: 2em;
  border-color: white;
}

.ui-btn-view-project {
  width: auto;
  height: auto;
  color: #333;
  padding: 10px 24px;
  font-family: gothic-regular;
}
.ui-btn-view-project a {
  background-color: transparent;
  padding: 0;
}
.ui-btn-view-project a:hover {
  color: inherit;
}
.ui-btn-view-project-light, .content-text-light .ui-btn-view-project, .content-strip.light .content-text .ui-btn-view-project, .content-thumbnail.light .content-text .ui-btn-view-project, .image-strip.light .content-text .ui-btn-view-project, .light.image-strip-thumbnail .content-text .ui-btn-view-project, .content-text.light .ui-btn-view-project, .ui-btn-view-project.light, .content-strip.light .ui-btn-view-project.loader-folding-cube {
  color: white;
  border-color: white;
}
.ui-btn-view-project-light > *, .content-text-light .ui-btn-view-project > *, .content-strip.light .content-text .ui-btn-view-project > *, .content-thumbnail.light .content-text .ui-btn-view-project > *, .image-strip.light .content-text .ui-btn-view-project > *, .light.image-strip-thumbnail .content-text .ui-btn-view-project > *, .content-text.light .ui-btn-view-project > *, .ui-btn-view-project.light > *, .content-strip.light .ui-btn-view-project.loader-folding-cube > * {
  color: white;
}

.ui-btn-center {
  text-align: center;
}

.ui-btn-toggle .ui-btn, .ui-btn-toggle .ui-btn-view-project {
  border: none;
}
.ui-btn-toggle .toggle {
  display: none;
}
.ui-btn-toggle .toggle + label {
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  user-select: none;
  position: relative;
}
.ui-btn-toggle .toggle + label span {
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.ui-btn-toggle .toggle + label > span:first-child {
  display: none;
}
.ui-btn-toggle .toggle:checked + label > span:first-child {
  display: block;
}
.ui-btn-toggle .toggle:checked + label > span:nth-child(2) {
  display: none;
}

.ui-nav-store {
  height: 32px;
  margin-bottom: 1em;
}
.ui-nav-store li {
  margin-right: 0.5em;
  display: inline-block;
}
.ui-nav-store li:last-child {
  margin-right: 0;
}
.ui-nav-store img {
  width: auto;
  height: 32px;
  display: block;
}

.blog-single-item .ui-nav-store {
  height: auto;
}
.blog-single-item .ui-nav-store li {
  margin-top: 1em;
}
.blog-single-item .ui-nav-store li img {
  height: 50px;
}

.loader-folding-cube, .content-strip.light .loader-folding-cube {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 1em;
  height: 1em;
  margin: auto;
  position: absolute;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
.loader-folding-cube .sk-cube, .content-strip.light .loader-folding-cube .sk-cube {
  width: 50%;
  height: 50%;
  float: left;
  position: relative;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.loader-folding-cube .sk-cube:before, .content-strip.light .loader-folding-cube .sk-cube:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  background-color: #333;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
  -moz-animation: sk-foldCubeAngle 2.4s infinite linear both;
  animation: sk-foldCubeAngle 2.4s infinite linear both;
}
.loader-folding-cube .sk-cube2, .content-strip.light .loader-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  -moz-transform: scale(1.1) rotateZ(90deg);
  -ms-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}
.loader-folding-cube .sk-cube2:before, .content-strip.light .loader-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.loader-folding-cube .sk-cube3, .content-strip.light .loader-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  -moz-transform: scale(1.1) rotateZ(180deg);
  -ms-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}
.loader-folding-cube .sk-cube3:before, .content-strip.light .loader-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.loader-folding-cube .sk-cube4, .content-strip.light .loader-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  -moz-transform: scale(1.1) rotateZ(270deg);
  -ms-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}
.loader-folding-cube .sk-cube4:before, .content-strip.light .loader-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

.loader-folding-cube-light .sk-cube:before, .light .loader-folding-cube .sk-cube:before, .loader-folding-cube.light .sk-cube:before {
  background-color: white;
}

@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    -moz-transform: perspective(140px) rotateY(180deg);
    -ms-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    -moz-transform: perspective(140px) rotateY(180deg);
    -ms-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
.image-loader {
  position: relative;
}
.image-loader .loader {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  position: absolute;
  transition: all 0.5s ease-in-out;
}
.image-loader .link-container {
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.7) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.7) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#b3000000",GradientType=0 ); /* IE6-9 */
}
.image-loader .link-container .ui-btn-center {
  bottom: 2em;
  width: 100%;
  position: absolute;
}
.image-loader img, .image-loader div[role=img], .image-loader .link-container {
  opacity: 0;
  visibility: hidden;
  transition: 0.5s all 0.5s ease-in-out;
}
.image-loader img, .image-loader div[role=img] {
  width: 100%;
  height: auto;
  display: block;
}
.image-loader div[role=img] {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.image-loader.loading .content {
  visibility: hidden;
}
.image-loader.loaded .content {
  visibility: visible;
}
.image-loader.loaded .loader {
  opacity: 0;
  visibility: hidden;
}
.image-loader.loaded img, .image-loader.loaded div[role=img], .image-loader.loaded .link-container {
  opacity: 1;
  visibility: visible;
}

.header-profile {
  margin-bottom: 2em;
}
.header-profile .th-media-image {
  margin-right: 1em;
}
.header-profile .th-media-image img {
  width: 9.6em;
  max-width: 150px;
  border: solid thin #333;
  margin-bottom: 0px;
}
.header-profile .th-media-image, .header-profile .meta {
  display: inline-block;
  vertical-align: bottom;
}
.header-profile .meta {
  display: inline-block;
}
.header-profile .meta h2 {
  font-size: 1.2em;
  margin-bottom: 0.1em;
  font-family: gothic-regular;
}
.header-profile .meta h3, .header-profile .meta h4 {
  font-size: 1em;
  font-family: gothic-regular;
}
.header-profile .meta h3 {
  margin-bottom: 0.5em;
}
.header-profile .meta h4 {
  margin-bottom: 0;
}
.header-profile .meta a {
  color: #333;
}

.header-profile-light, .content-text-light .header-profile, .content-strip.light .content-text .header-profile, .content-thumbnail.light .content-text .header-profile, .image-strip.light .content-text .header-profile, .light.image-strip-thumbnail .content-text .header-profile, .content-text.light .header-profile, .header-profile.light, .content-strip.light .header-profile.loader-folding-cube {
  color: white;
}
.header-profile-light a, .content-text-light .header-profile a, .content-strip.light .content-text .header-profile a, .content-thumbnail.light .content-text .header-profile a, .image-strip.light .content-text .header-profile a, .light.image-strip-thumbnail .content-text .header-profile a, .content-text.light .header-profile a, .header-profile.light a, .content-strip.light .header-profile.loader-folding-cube a {
  color: white;
}

@media screen and (max-width: 375px) {
  .header-profile .th-media-image {
    margin-bottom: 1em;
  }
}
.content-text {
  color: #333;
  padding: 3.5em 2em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.content-text figure.image-loader {
  display: inline-block;
}
.content-text figure.image-loader img {
  width: auto;
}
.content-text h1, .content-text h2 {
  font-family: gothic-medium;
}
.content-text h3, .content-text h4, .content-text blockquote, .content-text strong {
  font-family: gothic-medium;
}
.content-text p, .content-text address {
  font-family: gothic-light;
}
.content-text h1, {
  font-size: 1.8em;
}
.content-text h2 {
  font-size: 1.3em;
}
.content-text h3 {
  font-size: 1.15em;
}
.content-text h4 {
  font-size: 1em;
}
.content-text p {
  font-size: 1em;
}
.content-text h1, .content-text h2, .content-text h3, .content-text h4, .content-text h5 {
  margin-top: 2em;
}
.content-text p, .content-text h1, .content-text h2, .content-text h3, .content-text h4, .content-text h5, .content-text li {
  margin-bottom: 2em;
}
.content-text p {
  line-height: 1.4em;
}
.content-text h1, .content-text h2, .content-text h3, .content-text h4, .content-text h5 {
  line-height: 1.2em;
  letter-spacing: 0.01em;
}
.content-text a {
  font-weight: regular;
  color: #333;
}
.content-text a:hover {
	text-decoration: underline;
}
.content-text i {
  font-style: italic;
}
.content-text blockquote {
  opacity: 0.5;
  font-size: 1.2em;
  font-style: italic;
  line-height: 1.2em;
  margin-bottom: 1.3em;
}
.content-text > ol, .content-text > ul {
  padding-left: 1em;
}
.content-text > ol {
  list-style-type: decimal;
}
.content-text > ul {
  list-style-type: square;
}
.content-text .align-left img {
  float: left;
}
.content-text .align-left span {
  display: block;
  padding-top: 1em;
}
.content-text .align-center {
  text-align: center;
}

.content-text-light, .content-strip.light .content-text, .content-thumbnail.light .content-text, .image-strip.light .content-text, .light.image-strip-thumbnail .content-text, .content-text.light {
  color: white;
}
.content-text-light h1, .content-strip.light .content-text h1, .content-thumbnail.light .content-text h1, .image-strip.light .content-text h1, .light.image-strip-thumbnail .content-text h1, .content-text.light h1, .content-text-light h2, .content-strip.light .content-text h2, .content-thumbnail.light .content-text h2, .image-strip.light .content-text h2, .light.image-strip-thumbnail .content-text h2, .content-text.light h2 {
  color: #58C1E2;
}
.content-text-light h3, .content-strip.light .content-text h3, .content-thumbnail.light .content-text h3, .image-strip.light .content-text h3, .light.image-strip-thumbnail .content-text h3, .content-text.light h3, .content-text-light h4, .content-strip.light .content-text h4, .content-thumbnail.light .content-text h4, .image-strip.light .content-text h4, .light.image-strip-thumbnail .content-text h4, .content-text.light h4, .content-text-light h5, .content-strip.light .content-text h5, .content-thumbnail.light .content-text h5, .image-strip.light .content-text h5, .light.image-strip-thumbnail .content-text h5, .content-text.light h5, .content-text-light h6, .content-strip.light .content-text h6, .content-thumbnail.light .content-text h6, .image-strip.light .content-text h6, .light.image-strip-thumbnail .content-text h6, .content-text.light h6 {
  color: #ff6b00;
}
.content-text-light a, .content-strip.light .content-text a, .content-thumbnail.light .content-text a, .image-strip.light .content-text a, .light.image-strip-thumbnail .content-text a, .content-text.light a {
  color: #58C1E2;
}
.content-text-light a:hover, .content-strip.light .content-text a:hover, .content-thumbnail.light .content-text a:hover, .image-strip.light .content-text a:hover, .light.image-strip-thumbnail .content-text a:hover, .content-text.light a:hover {
  color: #ff6b00;
}
@media screen and (max-width: 767px) {
  .content-text {
    font-size: 1em;
    padding: 3.5em 1em;
  }
  .content-text h1, .content-text h2 {
    font-size: 1.7em;
  }
  .content-text h3 {
    font-size: 1.15em;
  }
}
.form-support {
  width: 100%;
  max-width: 650px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.form-support .content-text {
  padding: 1em;
}
.form-support .state {
  display: none;
}
.form-support .state.show {
  display: block;
}
.form-support .state.state-success, .form-support .state.state-failure {
  color: white;
}
.form-support label {
  font-size: 1.2em;
  font-family: gothic-regular;
  color: white;
}
.form-support button {
  margin-top: 1em;
  padding: 0.5em 1.5em;
  font-family: gothic-regular;
  height: 35px;
}
.form-support label, .form-support input, .form-support textarea, .form-support select {
  display: flex;
  margin-top: 1em;
}
.form-support input, .form-support textarea, .form-support select {
  width: 100%;
  padding: 0.5em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-repeat: no-repeat;
  font-family: gothic-Regular;
  font-size: 0.7em;
}
.form-support input {
  background-position: 98% center;
}
.form-support input, .form-support select {
  height: 33px;
}
.form-support textarea {
  resize: none;
  height: 125px;
  background-position: 98% 5px;
}
.form-support.ng-submitted select.ng-invalid, .form-support.ng-submitted input.ng-invalid, .form-support.ng-submitted textarea.ng-invalid {
  border: thin red solid;
}
.form-support.ng-submitted.shake select.ng-invalid, .form-support.ng-submitted.shake input.ng-invalid, .form-support.ng-submitted.shake textarea.ng-invalid {
  animation-name: shake;
  animation-duration: 1s;
  animation-fill-mode: both;
  border: thin red solid;
}
@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.th-lazy-loader {
  position: relative;
}
.th-lazy-loader.loading {
  visibility: visible !important;
}
.th-lazy-loader .loader {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  position: absolute;
  transition: all 0.5s ease-in-out;
}
.th-lazy-loader .content {
  opacity: 0;
  visibility: hidden;
  transition: 0.5s all 0.5s ease-in-out;
}
.th-lazy-loader.loaded .loader {
  opacity: 0;
  visibility: hidden;
}
.th-lazy-loader.loaded .content {
  opacity: 1;
  visibility: visible;
}

.content-media {
  position: relative;
}
.content-media .link-container {
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.7) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.7) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#b3000000", GradientType=0); /* IE6-9 */
}
.content-media .link-container .ui-btn-center {
  bottom: 2em;
  width: 100%;
  position: absolute;
}

.th-media-image img, .th-media-image div[role=img] {
  width: 100%;
  height: auto;
  display: block;
}
.th-media-image div[role=img] {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.th-media-iframe .ratio {
  position: relative;
}
.th-media-iframe iframe {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.cc-stores {
  gap: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1em;
}
.cc-stores a .store-item {
  transition: all 0.2s ease-in-out;
}
.cc-stores a .store-item:hover {
  cursor: pointer;
  transform: scale(1.1);
}
.cc-stores .store-item img {
  width: 35px;
}
.cc-stores .store-item:hover {
  cursor: default;
}
.cc-stores-light .store-item img, .image-strip-thumbnail.light .cc-stores .store-item img, .content-strip.light .image-strip-thumbnail.loader-folding-cube .cc-stores .store-item img {
  filter: invert(0);
}

.cc-stores-dark .store-item img, .image-strip-thumbnail .cc-stores .store-item img, .cc-stores.dark .store-item img {
  filter: invert(0.75);
}

.wp-block-uagb-slider {
  position: relative;
}

.block-slide .wp-block-columns {
  gap: 0;
}
.block-slide .wp-block-image.cc-logo, .block-slide .wp-block-kadence-image.cc-logo {
  width: 65%;
  margin: 3% auto !important;
}
.block-slide .cc-stores {
  bottom: 0;
  width: 100%;
  position: absolute;
  box-sizing: border-box;
  padding: 1em 1em 2em 1em;
}
.block-slide .responsive-block:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  content: "";
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .block-slide .wp-block-image.cc-logo, .block-slide .wp-block-kadence-image.cc-logo {
    top: 5%;
    left: 5%;
    width: 40%;
    position: absolute;
  }
  .block-slide .inner-content {
    top: 0 !important;
    position: absolute !important;
  }
  .block-slide .th-media-image {
    padding-top: 56% !important;
  }
  .block-slide .responsive-block:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    content: "";
  }
  .block-slide .wp-block-kadence-column:not(.responsive-block) {
    display: none;
  }
}

.project-meta, .th-wordpress .project-meta, .edit-post-visual-editor .project-meta {
  display: inline-block;
  box-sizing: border-box;
  margin-top: 2.5em;
  margin-bottom: 1em;
}
.project-meta h4, .th-wordpress .project-meta h4, .edit-post-visual-editor .project-meta h4 {
  margin-bottom: 0.4em;
}
.project-meta p, .th-wordpress .project-meta p, .edit-post-visual-editor .project-meta p {
  font-size: 0.6em;
  line-height: 1.4em;
}
.project-meta .cc-stores {
  padding-left: 0;
  padding-right: 0;
  justify-content: left;
}
.project-meta.alignright {
  float: right;
  text-align: right;
}
.project-meta.alignright .cc-stores {
  justify-content: right;
}
.project-meta.light.block-editor-block-list__block.light, .content-strip.light .project-meta.block-editor-block-list__block.loader-folding-cube {
  background-color: gray;
}
.project-meta.light h3, .content-strip.light .project-meta.loader-folding-cube h3, .project-meta.light p, .content-strip.light .project-meta.loader-folding-cube p {
  color: white;
}
.project-meta.dark {
  color: #333;
}
.ui-nav-primary li:hover {
  cursor: pointer;
}
.ui-nav-primary li:hover > a {
  text-decoration: none;
  color: #8fd9f5;
}
.ui-nav-primary li.crosslink a {
  color: #db5b9c;
}
.ui-nav-primary li.crosslink:hover > a {
  text-decoration: none;
  color: #fc9fce;
}
.ui-nav-primary li.academy a {
  color: #ac5cdb;
}
.ui-nav-primary li a {
  width: 100%;
  color: white;
  display: block;
  padding: 1.65em 2em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.ui-nav-primary > ul > li {
  font-family: gothic-regular;
  letter-spacing: 0.3px;
  margin-right: -4px;
  position: relative;
  display: inline-block;
}
.ui-nav-primary > ul > li:last-child {
  border-right: none;
}
.ui-nav-primary > ul > li:hover, .ui-nav-primary > ul > li.th-current {
  background-color: transparent;
}
.ui-nav-primary > ul > li:hover .ui-nav-sub, .ui-nav-primary > ul > li.th-current .ui-nav-sub {
  display: block;
}
.ui-nav-primary > ul > li:last-child .ui-nav-sub {
  right: 0;
  left: auto;
}
.ui-nav-primary .ui-nav-sub {
  left: 0;
  width: 15em;
  display: none;
  position: absolute;
  background-color: #5f5b5b;
}
.ui-nav-primary .ui-nav-sub li:hover {
  background-color: #333;
}

.ui-nav-primary.mobile {
  opacity: 0;
  padding: 0;
  width: 2em;
  height: 2em;
  top: 1.5em;
  right: 4.68em;
  position: fixed;
  overflow-y: auto;
  visibility: hidden;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  transition: all 0.25s ease-in-out;
  background-color: rgba(0, 0, 0, 0.7);
}
.ui-nav-primary.mobile > ul {
  top: 0;
  right: 0;
  z-index: -1;
  height: 100%;
  padding-top: 5em;
  padding-right: 7em;
  position: fixed;
  overflow-y: scroll;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.ui-nav-primary.mobile > ul > li {
  display: block;
}
.ui-nav-primary.mobile > ul > li a {
  padding: 1em;
}
.ui-nav-primary.mobile > ul > li:hover {
  background-color: transparent;
}
.ui-nav-primary.mobile .ui-nav-sub {
  width: auto;
  display: block;
  margin-left: 1em;
  position: static;
  background-color: transparent;
}
.ui-nav-primary.mobile .ui-nav-sub li {
  font-size: 0.9em;
}
.ui-nav-primary.mobile .ui-nav-sub li a {
  padding: 1em;
}
.ui-nav-primary.mobile .ui-nav-sub li:hover {
  background-color: transparent;
}
.ui-nav-primary.mobile.on {
  top: 0;
  right: 0;
  opacity: 1;
  width: 100%;
  height: 100%;
  position: fixed;
  padding: 0 2.5em;
  overflow: hidden;
  visibility: visible;
}
.ui-nav-primary.mobile.on-add, .ui-nav-primary.mobile.on-remove {
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .ui-nav-primary.mobile {
    right: 1em;
  }
  .ui-nav-primary.mobile > ul {
    padding-right: 5em;
  }
}

@media screen and (max-width: 1024px) {
  .ui-nav-primary {
    opacity: 0;
    padding: 0;
    width: 2em;
    height: 2em;
    top: 1.5em;
    right: 4.68em;
    position: fixed;
    overflow-y: auto;
    visibility: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition: all 0.25s ease-in-out;
    background-color: rgba(0, 0, 0, 0.7);
  }
  .ui-nav-primary > ul {
    top: 0;
    right: 0;
    z-index: -1;
    height: 100%;
    padding-top: 5em;
    padding-right: 5em;
    position: fixed;
    overflow-y: scroll;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .ui-nav-primary > ul > li {
    display: block;
  }
  .ui-nav-primary > ul > li a {
    padding: 1em;
  }
  .ui-nav-primary > ul > li:hover {
    background-color: transparent;
  }
  .ui-nav-primary .ui-nav-sub {
    width: auto;
    display: block;
    margin-left: 1em;
    position: static;
    background-color: transparent;
  }
  .ui-nav-primary .ui-nav-sub li {
    font-size: 0.9em;
  }
  .ui-nav-primary .ui-nav-sub li a {
    padding: 1em;
  }
  .ui-nav-primary .ui-nav-sub li:hover {
    background-color: transparent;
  }
  .ui-nav-primary.on {
    top: 0;
    right: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    position: fixed;
    padding: 0 2.5em;
    overflow: hidden;
    visibility: visible;
  }
  .ui-nav-primary.on-add, .ui-nav-primary.on-remove {
    overflow: hidden;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .ui-nav-primary {
    right: 1em;
  }
  .ui-nav-primary > ul {
    padding-right: 5em;
  }
}
.header-top {
  top: 0;
  width: 100%;
  z-index: 50;
  color: white;
  position: fixed;
  padding: 0 4.68em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-color: #333;
}
.header-top .ui-btn-home {
  float: left;
  z-index: 100;
  margin-top: 1em;
  margin-bottom: 1em;
  position: relative;
}
.header-top .ui-nav-primary {
  float: right;
  font-family: gothic-medium;
}
.header-top .ui-btn-mobile {
  width: 2em;
  height: 2em;
  right: 4.68em;
  z-index: 100;
  display: none;
  margin-top: 1.5em;
  position: absolute;
  border-color: white;
  margin-bottom: 1.5em;
}

.header-top.mobile .ui-btn-mobile {
  display: block;
}

@media screen and (max-width: 1024px) {
  .header-top {
    padding-left: 1em;
    padding-right: 1em;
  }
  .header-top .ui-btn-mobile {
    right: 1em;
    display: block;
    border: none;
  }
}
.blog-thumbnail, .content-thumbnail-circle, .course-thumbnail {
  width: 33.33333%;
  vertical-align: top;
  display: inline-block;
  margin-right: -5px;
}
.blog-thumbnail img, .content-thumbnail-circle img, .course-thumbnail img {
  width: 100%;
}
.blog-thumbnail .content-text, .content-thumbnail-circle .content-text, .course-thumbnail .content-text {
  padding: 2em 1.5em;
}
.blog-thumbnail .content-text h2, .content-thumbnail-circle .content-text h2, .course-thumbnail .content-text h2 {
  margin: auto;
  font-family: gothic-regular;
  font-size: 1.3em;
}
.blog-thumbnail .content-text a:hover {
  text-decoration: none;
  color: #58C1E2;
}
.blog-thumbnail .content-text .excerpt, .content-thumbnail-circle .content-text .excerpt, .course-thumbnail .content-text .excerpt {
  margin-top: 0.75em;
}
.blog-thumbnail .content-text a.read-more, .content-thumbnail-circle .content-text a.read-more, .course-thumbnail .content-text a.read-more {
  color: #58C1E2;
}
@media screen and (max-width: 1024px) {
  .blog-thumbnail, .content-thumbnail-circle, .course-thumbnail {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .blog-thumbnail, .content-thumbnail-circle, .course-thumbnail {
    width: auto;
  }
  .blog-thumbnail .content-text, .content-thumbnail-circle .content-text, .course-thumbnail .content-text {
    padding-left: 1em;
    padding-right: 1em;
  }
  .blog-thumbnail .content-text h2, .content-thumbnail-circle .content-text h2, .course-thumbnail .content-text h2 {
    font-size: 1.4em;
	line-height: 1.4em;
  }
}

.course-thumbnail {
  margin-right: 0;
}
.course-thumbnail .content-text {
  color: white;
}
.course-thumbnail .content-text a {
  color: white;
}
.course-thumbnail:nth-child(odd) {
  background-color: #333;
}
.course-thumbnail:nth-child(even) {
  background-color: #4c4c4d;
}
.course-thumbnail header {
  text-align: center;
}
.course-thumbnail header h1 {
  margin: 0;
}
.course-thumbnail header h4 {
  margin-top: 0.3em;
}
.course-thumbnail .meta {
  text-align: center;
  margin-bottom: 1em;
  padding-top: 1em;
  padding-bottom: 1em;
}

.course-archive-thumbnail:hover img {
  filter: saturate(1);
}
.course-archive-thumbnail img {
  filter: saturate(0);
  transition: all ease-in-out 0.5s;
}

.form-search {
  margin: 0;
  padding: 0;
  display: flex;
}
.form-search input {
  width: 100%;
  height: 2em;
  padding-left: 1em;
  margin-right: 0.5em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: solid thin #333;
}
.form-search button {
  margin: 0;
  padding: 0;
  text-indent: -9999em;
  background-image: url("https://cdn1.iconfinder.com/data/icons/hawcons/32/698627-icon-111-search-128.png");
}

.wrap-blog-sidebar {
  height: 100%;
  width: 34.37em;
  padding: 3em 3em 3em 6em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.wrap-blog-sidebar .blog-sidebar section > ul {
  padding-left: 1em;
}
.wrap-blog-sidebar .blog-sidebar .blog-sidebar-archive .blog-archive li ul {
  display: none;
}
.wrap-blog-sidebar .blog-sidebar.content-text {
  padding: 0;
}
.wrap-blog-sidebar .blog-sidebar.content-text h1 {
  font-size: 1.5em;
}
.wrap-blog-sidebar .blog-sidebar.content-text h2 {
  font-size: 1.1em;
  margin-top: 1em;
}
.wrap-blog-sidebar .blog-sidebar .blog-archive ul {
  padding-left: 1em;
}

.blog-category {
  min-height: 1.5em;
}
.blog-category ul {
  padding-top: 0.75em;
}
.blog-category li {
  float: left;
  margin: auto;
  padding-left: 0.5em;
}
.blog-category li:first-child {
  padding-left: 0;
}
.blog-category li a {
  color: gray;
  padding-right: 0.5em;
}

.wrap-blog {
  display: flex;
}
.wrap-blog .wrap-blog-items {
  width: 100%;
}
.wrap-blog .wrap-blog-items .wrap-blog-inner {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .wrap-blog .wrap-blog-sidebar {
    display: none;
  }
}
.shortcode-vimeo {
  width: 100%;
}
.shortcode-vimeo .aspect {
  padding-top: 56%;
  position: relative;
}
.shortcode-vimeo .aspect iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.wrap-blog-single header {
  padding-top: 3em;
  margin-bottom: 2em;
}
.wrap-blog-single header h1 {
  font-size: 1.8em;
  line-height: 1.4em;
  font-family: gothic-regular;
  color: #333
}
.wrap-blog-single p {
  font-size: 1.2em;
  line-height: 1.4em;
  font-family: gothic-regular;
}
.wrap-blog-single-old {
  position: relative;
  width: 100%;
  margin: auto;
  max-width: var(--wp--style--global--content-size);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 4em 2em 2em 1.5em;
}
.wrap-blog-single-old > * {
  width: 50%;
  float: right;
}
.wrap-blog-single-old .content-wrap {
  display: flex;
}
.wrap-blog-single-old .featured-image {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.wrap-blog-single-old .blog-single-item {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0 0 0 1.5em;
}
.wrap-blog-single-old .blog-single-item header {
  margin-bottom: 1em;
}
.wrap-blog-single-old .blog-single-item header h1 {
  font-size: 1.8em;
  line-height: 1.4em;
  font-family: gothic-medium;
}
.wrap-blog-single-old .blog-single-item .th-wordpress {
  width: 100%;
}
.wrap-blog-single-old .blog-single-item .featured-image {
  display: none;
  margin-bottom: 2em;
}
.wrap-blog-single-old .blog-single-item .content-text {
  padding: 0;
  font-size: 1.2em;
}
.wrap-blog-single-old .blog-single-item .content-text a {
  color: #58C1E2;
}
.wrap-blog-single-old .gallery {
  clear: both;
  margin-top: 1.5em;
  width: 100%;
}
.wrap-blog-single-old .gallery ul {
  padding: 0;
}
.wrap-blog-single-old .gallery li {
  width: 25%;
  float: left;
  list-style: none;
}
.wrap-blog-single-old .gallery li figure {
  padding: 0.5em;
}
.wrap-blog-single-old .gallery li figure img {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

@media (max-width: 1024px) {
  .wrap-blog-single header {
  padding-top: 0em;
  margin-bottom: 1em;
  } 
  .wrap-blog-single header h1 {
  font-size: 1.5em;
  }
  .wrap-blog-single {
  padding: 0.5em 0em 0em 0.1em;
  }
  .wrap-blog-single p {
  font-size: 1em;
  line-height: 1.4em;
  font-family: gothic-regular;
  }
  .wrap-blog-single > * {
    width: 100%;
    float: none;
  }
  .wrap-blog-single .blog-single-item {
    padding-left: 0.5em;
  }
  .wrap-blog-single .blog-single-item .featured-image {
    display: block;
  }
  .images .featured-image {
    display: none;
  }
}
@media (max-width: 375px) {
  .wrap-blog-single .gallery li {
    width: 50%;
  }
}
.ui-nav-pagination {
  overflow: auto;
  padding: 0 3.125em;
  font-family: gothic-regular;
  background-color: #58C1E2;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.ui-nav-pagination .next-link {
  float: right;
}
.ui-nav-pagination .prev-link {
  float: left;
}
.ui-nav-pagination a {
  color: white;
  padding: 1.25em;
}

.cc-ratio-section .inner-content > * {
  min-height: 100%;
}

.wp-block-clothcat-video-box .fancybox-iframe {
  position: relative;
}

.wrap-single-project .content-wrapper {
  width: 75%;
  float: left;
}
.wrap-single-project .project-meta {
  width: 25%;
  float: left;
  display: block;
  padding-left: 1em;
}
@media screen and (max-width: 1024px), screen and (orientation: portrait) {
  .wrap-single-project .content-wrapper {
    width: 100%;
    float: none;
  }
  .wrap-single-project .project-meta {
    width: 100%;
    float: none;
    padding-left: 0;
  }
}

.ratio {
  position: relative;
}
.ratio .inner-content {
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.ratio.ratio_1x1 {
  padding-top: 100%;
}
.ratio.ratio_4x3 {
  padding-top: 75%;
}
.ratio.ratio_16x9 {
  padding-top: 56%;
}
.ratio.ratio_32x9 {
  padding-top: 28%;
}

.responsive-block {
  padding-top: 56.25%;
  position: relative;
}
.responsive-block .kt-inside-inner-col, .responsive-block .kadence-inner-column-inner {
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.wp-block-clothcat-responsive-section {
  overflow: hidden;
}
.wp-block-clothcat-responsive-section .wp-block-columns {
  gap: 0;
}
.wp-block-clothcat-responsive-section .wp-block-image {
  margin-bottom: 0;
}

.image-strip, .image-strip-thumbnail {
  position: relative;
  background-color: grey;
}
.image-strip .th-media-image, .image-strip-thumbnail .th-media-image {
  display: none;
}
.image-strip .th-media-image:first-child, .image-strip-thumbnail .th-media-image:first-child {
  display: block;
}
.image-strip .content-image .loader, .image-strip-thumbnail .content-image .loader {
  left: 0;
  right: auto;
  width: 50%;
}
.image-strip .inner-content, .image-strip-thumbnail .inner-content {
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  position: absolute;
}
.image-strip .content-text, .image-strip-thumbnail .content-text {
  width: 50%;
}
.image-strip .content-text h2, .image-strip-thumbnail .content-text h2 {
  margin-top: 0;
}
.image-strip .content-text h3, .image-strip-thumbnail .content-text h3 {
  font-family: gothic-regular;
}
@media screen and (max-width: 1024px) and (orientation: landscape) {
  .image-strip, .image-strip-thumbnail {
    font-size: 0.65em;
  }
  .image-strip .content-text, .image-strip-thumbnail .content-text {
    padding: 8em 4em 4em;
  }
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .image-strip .ratio, .image-strip-thumbnail .ratio {
    padding-top: 0;
  }
  .image-strip .content-image, .image-strip-thumbnail .content-image {
    width: 100%;
    position: relative;
  }
  .image-strip .content-image .loader, .image-strip-thumbnail .content-image .loader {
    width: 100%;
  }
  .image-strip .content-image .th-media-image, .image-strip-thumbnail .content-image .th-media-image, .image-strip .content-image .th-media-image:first-child {
    display: none !important;
  }
  .image-strip .content-image .th-media-image:last-child, .image-strip-thumbnail .content-image .th-media-image:last-child {
    display: block !important;
  }
  .image-strip .inner-content, .image-strip-thumbnail .inner-content {
    position: relative;
  }
  .image-strip .inner-content > div, .image-strip-thumbnail .inner-content > div {
    min-width: 100%;
  }
  .image-strip .inner-content > div:last-child, .image-strip-thumbnail .inner-content > div:last-child {
    flex: 0;
  }
  .image-strip .content-text, .image-strip-thumbnail .content-text {
    margin: 0;
    width: auto;
    padding-top: 2em;
    padding-bottom: 2em;
  }
}

.image-strip-align-left, .image-strip-thumbnail:nth-child(even), .image-strip.align-left, .align-left.image-strip-thumbnail {
  float: none;
  background-color: lightgray;
}
.image-strip-align-left .content-image .loader, .image-strip-thumbnail:nth-child(even) .content-image .loader, .image-strip.align-left .content-image .loader, .align-left.image-strip-thumbnail .content-image .loader {
  right: 0;
  left: auto;
}
.image-strip-align-left .content-text, .image-strip-thumbnail:nth-child(even) .content-text, .image-strip.align-left .content-text, .align-left.image-strip-thumbnail .content-text {
  right: 0;
  right: auto;
}

.image-strip-thumbnail .cc-stores {
  justify-content: left;
  padding: 0;
  margin-bottom: 1em;
}
.image-strip-thumbnail .inner-content {
  display: flex;
  flex-direction: row-reverse;
}
.image-strip-thumbnail .inner-content > div {
  flex: 1;
  min-width: 50%;
  align-self: center;
}
.image-strip-thumbnail .align-left .th-media-image:first-child {
  display: none;
}
.image-strip-thumbnail .align-left .th-media-image:nth-child(2) {
  display: block;
}
.image-strip-thumbnail:nth-child(even) .inner-content {
  flex-direction: row;
}
.image-strip-thumbnail:nth-child(even) .th-media-image:first-child {
  display: none;
}
.image-strip-thumbnail:nth-child(even) .th-media-image:nth-child(2) {
  display: block;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .image-strip-thumbnail .inner-content {
    display: block;
  }
}

.content-thumbnail {
  position: relative;
  background-color: grey;
  /*
      .content-wrapper{

        width: 100%;
        display: block;
        margin: auto;
        box-sizing: border-box;
        position: relative;

        .ratio{

          padding-top: 28.125%;

          .content-section{

            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;

          }

        }

      }
  */
}
.content-thumbnail .content-image .th-media-image {
  display: none;
}
.content-thumbnail .content-image .th-media-image:nth-child(1) {
  display: block;
}
.content-thumbnail .content-image .th-media-image:nth-child(2) .loader {
  right: 0;
  left: auto;
}
.content-thumbnail .content-image .th-media-image:nth-child(1) .loader, .content-thumbnail .content-image .th-media-image:nth-child(2) .loader {
  width: 50%;
}
.content-thumbnail .content-text {
  top: 0;
  right: 0;
  width: 50%;
  margin-top: 2%;
  position: absolute;
}
.content-thumbnail .content-text a {
  text-decoration: none;
}
.content-thumbnail .content-text a:hover {
  text-decoration: underline;
}
.content-thumbnail .content-text h2 {
  margin-top: 0;
}
.content-thumbnail:nth-child(even) {
  background-color: lightgray;
}
.content-thumbnail:nth-child(even) .content-image .th-media-image:nth-child(1) {
  display: none;
}
.content-thumbnail:nth-child(even) .content-image .th-media-image:nth-child(2) {
  display: block;
}
.content-thumbnail:nth-child(even) .content-text {
  left: 0;
  right: auto;
}
@media screen and (max-width: 1024px) and (orientation: landscape) {
  .content-thumbnail {
    font-size: 0.65em;
  }
}
@media screen and (max-width: 767px), screen and (orientation: portrait) {
  .content-thumbnail .content-image .th-media-image:nth-child(1), .content-thumbnail .content-image .th-media-image:nth-child(2) {
    display: none !important;
  }
  .content-thumbnail .content-image .th-media-image:nth-child(3) {
    display: block !important;
  }
  .content-thumbnail .content-text {
    margin: 0;
    width: auto;
    padding-top: 2em;
    padding-bottom: 2em;
    position: static;
  }
}

.content-thumbnail-circle {
  width: 33.333%;
}
.content-thumbnail-circle .loader-folding-cube, .content-thumbnail-circle .content-strip.light .loader-folding-cube, .content-strip.light .content-thumbnail-circle .loader-folding-cube {
  bottom: 30%;
}
.content-thumbnail-circle figure {
  text-align: center;
  position: relative;
  overflow: hidden;
}
.content-thumbnail-circle figure img {
  transition: transform 1.5s ease-in-out;
}
.content-thumbnail-circle figure figcaption {
  font-size: 0.9em;
  letter-spacing: 0.1px;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  position: absolute;
  padding: 0.5em 0.5em 1.2em 0.5em;
  box-sizing: border-box;
  background: rgb(f2f2f2);
  color: white;
  font-family: gothic-regular;
  text-shadow: 0px 4px 4px #000000;
}
.content-thumbnail-circle figure figcaption h2 {
  font-size: 1.4em;
  margin-bottom: 0.3em;
}
.content-thumbnail-circle figure:hover img {
  transform: scale(1.1, 1.1);
}
@media screen and (max-width: 767px), screen and (orientation: portrait) {
  .content-thumbnail-circle {
    width: 100%;
	font-size: 0.9em;
  }
  .content-thumbnail-circle figure figcaption h2 {
   font-size: 1.6em;
   margin-bottom: 0.3em;
  }
}

.content-strip {
  overflow: hidden;
  position: relative;
  background-color: grey;
}
.content-strip .content-media, .content-strip .content-text {
  right: 0;
  width: 50%;
  float: left;
}
.content-strip .content-text {
  height: 100%;
  position: absolute;
}
.content-strip .content-text h1, .content-strip .content-text h2, .content-strip .content-text h3, .content-strip .content-text h4, .content-strip .content-text h5 {
  margin-top: 0;
}
.content-strip .content-media .content-media, .content-strip .content-media img, .content-strip .content-media div[role=img] {
  width: 100%;
}

.content-strip:nth-child(even) {
  background-color: lightgray;
}
.content-strip:nth-child(even) .content-media, .content-strip:nth-child(even) .content-text {
  left: 0;
  float: right;
  right: auto;
}

@media screen and (max-width: 767px), screen and (orientation: portrait) {
  .content-strip .content-media, .content-strip .content-text {
    width: 100% !important;
    float: none !important;
    position: relative !important;
  }
}
.cc-section-crew > .wp-block-columns {
  gap: 0;
}
@media (max-width: 1024px) {
  .cc-section-crew {
    background-color: #46ca3b;
  }
  .cc-section-crew > .wp-block-columns {
    flex-wrap: wrap !important;
  }
  .cc-section-crew > .wp-block-columns > .wp-block-column {
    flex-basis: 100% !important;
  }
}

.cc-crew-entry {
  padding: 1em;
}
.cc-crew-entry h3 {
  margin-bottom: 0 !important;
}
.cc-crew-entry .wp-block-image {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .cc-crew-entry {
    text-align: center;
  }
  .cc-crew-entry > .wp-block-columns {
    gap: 0.5em;
  }
}

.wrap-support {
  background-image: url(https://wallpaperbrowse.com/media/images/html-color-codes-color-tutorials-hero-00e10b1f.jpg);
  background-position: center;
  background-origin: border-box;
  background-size: cover;
  background-repeat: no-repeat;
}
.wrap-support .wrap-content {
  background-color: rgba(0, 0, 0, 0.4);
}
.wrap-support .wrap-content .wrap-inner {
  width: 100%;
  height: 100%;
  position: absolute;
}
.wrap-support .wrap-content .wrap-inner > div {
  height: 100%;
  float: left;
}
.wrap-support .wrap-content .wrap-inner > div:nth-child(2) {
  text-align: center;
}
.wrap-support .wrap-content .wrap-inner > div:before {
  width: 0;
  content: "";
  height: 100%;
  margin-left: -4px;
  display: inline-block;
  vertical-align: middle;
}
.wrap-support .support-message {
  font-size: 1.5em;
  width: 100%;
  padding: 1em;
  margin-left: -4px;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
}
.wrap-support .support-message figcaption {
  text-align: left;
  position: relative;
  margin-bottom: 120px;
  color: white;
}
.wrap-support .support-message figcaption.content-text h1 {
  margin-top: 0;
}
.wrap-support .support-message figcaption:after {
  /*
            left:0;
            right:0;
            width:0;
            height:0;
            content: "";
            margin: auto;
            bottom: -100px;
            display: block;
            position: absolute;
            border-top: 100px solid white;
            border-left: 50px solid transparent;
            border-right: 50px solid transparent;
  */
}
.wrap-support .form-support {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1024px) {
  .wrap-support .wrap-content .wrap-inner {
    height: auto;
    position: static;
  }
  .wrap-support .wrap-content .wrap-inner > div {
    float: none;
    width: auto;
    height: auto;
  }
  .wrap-support .wrap-content .wrap-inner > div:before {
    content: none;
  }
}
@media screen and (max-width: 767px) {
  .wrap-support .support-message .content-text {
    margin-bottom: 0;
    padding: 1em 1em;
  }
  .wrap-support .form-support {
    margin-top: 0;
  }
}
.error404 {
  background-color: #333;
}

.wrap-404 {
  background-color: #333;
}
.wrap-404 .wrap-content {
  background-color: rgba(0, 0, 0, 0.4);
}
.wrap-404 .wrap-content .wrap-inner {
  width: 100%;
  height: 100%;
  position: absolute;
}
.wrap-404 .error-message {
  font-size: 1.5em;
  width: 100%;
  padding: 1em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
}
.wrap-404 .error-message .content-text {
  color: white;
}
.wrap-404 .error-message .content-text a {
  color: white;
}
@media screen and (max-width: 1024px) {
  .wrap-404.wrap-full .wrap-content .wrap-inner {
    height: auto;
    position: static;
  }
  .wrap-404 .error-message .content-text {
    padding: 1em 1em;
  }
}

.footer-bottom {
  color: white;
  font-size: 0.9em;
  padding-top: 1em;
  padding-bottom: 2em;
  background-color: white;
}
.footer-bottom .nav-container {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}
.footer-bottom .content-width, .footer-bottom .wrap-single-page .content-text, .wrap-single-page .footer-bottom .content-text, .footer-bottom .wrap-single-page-margin {
  text-align: center;
}
.footer-bottom section {
  display: inline-block;
  width: 33.33%;
  min-height: 10px;
  padding-right: 2em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.footer-bottom section:last-child {
  padding-right: 0;
}
.footer-bottom section h2 {
  font-size: 1.5em;
  margin-bottom: 1.7em;
  font-family: gothic-regular;
}
.footer-bottom section p {
  color: #999;
  font-family: gothic-regular;
}
.footer-bottom section a {
  color: #999;
}
.footer-bottom section a:hover {
  text-decoration: underline;
}
.footer-bottom section p, .footer-bottom section img {
  margin-bottom: 1.5em;
}
.footer-bottom section img {
  display: block;
}
.footer-bottom .ui-nav-social-media {
  padding-top: 1.5em;
  padding-bottom: 1em;
  margin-bottom: 1.5em;
}
.footer-bottom .ui-nav-social-media ul {
  display: flex;
  justify-content: space-between;
}
.footer-bottom .ui-nav-social-media li {
  width: 32px;
  height: 32px;
}
.footer-bottom .ui-nav-social-media li img {
  width: 100%;
  height: auto;
}
.footer-bottom span {
  display: inline-block;
  font-size: 0.9em;
  color: #999;
  font-family: gothic-regular;
}

@media screen and (max-width: 1024px) {
  .footer-bottom section {
    width: 350px;
  }
}
@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* Internet Explorer */
@-ms-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
body {
  background-color: #f2f2f2;
}
body.post-type-archive-th_project {
  background-color: f2f2f2;
}
body.post-type-archive-th_course {
  background-color: #333;
}

.header-top {
  background-color: white;
  color: black;
}

.ui-nav-primary li a {
  color: #58C1E2;
}
.ui-nav-primary > ul > li:hover {
  background-color: transparent;
}

.footer-bottom {
  color: #333;
}

.ui-nav-services .wrap-inner {
  background-color: #58C1E2;
}

.blog-thumbnail .content-text a.read-more, .course-thumbnail .content-text a.read-more, .content-thumbnail-circle .content-text a.read-more {
  color: #58C1E2;
}

.ui-btn-menu {
  background-image: url("../assets/en/ui/ui_icon_menu_dark.png");
}

.ui-btn-close {
  background-image: url("../assets/en/ui/ui_icon_close_dark.png");
}

.ui-nav-social-media li a:after {
  filter: brightness(0.7);
}

/*# sourceMappingURL=main_light.css.map */