@charset "UTF-8";
/* CSS Document */
html {
  min-height: calc(100% + env(safe-area-inset-top));
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  background-attachment: fixed;
}
body {
  font-family: acumin-variable, sans-serif;
  font-variation-settings: "slnt"0, "wdth"75, "wght"300;
  font-size: 12pt;
  color: #ddb472;
  letter-spacing: 1.5px;
  background-image: linear-gradient(to bottom, #0a151b 15%, #41437a);
}
a:link {
  text-decoration: none;
  color: inherit;
}
a:hover {
  text-decoration: underline;
}
a:visited {
  text-decoration: none;
  color: inherit;
}
img {
  border: none;
  width: 100%;
  height: auto;
}
strong {
  font-variation-settings: "slnt"0, "wdth"90, "wght"500;
}
#language {
  text-align: right;
  margin: 10px 0px;
  top: 0;
  left: 85vw;
}
#main {
  display: flex;
  flex-flow: column;
}
#te_logo {
  width: 100vw !important;
  max-width: 350px;
  margin-bottom: 0px;
}
#watch_logo {
  width: 85vw !important;
  max-width: 400px;
  margin: 0px 40px 0px 0px;
}
.mobile {
  display: block !important;
}
.tablet {
  display: none !important;
}
.desktop {
  display: none !important;
}
/*Start of Class CSS*/
.banner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 85vw;
  margin: auto;
}
.banner img {
  width: 85vw;
  margin: 10px 0px;
}
.banner.event_title {
  align-self: flex-start;
}
.canvas {
  width: 95vw;
  margin: auto;
  display: flex;
  flex-flow: column;
}
.date {
  text-align: left;
  line-height: 25px;
}
.divider_h {
  display: block;
  width: 200px;
  height: auto;
  margin: 20px auto;
}
.divider_v {
  display: none;
}
.event_title {
  font-variation-settings: "slnt"0, "wdth"50, "wght"500;
  font-size: 20pt;
  line-height: 40px;
  text-align: center;
}
.event_txt {
  text-align: center;
  color: #FFFFFF;
  line-height: 20px;
}
.event_txt.left {
  text-align: center;
}
.event_txt.right {
  text-align: center;
}
.fair_info {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.fair_info .event_txt {
  flex-grow: 1;
}
.fair_info img {
  align-self: flex-end;
  bottom: 0;
}
.info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 25px 0px;
}
.intelligence {
  display: flex;
  flex-flow: column;
  justify-content: center;
  margin: 10px 0px 25px 0px;
}
.intelligence img {
  width: 200px;
  align-self: flex-end;
  bottom: 0;
}
.intelligence_banner {
  padding-top: 10px;
}
.intelligence_left {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddb472;
  border-image: linear-gradient(to right, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 70%);
  border-image-slice: 1;
}
.intelligence_right {
  padding-top: 20px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.intro {
  text-align: center;
  line-height: 28px;
  margin-top: 15px;
}
.register_fairs {
  border-bottom: 1px solid #ddb472;
  border-image: linear-gradient(to right, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0.5) 15%, rgba(255, 255, 255, 0.5) 85%, rgba(255, 255, 255, 0) 85%);
  border-image-slice: 1;
}
.register_now {
  margin: 20px auto;
  width: 100vw;
  max-width: 900px;
}
.register_now a:hover {
  text-decoration: none;
}
.venue_row {
  display: flex;
  flex-flow: column;
}
.visual_image {
  display: block;
  width: 99%;
  max-width: 1980px;
  margin: 0px auto;
  background: #0a151b;
}
.watch_fairs {
  display: inline-flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.watch_info {
  display: flex;
  flex-direction: column;
  width: 85vw;
  max-width: 900px;
  margin: 15px auto;
  padding: 15px 0px;
  border: 0.5px solid #ddb472;
  border-left: 0px;
  border-right: 0px;
}
/* CSS for Tablets */
@media (min-width: 600px) {
  body {
    font-size: 13pt;
    letter-spacing: 1px;
    background-image: linear-gradient(to bottom, #0a151b 30%, #41437a);
  }
  #language {
    left: 92vw;
  }
  #te_logo {
    width: 35vw !important;
  }
  #watch_logo {
    width: 35vw !important;
  }
  .mobile {
    display: none !important;
  }
  .tablet {
    display: block !important;
  }
  .desktop {
    display: none !important;
  }
  .banner {
    flex-direction: row;
    justify-content: center;
  }
  .banner img {
    width: 45vw;
    max-width: 600px;
    margin: 10px 25px;
  }
  .divider_h {
    display: none;
  }
  .divider_v {
    width: 10px;
    height: auto;
    margin: 150px 20px 100px 20px;
    display: block;
  }
  .event_txt.left {
    text-align: right;
  }
  .event_txt.right {
    text-align: left;
  }
  .fair_info {
    width: 40vw;
  }
  .fair_info img {
    align-self: flex-end;
    position: static;
    margin-top: auto;
    align-items: stretch;
    margin-bottom: 30px;
  }
  .info {
    flex-direction: row;
  }
  .intelligence {
    flex-flow: row;
  }
  .intelligence img {
    padding: 5px 10px;
    align-self: flex-end;
    position: static;
    margin-top: auto;
    align-items: stretch;
    align-items: flex-end;
  }
  .intelligence_left {
    width: 43vw;
    flex-flow: row-reverse;
    border-right: 1px solid #ddb472;
    border-bottom: none;
    border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0) 70%);
    border-image-slice: 1;
  }
  .intelligence_left img, .intelligence_left .event_txt {
    margin-top: 20px;
  }
  .intelligence_right {
    width: 43vw;
    flex-flow: row;
    padding-top: 0px;
  }
  .intro {
    padding: 0px 2.5vw;
  }
  .watch_fairs {
    flex-direction: row;
    margin-bottom: 0px;
  }
}
/* CSS for Desktops */
@media (min-width: 1300px) {
  body {
    font-size: 14pt;
    background-image: linear-gradient(to bottom, #0a151b 50%, #41437a);
  }
  #main {
    flex-flow: row;
    align-items: flex-start;
    justify-content: center;
  }
  #te_logo {
    width: 30vw !important;
  }
  #watch_logo {
    width: 30vw !important;
  }
  .mobile {
    display: none !important;
  }
  .tablet {
    display: none !important;
  }
  .desktop {
    display: block !important;
  }
  .banner {
    width: 45vw;
    max-width: 900px;
  }
  .register_fairs {
    width: 48vw;
    max-width: 900px;
    padding: 10px;
    border-bottom: none;
    border-right: 1px solid #ddb472;
    border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0.5) 15%, rgba(255, 255, 255, 0.5) 85%, rgba(255, 255, 255, 0) 85%);
    border-image-slice: 1;
  }
  .intelligence_banner {
    width: 48vw;
    max-width: 900px;
    padding: 30px 50px 10px 50px;
  }
  .intro {
    line-height: 45px;
    margin-top: 30px;
    font-size: 20pt;
  }
}