@font-face {
  font-family: 'TT Commons';
  src: url('../fonts/TTCommons-LightItalic.woff2') format('woff2'), url('../fonts/TTCommons-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'TT Commons';
  src: url('../fonts/TTCommons-Light.woff2') format('woff2'), url('../fonts/TTCommons-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'TT Commons';
  src: url('../fonts/TTCommons-Medium.woff2') format('woff2'), url('../fonts/TTCommons-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'TT Commons';
  src: url('../fonts/TTCommons-Regular.woff2') format('woff2'), url('../fonts/TTCommons-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'TT Commons';
  src: url('../fonts/TTCommons-Italic.woff2') format('woff2'), url('../fonts/TTCommons-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Sharp Grotesk Medium Italic 10';
  src: url('../fonts/SharpGrotesk-MediumItalic10.woff2') format('woff2'), url('../fonts/SharpGrotesk-MediumItalic10.woff') format('woff');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Sharp Grotesk Medium 25';
  src: url('../fonts/SharpGrotesk-Medium25.woff2') format('woff2'), url('../fonts/SharpGrotesk-Medium25.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Sharp Grotesk Medium Italic 15';
  src: url('../fonts/SharpGrotesk-MediumItalic15.woff2') format('woff2'), url('../fonts/SharpGrotesk-MediumItalic15.woff') format('woff');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Sharp Grotesk Light Italic 15';
  src: url('../fonts/SharpGrotesk-LightItalic15.woff2') format('woff2'), url('../fonts/SharpGrotesk-LightItalic15.woff') format('woff');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Sharp Grotesk Book 25';
  src: url('../fonts/SharpGrotesk-Book25.woff2') format('woff2'), url('../fonts/SharpGrotesk-Book25.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Sharp Grotesk Medium 20';
  src: url('../fonts/SharpGrotesk-Medium20.woff2') format('woff2'), url('../fonts/SharpGrotesk-Medium20.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Sharp Grotesk SemiBold 20';
  src: url('../fonts/subset-SharpGrotesk-SemiBold20.woff2') format('woff2'), url('../fonts/subset-SharpGrotesk-SemiBold20.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sharp Grotesk Light 20';
  src: url('../fonts/subset-SharpGrotesk-Light20.woff2') format('woff2'), url('../fonts/subset-SharpGrotesk-Light20.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
}
.wrapper {
  display: block;
  position: relative;
  overflow: hidden;
  padding-bottom: 150px;
  font-family: 'TT Commons';
}
.wrapper .hero-heading {
  display: block;
  position: relative;
  text-align: center;
  color: #ADF346;
  line-height: 110px;
}
@media only screen and (max-width: 920px) {
  .wrapper .hero-heading br {
    display: none !important;
  }
}
@media only screen and (max-width: 920px) {
  .wrapper .hero-heading {
    max-width: 255px;
    text-align: left;
    margin: 0 auto;
    line-height: 60px;
  }
}
.wrapper .hero-heading .w1,
.wrapper .hero-heading .w2 {
  font-size: 80px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  letter-spacing: 5px;
}
@media only screen and (max-width: 920px) {
  .wrapper .hero-heading .w1,
  .wrapper .hero-heading .w2 {
    display: block;
    font-size: 48px;
  }
}
.wrapper .hero-heading .w2_backup {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  color: #0000FF;
  font-size: 80px;
  font-weight: 300;
  letter-spacing: 12px;
  padding-left: 10px;
  padding-right: 0px;
  margin-left: 10px;
}
@media only screen and (max-width: 920px) {
  .wrapper .hero-heading .w2_backup {
    display: block;
    font-size: 48px;
    padding-left: 0;
    letter-spacing: 5px;
  }
}
.wrapper .hero-heading .w2_backup .bg {
  display: block;
  position: absolute;
  width: 100%;
  height: 81%;
  left: 0;
  background-color: #FF6600;
  z-index: -1;
}
@media only screen and (max-width: 920px) {
  .wrapper .hero-heading .w2_backup .bg {
    left: -10px;
  }
}
.wrapper .hero-heading .w3 {
  display: inline-block;
  vertical-align: middle;
  font-size: 80px;
  font-family: 'Sharp Grotesk Light Italic 15';
  font-style: italic;
}
@media only screen and (max-width: 920px) {
  .wrapper .hero-heading .w3 {
    display: block;
    font-size: 48px;
  }
}
.wrapper .hero-heading .w4 {
  display: inline-block;
  vertical-align: middle;
  font-family: 'Sharp Grotesk Book 25';
  font-size: 80px;
  letter-spacing: 5px;
  margin-left: 17px;
}
@media only screen and (max-width: 920px) {
  .wrapper .hero-heading .w4 {
    display: block;
    font-size: 48px;
    margin-left: 0;
  }
}
.hero {
  display: block;
  position: relative;
  z-index: 3;
}
.v-center {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.video1-holder {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none !important;
}
@media only screen and (max-width: 619px) {
  .video1-holder {
    transform: scale(0.7);
    transform-origin: center center;
  }
}
.video1 {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1600px;
  height: auto;
  transform: translateX(-50%) translateY(-50%);
  opacity: 0.8;
}
.video1.new {
  width: 1200px;
  z-index: 0;
  left: calc(50% + 250px);
}
.mobile-nav {
  display: none;
  position: fixed;
  width: calc(100% - 34px);
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: 17px;
  pointer-events: none;
  z-index: 9999999;
  background-color: #ADF346;
}
.mobile-nav.active {
  display: block;
  pointer-events: all;
}
.mobile-nav .finder {
  display: inline-block;
  vertical-align: bottom;
  color: #5F5AF7;
  font-size: 16px;
  font-weight: 500;
  transform: translateY(3px);
  margin-top: 5px;
}
.mobile-nav .finder .s {
  font-family: 'Sharp Grotesk Light Italic 15';
  font-style: italic;
}
.mobile-nav .mob-head {
  display: block;
  width: 100%;
  position: relative;
  height: 84px;
  box-sizing: border-box;
  padding-top: 20px;
  padding-left: 14px;
}
.mobile-nav .mob-head .mob-logo {
  width: 123px;
  height: auto;
  display: block;
}
.mobile-nav .mob-head .mob-logo * {
  fill: #000;
}
.mobile-nav .mob-head .mobile-close-nav {
  display: block;
  position: absolute;
  width: 22px;
  height: auto;
  top: 21px;
  right: 14px;
  cursor: pointer;
}
.mobile-nav .mob-menu {
  display: block;
  position: relative;
  margin-top: 13px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 14px;
}
.mobile-nav .mob-menu a {
  display: block;
  color: #000000;
  font-size: 23px;
  text-decoration: none;
  margin-top: 13px;
  margin-bottom: 13px;
}
.mobile-nav .mob-social {
  display: block;
  position: absolute;
  bottom: 18px;
  width: 100%;
  text-align: center;
}
.mobile-nav .mob-social svg {
  display: inline-block;
  vertical-align: middle;
  margin-left: 13px;
  margin-right: 13px;
}
.top-frame {
  display: block;
  position: fixed;
  width: calc(100% - 34px);
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: 17px;
  z-index: 999;
  border: 1px solid #ADF346;
  box-sizing: border-box;
  pointer-events: none;
}
.top-frame .social-itm {
  text-decoration: none !important;
}
.top-frame.orange {
  border-color: #FF6600;
}
.top-frame.orange .social-itm path {
  fill: #FF6600;
}
.top-frame.orange .login-logo * {
  fill: #FF6600;
}
.top-frame.orange .top {
  border-color: #FF6600;
}
.top-frame.orange .top .left {
  border-color: #FF6600;
}
.top-frame.orange .finder {
  color: #FF6600 !important;
}
.top-frame.orange .desktop-nav a {
  color: #FF6600 !important;
}
.top-frame.orange .desktop-nav a .line {
  background-color: #FF6600 !important;
}
.top-frame.orange .sm-btn1 {
  background-color: #FF6600 !important;
}
.top-frame.orange .sm-btn1:hover {
  background-color: #E93000 !important;
}
.top-frame.orange .bottom {
  border-color: #FF6600 !important;
}
.top-frame.orange .label {
  color: #FF6600 !important;
}
.top-frame.orange input {
  color: #FF6600 !important;
}
.top-frame.orange .label-divider {
  border-color: #FF6600 !important;
}
.top-frame.orange .mobile-bottom {
  border-color: #FF6600 !important;
}
.top-frame.orange .mobile-bottom input {
  color: #FF6600 !important;
}
.top-frame.orange .mobile-bottom input::placeholder {
  color: #FF6600 !important;
  opacity: 1;
}
.top-frame.orange .mobile-bottom input:-ms-input-placeholder {
  color: #FF6600 !important;
}
.top-frame.orange .mobile-bottom input::-ms-input-placeholder {
  color: #FF6600 !important;
}
.top-frame.orange .burger * {
  fill: #FF6600 !important;
}
.top-frame.orange .close-back * {
  stroke: #FF6600 !important;
}
.top-frame.purple {
  border-color: #FA08F5;
}
.top-frame.purple .social-itm path {
  fill: #FA08F5;
}
.top-frame.purple .login-logo * {
  fill: #FA08F5;
}
.top-frame.purple .top {
  border-color: #FA08F5;
}
.top-frame.purple .top .left {
  border-color: #FA08F5;
}
.top-frame.purple .finder {
  color: #FA08F5 !important;
}
.top-frame.purple .desktop-nav a {
  color: #FA08F5 !important;
}
.top-frame.purple .desktop-nav a .line {
  background-color: #FA08F5 !important;
}
.top-frame.purple .sm-btn1 {
  background-color: #FA08F5 !important;
}
.top-frame.purple .sm-btn1:hover {
  background-color: #C90087 !important;
}
.top-frame.purple .bottom {
  border-color: #FA08F5 !important;
}
.top-frame.purple .label {
  color: #FA08F5 !important;
}
.top-frame.purple input {
  color: #FA08F5 !important;
}
.top-frame.purple .label-divider {
  border-color: #FA08F5 !important;
}
.top-frame.purple .mobile-bottom {
  border-color: #FA08F5 !important;
}
.top-frame.purple .mobile-bottom input {
  color: #FA08F5 !important;
}
.top-frame.purple .mobile-bottom input::placeholder {
  color: #FA08F5 !important;
  opacity: 1;
}
.top-frame.purple .mobile-bottom input:-ms-input-placeholder {
  color: #FA08F5 !important;
}
.top-frame.purple .mobile-bottom input::-ms-input-placeholder {
  color: #FA08F5 !important;
}
.top-frame.purple .burger * {
  fill: #FA08F5 !important;
}
.top-frame.purple .close-back * {
  stroke: #FA08F5 !important;
}
.top-frame.purple .bem,
.top-frame.purple .phone {
  color: #FA08F5 !important;
}
.top-frame.orange {
  border-color: #FF6600;
}
.top-frame.orange .social-itm path {
  fill: #FF6600;
}
.top-frame.orange .login-logo * {
  fill: #FF6600;
}
.top-frame.orange .top {
  border-color: #FF6600;
}
.top-frame.orange .top .left {
  border-color: #FF6600;
}
.top-frame.orange .finder {
  color: #FF6600 !important;
}
.top-frame.orange .desktop-nav a {
  color: #FF6600 !important;
}
.top-frame.orange .desktop-nav a .line {
  background-color: #FF6600 !important;
}
.top-frame.orange .sm-btn1 {
  background-color: #FF6600 !important;
}
.top-frame.orange .sm-btn1:hover {
  background-color: #E93000 !important;
}
.top-frame.orange .bottom {
  border-color: #FF6600 !important;
}
.top-frame.orange .label {
  color: #FF6600 !important;
}
.top-frame.orange input {
  color: #FF6600 !important;
}
.top-frame.orange .label-divider {
  border-color: #FF6600 !important;
}
.top-frame.orange .mobile-bottom {
  border-color: #FF6600 !important;
}
.top-frame.orange .mobile-bottom input {
  color: #FF6600 !important;
}
.top-frame.orange .mobile-bottom input::placeholder {
  color: #FF6600 !important;
  opacity: 1;
}
.top-frame.orange .mobile-bottom input:-ms-input-placeholder {
  color: #FF6600 !important;
}
.top-frame.orange .mobile-bottom input::-ms-input-placeholder {
  color: #FF6600 !important;
}
.top-frame.orange .burger * {
  fill: #FF6600 !important;
}
.top-frame.orange .bem,
.top-frame.orange .phone {
  color: #FF6600 !important;
}
.top-frame.blue {
  border-color: #5F5AF7;
}
.top-frame.blue .social-itm path {
  fill: #5F5AF7;
}
.top-frame.blue .login-logo * {
  fill: #5F5AF7;
}
.top-frame.blue .top {
  border-color: #5F5AF7;
}
.top-frame.blue .top .left {
  border-color: #5F5AF7;
}
.top-frame.blue .finder {
  color: #5F5AF7 !important;
}
.top-frame.blue .desktop-nav a {
  color: #5F5AF7 !important;
}
.top-frame.blue .desktop-nav a .line {
  background-color: #5F5AF7 !important;
}
.top-frame.blue .sm-btn1 {
  background-color: #5F5AF7 !important;
}
.top-frame.blue .sm-btn1:hover {
  background-color: #0000FF !important;
}
.top-frame.blue .bottom {
  border-color: #5F5AF7 !important;
}
.top-frame.blue .label {
  color: #5F5AF7 !important;
}
.top-frame.blue input {
  color: #5F5AF7 !important;
}
.top-frame.blue .label-divider {
  border-color: #5F5AF7 !important;
}
.top-frame.blue .mobile-bottom {
  border-color: #5F5AF7 !important;
}
.top-frame.blue .mobile-bottom input {
  color: #5F5AF7 !important;
}
.top-frame.blue .mobile-bottom input::placeholder {
  color: #5F5AF7 !important;
  opacity: 1;
}
.top-frame.blue .mobile-bottom input:-ms-input-placeholder {
  color: #5F5AF7 !important;
}
.top-frame.blue .mobile-bottom input::-ms-input-placeholder {
  color: #5F5AF7 !important;
}
.top-frame.blue .burger * {
  fill: #5F5AF7 !important;
}
.top-frame.blue .close-back * {
  stroke: #5F5AF7 !important;
}
.top-frame.blue .bem,
.top-frame.blue .phone {
  color: #5F5AF7 !important;
}
.top-frame.white {
  border-color: #FFFFFF;
}
.top-frame.white .social-itm path {
  fill: #FFFFFF;
}
.top-frame.white .login-logo * {
  fill: #FFFFFF;
}
.top-frame.white .top {
  border-color: #FFFFFF;
}
.top-frame.white .top .left {
  border-color: #FFFFFF;
}
.top-frame.white .finder {
  color: #FFFFFF !important;
}
.top-frame.white .desktop-nav a {
  color: #FFFFFF !important;
}
.top-frame.white .desktop-nav a .line {
  background-color: #FFFFFF !important;
}
.top-frame.white .sm-btn1 {
  background-color: #FFFFFF !important;
}
.top-frame.white .sm-btn1:hover {
  background-color: #FFFFFF !important;
}
.top-frame.white .bottom {
  border-color: #FFFFFF !important;
}
.top-frame.white .label {
  color: #FFFFFF !important;
}
.top-frame.white input {
  color: #FFFFFF !important;
}
.top-frame.white .label-divider {
  border-color: #FFFFFF !important;
}
.top-frame.white .mobile-bottom {
  border-color: #FFFFFF !important;
}
.top-frame.white .mobile-bottom input {
  color: #FFFFFF !important;
}
.top-frame.white .mobile-bottom input::placeholder {
  color: #FFFFFF !important;
  opacity: 1;
}
.top-frame.white .mobile-bottom input:-ms-input-placeholder {
  color: #FFFFFF !important;
}
.top-frame.white .mobile-bottom input::-ms-input-placeholder {
  color: #FFFFFF !important;
}
.top-frame.white .burger * {
  fill: #FFFFFF !important;
}
.top-frame.white .close-back * {
  stroke: #FFFFFF !important;
}
.top-frame.white .bem,
.top-frame.white .phone {
  color: #FFFFFF !important;
}
.top-frame .top {
  display: table;
  width: 100%;
  border-bottom: 1px solid #ADF346;
  background-color: #000;
}
.top-frame .top .left {
  display: table-cell;
  vertical-align: middle;
  width: 352px;
  padding-top: 27px;
  padding-bottom: 27px;
  border-right: 1px solid #ADF346;
  box-sizing: border-box;
  padding-left: 24px;
}
@media only screen and (max-width: 920px) {
  .top-frame .top .left {
    background-color: #000;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 14px;
  }
}
@media only screen and (max-width: 700px) {
  .top-frame .top .left {
    border-right: none;
  }
}
.top-frame .top .left .login-logo {
  display: inline-block;
  vertical-align: middle;
  width: 118px;
  height: auto;
}
@media only screen and (max-width: 920px) {
  .top-frame .top .left .login-logo {
    width: 123px !important;
    height: auto;
  }
}
.top-frame .top .left .finder {
  display: inline-block;
  vertical-align: bottom;
  color: #ADF346;
  font-size: 21px;
  font-weight: 500;
  transform: translateY(3px);
  margin-left: 10px;
}
@media only screen and (max-width: 700px) {
  .top-frame .top .left .finder {
    display: block;
    font-size: 16px;
    margin-top: 5px;
    margin-left: 0;
  }
}
.top-frame .top .left .finder .s {
  font-family: 'Sharp Grotesk Light Italic 15';
  font-style: italic;
}
.top-frame .top .right {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  padding-right: 14px;
  position: relative;
}
@media only screen and (max-width: 920px) {
  .top-frame .top .right {
    background-color: #000;
  }
}
.top-frame .top .right .burger {
  display: none;
}
@media only screen and (max-width: 700px) {
  .top-frame .top .right .burger {
    display: block;
    position: absolute;
    top: 14px;
    right: 14px;
    cursor: pointer;
    pointer-events: all;
  }
}
.top-frame .top .right .desktop-nav {
  display: inline-block;
  transform: translateY(2px);
}
@media only screen and (max-width: 700px) {
  .top-frame .top .right .desktop-nav {
    display: none !important;
  }
}
.top-frame .top .right .desktop-nav a {
  display: inline-block;
  vertical-align: middle;
  color: #ADF346;
  font-size: 16px;
  text-decoration: none;
  padding-left: 14px;
  padding-right: 14px;
  position: relative;
  pointer-events: all;
}
.top-frame .top .right .desktop-nav a:hover .line {
  width: 95% !important;
}
.top-frame .top .right .desktop-nav a .line {
  display: block;
  position: absolute;
  top: calc(50% - 2px);
  transform: translateY(-50%);
  width: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  transition: all 0.002s ease-in-out;
  height: 1px;
  background-color: #ADF346;
  z-index: 2;
}
.top-frame .bottom {
  display: table;
  position: absolute;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #ADF346;
  user-select: none;
  pointer-events: all;
  background-color: #000 !important;
}
.top-frame .bottom a {
  text-decoration: none !important;
}
@media only screen and (max-width: 920px) {
  .top-frame .bottom {
    display: none !important;
  }
}
.top-frame .bottom .left {
  display: table-cell;
  vertical-align: middle;
}
.top-frame .bottom .right {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}
.top-frame .bottom .social-itm {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  margin-right: 8px;
  transform: translateY(-1px);
}
.top-frame .bottom .bottom-right-content {
  display: inline-block;
  vertical-align: middle;
}
.top-frame .bottom .bottom-right-content .label-divider {
  border-left: 1px solid #ADF346;
  width: 1px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
}
.top-frame .bottom .bottom-right-content .label {
  display: inline-block;
  vertical-align: middle;
  color: #ADF346;
  font-size: 16px;
  transform: translateY(2px);
  padding-right: 5px;
  letter-spacing: 0.5px;
}
.top-frame .bottom .bottom-right-content input {
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  outline: none;
  height: 28px;
  font-family: 'TT Commons';
  font-size: 16px;
  color: #ADF346;
  line-height: 35px;
  transform: translateY(2px);
  width: 200px;
  box-sizing: border-box;
  padding-left: 5px;
  letter-spacing: 0.5px;
}
.top-frame .bottom .bem {
  display: inline-block;
  vertical-align: middle;
  color: #ADF346;
  font-size: 16px;
  transform: translateY(2px);
  margin-left: 11px;
  pointer-events: all;
}
@media only screen and (max-width: 1070px) {
  .top-frame .bottom .bem {
    display: none !important;
  }
}
.top-frame .bottom .phone {
  display: inline-block;
  vertical-align: middle;
  color: #ADF346;
  font-size: 16px;
  transform: translateY(2px);
  margin-left: 11px;
  pointer-events: all;
}
@media only screen and (max-width: 1070px) {
  .top-frame .bottom .phone {
    display: none !important;
  }
}
.mobile-bottom {
  display: none;
  position: absolute;
  width: 100%;
  bottom: 0;
  border-top: 1px solid #ADF346;
  pointer-events: all;
  background-color: #000;
  box-sizing: border-box;
}
@media only screen and (max-width: 920px) {
  .mobile-bottom {
    display: table;
  }
}
.mobile-bottom .left {
  display: table-cell;
  vertical-align: middle;
}
.mobile-bottom .left input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  height: 34px;
  border: none;
  -webkit-appearance: none;
  outline: none;
  box-shadow: none;
  color: #ADF346;
  font-size: 11px;
  background-color: transparent;
  padding-left: 14px;
  transform: translateY(-1px);
  border-radius: 0 !important;
}
@media only screen and (max-width: 360px) {
  .mobile-bottom .left input {
    font-size: 9px;
  }
}
.mobile-bottom .left input::placeholder {
  color: #ADF346;
  opacity: 1;
}
.mobile-bottom .left input:-ms-input-placeholder {
  color: #ADF346;
}
.mobile-bottom .left input::-ms-input-placeholder {
  color: #ADF346;
}
.mobile-bottom .right {
  display: table-cell;
  vertical-align: middle;
  width: 74px;
}
.mobile-bottom .right .sm-btn1 {
  height: 34px;
}
.mobile-bottom .right .sm-btn1 span {
  transform: translateY(4px);
}
.sm-btn1 {
  display: inline-block;
  position: relative;
  background-color: #ADF346;
  height: 30px;
  line-height: 30px;
  box-sizing: border-box;
  padding-left: 10px;
  text-align: center;
  padding-right: 10px;
  min-width: 90px;
  cursor: pointer;
}
.sm-btn1:hover {
  background-color: #78BB14;
}
.sm-btn1:hover span {
  color: #fff;
}
.sm-btn1 span {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  font-weight: bold;
  transform: translateY(2px);
}
.we-are {
  display: block;
  position: relative;
  width: calc(100% - 200px);
  margin: 0 auto;
  margin-top: 80px;
  max-width: 1060px;
  z-index: 2;
  transform: translateX(100px);
}
@media only screen and (max-width: 1370px) {
  .we-are {
    transform: translateX(0);
  }
}
@media only screen and (max-width: 920px) {
  .we-are {
    margin-top: 40px;
    width: calc(100% - 60px);
  }
}
.we-are .b1 {
  display: block;
  position: relative;
  z-index: 2;
}
.we-are .b1 .heading {
  display: block;
  color: #ADF346;
  font-size: 80px;
  font-family: 'Sharp Grotesk Medium 20';
}
@media only screen and (max-width: 920px) {
  .we-are .b1 .heading {
    font-size: 40px;
    max-width: 150px;
  }
}
.we-are .b1 .heading span {
  font-family: 'Sharp Grotesk Medium Italic 15';
  font-style: italic;
}
.we-are .b1 .text {
  display: block;
  position: relative;
  color: #5F5AF7;
  font-size: 24px;
  max-width: 620px;
  font-family: 'Sharp Grotesk Medium 20';
  line-height: 1.7;
  margin-top: 40px;
}
@media only screen and (max-width: 920px) {
  .we-are .b1 .text {
    font-size: 16px;
    margin-top: 21px;
  }
}
.we-are .b2 {
  display: block;
  position: relative;
  margin-top: 91px;
}
@media only screen and (max-width: 920px) {
  .we-are .b2 {
    margin-top: 20px;
  }
}
.we-are .b2 .left {
  display: block;
  float: left;
  width: calc(100% - 460px);
}
@media only screen and (max-width: 920px) {
  .we-are .b2 .left {
    float: none;
    width: 100%;
  }
}
.we-are .b2 .left .arklys {
  display: block;
  position: absolute;
  width: 781px;
  height: auto;
  left: -250px;
  z-index: 5;
}
@media only screen and (max-width: 1225px) {
  .we-are .b2 .left .arklys {
    left: -450px;
  }
}
@media only screen and (max-width: 1000px) {
  .we-are .b2 .left .arklys {
    left: -550px;
  }
}
@media only screen and (max-width: 920px) {
  .we-are .b2 .left .arklys {
    display: block;
    position: relative;
    width: 530px;
    height: auto;
    left: calc(50% - 100px);
    transform: translateX(-50%);
  }
}
@media only screen and (max-width: 380px) {
  .we-are .b2 .left .arklys {
    left: calc(50% - 130px);
  }
}
.we-are .b2 .left .arklys-video {
  display: block;
  position: absolute;
  width: 1179px;
  height: auto;
  top: -211px;
  left: -359px;
  z-index: -1;
}
@media only screen and (max-width: 1225px) {
  .we-are .b2 .left .arklys-video {
    left: -450px;
  }
}
@media only screen and (max-width: 1169px) {
  .we-are .b2 .left .arklys-video {
    left: -550px;
    top: -211px;
  }
}
@media only screen and (max-width: 1000px) {
  .we-are .b2 .left .arklys-video {
    left: -550px;
  }
}
@media only screen and (max-width: 920px) {
  .we-are .b2 .left .arklys-video {
    display: block;
    position: relative;
    width: 730px;
    height: auto;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    top: -50px;
    margin-bottom: -50px;
  }
}
@media only screen and (max-width: 380px) {
  .we-are .b2 .left .arklys-video {
    left: calc(50% - 130px);
  }
}
.we-are .b2 .right {
  display: block;
  float: right;
  width: 460px;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 28px;
  text-align: justify;
  min-height: 364px;
}
@media only screen and (max-width: 920px) {
  .we-are .b2 .right {
    float: none;
    width: 100%;
    min-height: 2px !important;
  }
}
.arrow1 {
  display: block;
  position: absolute;
  right: 155px;
  bottom: 0;
}
@media only screen and (max-width: 1030px) {
  .arrow1 {
    right: 0;
  }
}
@media only screen and (max-width: 920px) {
  .arrow1 {
    display: none;
  }
}
.clear {
  clear: both;
}
.calling {
  display: block;
  position: relative;
  width: calc(100% - 200px);
  margin: 0 auto;
  margin-top: 80px;
  max-width: 1060px;
  transform: translateX(100px);
  z-index: 2;
}
@media only screen and (max-width: 1370px) {
  .calling {
    transform: translateX(0);
  }
}
@media only screen and (max-width: 920px) {
  .calling {
    margin-top: 50px;
    width: calc(100% - 60px);
  }
}
.calling .heading {
  display: block;
  position: relative;
  color: #fff;
  font-family: 'Sharp Grotesk Medium 20';
  font-size: 60px;
  line-height: 90px;
  z-index: 2;
}
@media only screen and (max-width: 920px) {
  .calling .heading {
    font-size: 40px;
    line-height: 40px;
  }
}
.calling .heading .w1 {
  font-family: 'Sharp Grotesk Medium 25';
}
.calling .heading .w2 {
  font-family: 'Sharp Grotesk Medium Italic 15';
  font-style: italic;
}
.calling .buttons-grid {
  display: table;
  position: relative;
  width: calc(100% + 40px);
  margin-left: -20px;
  margin-right: -20px;
  margin-top: 30px;
  z-index: 2;
  max-width: 955px;
}
.calling .buttons-grid .col {
  display: table-cell;
  width: 25%;
  vertical-align: top;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
@media only screen and (max-width: 920px) {
  .calling .buttons-grid .col {
    display: block;
    width: 100%;
    margin-bottom: 26px;
  }
}
.calling .buttons-grid .col a {
  height: 56px;
  line-height: 56px;
  font-size: 19px;
}
@media only screen and (max-width: 920px) {
  .calling .buttons-grid {
    margin-top: 35px;
  }
}
.calling .buttons-grid a {
  display: block;
  width: 100%;
  height: 76px;
  box-sizing: border-box;
  border: 1px solid #ADF346;
  color: #ADF346;
  font-size: 34px;
  text-align: center;
  text-decoration: none;
  line-height: 76px;
  font-family: 'Sharp Grotesk Medium 20';
}
@media only screen and (max-width: 920px) {
  .calling .buttons-grid a {
    font-size: 28px;
    height: 70px;
    line-height: 70px;
  }
}
.calling .buttons-grid a:hover {
  color: #000 !important;
  background-color: #78BB14;
  border-color: #78BB14;
}
.calling .buttons-grid a.purple {
  color: #FA08F5;
  border-color: #FA08F5;
}
.calling .buttons-grid a.purple:hover {
  background-color: #C90087;
  border-color: #C90087;
}
.calling .buttons-grid a.blue {
  color: #5F5AF7;
  border-color: #5F5AF7;
}
.calling .buttons-grid a.blue:hover {
  background-color: #0000FF;
  border-color: #0000FF;
}
.calling .buttons-grid a.orange {
  color: #FF6600;
  border-color: #FF6600;
}
.calling .buttons-grid a.orange:hover {
  background-color: #E93000;
  border-color: #E93000;
}
.calling .buttons-grid a.bm {
  margin-bottom: 37px;
}
@media only screen and (max-width: 920px) {
  .calling .buttons-grid a.bm {
    margin-bottom: 26px;
  }
}
.calling .buttons-grid .left {
  display: table-cell;
  width: 33.33%;
  vertical-align: top;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
@media only screen and (max-width: 920px) {
  .calling .buttons-grid .left {
    display: block;
    width: 100%;
    margin-bottom: 26px;
  }
}
.calling .buttons-grid .middle {
  display: table-cell;
  width: 33.33%;
  vertical-align: middle;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
@media only screen and (max-width: 920px) {
  .calling .buttons-grid .middle {
    display: block;
    width: 100%;
    margin-bottom: 26px;
  }
}
.calling .buttons-grid .right {
  display: table-cell;
  width: 33.33%;
  vertical-align: bottom;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
@media only screen and (max-width: 920px) {
  .calling .buttons-grid .right {
    display: block;
    width: 100%;
  }
}
.calling .burbulai {
  display: block;
  position: absolute;
  top: -160px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.calling .burbulai.v2 {
  width: 1400px;
  position: relative;
  margin-bottom: -300px;
  left: calc(50% - 100px);
}
@media only screen and (max-width: 1370px) {
  .calling .burbulai.v2 {
    left: 50%;
  }
}
@media only screen and (max-width: 920px) {
  .calling .burbulai {
    display: none;
  }
}
.calling .next-heading {
  display: block;
  color: #fff;
  font-size: 60px;
  z-index: 2;
  position: relative;
  margin-top: 30px;
  max-width: 955px;
  text-align: right;
  margin-left: 0;
  margin-right: auto;
}
@media only screen and (max-width: 920px) {
  .calling .next-heading {
    text-align: right;
    font-size: 40px;
    margin-top: 35px;
  }
}
.calling .next-heading .w1 {
  display: inline-block;
  vertical-align: middle;
  font-family: 'Sharp Grotesk Medium 25';
}
.calling .next-heading .w2 {
  display: inline-block;
  vertical-align: middle;
  font-family: 'Sharp Grotesk Medium 25';
  margin-left: 15px;
}
.calling .next-heading .w3 {
  display: inline-block;
  vertical-align: middle;
  font-family: 'Sharp Grotesk Medium Italic 15';
  font-style: italic;
}
.calling .next-heading .w4 {
  display: inline-block;
  vertical-align: middle;
  font-family: 'Sharp Grotesk Medium 20';
  margin-left: 15px;
}
.arrow2 {
  display: block;
  position: absolute;
  left: 119px;
  bottom: -125px;
  z-index: 2;
}
@media only screen and (max-width: 920px) {
  .arrow2 {
    display: none !important;
  }
}
.place {
  display: block;
  position: relative;
  width: calc(100% - 200px);
  margin: 0 auto;
  margin-top: 80px;
  max-width: 1060px;
  transform: translateX(100px);
  margin-top: 300px;
}
@media only screen and (max-width: 1370px) {
  .place {
    transform: translateX(0);
  }
}
@media only screen and (max-width: 920px) {
  .place {
    margin-top: 50px;
    width: calc(100% - 60px);
  }
}
@media only screen and (max-width: 920px) {
  .place {
    margin-top: 110px;
  }
}
.place .heading {
  display: block;
  color: #ADF346;
  font-family: 'Sharp Grotesk Medium 20';
  font-size: 100px;
}
@media only screen and (max-width: 920px) {
  .place .heading {
    font-size: 40px;
  }
}
.place .text {
  display: block;
  position: relative;
  color: #5F5AF7;
  font-size: 20px;
  font-family: 'Sharp Grotesk Medium 20';
  max-width: 500px;
  line-height: 1.7;
  margin-top: 40px;
}
@media only screen and (max-width: 920px) {
  .place .text {
    margin-top: 25px;
    font-size: 16px;
  }
}
.venue-section {
  display: block;
  position: relative;
  width: calc(100% - 200px);
  margin: 0 auto;
  max-width: 1060px;
  padding-top: 100px;
}
@media only screen and (max-width: 1370px) {
  .venue-section {
    transform: translateX(0);
  }
}
@media only screen and (max-width: 920px) {
  .venue-section {
    padding-top: 50px;
    width: calc(100% - 60px);
  }
}
.about-section {
  display: block;
  position: relative;
  width: calc(100% - 200px);
  margin: 0 auto;
  max-width: 1060px;
  padding-top: 180px;
}
@media only screen and (max-width: 1370px) {
  .about-section {
    transform: translateX(0);
  }
}
@media only screen and (max-width: 920px) {
  .about-section {
    padding-top: 140px;
    width: calc(100% - 60px);
  }
}
@media only screen and (max-width: 700px) {
  .about-section {
    padding-top: 130px;
  }
}
.about-section.ab2 {
  padding-top: 100px;
}
@media only screen and (max-width: 920px) {
  .about-section.ab2 {
    padding-top: 80px;
    width: calc(100% - 60px);
  }
}
@media only screen and (max-width: 700px) {
  .about-section.ab2 {
    padding-top: 50px;
  }
}
.about-section .g2 {
  display: table;
  width: 100%;
}
.about-section .g2 .left {
  display: table-cell;
  vertical-align: top;
  width: 50%;
  box-sizing: border-box;
  padding-right: 79px;
}
@media only screen and (max-width: 1100px) {
  .about-section .g2 .left {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 700px) {
  .about-section .g2 .left {
    display: block;
    width: 100%;
    padding: 0;
  }
}
.about-section .g2 .right {
  display: table-cell;
  vertical-align: top;
  width: 50%;
  box-sizing: border-box;
  padding-left: 79px;
}
@media only screen and (max-width: 1100px) {
  .about-section .g2 .right {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 700px) {
  .about-section .g2 .right {
    display: block;
    width: 100%;
    padding: 0;
  }
}
.g-heading {
  display: block;
  position: relative;
  color: #ADF346;
  font-size: 80px;
  font-family: 'Sharp Grotesk Medium 20';
  margin-bottom: 40px;
}
@media only screen and (max-width: 700px) {
  .g-heading {
    font-size: 40px;
  }
}
.orange-heading {
  display: block;
  position: relative;
  color: #FF6600;
  font-size: 80px;
  font-family: 'Sharp Grotesk Medium 20';
  margin-bottom: 40px;
}
@media only screen and (max-width: 700px) {
  .orange-heading {
    font-size: 40px;
  }
}
.blue-h {
  display: block;
  position: relative;
  font-size: 24px;
  color: #5F5AF7;
  font-family: 'Sharp Grotesk Medium 20';
  margin-bottom: 25px;
}
@media only screen and (max-width: 700px) {
  .blue-h {
    font-size: 19px;
  }
}
.def-p {
  display: block;
  position: relative;
  width: 100%;
  text-align: justify;
  margin-bottom: 25px;
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
}
@media only screen and (max-width: 700px) {
  .def-p {
    font-size: 14px;
  }
}
.team-section {
  display: block;
  position: relative;
  width: calc(100% - 200px);
  margin: 0 auto;
  max-width: 1060px;
  padding-top: 120px;
}
@media only screen and (max-width: 1370px) {
  .team-section {
    transform: translateX(0);
  }
}
@media only screen and (max-width: 920px) {
  .team-section {
    padding-top: 60px;
    width: calc(100% - 60px);
  }
}
.faq-section {
  display: block;
  position: relative;
  width: calc(100% - 200px);
  margin: 0 auto;
  max-width: 1060px;
  padding-top: 150px;
}
@media only screen and (max-width: 1370px) {
  .faq-section {
    transform: translateX(0);
  }
}
@media only screen and (max-width: 920px) {
  .faq-section {
    padding-top: 130px;
    width: calc(100% - 60px);
  }
}
.team-scroller-holder {
  display: block;
  position: relative;
  width: calc(100% + 30px);
  margin-left: -15px;
  margin-right: -15px;
}
.team-scroller-holder .team-scroller {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  padding-bottom: 30px;
  font-size: 0;
  white-space: nowrap;
}
@media only screen and (max-width: 860px) {
  .team-scroller-holder .team-scroller {
    width: calc(100% - 10px);
    transform: translateX(4px);
  }
}
.team-scroller-holder .team-item {
  display: inline-block;
  vertical-align: top;
  width: calc(25% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}
@media only screen and (max-width: 860px) {
  .team-scroller-holder .team-item {
    width: 230px;
  }
}
.team-scroller-holder .team-item .image {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.team-scroller-holder .team-item .name {
  display: block;
  color: #fff;
  font-size: 21px;
  font-family: 'Sharp Grotesk Medium 20';
  margin-top: 23px;
  white-space: normal;
}
.team-scroller-holder .team-item .subname {
  display: block;
  margin-top: 13px;
  color: #FFFFFF;
  font-size: 14px;
  white-space: normal;
}
.questions-holder {
  display: block;
  position: relative;
  margin-bottom: 30px;
}
.questions-holder .question {
  display: block;
  position: relative;
  user-select: none;
}
.questions-holder .question.active .q-content {
  display: block !important;
}
.questions-holder .question.active .q-heading .left img {
  transform: rotate(90deg);
}
.questions-holder .question .q-heading {
  display: table;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  user-select: none;
}
.questions-holder .question .q-heading .left {
  display: table-cell;
  vertical-align: middle;
  width: 21px;
  position: relative;
}
.questions-holder .question .q-heading .right {
  display: table-cell;
  color: #FFFFFF;
  font-size: 19px;
  font-weight: bold;
}
.questions-holder .question .q-content {
  display: none;
  position: relative;
  color: #FFFFFF;
  font-size: 16px;
  padding-left: 31px;
  box-sizing: border-box;
  line-height: 1.5;
  margin-top: 10px;
}
.questions-holder .question .q-content img {
  display: block;
  margin-top: 10px;
  margin-bottom: 30px;
  max-width: 100%;
  height: auto;
}
.thanks {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 299px;
  height: 30px;
  z-index: 5;
  background-color: #ADF346;
  pointer-events: all;
  text-align: center;
  font-weight: bold;
  color: #000;
  line-height: 36px;
}
.thanks.active {
  display: block;
}
@media only screen and (max-width: 920px) {
  .thanks {
    width: 100%;
    height: 100%;
  }
}
.close-back {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 32px;
  pointer-events: all;
  cursor: pointer;
}
.close-back * {
  stroke: #ADF346;
}
.fh2 {
  margin-top: 70px !important;
}
.form-holder {
  display: table;
  position: relative;
  width: calc(100% - 200px);
  margin: 0 auto;
  max-width: 959px;
  margin-top: 200px;
}
@media only screen and (max-width: 1070px) {
  .form-holder {
    width: calc(100% - 60px);
  }
}
@media only screen and (max-width: 920px) {
  .form-holder {
    padding-top: 0px;
    margin-top: 150px;
  }
}
.form-holder.purple .g-heading {
  color: #FA08F5 !important;
}
.form-holder.purple .l {
  color: #FA08F5 !important;
}
.form-holder.purple input {
  border-color: #FA08F5;
}
.form-holder.purple .btn2 {
  background-color: #FA08F5 !important;
  color: #000 !important;
}
.form-holder.purple .btn2:hover {
  color: #fff !important;
  background-color: #C90087 !important;
}
.form-holder.purple .backlink {
  color: #FA08F5 !important;
}
.form-holder.blue .g-heading {
  color: #5F5AF7 !important;
}
.form-holder.blue .l {
  color: #5F5AF7 !important;
}
.form-holder.blue input {
  border-color: #5F5AF7;
}
.form-holder.blue textarea {
  border-color: #5F5AF7;
}
.form-holder.blue .btn2 {
  background-color: #5F5AF7 !important;
  color: #000 !important;
}
.form-holder.blue .btn2:hover {
  color: #fff !important;
  background-color: #0000FF !important;
}
.form-holder.blue .backlink {
  color: #5F5AF7 !important;
}
.form-holder.orange .g-heading {
  color: #FF6600 !important;
}
.form-holder.orange .l {
  color: #FF6600 !important;
}
.form-holder.orange input {
  border-color: #FF6600;
}
.form-holder.orange textarea {
  border-color: #FF6600;
}
.form-holder.orange .btn2 {
  background-color: #FF6600 !important;
  color: #000 !important;
}
.form-holder.orange .btn2:hover {
  color: #fff !important;
  background-color: #E93000 !important;
}
.form-holder.orange .backlink {
  color: #FF6600 !important;
}
.form-holder .done-msg {
  display: none;
  z-index: 2;
  position: relative;
}
.form-holder .done-msg .g-heading {
  margin-bottom: 30px;
}
.form-holder .done-msg .backlink {
  display: table;
  text-decoration: underline;
  color: #ADF346;
  font-size: 24px;
  font-family: 'Sharp Grotesk Medium 20';
  margin-top: 200px;
}
.form-holder.done .done-msg {
  display: block;
}
.form-holder.done .left {
  display: none !important;
}
.form-holder.done .right {
  display: none !important;
}
.form-holder .left {
  display: table-cell;
  vertical-align: top;
  padding-right: 100px;
  z-index: 2;
  position: relative;
  box-sizing: border-box;
}
@media only screen and (max-width: 1070px) {
  .form-holder .left {
    padding-right: 50px;
  }
}
@media only screen and (max-width: 920px) {
  .form-holder .left {
    display: block;
    width: 100%;
    padding-right: 0;
  }
}
.form-holder .left .mob-arrow {
  display: none;
}
@media only screen and (max-width: 920px) {
  .form-holder .left .mob-arrow {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 120px;
    width: 60px;
    height: auto;
  }
}
.form-holder .right {
  display: table-cell;
  vertical-align: top;
  width: 300px;
  z-index: 2;
  position: relative;
}
@media only screen and (max-width: 920px) {
  .form-holder .right {
    display: block;
    width: 100%;
  }
}
.wb {
  display: block;
  color: #FFFFFF;
  font-size: 24px;
  font-family: 'Sharp Grotesk Medium 20';
  line-height: 46px;
  max-width: 547px;
}
@media only screen and (max-width: 920px) {
  .wb {
    font-size: 14px;
    line-height: 22px;
    margin-top: -15px;
    padding-bottom: 40px;
  }
}
.af .l {
  display: block;
  color: #ADF346;
  font-size: 16px;
  font-family: 'Sharp Grotesk Medium 20';
  margin-bottom: 10px;
}
.af input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  color: #fff;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  height: 40px;
  border: 1px solid #ADF346;
  background-color: transparent;
  font-family: 'Sharp Grotesk Medium 20';
  font-size: 14px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 23px;
  border-radius: 0 !important;
}
.af input:focus {
  border-color: #fff;
}
.af input.wrong {
  border-color: red !important;
}
.af textarea {
  display: block;
  width: 100%;
  box-sizing: border-box;
  color: #fff;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  height: 127px;
  border: 1px solid #ADF346;
  background-color: transparent;
  font-family: 'Sharp Grotesk Medium 20';
  font-size: 14px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 23px;
  padding-top: 15px;
  resize: none;
}
.af textarea:focus {
  border-color: #fff;
}
.btn2 {
  display: block;
  position: relative;
  width: 100%;
  background-color: #ADF346;
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  padding-left: 10px;
  text-align: center;
  padding-right: 10px;
  min-width: 90px;
  cursor: pointer;
}
.btn2:hover {
  background-color: #78BB14;
}
.btn2:hover span {
  color: #fff;
}
.btn2 span {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  font-weight: bold;
  transform: translateY(2px);
}
.f-anim {
  display: block;
  position: absolute;
  width: 1200px;
  height: auto;
  top: 96px;
  left: -500px;
  transform: rotate(20deg);
  z-index: 0;
}
@media only screen and (max-width: 920px) {
  .f-anim {
    display: none !important;
    position: absolute;
    width: 841px;
    height: auto;
    top: 212px;
    left: -314px;
    transform: none;
    z-index: 0;
  }
}
.login-map {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  margin-top: 50px;
}
.preloader {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999999999999;
  background-color: #000;
}
.passes-holder {
  display: block;
  position: relative;
  width: calc(100% - 200px);
  margin: 0 auto;
  max-width: 1100px;
  padding-top: 180px;
  transform: translateX(0);
}
@media only screen and (max-width: 920px) {
  .passes-holder {
    padding-top: 108px;
    width: calc(100% - 60px);
  }
}
.passes-grid {
  display: block;
  position: relative;
  width: calc(100% + 30px);
  margin-left: -15px;
  margin-right: -15px;
  font-size: 0;
}
@media only screen and (max-width: 920px) {
  .passes-grid {
    width: calc(100% + 22px);
    margin-left: -8px;
    margin-right: -8px;
    white-space: nowrap;
    overflow: auto;
    transform: translateX(-3px);
    padding-bottom: 20px;
  }
}
.passes-grid .pass-heading2 {
  display: none;
}
@media only screen and (max-width: 920px) {
  .passes-grid .pass-heading2 {
    display: block;
    color: #ADF346;
    font-size: 24px;
    font-family: 'Sharp Grotesk Medium 20';
    line-height: 30px;
    margin-bottom: 5px;
  }
}
.passes-grid .col {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
  white-space: normal;
}
@media only screen and (max-width: 920px) {
  .passes-grid .col {
    width: 200px;
    padding-left: 8px;
    padding-right: 8px;
  }
}
.passes-grid .col .pass-block-inner {
  display: block;
  position: relative;
  width: 100%;
  height: 440px;
  box-sizing: border-box;
  border: 1px solid #ADF346;
  padding-top: 11px;
  padding-left: 8px;
  padding-right: 8px;
}
.passes-grid .col .pass-block-inner.disabled {
  pointer-events: none;
}
.passes-grid .col .pass-block-inner.disabled .pass-text,
.passes-grid .col .pass-block-inner.disabled .pass-subtext,
.passes-grid .col .pass-block-inner.disabled .pass-heading2 {
  filter: grayscale(1);
  opacity: 0.5;
}
.passes-grid .col .pass-block-inner.green:hover {
  background: #ADF346;
  border-color: #ADF346;
}
.passes-grid .col .pass-block-inner.green:hover .pass-heading-p2 {
  color: #fff;
}
.passes-grid .col .pass-block-inner.green:hover .sub-sub {
  color: #fff;
}
.passes-grid .col .pass-block-inner.blue {
  border-color: #5F5AF7;
}
.passes-grid .col .pass-block-inner.blue .pass-heading-p2 {
  color: #5F5AF7;
}
.passes-grid .col .pass-block-inner.blue svg * {
  stroke: #5F5AF7 !important;
}
.passes-grid .col .pass-block-inner.blue .sub-sub {
  color: #5F5AF7;
}
.passes-grid .col .pass-block-inner.blue .pass-btn {
  background: #5F5AF7;
}
.passes-grid .col .pass-block-inner.blue:hover {
  background: #5F5AF7;
  border-color: #5F5AF7;
}
.passes-grid .col .pass-block-inner.blue:hover .pass-heading-p2 {
  color: #fff;
}
.passes-grid .col .pass-block-inner.blue:hover .sub-sub {
  color: #fff;
}
.passes-grid .col .pass-block-inner.orange {
  border-color: #FF6600 !important;
}
.passes-grid .col .pass-block-inner.orange .sub-sub {
  color: #FF6600;
}
.passes-grid .col .pass-block-inner.orange .pass-heading-p2 {
  color: #FF6600;
}
.passes-grid .col .pass-block-inner.orange svg * {
  stroke: #FF6600;
}
.passes-grid .col .pass-block-inner.orange:hover {
  background-color: #FF6600;
}
.passes-grid .col .pass-block-inner.orange .pass-btn {
  background-color: #FF6600;
}
.passes-grid .col .pass-block-inner.orange .pass-text {
  color: #FF6600;
}
.passes-grid .col .pass-block-inner.orange .pass-heading2 {
  color: #FF6600;
}
.passes-grid .col .pass-block-inner.orange:hover .pass-heading-p2 {
  color: #fff;
}
.passes-grid .col .pass-block-inner.orange:hover .sub-sub {
  color: #fff;
}
.passes-grid .col .pass-block-inner.purple {
  border-color: #FA08F5 !important;
}
.passes-grid .col .pass-block-inner.purple .pass-heading-p2 {
  color: #FA08F5;
}
.passes-grid .col .pass-block-inner.purple .sub-sub {
  color: #FA08F5;
}
.passes-grid .col .pass-block-inner.purple svg * {
  stroke: #FA08F5;
}
.passes-grid .col .pass-block-inner.purple:hover {
  background-color: #FA08F5;
}
.passes-grid .col .pass-block-inner.purple .pass-btn {
  background-color: #FA08F5;
}
.passes-grid .col .pass-block-inner.purple .pass-text {
  color: #FA08F5;
}
.passes-grid .col .pass-block-inner.purple .pass-heading2 {
  color: #FA08F5;
}
.passes-grid .col .pass-block-inner.purple:hover {
  background: #FA08F5;
  border-color: #FA08F5;
}
.passes-grid .col .pass-block-inner.purple:hover .pass-heading-p2 {
  color: #fff;
}
.passes-grid .col .pass-block-inner.purple:hover .sub-sub {
  color: #fff;
}
@media only screen and (max-width: 920px) {
  .passes-grid .col .pass-block-inner {
    padding-left: 14px;
    padding-right: 10px;
    height: 336px;
  }
}
.passes-grid .col .pass-block-inner:hover {
  cursor: pointer;
  background-color: #ADF346;
}
.passes-grid .col .pass-block-inner:hover .pass-btn {
  background-color: #fff;
}
.passes-grid .col .pass-block-inner:hover .pass-heading {
  color: #000;
}
.passes-grid .col .pass-block-inner:hover .pass-text {
  color: #000;
}
.passes-grid .col .pass-block-inner:hover .pass-subtext {
  color: #000;
}
.passes-grid .col .pass-block-inner .cross {
  display: block;
  position: absolute;
  width: 100%;
  height: calc(100% - 40px);
  top: 0;
  left: 0;
  background-image: url("../img/cross.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 9;
}
.passes-grid .col .pass-block-inner.disabled {
  pointer-events: none;
  border-color: #333333;
}
.passes-grid .col .pass-block-inner.disabled .pass-img {
  opacity: 0.5;
  filter: grayscale(1);
}
.passes-grid .col .pass-block-inner.disabled .pass-heading {
  color: #333333;
}
.passes-grid .col .pass-block-inner.disabled .pass-btn {
  background-color: #333333;
}
.passes-grid .col .pass-block-inner .pass-heading {
  display: block;
  position: relative;
  color: #ADF346;
  font-size: 30px;
  font-family: 'Sharp Grotesk Medium 20';
  line-height: 1.3;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1200px) {
  .passes-grid .col .pass-block-inner .pass-heading {
    font-size: 20px;
  }
}
@media only screen and (max-width: 920px) {
  .passes-grid .col .pass-block-inner .pass-heading {
    display: none;
  }
}
.passes-grid .col .pass-block-inner .pass-heading-p2 {
  display: block;
  position: relative;
  color: #ADF346;
  font-size: 41px !important;
  line-height: 36px !important;
  font-family: 'Sharp Grotesk Medium 20';
  font-weight: 600;
  margin-bottom: 104px;
}
@media only screen and (max-width: 1260px) {
  .passes-grid .col .pass-block-inner .pass-heading-p2 {
    font-size: 36px !important;
  }
}
@media only screen and (max-width: 1145px) {
  .passes-grid .col .pass-block-inner .pass-heading-p2 {
    font-size: 30px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .passes-grid .col .pass-block-inner .pass-heading-p2 {
    font-size: 22px !important;
    line-height: 20px !important;
  }
}
@media only screen and (max-width: 920px) {
  .passes-grid .col .pass-block-inner .pass-heading-p2 {
    margin-bottom: 70px;
  }
}
.passes-grid .col .pass-block-inner .pass-img,
.passes-grid .col .pass-block-inner .pass-img2,
.passes-grid .col .pass-block-inner .pass-img4 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 20px;
  max-width: 90%;
  height: 130px;
  width: auto;
  top: 134px;
  right: 34px;
  display: none;
}
@media only screen and (max-width: 920px) {
  .passes-grid .col .pass-block-inner .pass-img,
  .passes-grid .col .pass-block-inner .pass-img2,
  .passes-grid .col .pass-block-inner .pass-img4 {
    position: absolute;
    top: 15px;
    height: 100px;
    width: auto;
  }
}
.passes-grid .col .pass-block-inner .pass-img2 {
  max-width: 98%;
  top: -30px;
  margin-bottom: 3px;
}
@media only screen and (max-width: 920px) {
  .passes-grid .col .pass-block-inner .pass-img2 {
    top: 7px;
    margin-bottom: 0;
  }
}
.passes-grid .col .pass-block-inner .pass-img4 {
  max-width: 98%;
  top: 0;
  margin-bottom: -3px;
  left: calc(50% - 20px);
  transform: translateY(-10px) translateX(-50%);
}
@media only screen and (max-width: 920px) {
  .passes-grid .col .pass-block-inner .pass-img4 {
    top: 20px;
    margin-bottom: 0;
    left: 50%;
  }
}
.passes-grid .col .pass-block-inner .pass-text {
  display: block;
  position: relative;
  color: #ADF346;
  font-size: 14px;
  line-height: 20px;
}
@media only screen and (max-width: 920px) {
  .passes-grid .col .pass-block-inner .pass-text {
    font-size: 13px;
    line-height: 15px;
  }
}
.passes-grid .col .pass-block-inner .pass-subtext {
  display: block;
  position: absolute;
  bottom: 52px;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  line-height: 17px;
}
@media only screen and (max-width: 920px) {
  .passes-grid .col .pass-block-inner .pass-subtext {
    font-size: 13px;
    bottom: 40px;
    padding-left: 0;
  }
}
.passes-grid .col .pass-block-inner .pass-btn {
  display: block;
  position: absolute;
  bottom: -1px;
  width: calc(100% + 2px);
  margin-left: -1px;
  margin-right: -1px;
  height: 40px;
  line-height: 45px;
  color: #000000;
  font-size: 16px;
  font-weight: bold;
  background-color: #ADF346;
  left: 0;
  cursor: pointer;
  text-align: center;
}
@media only screen and (max-width: 920px) {
  .passes-grid .col .pass-block-inner .pass-btn {
    height: 31px;
    line-height: 34px;
    font-size: 16px;
  }
}
.passes-grid .col .pass-block-inner .pass-btn:hover {
  background-color: #78BB14;
}
.passes-grid .new-pass-text {
  display: block;
  position: relative;
  color: #fff;
  font-size: 13px;
  padding-left: 16px;
  padding-right: 16px;
  line-height: 18px;
}
@media only screen and (max-width: 1100px) {
  .passes-grid .new-pass-text {
    font-size: 11px;
    line-height: 13px;
  }
}
.passes-grid .new-pass-text .sub-sub {
  display: block;
  position: relative;
  color: #ADF346;
  font-size: 13px;
  text-decoration: underline;
  margin-top: 3px;
}
.passes-grid svg {
  display: block;
  position: relative;
  top: -85px;
  margin-bottom: -60px;
  left: 15px;
}
@media only screen and (max-width: 920px) {
  .passes-grid svg {
    display: none;
  }
}
.passes-grid .only {
  display: block;
  position: absolute;
  bottom: 45px;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  width: 100%;
}
.passes-info {
  display: block;
  position: relative;
  max-width: 460px;
  margin: 0 auto;
  margin-top: 40px;
}
@media only screen and (max-width: 920px) {
  .passes-info {
    margin-top: 0;
  }
}
.passes-info .l1 {
  display: block;
  color: #ADF346;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
}
@media only screen and (max-width: 920px) {
  .passes-info .l1 {
    line-height: 1;
  }
}
.passes-info .l2 {
  display: block;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 1.5;
}
@media only screen and (max-width: 920px) {
  .passes-info .l2 {
    line-height: 1.2;
  }
}
.buy1-link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}
.passes-info-new {
  display: block;
  font-size: 14px;
  color: #fff;
}
.recover-btn-holder {
  display: block;
  position: relative;
  padding-top: 33px;
  padding-bottom: 30px;
}
.rec-btn {
  display: table;
  position: relative;
  margin: 0 auto;
  background-color: transparent;
  border: 1px solid #ADF346;
  color: #ADF346;
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  padding-left: 10px;
  text-align: center;
  padding-right: 10px;
  min-width: 90px;
  cursor: pointer;
}
.rec-btn:hover {
  background-color: #ADF346;
}
.rec-btn:hover span {
  color: #000;
}
.rec-btn span {
  display: inline-block;
  vertical-align: middle;
  color: #ADF346;
  font-weight: bold;
  transform: translateY(2px);
}
.white-heading {
  display: block;
  position: relative;
  color: #fff;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: 2px;
  margin-bottom: 45px;
}
.speakers-grid {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 30px);
  margin-left: -15px;
  margin-right: -15px;
}
.speakers-grid .spgb {
  width: 25%;
  cursor: pointer;
  user-select: none;
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 800px) {
  .speakers-grid .spgb {
    flex: 1 1 50%;
  }
}
.speakers-grid .spgb.grey {
  opacity: 0.6 !important;
}
@media only screen and (max-width: 550px) {
  .speakers-grid .spgb {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.speakers-grid .spgb .in {
  display: block;
  width: 100%;
  position: relative;
  box-sizing: border-box;
}
.speakers-grid .spgb .in .image-holder {
  display: block;
  width: 100%;
  position: relative;
  padding-top: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.speakers-grid .spgb .in .image-holder .hashtag {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 25px;
  line-height: 28px;
  background-color: #5F5AF7;
  color: #fff;
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
  overflow: hidden;
}
@media only screen and (max-width: 550px) {
  .speakers-grid .spgb .in .image-holder .hashtag {
    transform: scale(0.7);
    transform-origin: left bottom;
  }
}
.speakers-grid .spgb .in .sp-name {
  display: block;
  color: #5F5AF7;
  font-size: 21px;
  font-weight: 500;
  margin-top: 20px;
  line-height: 1;
  margin-bottom: 14px;
}
@media only screen and (max-width: 375px) {
  .speakers-grid .spgb .in .sp-name {
    font-size: 18px;
  }
}
.speakers-grid .spgb .in .sp-info {
  display: block;
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
}
@media only screen and (max-width: 375px) {
  .speakers-grid .spgb .in .sp-info {
    font-size: 12px;
  }
}
.descriptions-holder {
  display: block;
  position: relative;
  overflow: hidden;
  height: 0;
}
.descriptions-holder.active {
  transition: height 0.5s ease-in-out;
}
.speak-desc-box {
  display: none;
  background-color: #5F5AF7;
  padding-top: 35px;
  padding-bottom: 50px;
  padding-left: 30px;
  padding-right: 30px;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.speak-desc-box.active {
  display: block;
  opacity: 1;
}
@media only screen and (max-width: 700px) {
  .speak-desc-box {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
  }
}
.speak-desc-box .speak-desc-grid {
  display: table;
  width: 100%;
}
.speak-desc-box .speak-desc-grid .l {
  display: table-cell;
  vertical-align: top;
}
@media only screen and (max-width: 700px) {
  .speak-desc-box .speak-desc-grid .l {
    display: block;
    width: 100%;
  }
}
.speak-desc-box .speak-desc-grid .r {
  display: table-cell;
  vertical-align: middle;
  width: 196px;
  padding-left: 60px;
  box-sizing: border-box;
}
@media only screen and (max-width: 700px) {
  .speak-desc-box .speak-desc-grid .r {
    display: block;
    width: 100%;
    padding-left: 0;
    margin-top: 30px;
  }
}
.speak-desc-box .speak-desc-grid .r .social-line {
  display: table;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-family: 'TT Commons';
  white-space: nowrap;
  margin-top: 16px;
  margin-bottom: 16px;
}
.speak-desc-box .speak-desc-grid .r .social-line:hover {
  text-decoration: underline;
}
.speak-desc-box .speak-desc-grid .r .social-line .ic {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 7px;
  transform: translateY(-3px);
}
.speak-desc-box .speak-desc-grid .r .social-line .ic.ig-ico {
  background-image: url("../img/ig-ico.svg");
}
.speak-desc-box .speak-desc-grid .r .social-line .ic.in-ico {
  background-image: url("../img/in-ico.svg");
}
.speak-desc-box .speak-desc-grid .r .social-line .ic.fb-ico {
  background-image: url("../img/fb-ico.svg");
}
.speak-desc-box .speak-desc-grid .r .social-line .ic.tw-ico {
  background-image: url("../img/tw-ico.svg");
}
.speak-desc-box .speak-desc-grid .r .social-line .ic.tk-ico {
  background-image: url("../img/tk-ico.svg");
}
.speak-desc-box .speak-desc-grid .desc-content {
  display: block;
  position: relative;
  width: 100%;
}
.speak-desc-box .speak-desc-grid .desc-content h3 {
  display: block;
  color: #fff;
  font-size: 25px;
  letter-spacing: 2px;
}
.speak-desc-box .speak-desc-grid .desc-content h3:last-child {
  margin-bottom: 0;
}
.speak-desc-box .speak-desc-grid .desc-content h4 {
  display: block;
  color: #fff;
  font-size: 16px;
  letter-spacing: 2px;
  font-family: 'TT Commons';
  transform: translateY(10px);
  font-weight: 400;
}
.speak-desc-box .speak-desc-grid .desc-content h4:last-child {
  margin-bottom: 0;
}
.speak-desc-box .speak-desc-grid .desc-content p {
  display: block;
  text-align: justify;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 22px;
  font-family: 'TT Commons';
}
.speak-desc-box .speak-desc-grid .desc-content p:last-child {
  margin-bottom: 0;
}
.speak-desc-box .presented {
  display: block;
  color: #FFFFFF;
  font-size: 16px;
  letter-spacing: 2px;
  margin-bottom: 25px;
}
.speak-desc-box .presented img {
  display: inline-block;
  vertical-align: middle;
  transform: translateY(-3px);
  margin-left: 5px;
}
video {
  pointer-events: none !important;
}
.sp-close {
  display: block;
  position: absolute;
  width: 44px;
  height: 44px;
  top: 0;
  right: 0;
  background-image: url("../img/sp_close.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px auto;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.sp-close:hover {
  opacity: 0.8;
}
.thank-grid {
  display: table;
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
  width: 100%;
}
@media only screen and (min-width: 500px) {
  .thank-grid .left {
    display: table-cell;
    vertical-align: middle;
    width: 70%;
  }
  .thank-grid .right {
    display: table-cell;
    vertical-align: middle;
    width: 30%;
    text-align: center;
  }
  .thank-grid .right a {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
  }
}
.half-grid {
  display: table;
  position: relative;
  width: 100%;
  color: #fff;
  margin-bottom: 26px;
}
.half-grid .left {
  display: table-cell;
  vertical-align: top;
  font-size: 16px;
}
.half-grid .right {
  display: table-cell;
  vertical-align: top;
  text-align: right;
  font-size: 16px;
}
.half-grid .right a {
  color: #ADF346;
  text-decoration: underline;
}
.pass-img-new {
  display: block;
  position: absolute;
  left: calc(50% + 20px);
  transform: translateX(-50%) translateY(-50%);
  top: 157px;
}
.pass-img-new.off2 {
  left: 50%;
}
@media only screen and (max-width: 1000px) {
  .pass-img-new {
    left: auto !important;
    right: 16px;
    transform: translateY(-60%) scale(0.7);
    transform-origin: top right;
  }
}
@media only screen and (max-width: 920px) {
  .pass-img-new {
    transform: translateY(-75%) scale(0.5);
  }
}
.pass-img-new.flamingas {
  max-width: 170px;
  left: calc(50% + 20px);
}
.expl-grid-4 {
  display: table;
  width: 100%;
  margin-top: 120px;
}
@media only screen and (max-width: 650px) {
  .expl-grid-4 {
    margin-top: 40px;
  }
}
.expl-grid-4 .co {
  display: table-cell;
  vertical-align: top;
  width: 25%;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}
@media only screen and (max-width: 650px) {
  .expl-grid-4 .co {
    display: block;
    width: 100%;
    margin-bottom: 40px;
  }
}
.expl-grid-4 .co.green .tt,
.expl-grid-4 .co.green .heading {
  color: #ADF346;
}
.expl-grid-4 .co.blue .tt,
.expl-grid-4 .co.blue .heading {
  color: #5F5AF7;
}
.expl-grid-4 .co.orange .tt,
.expl-grid-4 .co.orange .heading {
  color: #FF6600;
}
.expl-grid-4 .co.purple .tt,
.expl-grid-4 .co.purple .heading {
  color: #FA08F5;
}
.expl-grid-4 .co .heading {
  display: block;
  color: #fff;
  font-size: 41px;
  font-family: 'Sharp Grotesk Light 20';
  line-height: 40px;
}
.expl-grid-4 .co .text {
  display: block;
  color: #FFFFFF;
  font-size: 13px;
  line-height: 25px;
}
.expl-grid-4 .co .text .tt {
  display: block;
  margin-bottom: 15px;
  margin-top: 20px;
}
.new-notice {
  display: none;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  margin-bottom: 50px;
}
.new-notice.active {
  display: block;
}
@media only screen and (max-width: 650px) {
  .new-notice {
    margin-top: 20px;
  }
}
.zones {
  display: block;
  box-sizing: border-box;
  max-width: 766px;
  border: 1px dashed #ADF346;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}
.zones .z-g {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}
.zones .z-g .l {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 30px;
  font-family: 'Sharp Grotesk Light 20';
  width: 50%;
  box-sizing: border-box;
  border-right: 1px solid #ADF346;
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (max-width: 650px) {
  .zones .z-g .l {
    font-size: 20px;
  }
}
.zones .z-g .r {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 30px;
  font-family: 'Sharp Grotesk Light 20';
  width: 50%;
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (max-width: 650px) {
  .zones .z-g .r {
    font-size: 20px;
  }
}
.zones .t {
  display: block;
  color: #FFFFFF;
  font-size: 13px;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  line-height: 24px;
  margin-top: 40px;
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
}
.sp-filter {
  display: table;
  width: calc(100% + 6px);
  margin-left: -3px;
  margin-right: -3px;
}
.sp-filter .col {
  display: table-cell;
  vertical-align: top;
  box-sizing: border-box;
  padding-left: 3px;
  padding-right: 3px;
  width: 20%;
}
.sp-filter .col .f-btn {
  display: block;
  width: 100%;
  border: 1px solid #5F5AF7;
  box-sizing: border-box;
  height: 84px;
  text-align: center;
  color: #5F5AF7;
  font-size: 16px;
  cursor: pointer;
  transition: all 1s ease-in-out;
}
@media only screen and (max-width: 880px) {
  .sp-filter .col .f-btn {
    font-size: 12px;
  }
}
@media only screen and (max-width: 550px) {
  .sp-filter .col .f-btn {
    font-size: 9px;
  }
}
.sp-filter .col .f-btn.green:hover {
  border-color: #ADF346;
}
.sp-filter .col .f-btn.green:hover span {
  color: #ADF346;
}
.sp-filter .col .f-btn.green.active {
  background: #ADF346 !important;
  border-color: #ADF346 !important;
  transition: none !important;
}
.sp-filter .col .f-btn.green.active span {
  color: #000 !important;
  font-family: 'Sharp Grotesk Medium 20';
}
.sp-filter .col .f-btn.blue:hover {
  border-color: #4844DB;
}
.sp-filter .col .f-btn.blue:hover span {
  color: #4844DB;
}
.sp-filter .col .f-btn.blue.active {
  background: #5F5AF7 !important;
  border-color: #5F5AF7 !important;
  transition: none !important;
}
.sp-filter .col .f-btn.blue.active span {
  color: #000 !important;
  font-family: 'Sharp Grotesk Medium 20';
}
.sp-filter .col .f-btn.orange:hover {
  border-color: #FF6600;
}
.sp-filter .col .f-btn.orange:hover span {
  color: #FF6600;
}
.sp-filter .col .f-btn.orange.active {
  background: #FF6600 !important;
  border-color: #FF6600 !important;
  transition: none !important;
}
.sp-filter .col .f-btn.orange.active span {
  color: #000 !important;
  font-family: 'Sharp Grotesk Medium 20';
}
.sp-filter .col .f-btn.purple:hover {
  border-color: #FA08F5;
}
.sp-filter .col .f-btn.purple:hover span {
  color: #FA08F5;
}
.sp-filter .col .f-btn.purple.active {
  background: #FA08F5 !important;
  border-color: #FA08F5 !important;
  transition: none !important;
}
.sp-filter .col .f-btn.purple.active span {
  color: #000 !important;
  font-family: 'Sharp Grotesk Medium 20';
}
.sp-filter .col .f-btn span {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-transform: uppercase;
  line-height: 28px;
}
@media only screen and (max-width: 880px) {
  .sp-filter .col .f-btn span {
    line-height: 1;
  }
}
.f-block {
  display: none;
}
.f-block.active {
  display: block;
}
.new-under-horse {
  display: block;
  position: relative;
  z-index: 99;
  margin-bottom: 150px;
}
@media only screen and (max-width: 600px) {
  .new-under-horse {
    margin-bottom: 50px;
  }
}
.new-under-horse .inner {
  display: table;
  position: relative;
  width: calc(100% - 80px);
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 145px;
}
.new-under-horse .inner .l {
  display: table-cell;
  width: 441px;
}
.new-under-horse .inner .l .heading2 {
  display: block;
  color: #ADF346;
  font-size: 45px;
  text-transform: uppercase;
  line-height: 55px;
  font-family: 'Sharp Grotesk Medium 20';
}
@media only screen and (max-width: 470px) {
  .new-under-horse .inner .l .heading2 {
    font-size: 27px;
    line-height: 30px;
  }
}
.new-under-horse .inner .l .sel-nr {
  display: block;
  color: #ADF346;
  font-size: 80px;
  font-family: 'Sharp Grotesk Book 25';
  margin-top: 17px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 470px) {
  .new-under-horse .inner .l .sel-nr {
    font-size: 50px;
  }
}
.new-under-horse .inner .l .sel-nr span {
  font-family: 'Sharp Grotesk Light Italic 15';
}
.new-under-horse .inner .r {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
.new-under-horse .inner .r .burbulai {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 800px;
  height: auto;
  left: 55px;
}
.new-under-horse .rec-btn {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0;
  font-size: 19px;
  font-family: 'Sharp Grotesk Medium 20';
  height: 56px;
  line-height: 58px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
}
.new-under-horse .rec-btn:hover {
  color: #fff;
}
.new-under-horse .and-join {
  display: inline-block;
  vertical-align: middle;
  color: #FFFFFF;
  font-size: 16px;
  margin-left: 20px;
  transform: translateY(2px);
}
@media only screen and (max-width: 470px) {
  .new-under-horse .and-join {
    display: block;
    margin-top: 20px;
  }
}
.green-ev .sp-filter .col .f-btn {
  border-color: #ADF346 !important;
}
.green-ev .f-btn span {
  color: #ADF346;
}
.green-ev .hashtag {
  background-color: #ADF346 !important;
  color: #000 !important;
}
.green-ev .sp-name {
  color: #ADF346 !important;
}
.green-ev .speak-desc-box {
  background-color: #ADF346 !important;
}
.green-ev .speak-desc-box .speak-desc-grid .desc-content h3,
.green-ev .speak-desc-box .speak-desc-grid .desc-content p {
  color: #000;
}
.orange-ev .sp-filter .col .f-btn {
  border-color: #FF6600 !important;
}
.orange-ev .f-btn span {
  color: #FF6600;
}
.orange-ev .hashtag {
  background-color: #FF6600 !important;
  color: #000 !important;
}
.orange-ev .sp-name {
  color: #FF6600 !important;
}
.orange-ev .speak-desc-box {
  background-color: #FF6600 !important;
}
.orange-ev .speak-desc-box .speak-desc-grid .desc-content h3,
.orange-ev .speak-desc-box .speak-desc-grid .desc-content p {
  color: #000;
}
.purple-ev .sp-filter .col .f-btn {
  border-color: #FA08F5 !important;
}
.purple-ev .f-btn span {
  color: #FA08F5;
}
.purple-ev .hashtag {
  background-color: #FA08F5 !important;
  color: #000 !important;
}
.purple-ev .sp-name {
  color: #FA08F5 !important;
}
.purple-ev .speak-desc-box {
  background-color: #FA08F5 !important;
}
.purple-ev .speak-desc-box .speak-desc-grid .desc-content h3,
.purple-ev .speak-desc-box .speak-desc-grid .desc-content p {
  color: #000;
}
.friends-holder {
  display: block;
  position: relative;
  width: calc(100% + 50px);
  margin-left: -25px;
  margin-right: -25px;
}
@media only screen and (max-width: 440px) {
  .friends-holder img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
.g-headin2 {
  margin-top: 80px;
}
@media only screen and (max-width: 600px) {
  .g-headin2 {
    margin-top: 30px;
  }
}
.fr-logo {
  display: inline-block;
  vertical-align: middle;
  margin-left: 25px;
  margin-right: 25px;
  margin-bottom: 15px;
  width: unset;
  max-width: 120px;
  max-height: 150px;
}
.side-event {
  display: block;
  position: relative;
  margin-bottom: 50px;
}
.side-event .banner-holder {
  display: block;
  position: relative;
  margin-bottom: 30px;
}
.side-event .banner-holder img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.side-event .banner-holder .mob {
  display: none;
}
@media only screen and (max-width: 600px) {
  .side-event .banner-holder .mob {
    display: block;
  }
}
@media only screen and (max-width: 600px) {
  .side-event .banner-holder .deskt {
    display: none;
  }
}
.side-event .cnn {
  display: table;
  width: 100%;
}
.side-event .cnn .l {
  display: table-cell;
  vertical-align: middle;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 28px;
}
@media only screen and (max-width: 1100px) {
  .side-event .cnn .l {
    display: block;
    width: 100%;
  }
}
.side-event .cnn .r {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  width: 360px;
}
@media only screen and (max-width: 1100px) {
  .side-event .cnn .r {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 25px;
  }
}
.side-event .cnn .r .btn1 {
  display: inline-block;
  vertical-align: middle;
  margin-left: 25px;
  width: 143px;
  height: 40px;
  box-sizing: border-box;
  line-height: 40px;
  border: 1px solid #ADF346;
  color: #ADF346;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  transition: all 0.2s ease-in-out;
  margin-bottom: 10px;
}
.side-event .cnn .r .btn1:hover {
  color: #fff;
  background: #ADF346;
}
.remote-badge {
  display: block;
  position: absolute;
  width: 70px;
  height: auto;
  top: -7px;
  right: 5px;
  z-index: 99;
}
.key-link {
  display: block;
  margin-top: 20px;
  width: 100%;
  text-align: center;
  font-size: 15px;
  color: #fff;
  text-decoration: none;
}
.key-link:hover {
  text-decoration: underline;
}
.key-link.green {
  color: #ADF346;
}
.key-link.blue {
  color: #5F5AF7;
}
.key-link.orange {
  color: #FF6600;
}
.key-link.purple {
  color: #FA08F5;
}
.top-frame .desktop-nav a.party-button.green {
  color: #ADF346 !important;
}
.top-frame .desktop-nav a.party-button.blue {
  color: #5F5AF7 !important;
}
.top-frame .desktop-nav a.party-button.orange {
  color: #FF6600 !important;
}
.top-frame .desktop-nav a.party-button.purple {
  color: #FA08F5 !important;
}
.speak-pass-btn {
  display: table;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  text-transform: uppercase;
  padding-left: 20px;
  padding-right: 20px;
}
.speak-pass-btn.green {
  background: #ADF346;
}
.speak-pass-btn.blue {
  background: #5F5AF7;
}
.speak-pass-btn.orange {
  background: #FF6600;
}
.speak-pass-btn.purple {
  background: #FA08F5;
}
.new-new-il1 {
  display: block !important;
  position: absolute;
  left: calc(50% + 53px);
  transform: translateX(-50%) translateY(-50%);
  top: 84px;
  max-width: 124px;
  max-height: 100px;
  z-index: -1;
}
@media only screen and (max-width: 920px) {
  .new-new-il1 {
    display: none !important;
  }
}
.new-new-il2 {
  display: block !important;
  position: absolute;
  left: calc(50% + 76px);
  transform: translateX(-50%) translateY(-50%);
  top: 70px;
  max-width: 124px;
  max-height: 125px;
  z-index: -1;
}
@media only screen and (max-width: 920px) {
  .new-new-il2 {
    display: none !important;
  }
}
.new-new-il3 {
  display: block !important;
  position: absolute;
  left: calc(50% + 40px);
  transform: translateX(-50%) translateY(-50%);
  top: 70px;
  max-width: 153px;
  max-height: 125px;
  z-index: -1;
}
@media only screen and (max-width: 920px) {
  .new-new-il3 {
    display: none !important;
  }
}
.new-new-il4 {
  display: block !important;
  position: absolute;
  left: calc(50% + 57px);
  transform: translateX(-50%) translateY(-50%);
  top: 73px;
  max-width: 141px;
  max-height: 125px;
  z-index: -1;
}
@media only screen and (max-width: 920px) {
  .new-new-il4 {
    display: none !important;
  }
}
.powered {
  display: block;
  position: relative;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1200px) {
  .powered {
    font-size: 14px;
  }
}
.nYTNSKW .pass-heading-p2 {
  margin-bottom: 11px !important;
}
.divi {
  display: block;
  position: relative;
  width: calc(100% + 20px);
  margin-left: -10px;
  margin-right: -10px;
  height: 2px;
  background-repeat: repeat-x;
}
.divi.green {
  background: url(../img/green-dash.png);
}
.divi.blue {
  background: url(../img/blue-dash.png);
}
.divi.orange {
  background: url(../img/orange-dash.png);
}
.divi.purple {
  background: url(../img/purple-dash.png);
}
.new-new-text {
  display: block;
  height: 205px;
  box-sizing: border-box;
  padding-top: 13px;
  position: relative;
}
@media only screen and (max-width: 920px) {
  .new-new-text {
    height: auto;
    padding-bottom: 50px;
  }
}
.new-new-text .nnlt {
  display: block;
  color: #fff;
  font-size: 16px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1200px) {
  .new-new-text .nnlt {
    font-size: 13px;
    margin-bottom: 7px;
  }
}
.new-keynotes-link {
  display: block;
  position: absolute;
  bottom: 0;
  height: 45px;
  line-height: 49px;
  font-size: 16px;
  width: 100%;
  color: #ADF346;
  text-decoration: none;
}
.new-keynotes-link.blue {
  color: #5F5AF7;
}
.new-keynotes-link.orange {
  color: #FF6600;
}
.new-keynotes-link.purple {
  color: #FA08F5;
}
.new-keynotes-link:hover svg {
  transform: translateY(-50%) translateX(5px);
}
.new-keynotes-link svg {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  left: auto;
  width: 35px;
  height: auto;
  transition: all 0.2s ease-in-out;
  -webkit-backface-visibility: hidden;
}
@media only screen and (max-width: 1147px) {
  .new-keynotes-link svg {
    display: none !important;
  }
}
.new-keynotes-link .divi {
  display: block;
  position: absolute;
}
.new-keynotes-link .divi.top {
  top: 0;
}
.new-keynotes-link .divi.bottom {
  bottom: 0;
}
.nYTNSKW .pass-block-inner {
  overflow: hidden;
}
@media only screen and (max-width: 920px) {
  .nYTNSKW .pass-block-inner {
    height: 400px !important;
  }
}
.nYTNSKW .pass-block-inner:hover {
  background: inherit !important;
  cursor: default !important;
}
.pass-btn.new-blue:hover {
  background: #514CDD !important;
}
.pass-btn.new-orange:hover {
  background: #DF5900 !important;
}
.pass-btn.new-purple:hover {
  background: #DB04D6 !important;
}
.only {
  display: none !important;
}
.agenda-holder {
  display: block;
  position: relative;
  width: calc(100% - 36px);
  margin: 0 auto;
  padding-top: 130px;
}
.agenda {
  display: block;
  position: relative;
}
.agenda .day-filter {
  display: table;
  position: fixed;
  top: 96px !important;
  width: calc(100% - 36px);
  border-bottom: 1px solid #FFFFFF;
  background: #000;
  z-index: 99;
}
@media only screen and (min-width: 700px) {
  .agenda .day-filter {
    top: 75px !important;
  }
}
@media only screen and (min-width: 921px) {
  .agenda .day-filter {
    top: 96px !important;
  }
}
.agenda .day-filter .left,
.agenda .day-filter .right {
  display: table-cell;
  vertical-align: middle;
  color: #FFFFFF;
  height: 33px;
  text-align: center;
}
.agenda .day-filter .left span,
.agenda .day-filter .right span {
  display: inline-block;
  vertical-align: middle;
  transform: translateY(3px);
}
.agenda .day-filter .left.active,
.agenda .day-filter .right.active {
  background: #fff;
  color: #000000;
}
@media only screen and (min-width: 1070px) {
  .desktop-linker-drops {
    border-top: 1px solid #fff;
  }
}
.linker-blocks {
  display: block;
  position: relative;
}
@media only screen and (min-width: 1070px) {
  .linker-blocks {
    font-size: 0;
  }
}
.linker-blocks .linker {
  display: block;
  position: relative;
  border-bottom: 1px solid #FFFFFF;
  cursor: pointer;
}
@media only screen and (min-width: 1070px) {
  .linker-blocks .linker {
    width: 25%;
    display: inline-block;
    padding-top: 40px;
    padding-bottom: 30px;
    opacity: 0.5;
    border-bottom: none !important;
  }
  .linker-blocks .linker.active {
    opacity: 1;
  }
}
.linker-blocks .linker.active .closed-svg {
  display: none;
}
.linker-blocks .linker.active .opened-svg {
  display: block !important;
}
.linker-blocks .linker.white .heading {
  color: #fff !important;
}
.linker-blocks .linker.white .closed-svg *,
.linker-blocks .linker.white .opened-svg * {
  stroke: #fff !important;
}
.linker-blocks .linker.blue .heading {
  color: #5F5AF7 !important;
}
.linker-blocks .linker.blue .closed-svg *,
.linker-blocks .linker.blue .opened-svg * {
  stroke: #5F5AF7 !important;
}
.linker-blocks .linker.orange .heading {
  color: #FF6600 !important;
}
.linker-blocks .linker.orange .closed-svg *,
.linker-blocks .linker.orange .opened-svg * {
  stroke: #FF6600 !important;
}
.linker-blocks .linker.purple .heading {
  color: #FA08F5 !important;
}
.linker-blocks .linker.purple .closed-svg *,
.linker-blocks .linker.purple .opened-svg * {
  stroke: #FA08F5 !important;
}
.linker-blocks .linker .closed-svg {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 17px;
}
@media only screen and (min-width: 1070px) {
  .linker-blocks .linker .closed-svg {
    display: none !important;
  }
}
.linker-blocks .linker .opened-svg {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 17px;
}
@media only screen and (min-width: 1070px) {
  .linker-blocks .linker .opened-svg {
    bottom: -40px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: auto;
  }
}
.linker-blocks .linker .left {
  display: table-cell;
  vertical-align: middle;
  height: 109px;
  text-align: center;
  width: 120px;
}
@media only screen and (min-width: 1070px) {
  .linker-blocks .linker .left {
    display: block;
    width: 100%;
    height: 119px;
  }
}
.linker-blocks .linker .left img {
  display: inline-block;
  height: auto;
}
.linker-blocks .linker .left img.lin1 {
  width: 89px;
}
.linker-blocks .linker .left img.lin2 {
  width: 52px;
}
@media only screen and (min-width: 1070px) {
  .linker-blocks .linker .left img.lin2 {
    height: 120px !important;
  }
}
.linker-blocks .linker .left img.lin3 {
  width: 98px;
  transform: translateX(-10px);
}
.linker-blocks .linker .left img.lin4 {
  width: 92px;
}
@media only screen and (min-width: 1070px) {
  .linker-blocks .linker .left img {
    height: 100px !important;
    width: auto !important;
  }
}
.linker-blocks .linker .right {
  display: table-cell;
  vertical-align: middle;
  height: 109px;
  box-sizing: border-box;
  transform: translateY(5px);
}
@media only screen and (min-width: 1070px) {
  .linker-blocks .linker .right {
    display: block !important;
    width: 100% !important;
    text-align: center;
  }
  .linker-blocks .linker .right .ag-right-content {
    display: inline-block;
    text-align: left;
  }
  .linker-blocks .linker .right .ag-right-content.type2 .heading {
    font-size: 26px !important;
    padding-left: 40px !important;
  }
}
.linker-blocks .linker .right .heading {
  display: block;
  color: #ADF346;
  font-family: 'Sharp Grotesk Medium 20';
  font-weight: 600;
  font-size: 24px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1069px) {
  .linker-blocks .linker .right .heading.smaller {
    font-size: 19px;
  }
}
@media only screen and (min-width: 1070px) {
  .linker-blocks .linker .right .heading {
    display: inline-block;
    text-align: left;
    font-size: 41px;
  }
}
.linker-blocks .linker .right .pow {
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px;
}
.desktop-linker-drops {
  display: none !important;
}
@media only screen and (min-width: 1070px) {
  .desktop-linker-drops {
    display: block !important;
  }
  .desktop-linker-drops .linker-drop .day {
    display: none !important;
    text-align: center;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .desktop-linker-drops .linker-drop .day.active {
    display: grid !important;
  }
  .desktop-linker-drops .linker-drop .day .lind-line {
    padding-top: 39px;
    padding-bottom: 38px;
    display: inline-block;
    text-align: left;
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .desktop-linker-drops .linker-drop .day .lind-line:after {
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    background-image: url("../img/dash-white-vertical.png");
    background-repeat: repeat-y;
    top: 0;
    right: 0;
    content: '';
  }
}
.linker-drop {
  display: none;
  position: relative;
  border-bottom: 1px solid #fff;
}
@media only screen and (min-width: 1070px) {
  .linker-drop.mob {
    display: none !important;
  }
}
.linker-drop.white .lind-line .title {
  color: #fff !important;
}
.linker-drop.blue .lind-line .title {
  color: #5F5AF7 !important;
}
.linker-drop.orange .lind-line .title {
  color: #FF6600 !important;
}
.linker-drop.purple .lind-line .title {
  color: #FA08F5 !important;
}
.linker-drop .lind-line {
  display: block;
  padding: 12px 14px;
  position: relative;
}
.linker-drop .lind-line:last-child .dash-line {
  display: none;
}
.linker-drop .lind-line .time {
  display: block;
  position: relative;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 5px;
}
.linker-drop .lind-line .title {
  display: block;
  position: relative;
  color: #ADF346;
  font-size: 21px;
  font-weight: 500;
  margin-bottom: 5px;
}
.linker-drop .lind-line .author {
  display: block;
  position: relative;
  color: #FFFFFF;
  font-size: 13px;
}
.linker-drop .lind-line .author .hash {
  color: #6A6A6A;
}
.linker-drop .lind-line .dash-line {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-image: url("../img/dash-white-horizontal.png");
  background-repeat: repeat-x;
}
.linker-drop .day {
  display: none;
}
.linker-drop .day.active {
  display: block;
}
@media only screen and (min-width: 1070px) {
  .hide-desk-left {
    height: 25px !important;
  }
}
.agenda-remote {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  width: 60px;
  height: auto;
}
.pre-form {
  max-width: 1028px;
}
.pre-form .pre-logo {
  max-width: 100%;
  height: auto;
}
@media only screen and (max-width: 920px) {
  .pre-form .pre-logo {
    margin-bottom: 20px;
  }
}
.pre-form .right {
  width: 500px !important;
}
@media only screen and (max-width: 920px) {
  .pre-form .right {
    width: 100% !important;
  }
}
.pre-form input {
  border-color: #fff !important;
}
.pre-form input.wrong {
  border-color: red !important;
}
.pre-form input:focus {
  border-color: #ADF346 !important;
}
.pre-form .l {
  color: #fff !important;
}
.pre-form .green-notice {
  display: block;
  color: #ADF346;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 20px;
}
.pre-form .white-notice {
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 20px;
}
.pre-form .radio {
  display: block;
  text-align: left;
  margin-bottom: 25px;
}
.pre-form .radio .rad-h {
  display: inline-table;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 26px;
}
.pre-form .radio .rad-h.active .rad {
  border: 5px solid #ADF346 !important;
}
.pre-form .radio .rad-h .li {
  display: table-cell;
  vertical-align: middle;
  width: 25px;
}
.pre-form .radio .rad-h .li .rad {
  display: block;
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: 1px solid #FFFFFF;
  border-radius: 9999px;
  transform: translateY(-2px);
}
.pre-form .radio .rad-h .ri {
  display: table-cell;
  vertical-align: middle;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
}
/*# sourceMappingURL=style.css.map */