@charset "utf-8";
/* CSS Document */

/* */
.padding-s {
  padding-top: 60px;
  padding-bottom: 60px;
}
.padding-m {
  padding-top: 100px;
  padding-bottom: 100px;
}
.padding-l {
  padding-top: 160px;
  padding-bottom: 160px;
}

.margin-s {
  margin-top: 60px;
  margin-bottom: 60px;
}
.margin-m {
  margin-top: 100px;
  margin-bottom: 100px;
}
.margin-l {
  margin-top: 160px;
  margin-bottom: 160px;
}

/* */
.logo {
  font-family: "NewRedo", cursive;
  font-size: 42px;

  padding: 10px 0;
}
.logo a:hover {
  color: #1ea4e4;
}
.logo img {
  width: 55px;
  margin-top: -8px;
  margin-right: 2px;
}

/* */
.navigation {
  position: absolute;
  top: 0;

  z-index: 20;

  width: 100%;
  height: auto;

  transition: 0.3s;
}
.navigation-active {
  background: rgba(7, 22, 36, 0.9);

  transition: 0.3s;
}
.navigation-menu {
  background: #1ea4e4;

  width: 100%;
  height: 84px;

  position: absolute;
  top: -120px;

  z-index: 30;

  transition: 0.3s;
}
.navigation ul {
  margin: 0;
  padding: 0;

  list-style: none;
}
.navigation li {
  position: relative;
  display: inline-block;
}
.navigation li a {
  font-size: 16px;
  font-weight: 500;

  padding: 30px 20px;

  display: block;

  position: relative;
  z-index: 40;
}
.navigation li a:hover {
  color: #fff;
}
.navigation li a:hover ~ .navigation-menu {
  top: 0px;

  transition: 0.3s;
}
.navigation-menu__show {
  top: 0px;

  transition: 0.3s;
}
.navigation-dropdown {
  background: #071624;

  position: absolute;
  top: 84px;
  left: -9999px;

  width: 100%;
  height: auto;

  transition: 0.6s;
}
.navigation-dropdown img {
  width: 100%;
  height: 100%;

  object-fit: cover;

  opacity: 0.6;
}
.navigation-dropdown__img-wrapper {
  position: absolute;
  top: 0;

  width: 100%;
  height: 100%;

  font-size: 32px;
  font-weight: 700;
  color: #fff;

  display: flex;
  justify-content: center;
  align-items: center;
}

.navigation-dropdown h5 {
  font-size: 24px;
  font-weight: 500;
}
.navigation-dropdown ul {
  margin: 15px 0 0;
  padding: 0;

  list-style: none;
}
.navigation-dropdown ul a {
  font-size: 18px;
  color: #fff;

  display: block;
  width: 100%;
  height: 100%;

  transition: 0.3s;
}
.navigation-dropdown ul a:hover {
  color: #ccc;

  transition: 0.3s;
}
.navigation-dropdown li {
  padding: 8px 0;
}
.navigation-dropdown__active {
  left: 0;

  transition: 0.6s;
}

.navigation-dropdown__overlay {
  transition: 0.6s;
}
.navigation-dropdown__overlay.active {
  background: rgba(0, 0, 0, 0.5);

  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;

  z-index: 250;

  transition: 0.6s;
}

/* */
.header-img {
  background: #071624;

  width: 100%;
  height: 100%;

  padding-top: 150px;
  padding-bottom: 90px;

  position: relative;
  top: 0;
}
.header-img.sm {
  padding-top: 80px;
  padding-bottom: 80px;
}
.header-img__img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;

  margin: 0 auto;

  width: 100%;
  height: 100%;

  object-fit: cover;

  opacity: 0.2;

  filter: grayscale(1);
}

.header-banner {
  margin: 60px 0;
}
.header-banner h3 {
  font-size: 24px;
  font-weight: 400;
}
.header-banner-header {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 72px;
  font-weight: 700;

  margin: 0;
}
.header-banner-sub {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 24px;
  font-weight: 400;

  border-left: 3px solid #1ea4e4;

  margin: 25px 0 50px 0;
  padding-left: 15px;
}

/* */
.landing-page .header-img {
  background: #071624;

  width: 100%;
  height: 100%;

  padding-top: 200px;
  padding-bottom: 150px;

  position: relative;
  top: 0;
}

/* */
/* White */
.body_background__01 {
  background: #fff;

  color: #071624;

  position: relative;
  z-index: 20;
}
/* Dark Blue */
.body_background__02 {
  background: #071624;

  color: #fff;

  position: relative;
  z-index: 20;
}
.body_background__02 h1 {
  font-size: 56px;
}
/* Light Grey */
.body_background__03 {
  background: #efefef;

  color: #071624;

  position: relative;
  z-index: 20;
}
.body_background__03 a {
  color: #071624;
}
.body_background__03 a:hover {
  color: #071624;
}
/* Dark Grey */
.body_background__04 {
  background: #e6e6e7;

  color: #071624;

  position: relative;
  z-index: 20;
}
/* Bright Blue */
.body_background__05 {
  background: #1ea4e4;

  color: #fff;

  position: relative;
  z-index: 20;
}

/*  */
.blog_body a {
  color: #071624;
  text-decoration: underline;
  text-decoration-color: #071624;
}
.blog_body a:hover {
  color: #071624;
}
.blog_body h1 {
  font-size: 60px;
}
.blog_body h2 {
  font-size: 56px;
}
.blog_body h3 {
  font-size: 50px;
}
.blog_body h4 {
  font-size: 46px;
}
.blog_body h5 {
  font-size: 40px;
}
.blog_body code {
  background: #f1f1f1;
  border-radius: 4px;

  font-size: 14px;

  display: inline-block;

  padding: 3px 6px 1px;
}
.blog_body pre code {
  background: #f1f1f1;
  border-radius: 4px;

  display: inline-block;

  padding: 15px 25px;
  margin: 10px 0;
}
.blog_body img {
  display: block;
  margin: 20px 0;
}

/* */
.container-01 {
  position: relative;
  z-index: 50;
}
.container-01 h5 {
  font-size: 26px;
  margin-top: 20px;
}
.container-01 .container-01__img {
  width: 70px;
  height: 70px;
}

.container-02 {
  background: #efefef;
}
.container-02 p {
  margin: 10px 40px 20px;
}
.container-02 img {
  width: 100%;
  height: 300px;

  margin-bottom: 20px;

  object-fit: cover;
}

.container-03 {
  background: #fff;
}

.container-04 {
  background: #f4f5f8;

  position: relative;
  top: -50px;

  margin-bottom: 10px;

  z-index: 20;
}

.container-badge {
  background: #1ea4e4;

  font-size: 14px;
  font-weight: 500;
  color: #fff;

  display: inline;
  padding: 4px 15px;

  position: absolute;
  top: 0;
  right: 15px;
}
.container-quote {
  font-size: 16px;
}
.container-shadow {
  background: #fff;
  border-radius: 4px;
  border: 1px solid #eaedf2;
  box-shadow: 0 5px 8px #e9e9e9;

  padding: 60px;
}

.container-quote:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 52px;
  content: "\f10d";

  position: absolute;
  top: -60px;
  left: -10px;
}
.container-quote:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 52px;
  content: "\f10e";

  position: absolute;
  bottom: -60px;
  right: -10px;
}

/* */
.image_01 {
  max-width: 650px;
  height: auto;

  position: relative;
  z-index: 50;
}
.image_02 {
  position: absolute;
  top: -50px;
  left: 200px;

  width: 200px;
  height: auto;
}

.image-06 {
  width: 160px;
  height: auto;
}

.customer-logo-panel .row {
  justify-content: center;
  align-items: center;
}
.customer-logo-item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    padding: 1rem;
    cursor: pointer;
}
.customer-logo-item img {
  max-height: 100%;
  width: auto;
  max-width: 200px;
  object-fit: contain;
}

/* */
.gallery {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(8, 5vw);
  grid-gap: 0;
}
.gallery__img {
  width: 100%;
  height: 100%;

  object-fit: cover;
}
.gallery__item {
  position: relative;

  font-size: 14px;

  height: 100%;
}
.gallery__item .gallery__grad {
  background-image: linear-gradient(rgba(255, 0, 0, 0), rgba(0, 0, 0, 1));

  position: absolute;
  bottom: 0;

  z-index: 20;

  width: 100%;
  height: 250px;
}
.gallery__item .gallery__over {
  background: #1ea4e4;

  position: absolute;
  top: 0;

  z-index: 30;

  width: 100%;
  height: 0;

  transition: 0.5s;

  opacity: 0.3;
}
.gallery__item a {
  color: #fff;

  display: block;
  width: 100%;
  height: 100%;
}
.gallery__item a:hover .gallery__over {
  height: 100%;

  transition: 0.5s;
}

.gallery__item-1 {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 9;
}
.gallery__item-2 {
  grid-column-start: 5;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 5;
}
.gallery__item-3 {
  grid-column-start: 5;
  grid-column-end: 7;
  grid-row-start: 5;
  grid-row-end: 9;
}
.gallery__item-4 {
  grid-column-start: 7;
  grid-column-end: 9;
  grid-row-start: 5;
  grid-row-end: 9;
}
.gallery__content {
  position: absolute;
  bottom: 40px;
  left: 40px;

  padding-right: 40px;

  z-index: 40;
}

/* */
.review::before {
  content: open-quote;

  font-family: sans-serif;
  font-size: 124px;
  color: #fff;

  position: absolute;
  left: 20px;
  z-index: 50;

  margin-top: -84px;
}
.review::after {
  content: close-quote;

  font-family: sans-serif;
  font-size: 124px;
  color: #fff;

  position: absolute;
  right: 22px;
  z-index: 50;

  margin-top: -40px;
}
.single-review .review::before {
  color: #333333;

  margin-top: -90px;
}
.single-review .review::after {
  color: #333333;

  margin-top: -30px;
}

.review_content {
  width: 80%;
  min-height: 180px;

  margin: 0 auto;
}
.single-review .review_content {
  min-height: auto;
}

.review_signature {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: 38px;
}

/* */
.badge-skills {
  background: #f5f5f5;
  border-left: 6px solid #1ea4e4;
  border-radius: 5px;

  font-size: 16px;

  padding: 8px 12px;
  margin: 4px;

  white-space: nowrap;

  display: inline-block;
}

.social-badge-skills {
  background: #f5f5f5;
  border-left: 6px solid #1ea4e4;
  border-radius: 5px;
  width: 100%;
  min-height: 60px;
  font-size: 16px;
  padding: 8px 12px;
  margin: 4px;
  white-space: normal;
  display: inline-flex;
  align-items: center;
  text-align: left;
  overflow-wrap: break-word;
  word-wrap: break-word;
  color: black;
  text-decoration: none;
}

@media (max-width: 768px) {
  .social-badge-skills {
    font-size: 14px;
    padding: 6px 10px;
  }
}

.badge-info {
  background: #071624;
  border-radius: 5px;

  padding: 4px 12px;

  display: inline-block;
}
.magic-pattern {
  width: 100%;
  height: 100%;

  border-radius: 40% 60% 60% 40% / 70% 30% 70% 30%;

  position: relative;
  z-index: 20;
}
.magic-pattern-background {
  background: #1ea4e4;
  width: 400px;
  height: 200px;

  border-radius: 40% 60% 60% 40% / 70% 30% 70% 30%;

  position: absolute;
  z-index: 10;
}
.pos-1 {
  right: 50px;
  top: 10px;
}
.pos-2 {
  left: 50px;
  bottom: 10px;
}

.landing-page .img-full {
  width: 750px;
}

.bookmark {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 30;

  display: inline-block;
  height: 0;
  width: 0;
  border-top: 350px solid #071624;
  border-left: 350px solid transparent;
}
.bookmark div {
  font-size: 36px;
  font-weight: 600;
  color: #fff;

  position: absolute;
  right: 40px;
  top: -300px;
  z-index: 40;
}

.presentation-speakers {
  position: relative;
  color: #1e6c93;
  background: #f5f5f5;
  border-radius: 4px;
  z-index: 10;
}
.social-icon-link {
  color: #1e6c93;
  transition: color 0.2s;
}
.social-icon-link:hover {
  color: #5490af;
}
.restrict-content__xs {
  padding: 10px 0 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

/* */
.cookie-consent {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 5px 20px;

  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  color: #071624;

  position: fixed;
  bottom: 5px;
  left: 5px;

  display: flex;
  flex-direction: column;

  margin: 15px;
  padding: 20px;
}
.cookie-consent__text {
  margin-bottom: 25px;
}
.cookie-consent__buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  text-align: center;

  font-weight: 600;
}
.cookie-consent__buttons__read-more {
  cursor: pointer;

  padding: 6px 15px 8px;
}
.cookie-consent__buttons__read-more a {
  color: #1ea4e4;
  margin-right: 15px;
}

.cookie-consent__buttons__close {
  background: #1ea4e4;
  border-radius: 40px;

  color: #fff;

  cursor: pointer;

  padding: 6px 15px 8px;
}

/* */
.footer-bar {
  color: #fff;

  padding-top: 30px;
  padding-bottom: 30px;
}
.footer-bar .logo {
  font-family: "NewRedo", cursive;
  font-size: 38px;

  margin-top: 0;
  margin-bottom: 8px;
}
.footer-bar h5 {
  font-size: 26px;

  margin-top: 40px;
}

.footer-bar p {
  font-size: 16px;

  padding-right: 100px;
}

.footer-bar a {
  color: #ffffff;

  transition: 0.3s;
}
.footer-bar a:hover {
  color: #1ea4e4;

  transition: 0.3s;
}

.footer-bar ul {
  list-style: none;

  padding: 28px 0 0 0;
}
.footer-bar li {
  display: inline;

  margin: 0;
  padding: 0 20px 0 0;
}
.footer-bar li:last-of-type {
  padding: 0;
}
.footer-bar li a {
  font-size: 16px;
}

.footer-bar .opening ul {
  list-style: none;

  padding: 0;
}
.footer-bar .opening li {
  color: #fff;
  font-size: 16px;

  display: block;

  padding: 5px 0 0 0;
}

.footer-bar__bottom {
  color: #f1f1f1;
  font-size: 16px;

  padding: 20px;
}
.footer-bar__bottom a {
  color: #f1f1f1;

  transition: 0.3s;
}
.footer-bar__bottom a:hover {
  color: #f1f1f1;

  transition: 0.3s;
}

.workshop-content a {
  color: #1ea4e4;
}