@import url('https://fonts.googleapis.com/css?family=Barlow:400,500,600,700,800,900&display=swap');

/* barlow-regular - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/barlow-v4-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Barlow Regular'), local('Barlow-Regular'),
    url('../fonts/barlow-v4-latin-regular.eot?#iefix')
      format('embedded-opentype'),
    /* IE6-IE8 */ url('../fonts/barlow-v4-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */ url('../fonts/barlow-v4-latin-regular.woff')
      format('woff'),
    /* Modern Browsers */ url('../fonts/barlow-v4-latin-regular.ttf')
      format('truetype'),
    /* Safari, Android, iOS */
      url('../fonts/barlow-v4-latin-regular.svg#Barlow') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/fontawesome-webfont.eot'); /* IE9 Compat Modes */
  src: local('fontawesome webfont'), local('fontawesome-webfont'),
    url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */ url('../fonts/fontawesome-webfont.woff2') format('woff2'),
    /* Super Modern Browsers */ url('../fonts/fontawesome-webfont.woff')
      format('woff'),
    /* Modern Browsers */ url('../fonts/fontawesome-webfont.ttf')
      format('truetype'),
    /* Safari, Android, iOS */ url('../fonts/fontawesome-webfont.svg#Barlow')
      format('svg'); /* Legacy iOS */
}
:root {
  --primary-color: #04000A;
}
body {
  overflow-x: hidden;
  background-color: #f5f5f5;
  font-family: 'Barlow', sans-serif !important;
  transition: all 1s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Barlow', sans-serif;
}

.card {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 0.75rem;
  border: 1px solid #fff;
  backdrop-filter: blur(16px);
}

.card-container {
  padding: 0 5rem 5rem 5rem;
}

.preloader {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  z-index: 99999999;
  background-image: url('./../../yugam24/img/loader24.gif'); /* your icon gif file path */
  background-repeat: no-repeat;
  background-color: #fff;
  background-position: center;
}

#stop-scrolling {
  height: 100% !important;
  overflow: hidden !important;
}
.preloader {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  z-index: 99999999;
  background-image: url('./../../yugam24/img/loader24.gif');
  background-repeat: no-repeat;
  background-color: #fff;
  background-position: center;
}

#stop-scrolling {
  height: 100% !important;
  overflow: hidden !important;
}

a {
  font-family: 'Barlow', sans-serif;
}

b,
strong {
  font-weight: 600;
}

p {
  font-size: 17px !important;
  text-align: left;
  color: #1c32b7;
  font-weight: 300;
  line-height: inherit;
}

.header_area {
  position: relative;
  z-index: 9999;
}

/* Sidebar style */
#container-wrapper {
  position: relative;
  overflow: hidden;
}

.section-home {
  width: 100%;
  float: left;
  height: 100vh;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  z-index: -2;
}
.inificircle {
  animation: rotate-animation 20s infinite linear;
}
.inificircle1 {
  animation: rotate-animation1 20s infinite linear;
  position: absolute;
}
.section-home .container {
  position: absolute;
  z-index: 9;
}

@keyframes rotate-animation {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate-animation1 {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-180deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.bg_pic {
  background-image: url('../img/home_banner.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.section-about,
.section-video,
.section-event,
.section-schedule,
.section-speakers,
.section-workshop,
.section-competitions,
.section-proshow,
.section-social-contsant,
.section-contact {
  padding: 15% 5% 5%;
  width: 100%;
  float: left;
  position: relative;
}

.yugam_content {
  font-family: 'Barlow', sans-serif;
}

.typeleft h1 {
  font-family: 'Barlow', sans-serif;
  font-size: 85px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.81;
  letter-spacing: normal;
  text-align: left;
  color: #1c32b7;
  text-transform: uppercase;
}

.typewrite {
  text-transform: uppercase;
  font-weight: 700;
  line-height: normal;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(
    to right,
    #04000A,
    #00a0e5,
    #0080e1,
    #005dd2,
    #1c32b7
  );
}

.gra {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(
    to right bottom,
    #cc2b69,
    #c12a6d,
    #b62971,
    #aa2a74,
    #9d2b76,
    #922b79,
    #872b7b,
    #7b2c7c,
    #6d2c7f,
    #5d2d81,
    #4a2e82,
    #342f83
  );
}

.counter {
  text-align: center;
  padding: 5% 5%;
}

.heading_style {
  font-size: 56px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.8;
  letter-spacing: normal;
  text-align: left;
  color: #1c32b7;
  margin: 0;
  text-transform: capitalize;
}

.o-video {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.25%; /* 9 / 16 * 100 */
}

.o-video > iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
}

.section-schedule-left,
.section-competitions-left,
.section-speakers-left,
.section-proshow-left,
.section-contact-left {
  margin-top: 5%;
  margin-bottom: 5%;
}

.section-speakers-left-inner,
.section-workshop-left-inner,
.section-event-left-inner,
.section-proshow-left-inner,
.section-contact_inner {
  padding-bottom: 5%;
}

.section-workshop .container {
  padding-top: 0% !important;
  padding-bottom: 0% !important;
}

.section-schedule h3 {
  padding-bottom: 20px;
  font-size: 46px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.1;
  letter-spacing: normal;
  text-align: left;
  color: #1c32b7;
}

.linkstyle {
  font-size: 22px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: center;
  color: #1c32b7;
  text-decoration: none;
  padding-bottom: 3px;
}

.speakarlinkstyle {
  font-size: 22px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: right;
  color: #1c32b7;
  text-decoration: none;
  padding-bottom: 3px;
  float: right;
}

/* Common style */
.speaker_grid {
  padding: 0px;
  width: 100%;
  float: left;
}

.speaker_grid a {
  text-decoration: none;
  width: 100%;
  float: left;
  position: relative;
}

.speaker_grid li {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 2%;
  width: 29.3%;
  text-align: center;
  cursor: pointer;
  border-radius: 20px;
  margin-bottom: 30px;
  background: #04000A;
}
.speaker_grid li img {
  position: relative !important;
  display: block !important;
  height: 100% !important;
  width: 100% !important;
  border-radius: 20px !important;
  margin: 0px;
}
.speaker_grid li figcaption {
  padding: 8%;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  position: absolute;
  width: 100%;
  bottom: 0%;
  float: left;
}
.speaker_grid li h2 {
  word-spacing: -0.15em;
  font-weight: 300;
}

.speaker_grid li h2 span {
  font-weight: 800;
}

.speaker_grid li h2,
.speaker_grid li p {
  margin: 0;
}

.speaker_grid li p {
  letter-spacing: 1px;
  font-size: 68.5%;
}

li.speaker_container {
  height: auto !important;
}

li.speaker_container figcaption {
  text-align: left;
}

li.speaker_container h2 {
  position: relative;
  padding: 5px 0px;
  font-size: 46px;
  font-weight: 400;
  width: 100%;
  word-spacing: 400px;
  margin-bottom: 0px;
  line-height: 42px;
  color: #fff;
}

li.speaker_container .speackarprofile_detail {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  background: none;
  color: #ffffff;
  text-transform: none;
  font-weight: 500;
}

li.speaker_container .speackarprofile_detail p {
  color: #7bc5d0;
  font-weight: 500;
}

li.speaker_container:hover .speackarprofile_detail {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.single_speakers {
  background: #1c32b7;
  padding: 5% 0%;
  width: 100%;
  float: left;
  position: relative;
}

.single_page_speaker_grid {
  padding: 0px;
}

.single_page_speaker_grid a {
  text-decoration: none;
}

.single_page_speaker_grid li {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  max-width: 345px;
  width: 23%;
  height: auto;
  text-align: center;
  cursor: pointer;
  border-radius: 20px;
  margin-bottom: 10px;
  background: #000;
}

.single_page_speaker_grid li img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.6;
  border-radius: 20px;
}

.single_page_speaker_grid li figcaption {
  padding: 8%;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}

.single_page_speaker_grid li h2 {
  word-spacing: -0.15em;
  font-weight: 300;
}

.single_page_speaker_grid li h2 span {
  font-weight: 800;
}

.single_page_speaker_grid li h2,
.single_page_speaker_grid li p {
  margin: 0;
}

.single_page_speaker_grid li p {
  letter-spacing: 1px;
  font-size: 68.5%;
}

.single_speakers_details {
  background: #1c32b7;
  width: 100%;
  float: left;
  position: relative;
  padding: 12vh 100px;
}

.single_speakers_details_container {
  width: 100%;
  float: left;
  padding: 0% 0%;
}

.single_speakers_details_container_background {
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 2%;
  overflow: hidden;
}

.single_speakers_details_container_inner {
  margin: 18% 0%;
}

.single_speakers_details_container_inner_main img,
.single_proshow_details_container_inner_main img {
  width: 100%;
}

.single_speakers_details_container_background p,
.single_workshop_details_container_background p,
.single_proshow_details_container_background p {
  line-height: 10vh;
  word-spacing: 9vh;
  hyphens: manual;
  letter-spacing: 9vh;
  font-weight: 200;
  font-size: 20px;
  word-break: keep-all;
  text-transform: uppercase;
  color: #f5f5f5;
  opacity: 0.2;
  text-align: right;
}

.single_speakers .container {
  padding: 5% 0% !important;
}

.single_workshop .container,
.single_event .container,
.single_proshow .container {
  padding: 5% 0% !important;
}

.single_speakers_details_container_inner h1,
.single_workshop_details_container_inner h1,
.single_proshow_details_container_inner h1 {
  display: inline-block;
  font-size: 138px;
  font-weight: 500;
  line-height: 0.78;
  color: #020202;
}

.single_speakers_details_container_inner h1 span,
.single_workshop_details_container_inner h1 span,
.single_workshop_details_container_inner h1 span {
  max-width: 80px;
}
.single_proshowdetails_description__container {
  padding: 5% 0%;
}
.single_proshowdetails_description__container p {
  color: #04000A;
}
.ticket_details_inner_container {
  padding: 10%;
  background: #eaeaea;
  border-radius: 10px;
}
.single_speakers_details_container_inner h4 {
  display: inline-block;
  font-size: 26px;
  font-weight: 300;
  line-height: 1.12;
  text-align: left;
  color: #f5f5f5;
  padding: 10px;
}

.single_speakers_details_container_inner h4 strong {
  font-weight: 600;
}

.single_speakers_details_container_inner ul {
  list-style: none;
  padding: 14px 0px;
}

.single_speakers_details_container_inner li {
  float: left;
  padding: 0px 10px;
  font-size: 18px;
  color: #fff;
}

.single_speakers_details_container_inner li a {
  color: #fff;
}

.single_speakersdetails__container {
  text-align: center;
  width: 100%;
  float: left;
  padding: 0px;
  margin: 0px;
}

.single_speakersdetails__container img {
  width: 60px;
  height: 60px;
  margin: 0 auto 30px;
}

.single_speakersdetails__container p {
  font-size: 27px;
  line-height: 0.95;
  font-weight: 300;
  text-align: center;
  color: #f5f5f5;
}

.single_speakersdetails__container span {
  font-size: 36px;
  font-weight: 600;
  line-height: 0.55;
  color: #04000A;
}

.single_speakersdetails__container_inner {
  position: relative;
  float: left;
  overflow: hidden;
  height: auto;
  text-align: center;
  cursor: pointer;
  border-radius: 20px;
}

.single_speakersdetails_description__container {
  padding: 0% 5%;
}

.single_speakersdetails_description__container .description__title {
  margin: 5% 0%;
  font-size: 46px;
  line-height: 0.87;
  text-align: left;
  color: #f5f5f5;
}

.single_speakersdetails_description__container p {
  font-size: 22px;
  font-weight: 300;
  line-height: 1.2;
  text-align: left;
  color: #04000A;
  margin-bottom: 20px;
}

svg {
  display: block;
  height: 100vh;
  margin: 0 auto;
}

.single_speakers_details .container {
  padding: 5% 0% !important;
}

.single_workshop_details .container,
.single_event_details .container {
  padding: 5% 0% !important;
}

.single_workshop .container,
.single_event .container {
  padding: 5% 0% !important;
}

.single_workshop,
.single_event,
.single_proshow {
  padding: 10% 0%;
  width: 100%;
  float: left;
  position: relative;
}

.single_page_workshop_grid,
.single_page_event_grid {
  padding: 0px;
}

.single_page_workshop_grid li,
.single_page_event_grid li {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  width: 30%;
  height: auto;
  text-align: center;
  cursor: pointer;
  border-radius: 20px;
  margin-bottom: 20px;
}

.single_page_workshop_grid li .workshop_img,
.single_page_event_grid li .event_img {
  height: 240px;
}

.single_page_workshop_grid li .workshop_img,
.single_page_event_grid li .event_img {
  height: 240px;
}

.single_workshop_details,
.single_event_details,
.single_proshow_details {
  background: #1c32b7;
  width: 100%;
  float: left;
  position: relative;
  padding: 12vh 5%;
}

.workshop_details_inner_container,
.event_details_inner_container {
  width: 100%;
  float: left;
}

.workshop_details_inner,
.event_details_inner {
  width: 33.3%;
  float: left;
  padding: 5% 3% 5% 0%;
}

.workshop_details_inner a,
.event_details_inner a {
  float: right;
}

.workshop_details_inner h5,
.event_details_inner h5 {
  display: inline-block;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.12;
  text-align: left;
  color: #f5f5f5;
}

.buy-button {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 0;
  padding: 20px 70px;
  border: 2px solid #04000A;
  border-radius: 34px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #04000A;
  text-align: center;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.buy-button:hover {
  border: 2px solid #f5f5f5;
  background-color: transparent;
  cursor: pointer;
}

.buy-button:hover span {
  color: #04000A;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.buy-button span {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  color: #1c32b7;
  text-transform: uppercase;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.single_workshop_details_container,
.single_event_details_container,
.single_proshow_details_container {
  width: 100%;
  float: left;
  padding: 0% 0%;
}

.single_workshop_details_container,
.single_event_details_container,
.single_proshow_details_container {
  width: 100%;
  float: left;
  padding: 0% 0%;
}

.single_workshop_details_container_inner,
.single_event_details_container_inner,
.single_proshow_details_container_inner {
  margin: 0% 0% 15%;
  position: relative;
  z-index: 0;
}

.single_workshop_details_container_inner h1,
.single_event_details_container_inner h1,
.single_proshow_details_container_inner h1 {
  display: inline-block;
  font-size: 138px;
  font-weight: 500;
  line-height: 0.78;
  color: #01bbd4;
  margin-bottom: 5%;
}

.single_workshop_details_container_background,
.single_event_details_container_background,
.single_proshow_details_container_background {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 2%;
  overflow: hidden;
  z-index: 0;
  opacity: 0.5;
}

.single_workshop_details_container_background p,
.single_event_details_container_background p,
.single_proshow_details_container_background p {
  line-height: 5vh;
  word-spacing: 5vh;
  hyphens: manual;
  letter-spacing: 8vh;
  font-weight: 200;
  word-break: keep-all;
  text-transform: uppercase;
  color: #04000A;
  opacity: 0.6;
  text-align: right;
}

.single_workshop_details_container_inner h4,
.single_event_details_container_inner h4,
.single_proshow_details_container_inner h4 {
  display: inline-block;
  font-size: 26px;
  font-weight: 300;
  line-height: 1.12;
  text-align: left;
  color: #f5f5f5;
  padding: 10px 0px;
}

#owl-demo .item,
#tech_conclave .item {
  margin: 3%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}

#event .item {
  margin: 3%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}

.workshop_img,
.event_img {
  position: relative;
  width: 100%;
  height: 250px;
  border-radius: 10px;
  background: #000;
  transition: transform 300ms ease-in-out;
  transition: 600ms ease-in-out;
}

.workshop_img img,
.event_img img {
  width: 100%;
  object-fit: cover;
  height: 250px;
  border-radius: 6px;
  border-radius: 10px;
  opacity: 0.6;
}

.workshop_img figcaption,
.event_img figcaption {
  height: auto;
  position: absolute;
  top: 5%;
  width: 100%;
  text-align: left;
  padding: 5%;
}

.workshop_img figcaption h2,
.event_img figcaption h2 {
  font-size: 32px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.95;
  letter-spacing: normal;
  text-align: left;
  color: #01bbd4;
  margin: 0 0 15px;
}

.workshop_img figcaption span,
.event_img figcaption span {
  color: #fff;
  font-weight: 500;
  font-size: 18px;
}

.workshop_img figcaption a,
.event_img figcaption a {
  color: #fff;
}

.workshop_img:hover,
.event_img:hover,
.proshow_img:hover {
  cursor: pointer;
  -moz-transform: scale(1.02);
  -webkit-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02);
  -ms-transform: scale(1.02);
}

.line {
  background: #1c32b7;
  width: 60%;
  float: left;
  height: 3px;
  margin-top: 15px;
  transition: width 1s;
  margin-right: 10px;
}
.workshoplink {
  float: left;
  width: 100% !important;
  font-size: 22px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: left;
  color: #1c32b7 !important;
  text-decoration: none !important;
  padding: 3%;
}
.workshoplink:hover {
  font-size: 22px;
}

.workshoplink:hover .line {
  width: 75%;
}

.section-schedule_bg {
  position: absolute;
  top: 22%;
  left: 0px;
  z-index: -9;
}

.competitions-link {
  float: left;
  width: auto;
  font-size: 22px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: right;
  color: #1c32b7;
  text-decoration: none;
  padding-bottom: 3px;
  margin-left: 2%;
}
.section-contact {
  background-image: url(../img/footerbg.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
}
.section-contact p,
.social_link a,
.section-contact .heading_style {
  color: #fff;
}
.yugam_content_container {
  margin-top: 20%;
}
.competitions-inner {
  padding: 5%;
}

#proshow .item {
  margin: 5%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}

.proshow_img {
  position: relative;
  width: 100%;
  height: auto;
  border-radius: 10px;
  background: #000;
  transition: transform 300ms ease-in-out;
  transition: 600ms ease-in-out;
}

.proshow_img img {
  width: 100%;
  object-fit: cover;
  border-radius: 6px;
  border-radius: 10px;
  opacity: 0.6;
}

.proshow_img figcaption {
  height: auto;
  position: absolute;
  bottom: 2%;
  width: 100%;
  text-align: left;
  padding: 10%;
}

.proshow_img figcaption h2 {
  font-size: 32px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.95;
  letter-spacing: normal;
  text-align: left;
  color: #01bbd4;
  margin: 0 0 15px;
}

.proshow_img figcaption span {
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  padding-bottom: 10px;
  float: left;
  width: 100%;
}

.proshow_img figcaption a {
  color: #000000;
  padding: 5px 10px;
  border: 1px solid #fff;
  background: #fff;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 13px;
  text-decoration: none;
}

footer {
  position: fixed;
  bottom: 0;
  z-index: 999;
  width: 250px;
  float: left;
}

.social_link ul li {
  list-style: none;
  padding: 5%;
  float: left;
}

.section-home {
  background: #04000A;
}

.blobs {
  background-color: #000;
  position: relative;
  height: 100vh;
  width: 100vw;
  filter: blur(10px) contrast(50);
}

.blob {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90px;
  height: 90px;
  overflow: hidden;
  transition: all 3s ease-in-out;
  background: #29cccc;
  /*   box-shadow: 0 0 0 20px #000; */
  /*   background: linear-gradient(#29cccc, #0088cc); */
  border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;
}

.rotate {
  -webkit-animation: antiClockwiseSpin 10s infinite linear;
  animation: antiClockwiseSpin 10s infinite linear;
}

@keyframes antiClockwiseSpin {
  0% {
    transform: rotate(360deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@keyframes antiClockwiseSpin {
  0% {
    transform: rotate(360deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

.rotate_for {
  -webkit-animation: clockwiseSpin 10s infinite linear;
  animation: clockwiseSpin 10s infinite linear;
}

@-webkit-keyframes clockwiseSpin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes clockwiseSpin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.home-content {
  position: relative;
  left: -5%;
}

.yugam_web_abstract {
  position: fixed;
  left: 0px;
  opacity: 0.3;
  top: 0;
}

.yugam_web_abstract_1 {
  position: fixed;
  top: -17.1%;
  left: -8.4%;
  opacity: 0.2;
}

.yugam_web_abstract_2 {
  position: fixed;
  bottom: 0;
  right: 0;
}

.yugam_web_abstract_3 {
  position: fixed;
  bottom: 0;
  right: 0;
}

@media screen and (min-device-width: 1280px) and (max-device-width: 1440px) {
  .yugam_web_abstract_1 {
    position: fixed;
    top: -17.1%;
    left: -8.4%;
    opacity: 0.2;
  }
}

.movebg {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
}
.movebg_inner {
  display: table-cell;
  vertical-align: middle;
  height: 100vh;
  text-align: center;
}

.movebg_content_left {
  width: 50%;
  float: left;
  text-align: right;
  padding-top: 9%;
}

.movebg_content_left h2 {
  font-size: 105px;
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
  padding-right: 84px;
  color: #fff;
  margin: 5px 0;
}

.movebg_content_left h4 {
  display: inline-block;
  font-size: 50px;
  font-weight: 100;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.88;
  letter-spacing: normal;
  color: #fff;
  margin: 5px 0;
  padding-right: 84px;
}

.movebg_content_right {
  width: 50%;
  float: left;
  text-align: left;
}

.movebg_content_right h1 {
  font-size: 135px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
  padding-right: 84px;
  color: #fff;
  margin: 5px 0;
}

.movebg_content_right h3 {
  display: inline-block;
  font-size: 50px;
  font-weight: 100;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #fff;
  margin: 5px 0;
  text-transform: uppercase;
}

.counter h1 {
  font-size: 90px;
  color: #1c32b7;
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: center;
  margin: 0;
}

.counter span {
  font-size: 23px;
  color: #1f1f1f;
  font-family: Barlow, sans-serif;
  font-weight: 300;
}

/*
 *  STYLE 4
 */

body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}

body::-webkit-scrollbar {
  width: 5px;
  background-color: #fcfcfc;
}

body::-webkit-scrollbar-thumb {
  background-color: #ff5d94;
  border: 2px solid #ff5d94;
}

.section-speakers-all {
  padding: 5%;
  background: #47337a;
}

.section-speakers-all .grid figure {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 2%;
  min-width: 222px;
  max-width: 325px;
  width: 33%;
  height: auto;
  text-align: center;
  cursor: pointer;
  border-radius: 20px;
  margin-bottom: 30px;
}

.section-speakers-all .grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.8;
}

.section-speakers-all .grid figure figcaption {
  padding: 8%;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.section-speakers-all .grid figure figcaption::before,
.section-speakers-all .grid figure figcaption::after {
  pointer-events: none;
}

.section-speakers-all .grid figure figcaption,
.grid figure figcaption > a {
  position: absolute;
  top: 73%;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.section-speakers-all .grid figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}

.section-speakers-all .grid figure h2 {
  word-spacing: -0.15em;
  font-weight: 300;
}

.section-speakers-all .grid figure h2 span {
  font-weight: 800;
}

.section-speakers-all .grid figure h2,
.section-speakers-all .grid figure p {
  margin: 0;
}

.section-speakers-all .grid figure p {
  letter-spacing: 1px;
  font-size: 68.5%;
}

/* Individual effects */

/*---------------*/
/***** Julia *****/
/*---------------*/

figure.speaker_containerall {
  background: #2f3238;
}

figure.speaker_containerall img {
  width: 100%;
  height: auto;
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, transform 1s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

figure.speaker_containerall figcaption {
  text-align: left;
}

figure.speaker_containerall h2 {
  position: relative;
  padding: 5px 0px;
  font-size: 46px;
  font-weight: 400;
  width: 100%;
  word-spacing: 400px;
  margin-top: -22px;
  margin-bottom: 0px;
  line-height: 42px;
  color: #fff;
}

figure.speaker_containerall .speackarprofile_detail {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  background: none;
  color: #ffffff;
  text-transform: none;
  font-weight: 500;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-360px, 0, 0);
  transform: translate3d(-360px, 0, 0);
}

figure.speaker_containerall .speackarprofile_detail p {
  color: #7bc5d0;
  font-weight: 500;
}

figure.speaker_containerall .speackarprofile_detail:first-child {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

figure.speaker_containerall .speackarprofile_detail:nth-of-type(2) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

figure.speaker_containerall .speackarprofile_detail:nth-of-type(3) {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}

figure.speaker_containerall:hover .speackarprofile_detail:first-child {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

figure.speaker_containerall:hover .speackarprofile_detail:nth-of-type(2) {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}

figure.speaker_containerall:hover .speackarprofile_detail:nth-of-type(3) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

figure.speaker_containerall:hover img {
  opacity: 0.4;
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
}

figure.speaker_containerall:hover .speackarprofile_detail {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.speaker--grid[data-v-4e52336a] {
  margin-top: 100px;
}

@media (min-width: 0) and (max-width: 991px) {
  .speaker--grid[data-v-4e52336a] {
    width: 115%;
    margin-left: -7.5%;
  }
}

.speaker--card[data-v-4e52336a] {
  pointer-events: none;
  width: 28%;
  margin-bottom: 50px;
  cursor: pointer;
}

@media (min-width: 0) and (max-width: 991px) {
  .speaker--card[data-v-4e52336a] {
    width: 45%;
    margin: 0 auto 30px;
  }
}

.speaker--card.speaker--single {
  margin-left: 0;
}

.speaker--card:hover .speaker--card--image:before,
.speaker--card:hover img.speaker--card--image--logo {
  opacity: 1;
}

.slider--cta {
  float: right;
}

.speaker--row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.speaker--card--info {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-out 0.4s;
  transition: opacity 0.4s ease-out 0.4s;
  pointer-events: none;
}

.speaker--index--0 .speaker--card--info {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.speaker--index--1 .speaker--card--info {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.speaker--index--2 .speaker--card--info {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.speaker--card--info__visible {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.speaker--card--image {
  border-radius: 10px;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-out 0.3s;
  transition: opacity 0.4s ease-out 0.3s;
  pointer-events: all;
  position: relative;
  z-index: -1;
  display: block;
  overflow: hidden;
}

.speaker--card--image img.speaker--card--image--logo {
  height: 35px;
  width: auto;
  position: absolute;
  top: 20px;
  left: 20px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

@media (min-width: 0) and (max-width: 991px) {
  .speaker--card--image img.speaker--card--image--logo {
    left: 10%;
    opacity: 1;
    height: 20px;
  }
}

.speaker--card--image img.speaker--card--image--logo.the-unseen {
  width: 140px;
  height: auto;
}

@media (min-width: 0) and (max-width: 991px) {
  .speaker--card--image img.speaker--card--image--logo.the-unseen {
    width: 100px;
  }
}

.speaker--card--image img.speaker--card--image--logo.rodeo {
  width: auto;
  height: 22px;
}

@media (min-width: 0) and (max-width: 991px) {
  .speaker--card--image img.speaker--card--image--logo.rodeo {
    height: 12px;
    width: auto;
  }
}

.speaker--card--image img.speaker--card--image--logo.uber {
  width: 90px;
  height: auto;
}

@media (min-width: 0) and (max-width: 991px) {
  .speaker--card--image img.speaker--card--image--logo.uber {
    width: 70px;
  }
}

.speaker--card--image:before {
  content: ' ';
  display: block;
  background-color: rgba(18, 10, 143, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

@media (min-width: 0) and (max-width: 1199px) {
  .speaker--card--image[data-v-4e52336a]:before {
    opacity: 0.8;
  }
}

.speaker--index--0 .speaker--card--image {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.speaker--index--1 .speaker--card--image {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.speaker--index--2 .speaker--card--image {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.speaker--card--image__visible {
  opacity: 1;
}

.speaker--card--image img {
  width: 100%;
  pointer-events: none;
  display: block;
}

.speaker--card--details {
  min-height: 70px;
}

@media (min-width: 0) and (max-width: 991px) {
  .speaker--card--details {
    min-height: 100%;
    padding-top: 5px;
    padding-left: 10%;
  }
}

@media (min-width: 0) and (max-width: 767px) {
  .speaker--card--details {
    padding-top: 0;
    padding-left: 0;
  }
}

.particles {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: absolute;
  top: 0;
  opacity: 0.5;
  z-index: 9;
}

.particles2 {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: fixed;
  top: 0;
  opacity: 0.6;
  z-index: -9;
}

.bg {
  width: 100%;
  position: absolute;
}

.bg img {
  width: 100%;
  opacity: 0.1;
}

@-webkit-keyframes blink {
  0% {
    border: 0px solid rgba(255, 255, 255, 0);
    background: #57477d;
    -webkit-transform: rotate(0deg) scale(0.25);
    transform: rotate(0deg) scale(0.25);
  }

  25% {
    border: 200px solid #57477d;
    background: rgba(255, 255, 255, 0);
    -webkit-transform: rotate(360deg) scale(1) skew(5deg);
    transform: rotate(360deg) scale(1) skew(5deg);
  }

  100% {
    border: 0px solid rgba(255, 255, 255, 0);
    background: #57477d;
    -webkit-transform: rotate(0deg) scale(0.25);
    transform: rotate(0deg) scale(0.25);
  }
}

@keyframes blink {
  0% {
    border: 0px solid rgba(255, 255, 255, 0);
    background: #57477d;
    -webkit-transform: rotate(0deg) scale(0.25);
    transform: rotate(0deg) scale(0.25);
  }

  25% {
    border: 200px solid #57477d;
    background: rgba(255, 255, 255, 0);
    -webkit-transform: rotate(360deg) scale(1) skew(5deg);
    transform: rotate(360deg) scale(1) skew(5deg);
  }

  100% {
    border: 0px solid rgba(255, 255, 255, 0);
    background: #57477d;
    -webkit-transform: rotate(0deg) scale(0.25);
    transform: rotate(0deg) scale(0.25);
  }
}

.circle {
  height: 800px;
  width: 800px;
  border-radius: 50%;
  position: absolute;
  top: -500px;
  -webkit-transform-origin: 75% 50%;
  transform-origin: 75% 50%;
  -webkit-animation: blink 15s infinite ease-in-out;
  animation: blink 15s infinite ease-in-out;
}

.circle:nth-child(2) {
  height: 790px;
  width: 790px;
  animation: blink 15s infinite 1s ease-in-out reverse;
}

.circle:nth-child(3) {
  height: 795px;
  width: 795px;
  -webkit-animation: blink 15s infinite 1.5s ease-in-out;
  animation: blink 15s infinite 1.5s ease-in-out;
}

.square-container {
  height: 500px;
  width: 500px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -150px 0 0 -150px;
}

.square {
  height: 94%;
  width: 94%;
  background: white;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -47% 0 0 -47%;
  background: #3a2c5a;
}

.black {
  background: #1c32b7;
  animation: rotate 10s infinite linear;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@media (max-width: 1699px) and (min-width: 0) {
  .movebg_content_left h2 {
    font-size: 90px;
  }

  .movebg_content_right h1 {
    font-size: 100px;
  }

  .movebg_content_right h3 {
    font-size: 44px;
  }
}

.pageload-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  visibility: hidden;
}

.pageload-overlay.show {
  visibility: visible;
}

.pageload-overlay svg {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.pageload-overlay svg path {
  fill: #fff;
}

.pageload-overlay::after,
.pageload-overlay::before {
  content: '';
  position: fixed;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
  border-radius: 50%;
  visibility: hidden;
  opacity: 0;
  z-index: 1000;
  -webkit-transition: opacity 0.15s, visibility 0s 0.15s;
  transition: opacity 0.15s, visibility 0s 0.15s;
}

.pageload-overlay::after {
  background: #6cc88a;
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
  -webkit-animation: moveRight 0.6s linear infinite alternate;
  animation: moveRight 0.6s linear infinite alternate;
}

.pageload-overlay::before {
  background: #4fc3f7;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
  -webkit-animation: moveLeft 0.6s linear infinite alternate;
  animation: moveLeft 0.6s linear infinite alternate;
}

@-webkit-keyframes moveRight {
  to {
    -webkit-transform: translateX(20px);
  }
}

@keyframes moveRight {
  to {
    transform: translateX(20px);
  }
}

@-webkit-keyframes moveLeft {
  to {
    -webkit-transform: translateX(-20px);
  }
}

@keyframes moveLeft {
  to {
    transform: translateX(-20px);
  }
}

.pageload-loading.pageload-overlay::after,
.pageload-loading.pageload-overlay::before {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.infinity {
}

#outline {
  stroke-dasharray: 2.42777px, 242.77666px;
  stroke-dashoffset: 0;
  -webkit-animation: anim 1.6s linear infinite;
  animation: anim 1.6s linear infinite;
}

@-webkit-keyframes anim {
  12.5% {
    stroke-dasharray: 33.98873px, 242.77666px;
    stroke-dashoffset: -26.70543px;
  }

  43.75% {
    stroke-dasharray: 84.97183px, 242.77666px;
    stroke-dashoffset: -84.97183px;
  }

  100% {
    stroke-dasharray: 2.42777px, 242.77666px;
    stroke-dashoffset: -240.34889px;
  }
}

@keyframes anim {
  12.5% {
    stroke-dasharray: 33.98873px, 242.77666px;
    stroke-dashoffset: -26.70543px;
  }

  43.75% {
    stroke-dasharray: 84.97183px, 242.77666px;
    stroke-dashoffset: -84.97183px;
  }

  100% {
    stroke-dasharray: 2.42777px, 242.77666px;
    stroke-dashoffset: -240.34889px;
  }
}

.seeall-inner-container {
  padding-top: 10%;
  position: relative;
  width: 100%;
  float: left;
}
.event_sub_category {
  width: 100%;
  float: left;
}
.tab-content {
  width: 100%;
  float: left;
}

#tabs .container,
#workshop-tab .container {
  padding: 0% !important;
}

.seeall-container {
  background: #1c32b7;
}

#tabs .nav-item {
  width: 50%;
  float: left;
  text-align: left;
  padding: 15px 0px;
}
#workshop-tab .nav-item {
  width: 33.33%;
  float: left;
  text-align: left;
  padding: 15px 0px;
}

#tabs .nav-item,
#workshop-tab .nav-item {
  color: #04000A;
  font-size: 39px;
  line-height: 0.87;
  font-weight: 300;
  opacity: 0.31;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

#tabs .nav-item:hover,
#workshop-tab .nav-item:hover {
  color: #04000A;
  font-size: 39px;
  line-height: 0.87;
  font-weight: 300;
  opacity: 1;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border: none !important;
}
.workshop_details_inner_container .workshop_details_inner_container_detail,
.event_details_inner_container .event_details_inner_container_detail,
.speaker_details_inner_container .speaker_details_inner_container_detail {
  width: 24.33%;
  float: left;
  height: 295px;
}
.nav-tabs .nav-link {
  border: none;
}

.nav-tabs .nav-link.active {
  background: none;
  border: none;
  color: #04000A !important;
  opacity: 1 !important;
}

.nav-tabs {
  border: none !important;
}

@keyframes flickerAnimation {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes flickerAnimation {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes flickerAnimation {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes flickerAnimation {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.animate-flicker {
  -webkit-animation: flickerAnimation 1s infinite;
  -moz-animation: flickerAnimation 1s infinite;
  -o-animation: flickerAnimation 1s infinite;
  animation: flickerAnimation 1s infinite;
}

.section-social-contsant-card {
  padding: 5% 10%;
}

.section-social-contsant-card img {
  width: 100%;
  border-radius: 10px;
  -webkit-box-shadow: 3px 7px 18px -10px rgba(0, 0, 0, 0.38);
  -moz-box-shadow: 3px 7px 18px -10px rgba(0, 0, 0, 0.38);
  box-shadow: 3px 7px 18px -10px rgba(0, 0, 0, 0.38);
}

.section-social-contsant-card h3 {
  color: #1c32b7;
  padding: 10px 0px;
}

.section-social-contsant-card p {
  padding: 10px 0px;
}

.section-social-contsant-card a {
  color: #1c32b7;
  font-weight: 600;
  font-size: 24px;
}
header {
  height: auto;
  position: fixed;
  top: 0;
  transition: top 0.5s ease-in-out;
  width: 100%;
  text-align: center;
  z-index: 999;
}
.nav-down {
  background: #04000A !important;
}
.logo {
  float: left;
  padding: 15px 0px;
}

.logo img {
  width: auto;
  height: 50px;
}

header li {
  list-style: none;
  display: inline-block;
}

header a {
  color: #222;
  text-decoration: none;
  padding: 0 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.nav-up {
  top: -100px;
}
.nav-down.header {
  background: #04000A !important;
}

.burger {
  top: -5px !important;
  right: 0 !important;
  width: 49px !important;
  height: 30px;
  background: none;
  border: none;
  outline: none !important;
  z-index: 9999;
  float: left;
  position: relative;
}
.burger span {
  position: relative;
  height: 1.6px;
  width: 100%;
  background: #ffffff;
  display: inline-block;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.burger span:before {
  content: '';
  height: 1.6px;
  width: 100%;
  background: #ffffff;
  position: absolute;
  top: -10px;
  right: 0;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
}

.burger span:after {
  content: '';
  height: 1.6px;
  width: 100%;
  background: #ffffff;
  position: absolute;
  bottom: -10px;
  right: 0;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
}

.burger.open span {
  background: #ffffff;
}

.burger.open span:before {
  opacity: 1;
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
  width: 50%;
  top: -7px;
  background: #ffffff;
}

.burger.open span:after {
  opacity: 1;
  -webkit-transform: rotate(-40deg);
  transform: rotate(-40deg);
  width: 50%;
  bottom: -7px;
  background: #ffffff;
}

.sidemenu {
  background: #04000A;
  position: fixed;
  right: 0;
  width: 350px;
  height: 100vh;
  -webkit-transform: translateX(350px);
  transform: translateX(350px);
  transition: all 0.5s cubic-bezier(0.04, 0.79, 0.34, 1.3);
  z-index: 99;
  top: 0;
}
.sidemenu ul {
  padding: 5rem;
}

.sidemenu ul li {
  display: block;
  margin-bottom: 1.5rem;
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.04, 0.79, 0.34, 1.3);
}

.sidemenu ul li i {
  font-size: 2.5rem;
  margin-right: 1rem;
}

.sidemenu ul li a {
  color: #ffffff !important;
  font-weight: 300;
  text-decoration: none;
  font-size: 18px;
  text-transform: uppercase;
}
.sidemenu ul li a:hover {
  color: #04000A;
}

.sidemenu .sidemenu_footer {
  background: #2db8c2;
  color: white;
  height: 100%;
  padding: 5rem;
  -webkit-transform: translateY(150px);
  transform: translateY(150px);
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.04, 0.79, 0.34, 1.3);
}

.sidemenu .sidemenu_footer h3 {
  font-size: 2rem;
  margin-bottom: 2rem;
  text-transform: uppercase;
  font-weight: bold;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.04, 0.79, 0.34, 1.3);
}

.sidemenu .sidemenu_footer p {
  font-weight: 300;
  line-height: 1.4;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.04, 0.79, 0.34, 1.3);
}

.sidemenu.open {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.sidemenu.open ul li:nth-child(1) {
  -webkit-animation: slideIn 0.3s 0.15s ease 1 forwards;
  animation: slideIn 0.3s 0.15s ease 1 forwards;
}

.sidemenu.open ul li:nth-child(2) {
  -webkit-animation: slideIn 0.3s 0.3s ease 1 forwards;
  animation: slideIn 0.3s 0.3s ease 1 forwards;
}

.sidemenu.open ul li:nth-child(3) {
  -webkit-animation: slideIn 0.3s 0.45s ease 1 forwards;
  animation: slideIn 0.3s 0.45s ease 1 forwards;
}

.sidemenu.open ul li:nth-child(4) {
  -webkit-animation: slideIn 0.3s 0.6s ease 1 forwards;
  animation: slideIn 0.3s 0.6s ease 1 forwards;
}

.sidemenu.open ul li:nth-child(5) {
  -webkit-animation: slideIn 0.3s 0.45s ease 1 forwards;
  animation: slideIn 0.3s 0.45s ease 1 forwards;
}

.sidemenu.open ul li:nth-child(6) {
  -webkit-animation: slideIn 0.3s 0.35s ease 1 forwards;
  animation: slideIn 0.3s 0.35s ease 1 forwards;
}

.sidemenu.open ul li:nth-child(7) {
  -webkit-animation: slideIn 0.3s 0.75s ease 1 forwards;
  animation: slideIn 0.3s 0.75s ease 1 forwards;
}

.sidemenu.open ul li:nth-child(8) {
  -webkit-animation: slideIn 0.3s 0.65s ease 1 forwards;
  animation: slideIn 0.3s 0.65s ease 1 forwards;
}

.sidemenu.open ul li:nth-child(9) {
  -webkit-animation: slideIn 0.3s 0.75s ease 1 forwards;
  animation: slideIn 0.3s 0.75s ease 1 forwards;
}
.sidemenu.open ul li:nth-child(10) {
  -webkit-animation: slideIn 0.3s 0.55s ease 1 forwards;
  animation: slideIn 0.3s 0.55s ease 1 forwards;
}
.sidemenu.open ul li:nth-child(11) {
  -webkit-animation: slideIn 0.3s 0.75s ease 1 forwards;
  animation: slideIn 0.3s 0.75s ease 1 forwards;
}
.sidemenu.open ul li:nth-child(12) {
  -webkit-animation: slideIn 0.3s 0.57s ease 1 forwards;
  animation: slideIn 0.3s 0.57s ease 1 forwards;
}

.sidemenu.open .sidemenu_footer {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  transition-delay: 0.3s;
  opacity: 1;
}

.sidemenu.open .sidemenu_footer h3 {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  transition-delay: 0.5s;
  opacity: 1;
}

.sidemenu.open .sidemenu_footer p {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  transition-delay: 0.7s;
}

@-webkit-keyframes slideIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@keyframes slideIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

.social_link ul {
  padding: 0px;
  float: left;
  width: 100%;
}

header ul {
  float: right;
  padding: 1% 0%;
  margin: 0px;
  margin-right: 20px;
}

header ul li a {
  color: #ffffff !important;
  width: 100%;
  float: left;
}
header ul li a img {
  width: 30px;
}
.sidemenu.open {
  display: table;
}

.sidemenu ul {
  display: table-cell;
  vertical-align: middle;
}

.sidemenu ul li a:hover {
  cursor: pointer;
}
.event_sub_category span {
  padding: 8px 20px;
  background: #d4d4d4;
  float: left;
  width: auto;
  margin: 5px 5px 5px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  color: #1c32b7;
  text-decoration: none;
  text-transform: capitalize;
}
.event_sub_category span:hover {
  background: #04000A;
  color: #fff;
  cursor: pointer;
}
.event_sub_category span.active {
  color: #fff;
  background: #2cc4cb;
}
.seeall-inner-container nav {
  width: 100%;
  float: left;
  margin: 3% 0px;
}
.nav-item span {
  width: 51px;
  float: left;
  position: relative;
}
.nav-item span img {
  width: 42px;
  float: left;
}
.detail_single_event,
.detail_single_workshop {
  padding: 15%;
  text-align: center;
  width: 100%;
  float: left;
}
.detail_single_event img,
.detail_single_workshop img {
  width: 36%;
  margin: auto;
  margin-bottom: 10%;
  text-align: center;
}
.detail_single_event p,
.detail_single_workshop p {
  color: #04000A;
  text-align: center;
}
.detail_single_event p span,
.detail_single_workshop p span {
  color: #04000A;
  text-align: center;
  font-size: 36px;
  font-weight: 500;
}
.register {
  color: #fff !important;
  padding: 14px 25px;
  border: 2px solid var(--primary-color);
  font-size: 20px;
  border-radius: 10px;
  background: var(--primary-color);
  cursor: pointer;
  transition-delay: 0.2s;
  float: left;
  margin: 1%;
  font-family: inherit;
}

.register:hover {
  color: #12bee6 !important;
  border: 2px solid #12bee6;
  background: transparent;
}
.single_proshowdetails_description__container h1 {
  font-size: 90px;
  font-weight: 500;
  line-height: 0.78;
  color: #04000A;
  margin-bottom: 5%;
}
.single_speakers_details_container_inner_main h5 {
  color: #04000A;
  font-size: 32px;
  margin: 2% 0% 7%;
  font-weight: 500;
}
.single_event_details_container_inner,
.single_workshop_details_container_inner,
.single_proshow_details_container_inner {
  color: #04000A;
}
.single_paper_form_details,
.single_ambassador_form_details,
.single_accomodation_form_details {
  background: #1c32b7;
  width: 100%;
  float: left;
  position: relative;
}
.single_form_details_inner {
  display: table;
  height: 100vh;
  width: 100%;
}
.single_ambassador_form_details form p,
.single_accomodation_form_details from p {
  color: #04000A;
  font-size: 15px !important;
}

.single_accomodation_form_details ul {
  font-size: 16px;
  color: #080808;
  padding: 1rem 5rem;
}
.single_form_details_inner_container {
  display: table-cell;
  vertical-align: middle;
  padding: 5%;
}
.radiotextsty {
  color: #04000A;
  font-size: 18px;
  margin-right: 20px;
}

.customradio {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.customradio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: white;
  border-radius: 50%;
  border: 1px solid #bebebe;
}

/* On mouse-over, add a grey background color */
.customradio:hover input ~ .checkmark {
  background-color: transparent;
}

/* When the radio button is checked, add a blue background */
.customradio input:checked ~ .checkmark {
  background-color: white;
  border: 1px solid #bebebe;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: '';
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.customradio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.customradio .checkmark:after {
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #04000A;
}

/* Custom Radio Button End*/
.form-control {
  display: block;
  width: 100%;
  height: 52px;
  padding: 10px;
  font-size: 15px;
  font-weight: 400;
  line-height: inherit;
  color: #ff5d94 !important;
  background-color: transparent;
  background-clip: padding-box;
  border: 1.5px solid #04000A;
  border-radius: 3px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  box-shadow: none !important;
}
label {
  display: inline-block;
  margin-bottom: 0.5rem;
  font-size: 18px;
  font-weight: 500;
  color: #ff5d94;
  width: 100%;
  float: left;
}
.input-group-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #ffffff !important;
  text-align: center;
  white-space: nowrap;
  background-color: #04000A;
  border: 1px solid #04000A;
  border-radius: 0.25rem;
}
.input-group-text:active {
  background-color: transparent !important;
}
::-webkit-input-placeholder {
  /* Edge */
  color: #ff5d94 !important;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ff5d94 !important;
}

::placeholder {
  color: #ff5d94 !important;
}
.btn-primary {
  color: #fff;
  background-color: #04000A;
  border-color: #04000A;
}
.btn-primary:hover {
  color: #04000A;
  background-color: transparent;
  border-color: #04000A;
}
.single_form_details_inner_container h4 {
  font-size: 36px;
  margin-bottom: 5%;
  color: #04000A;
}
.single_form_details_inner_container table {
  width: 100%;
  color: #04000A;
}
.single_form_details_inner_container table th {
  text-align: left;
  font-size: 18px;
  color: #04000A;
  padding: 10px;
  border-bottom: 2px solid #04000A;
  border-top: 2px solid #04000A;
  font-weight: 500;
}
.single_form_details_inner_container table td {
  text-align: left;
  font-size: 18px;
  color: #04000A;
  padding: 10px;
  font-weight: 300;
}
.single_form_details_inner_container form h5 {
  margin-top: 5%;
  color: #04000A;
  font-size: 26px;
}
.term {
  width: 100%;
  float: left;
  color: #04000A;
  text-decoration: underline;
}
.iiyc {
  padding: 5% 0%;
}
.iiyclogo {
  width: 50%;
  margin: auto;
  padding: 2% 0%;
}
.iiyc-detailed {
  padding: 5% 0%;
  color: #04000A;
}
.iiyc-detailed p {
  padding: 1% 0%;
  color: #04000A;
}
.iiyclogo img {
  width: 100%;
}
.iiyc p {
  color: #04000A;
  text-align: center;
  width: 100%;
  float: left;
}
.iiyc-detailed h5 {
  color: #04000A;
  width: 100%;
  float: left;
}
.single_form_details_inner_container form .form-check-input {
  position: relative;
  margin-top: 0.3rem;
  margin-left: 0px;
}
.left-cancel_btn,
.right-pay-btn {
  margin: 5% 1%;
}
input:focus {
  background-color: transparent !important;
}
.detail_single_event h5,
.detail_single_workshop h5 {
  font-size: 36px;
  font-weight: 500;
  color: #12bee6;
}
.ambassador_details {
  width: 100%;
  float: left;
  position: relative;
  padding: 12vh 5%;
}
.privacy-container,
.sponser-container,
.gallery-container-full {
  width: 100%;
  float: left;
  position: relative;
  padding: 12vh 5%;
}
.single_ambassador_details_container {
  width: 100%;
  float: left;
  padding: 0% 0%;
}
.ambassador_details_inner_container h1,
.single_privacy_details_container_inner h1,
.single_sponser_details_container_inner h1 {
  display: inline-block;
  font-size: 92px;
  font-weight: 500;
  line-height: 0.95;
  color: #020202;
  margin-bottom: 5%;
}
.ambassador_details_inner_container h5,
.single_privacy_details_container_inner h5,
.single_sponser_details_container_inner h5 {
  color: #020202;
  font-size: 32px;
  margin: 1% 0% 1%;
  font-weight: 500;
  width: 100%;
  float: left;
}
.ambassador_details_inner_container p,
.single_privacy_details_container_inner p,
.single_sponser_details_container_inner p {
  color: #080808 !important;
  width: 100%;
  font-size: 18px !important;
  float: left;
  padding: 0 1rem;
  text-align: justify;
  text-indent: 5em;
  padding: 1rem 0;
}
.ambassador_details_inner_container ul,
.single_privacy_details_container_inner ul {
  width: 100%;
  float: left;
  font-size: 18px;
  color: #080808;
  padding: 1rem 5rem;
}

.sponser-colm img {
  width: 100%;
  float: left;
  padding: 5%;
}
.sponser-colm {
  width: 20%;
  float: left;
}
.sponser-container-inner {
  padding: 5% 0%;
  width: 100%;
  float: left;
}
.sponser-colm img {
  width: 100%;
  float: left;
}
.single_user_details {
  background: #1c32b7;
  width: 100%;
  float: left;
  position: relative;
  height: 100%;
}
.single_user_details_inner {
  width: 90%;
  float: left;
  background: transparent;
  height: 100%;
  margin: 10% 5% 0% 5%;
  border-radius: 10px;
}
.single_user_details_inner h3 {
  color: #04000A;
  font-size: 60px;
  line-height: initial;
}
.single_user_details_inner h5 {
  color: #04000A;
}
.single_user_details_inner h5 span {
  color: #fff;
}
.profilepic {
  width: 100%;
  float: left;
  margin: 10px 0px;
}
.profilepic img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 3px solid #ffffff;
}
#myprofile .nav-link {
  display: block;
  padding: 1rem 1.25rem;
  color: #000;
  font-size: 18px;
  border-radius: 15px;
}
#myprofile .nav-link.active {
  color: #fff !important;
  background-color: var(--primary-color) !important;
  margin-right: 10px;
}
.single_user_details_inner hr {
  margin-bottom: 1rem;
  border: 0;
  border-top: 3px solid #04000A !important;
  margin-top: 0;
}
#myprofileTabContent {
  padding: 4% 4%;
  background: transparent;
}
#myprofileTabContent p {
  font-size: 18px !important;
  color: #01bbd4;
  line-height: initial;
  width: 100%;
  float: left;
  margin-bottom: 2%;
}
.tab-pane h6 {
  color: #04000A;
  font-size: 22px;
  width: 100%;
  float: left;
  margin-bottom: 2%;
}
.tab-pane h6 span {
  color: #01bbd4;
  float: left;
  width: 100%;
  font-size: 18px;
}
#myprofileTabContent h5 {
  font-size: 32px;
  line-height: initial;
  text-transform: capitalize;
}
.profile_container {
  padding: 5%;
  text-align: center;
  background: #01bbd4;
}
.p0 {
  padding: 0px !important;
}
.bg-color {
  background: #e8e8e8;
}
.wave {
  background-image: radial-gradient(#2e887540 0%, transparent 0),
    radial-gradient(#37266005 23%, transparent 0);
  background-size: 32px 32px;
  background-position: 0 0, 15px 15px;
}
.wave-white {
  width: 100%;
  height: 100%;
  position: fixed;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='100%25'%3E%3Cdefs%3E%3Cpattern id='doodad' width='100' height='100' viewBox='0 0 40 40' patternUnits='userSpaceOnUse' patternTransform='rotate(127)'%3E%3Crect width='100%25' height='100%25' fill='rgba(237, 100, 166,1)'/%3E%3Cpath d='M0 0h40v40h-40z' fill='rgba(255, 255, 240,1)' filter='url(%23filter-doodad-1)'/%3E%3Cpath d='M-40 0h1l12 20l-12 20h-1l12-20zM-38 0h1l12 20l-12 20h-1l12-20zM-36 0h1l12 20l-12 20h-1l12-20zM-34 0h1l12 20l-12 20h-1l12-20zM-32 0h1l12 20l-12 20h-1l12-20zM-30 0h1l12 20l-12 20h-1l12-20zM-28 0h1l12 20l-12 20h-1l12-20zM-26 0h1l12 20l-12 20h-1l12-20zM-24 0h1l12 20l-12 20h-1l12-20zM-22 0h1l12 20l-12 20h-1l12-20zM-20 0h1l12 20l-12 20h-1l12-20zM-18 0h1l12 20l-12 20h-1l12-20zM-16 0h1l12 20l-12 20h-1l12-20zM-14 0h1l12 20l-12 20h-1l12-20zM-12 0h1l12 20l-12 20h-1l12-20zM-10 0h1l12 20l-12 20h-1l12-20zM-8 0h1l12 20l-12 20h-1l12-20zM-6 0h1l12 20l-12 20h-1l12-20zM-4 0h1l12 20l-12 20h-1l12-20zM-2 0h1l12 20l-12 20h-1l12-20zM0 0h1l12 20l-12 20h-1l12-20zM2 0h1l12 20l-12 20h-1l12-20zM4 0h1l12 20l-12 20h-1l12-20zM6 0h1l12 20l-12 20h-1l12-20zM8 0h1l12 20l-12 20h-1l12-20zM10 0h1l12 20l-12 20h-1l12-20zM12 0h1l12 20l-12 20h-1l12-20zM14 0h1l12 20l-12 20h-1l12-20zM16 0h1l12 20l-12 20h-1l12-20zM18 0h1l12 20l-12 20h-1l12-20zM20 0h1l12 20l-12 20h-1l12-20zM22 0h1l12 20l-12 20h-1l12-20zM24 0h1l12 20l-12 20h-1l12-20zM26 0h1l12 20l-12 20h-1l12-20zM28 0h1l12 20l-12 20h-1l12-20zM30 0h1l12 20l-12 20h-1l12-20zM32 0h1l12 20l-12 20h-1l12-20zM34 0h1l12 20l-12 20h-1l12-20zM36 0h1l12 20l-12 20h-1l12-20zM38 0h1l12 20l-12 20h-1l12-20z' fill='%23ffffff' filter='url(%23filter-doodad-2)'/%3E%3C/pattern%3E%3Cfilter id='filter-doodad-1'%3E%3CfeTurbulence baseFrequency='0.01 0.05' numOctaves='2' result='result1'/%3E%3CfeDisplacementMap in2='result1' scale='1' result='result2' xChannelSelector='R' yChannelSelector='G' in='SourceGraphic'/%3E%3CfeComposite in2='result2' in='SourceGraphic' operator='atop' result='compositeGraphic'/%3E%3CfeOffset in='compositeGraphic' result='fbSourceGraphic' dx='-0.1'/%3E%3C/filter%3E%3Cfilter id='filter-doodad-2'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='0.2'/%3E%3C/filter%3E%3C/defs%3E%3Crect fill='url(%23doodad)' height='200%25' width='200%25'/%3E%3C/svg%3E ");
}
.error-page,
.under-construction-page {
  background: #372660;
  height: 100vh;
  width: 100%;
  display: table;
  text-align: center;
}
.error-page .container,
.under-construction-page .container {
  display: table-cell;
  vertical-align: middle;
}
.error-page h1,
.under-construction-page h1 {
  font-size: 80px;
  color: #04000A;
  line-height: initial;
}
.error-page h5,
.under-construction-page h5 {
  font-size: 40px;
  color: #04000A;
  line-height: initial;
}
.error-page img,
.under-construction-page img {
  width: 200px;
  margin: auto;
}
.container.gallery-container {
  background-color: #fff;
  color: #35373a;
  min-height: 100vh;
  padding: 30px 50px;
}

.gallery-container h1 {
  text-align: center;
  margin-top: 50px;
  color: #04000A;
}
.baguetteBox-button svg {
  position: relative;
  left: 0;
  top: 0;
  overflow: hidden;
  height: auto !important;
}
.gallery-container p.page-description {
  text-align: center;
  margin: 25px auto;
  font-size: 18px;
  color: #999;
}

.tz-gallery {
  padding: 40px;
}

/* Override bootstrap column paddings */
.tz-gallery .row > div {
  padding: 2px;
}

.tz-gallery .lightbox img {
  width: 100%;
  border-radius: 0;
  position: relative;
}

.tz-gallery .lightbox:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -13px;
  margin-left: -13px;
  opacity: 0;
  color: #fff;
  font-size: 26px;
  font-family: 'FontAwesome';
  content: '\F00E';
  pointer-events: none;
  z-index: 9000;
  transition: 0.4s;
}

.tz-gallery .lightbox:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(46, 132, 206, 0.7);
  content: '';
  transition: 0.4s;
}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
  opacity: 1;
}

.baguetteBox-button {
  background-color: transparent !important;
}
.baguetteBox-button#next-button {
  right: 10% !important;
}
.baguetteBox-button#previous-button {
  left: 10% !important;
}
.baguetteBox-button#next-button,
.baguetteBox-button#previous-button,
.baguetteBox-button#close-button {
  overflow: hidden !important;
}
.ambassador_details,
.under-construction-page,
.single_user_details,
.single_ambassador_form_details,
.single_paper_form_details,
.privacy-container,
.single_proshow_details,
.single_speakers,
.sponser-container,
.under-construction-page,
.single_workshop_details,
.seeall-inner-container,
.single_paper_form_details,
.gallery-container-full,
.single_event_details,
.single_accomodation_form_details,
.error-page {
  background-color: transparent;
}

.login-container form {
  background: #f1f1f1;
  padding: 10%;
  -webkit-box-shadow: 6px 10px 22px -1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 6px 10px 22px -1px rgba(0, 0, 0, 0.25);
  box-shadow: 6px 10px 22px -1px rgba(0, 0, 0, 0.25);
}
.login-container form h4 {
  text-align: center;
}
.login-container form .logo {
  width: 40%;
  float: left;
  margin: 0% 30%;
}
.formlink {
  width: 100%;
  float: left;
  text-decoration: underline;
  padding-bottom: 3%;
}
.btn {
  margin: 1%;
}
.margin_auto {
  margin: auto;
}
.movebg_inner p {
  text-align: center;
  font-size: 20px !important;
}
/* Carousel Fading slide */
.carousel-fade .carousel-inner {
  background: transparent !important;
  height: 100vh;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.carousel-fade .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.carousel-fade .next.left,
.carousel-fade .prev.right,
.carousel-fade .item.active {
  opacity: 1;
}

.carousel-fade .active.left,
.carousel-fade .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

/* Safari Fix */
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-fade .carousel-inner > .item.next,
  .carousel-fade .carousel-inner > .item.active.right {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.prev,
  .carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.next.left,
  .carousel-fade .carousel-inner > .item.prev.right,
  .carousel-fade .carousel-inner > .item.active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/* Carousel Control custom */
.carousel-control .control-icon {
  font-size: 48px;
  height: 30px;
  margin-top: -15px;
  width: 30px;
  display: inline-block;
  position: absolute;
  top: 50%;
  z-index: 5;
}
.carousel-control .prev {
  margin-left: -15px;
  left: 50%;
} /* Prev */
.carousel-control .next {
  margin-right: -15px;
  right: 50%;
} /* Next */

/* Removing BS background */
.carousel .control-box {
  opacity: 0;
}
a.carousel-control.left {
  left: 0;
  background: none;
  border: 0;
}
a.carousel-control.right {
  right: 0;
  background: none;
  border: 0;
}

/* Animation */
.control-box,
a.carousel-control,
.carousel-indicators li {
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
  /* hardware acceleration causes Bootstrap carousel controlbox margin error in webkit */
  /* Assigning animation to indicator li will make slides flicker */
}

/* Hover animation */
.carousel:hover .control-box {
  opacity: 1;
}
.carousel:hover a.carousel-control.left {
  left: 15px;
}
.carousel:hover a.carousel-control.right {
  right: 15px;
}

/* Carouse Indicator */
.carousel-indicators li.active,
.carousel-indicators li {
  border: 0;
}

.carousel-indicators li {
  background: #666;
  margin: 0 3px;
  width: 12px;
  height: 12px;
}

.carousel-indicators li.active {
  background: #fff;
  margin: 0 3px;
}
#canvas {
  margin: auto;
  width: 100%;
}
.circle-bg {
  background-image: url('../img/16.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
}

#video-viewport {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
  z-index: 1 !important;
}
video {
  display: block;
  width: 100% !important;
  height: auto !important;
}
.fullsize-video-bg .inner img {
  width: 100px;
}

.fullsize-video-bg {
  height: 100%;
  overflow: hidden;
}

.fullsize-video-bg:before {
  content: '';
  background: rgba(114, 45, 0, 0.35);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.fullsize-video-bg:after {
  content: '';
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI4RkZBQTgzNzg1NzExRTU4NTQyODc3OUM4MTZGMUREIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI4RkZBQTg0Nzg1NzExRTU4NTQyODc3OUM4MTZGMUREIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjhGRkFBODE3ODU3MTFFNTg1NDI4Nzc5QzgxNkYxREQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjhGRkFBODI3ODU3MTFFNTg1NDI4Nzc5QzgxNkYxREQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz66uHInAAAAIUlEQVR42mL5//8/AyMj42YGIGBigABfEMEIkoEBgAADAKvuBwVS8BAjAAAAAElFTkSuQmCC);
  background-size: 2px 2px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.fullsize-video-bg .inner {
  display: table;
  width: 100%;
  max-width: 24em;
  height: 100%;
  margin: 24% auto;
  padding: 0;
  position: relative;
  z-index: 2;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.8);
}
.fullsize-video-bg .inner > div {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  padding: 0 2em;
}

.background {
  width: 100vw;
  height: 100vh;
  background: transparent;
  position: fixed;
  z-index: -1;
}

.background span {
  backface-visibility: hidden;
  position: absolute;
  animation-name: move;
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.background span:nth-child(1) {
  width: 2vmin;
  height: 2vmin;
  border-radius: 2vmin;
  color: #1c32b7;
  top: 23%;
  left: 67%;
  animation-duration: 14.9s;
  animation-delay: -8.6s;
  transform-origin: -16vw -7vh;
  box-shadow: -40vmin 1vmin currentColor;
}
.background span:nth-child(2) {
  width: 1vmin;
  height: 1vmin;
  border-radius: 1vmin;
  color: #1c32b7;
  top: 8%;
  left: 27%;
  animation-duration: 15s;
  animation-delay: -3.2s;
  transform-origin: -18vw 19vh;
  box-shadow: -40vmin 1vmin currentColor;
}
.background span:nth-child(3) {
  width: 2vmin;
  height: 2vmin;
  border-radius: 2vmin;
  color: #1c32b7;
  top: 2%;
  left: 4%;
  animation-duration: 11.5s;
  animation-delay: -2.8s;
  transform-origin: -19vw -24vh;
  box-shadow: 40vmin 1vmin currentColor;
}
.background span:nth-child(4) {
  width: 1vmin;
  height: 1vmin;
  border-radius: 1vmin;
  color: #1c32b7;
  top: 22%;
  left: 68%;
  animation-duration: 12.1s;
  animation-delay: -7.6s;
  transform-origin: 5vw -9vh;
  box-shadow: 40vmin 1vmin currentColor;
}
.background span:nth-child(5) {
  width: 2vmin;
  height: 2vmin;
  border-radius: 2vmin;
  color: #1c32b7;
  top: 38%;
  left: 22%;
  animation-duration: 15.9s;
  animation-delay: -8.6s;
  transform-origin: 18vw 5vh;
  box-shadow: -40vmin 1vmin currentColor;
}
.background span:nth-child(6) {
  width: 0.5vmin;
  height: 0.5vmin;
  border-radius: 0.5vmin;
  color: #1c32b7;
  top: 59%;
  left: 74%;
  animation-duration: 12.1s;
  animation-delay: -12.7s;
  transform-origin: 19vw 2vh;
  box-shadow: -40vmin 1vmin currentColor;
}
.background span:nth-child(7) {
  width: 1vmin;
  height: 1vmin;
  border-radius: 1vmin;
  color: #1c32b7;
  top: 20%;
  left: 71%;
  animation-duration: 11.2s;
  animation-delay: -2.8s;
  transform-origin: 21vw 21vh;
  box-shadow: 40vmin 1vmin currentColor;
}
.background span:nth-child(8) {
  width: 0.5vmin;
  height: 0.5vmin;
  border-radius: 0.5vmin;
  color: #1c32b7;
  top: 40%;
  left: 1%;
  animation-duration: 13.5s;
  animation-delay: -4.7s;
  transform-origin: -9vw -8vh;
  box-shadow: 40vmin 1vmin currentColor;
}
.background span:nth-child(9) {
  width: 1vmin;
  height: 1vmin;
  border-radius: 1vmin;
  color: #1c32b7;
  top: 48%;
  left: 14%;
  animation-duration: 12.3s;
  animation-delay: -1.9s;
  transform-origin: -14vw 21vh;
  box-shadow: 40vmin 1vmin currentColor;
}
.background span:nth-child(10) {
  width: 0.5vmin;
  height: 0.5vmin;
  border-radius: 0.5vmin;
  color: #1c32b7;
  top: 95%;
  left: 25%;
  animation-duration: 15.7s;
  animation-delay: -11.9s;
  transform-origin: 19vw 14vh;
  box-shadow: 40vmin 1vmin currentColor;
}
.background span:nth-child(11) {
  width: 1vmin;
  height: 1vmin;
  border-radius: 1vmin;
  color: #1c32b7;
  top: 79%;
  left: 52%;
  animation-duration: 11.8s;
  animation-delay: -9.2s;
  transform-origin: 15vw 19vh;
  box-shadow: -40vmin 1vmin currentColor;
}
.background span:nth-child(12) {
  width: 0.5vmin;
  height: 0.5vmin;
  border-radius: 0.5vmin;
  color: #1c32b7;
  top: 50%;
  left: 9%;
  animation-duration: 13.2s;
  animation-delay: -5.8s;
  transform-origin: -1vw 17vh;
  box-shadow: 40vmin 1vmin currentColor;
}
.background span:nth-child(13) {
  width: 1vmin;
  height: 1vmin;
  border-radius: 1vmin;
  color: #1c32b7;
  top: 18%;
  left: 36%;
  animation-duration: 12.5s;
  animation-delay: -16s;
  transform-origin: 5vw 14vh;
  box-shadow: 40vmin 1vmin currentColor;
}
.background span:nth-child(14) {
  width: 0.5vmin;
  height: 0.5vmin;
  border-radius: 0.5vmin;
  color: #1c32b7;
  top: 30%;
  left: 90%;
  animation-duration: 12s;
  animation-delay: -11.7s;
  transform-origin: -18vw -24vh;
  box-shadow: -40vmin 1vmin currentColor;
}
.background span:nth-child(15) {
  width: 2vmin;
  height: 2vmin;
  border-radius: 2vmin;
  color: #1c32b7;
  top: 33%;
  left: 5%;
  animation-duration: 14.7s;
  animation-delay: -6.5s;
  transform-origin: -1vw 0vh;
  box-shadow: -40vmin 1vmin currentColor;
}
.background span:nth-child(16) {
  width: 2vmin;
  height: 2vmin;
  border-radius: 2vmin;
  color: #1c32b7;
  top: 38%;
  left: 24%;
  animation-duration: 13s;
  animation-delay: -2.3s;
  transform-origin: 16vw 20vh;
  box-shadow: 40vmin 1vmin currentColor;
}
.background span:nth-child(17) {
  width: 2vmin;
  height: 2vmin;
  border-radius: 2vmin;
  color: #1c32b7;
  top: 45%;
  left: 62%;
  animation-duration: 12s;
  animation-delay: -10.1s;
  transform-origin: 15vw 12vh;
  box-shadow: 40vmin 1vmin currentColor;
}
.background span:nth-child(18) {
  width: 2vmin;
  height: 2vmin;
  border-radius: 2vmin;
  color: #1c32b7;
  top: 92%;
  left: 26%;
  animation-duration: 11s;
  animation-delay: -15.3s;
  transform-origin: -9vw -23vh;
  box-shadow: 40vmin 1vmin currentColor;
}
.background span:nth-child(19) {
  width: 3vmin;
  height: 3vmin;
  border-radius: 3vmin;
  color: #1c32b7;
  top: 24%;
  left: 82%;
  animation-duration: 13.5s;
  animation-delay: -1.5s;
  transform-origin: -12vw -19vh;
  box-shadow: 40vmin 1vmin currentColor;
}
.background span:nth-child(20) {
  width: 2vmin;
  height: 2vmin;
  border-radius: 2vmin;
  color: #1c32b7;
  top: 42%;
  left: 11%;
  animation-duration: 15.9s;
  animation-delay: -5.1s;
  transform-origin: 2vw -10vh;
  box-shadow: -40vmin 1vmin currentColor;
}
.background span:nth-child(21) {
  width: 1.5vmin;
  height: 1.5vmin;
  border-radius: 1.5vmin;
  color: #1c32b7;
  top: 22%;
  left: 11%;
  animation-duration: 15.9s;
  animation-delay: -5.1s;
  transform-origin: 2vw -10vh;
  box-shadow: -40vmin 1vmin currentColor;
}
.background span:nth-child(22) {
  width: 1.5vmin;
  height: 1.5vmin;
  border-radius: 1.5vmin;
  color: #1c32b7;
  top: 42%;
  left: 11%;
  animation-duration: 15.9s;
  animation-delay: -5.1s;
  transform-origin: 2vw -10vh;
  box-shadow: -40vmin 1vmin currentColor;
}
.background span:nth-child(23) {
  width: 0.75vmin;
  height: 0.75vmin;
  border-radius: 0.75vmin;
  color: #1c32b7;
  top: 42%;
  left: 11%;
  animation-duration: 15.9s;
  animation-delay: -5.1s;
  transform-origin: 2vw -10vh;
  box-shadow: -40vmin 1vmin currentColor;
}
.background span:nth-child(24) {
  width: 0.75vmin;
  height: 0.75vmin;
  border-radius: 0.75vmin;
  color: #1c32b7;
  top: 42%;
  left: 11%;
  animation-duration: 15.9s;
  animation-delay: -5.1s;
  transform-origin: 2vw -10vh;
  box-shadow: -40vmin 1vmin currentColor;
}
.background span:nth-child(25) {
  width: 0.75vmin;
  height: 0.75vmin;
  border-radius: 0.75vmin;
  color: #1c32b7;
  top: 42%;
  left: 11%;
  animation-duration: 15.9s;
  animation-delay: -5.1s;
  transform-origin: 2vw -10vh;
  box-shadow: -40vmin 0.5vmin currentColor;
}
.background span:nth-child(26) {
  width: 0.5vmin;
  height: 0.5vmin;
  border-radius: 0.5vmin;
  color: #1c32b7;
  top: 42%;
  left: 11%;
  animation-duration: 15.9s;
  animation-delay: -5.1s;
  transform-origin: 2vw -10vh;
  box-shadow: -40vmin 1vmin currentColor;
}
.background span:nth-child(27) {
  width: 0.5vmin;
  height: 0.5vmin;
  border-radius: 0.5vmin;
  color: #1c32b7;
  top: 25%;
  left: 76%;
  animation-duration: 12.5s;
  animation-delay: -16s;
  transform-origin: 5vw 14vh;
  box-shadow: 40vmin 1vmin currentColor;
}
.background span:nth-child(28) {
  width: 0.5vmin;
  height: 0.5vmin;
  border-radius: 0.5vmin;
  color: #1c32b7;
  top: 60%;
  left: 11%;
  animation-duration: 15.9s;
  animation-delay: -5.1s;
  transform-origin: 2vw -10vh;
  box-shadow: -40vmin 1vmin currentColor;
}
.background span:nth-child(29) {
  width: 0.5vmin;
  height: 0.5vmin;
  border-radius: 0.5vmin;
  color: #1c32b7;
  top: 45%;
  left: 20%;
  animation-duration: 12.5s;
  animation-delay: -16s;
  transform-origin: 5vw 14vh;
  box-shadow: 40vmin 1vmin currentColor;
}
.background span:nth-child(30) {
  width: 0.5vmin;
  height: 0.5vmin;
  border-radius: 0.5vmin;
  color: #1c32b7;
  top: 55%;
  left: 31%;
  animation-duration: 15.9s;
  animation-delay: -5.1s;
  transform-origin: 2vw -10vh;
  box-shadow: -40vmin 1vmin currentColor;
}
.background span:nth-child(31) {
  width: 0.5vmin;
  height: 0.5vmin;
  border-radius: 0.5vmin;
  color: #1c32b7;
  top: 67%;
  left: 27%;
  animation-duration: 12.5s;
  animation-delay: -16s;
  transform-origin: 5vw 14vh;
  box-shadow: 40vmin 1vmin currentColor;
}
.background span:nth-child(32) {
  width: 1vmin;
  height: 1vmin;
  border-radius: 1vmin;
  color: #1c32b7;
  top: 55%;
  left: 98%;
  animation-duration: 12.5s;
  animation-delay: -16s;
  transform-origin: 5vw 14vh;
  box-shadow: 40vmin 1vmin currentColor;
}
.background span:nth-child(33) {
  width: 1vmin;
  height: 1vmin;
  border-radius: 1vmin;
  color: #1c32b7;
  top: 35%;
  left: 48%;
  animation-duration: 12.5s;
  animation-delay: -16s;
  transform-origin: 5vw 14vh;
  box-shadow: 40vmin 1vmin currentColor;
}
.background span:nth-child(34) {
  width: 1vmin;
  height: 1vmin;
  border-radius: 1vmin;
  color: #1c32b7;
  top: 78%;
  left: 508%;
  animation-duration: 12.5s;
  animation-delay: -16s;
  transform-origin: 5vw 14vh;
  box-shadow: 40vmin 1vmin currentColor;
}
.background span:nth-child(35) {
  width: 1vmin;
  height: 1vmin;
  border-radius: 1vmin;
  color: #1c32b7;
  top: 44%;
  left: 56%;
  animation-duration: 12.5s;
  animation-delay: -16s;
  transform-origin: 5vw 14vh;
  box-shadow: 40vmin 1vmin currentColor;
}
.background span:nth-child(36) {
  width: 1vmin;
  height: 1vmin;
  border-radius: 1vmin;
  color: #1c32b7;
  top: 44%;
  left: 56%;
  animation-duration: 12.5s;
  animation-delay: -16s;
  transform-origin: 5vw 14vh;
  box-shadow: -40vmin 1vmin currentColor;
}
.background span:nth-child(37) {
  width: 1vmin;
  height: 1vmin;
  border-radius: 1vmin;
  color: #1c32b7;
  top: 34%;
  left: 76%;
  animation-duration: 12.5s;
  animation-delay: -16s;
  transform-origin: 5vw 14vh;
  box-shadow: -40vmin 1vmin currentColor;
}
.background span:nth-child(38) {
  width: 1vmin;
  height: 1vmin;
  border-radius: 1vmin;
  color: #1c32b7;
  top: 54%;
  left: 46%;
  animation-duration: 12.5s;
  animation-delay: -16s;
  transform-origin: 5vw 14vh;
  box-shadow: -40vmin 1vmin currentColor;
}
.background span:nth-child(39) {
  width: 1vmin;
  height: 1vmin;
  border-radius: 1vmin;
  color: #1c32b7;
  top: 72%;
  left: 46%;
  animation-duration: 12.5s;
  animation-delay: -16s;
  transform-origin: 5vw 14vh;
  box-shadow: -40vmin 1vmin currentColor;
}
.background span:nth-child(40) {
  width: 1vmin;
  height: 1vmin;
  border-radius: 1vmin;
  color: #1c32b7;
  top: 44%;
  left: 66%;
  animation-duration: 12.5s;
  animation-delay: -16s;
  transform-origin: 5vw 14vh;
  box-shadow: -40vmin 1vmin currentColor;
}
.background span:nth-child(41) {
  width: 0.75vmin;
  height: 0.75vmin;
  border-radius: 1vmin;
  color: #1c32b7;
  top: 56%;
  left: 76%;
  animation-duration: 12.5s;
  animation-delay: -16s;
  transform-origin: 5vw 24vh;
  box-shadow: -40vmin 1vmin currentColor;
}
.background span:nth-child(42) {
  width: 0.75vmin;
  height: 0.75vmin;
  border-radius: 1vmin;
  color: #1c32b7;
  top: 26%;
  left: 96%;
  animation-duration: 12.5s;
  animation-delay: -16s;
  transform-origin: 5vw 24vh;
  box-shadow: -40vmin 1vmin currentColor;
}
.background span:nth-child(43) {
  width: 0.75vmin;
  height: 0.75vmin;
  border-radius: 1vmin;
  color: #1c32b7;
  top: 1%;
  left: 40%;
  animation-duration: 12.5s;
  animation-delay: -16s;
  transform-origin: 5vw 24vh;
  box-shadow: -40vmin 1vmin currentColor;
}
.background span:nth-child(44) {
  width: 0.75vmin;
  height: 0.75vmin;
  border-radius: 1vmin;
  color: #1c32b7;
  top: 50%;
  left: 48%;
  animation-duration: 12.5s;
  animation-delay: -16s;
  transform-origin: 5vw 24vh;
}
.background span:nth-child(45) {
  width: 0.75vmin;
  height: 0.75vmin;
  border-radius: 1vmin;
  color: #1c32b7;
  top: 50%;
  left: 88%;
  animation-duration: 12.5s;
  animation-delay: -16s;
  transform-origin: 5vw 24vh;
}
@keyframes move {
  100% {
    transform: translate3d(0, 0, 1px) rotate(360deg);
  }
}
.techfest h1 {
  font-size: 100px;
  font-weight: 500;
  line-height: 88px !important;
  color: #fff;
  letter-spacing: -3px;
  margin: 0px;
  text-shadow: 6px 5px 5px #04000A !important;
}
.techfestright {
  margin-top: 40%;
}
.floatright {
  float: right;
}
.techfest h3 {
  font-size: 100px;
  font-weight: 500;
  line-height: 88px !important;
  color: #00bcd4;
  letter-spacing: -3px;
  margin: 0px;
  text-shadow: 6px 5px 5px #04000A !important;
}
.techfestright h5 {
  font-size: 32px;
  font-weight: 100;
  color: #ffffff;
  margin: 0px;
  padding: 0px;
  text-align: right;
  text-shadow: 6px 5px 5px #04000A !important;
}
.techfestright h5 span {
  font-size: 100px;
  font-weight: 500;
  color: #01bbd4;
  margin: 0px;
  padding: 0px;
  text-align: right;
  text-shadow: 6px 5px 5px #04000A !important;
}
.techfest-left p {
  color: #fff;
}
.techfest-left {
  border-left: 2px solid #04000A;
  padding: 4% 12%;
  margin: 3%;
}
.infinity {
  width: 24%;
  float: left;
  position: relative;
  opacity: 1;
}
.infinity img {
  width: 100%;
  float: left;
}

.lightbox {
  background-color: #ffffffde;
  overflow: hidden;
  position: fixed;
  display: none;
  z-index: 999;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}
.lightbox-container {
  position: relative;
  max-width: 960px;
  margin: 7% auto;
  display: block;
  padding: 0 3%;
  height: auto;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .lightbox-container {
    margin-top: 10%;
  }
}
@media screen and (max-width: 414px) {
  .lightbox-container {
    margin-top: 13%;
  }
}
.lightbox-content {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.7);
}
.lightbox-close {
  text-transform: uppercase;
  background: transparent;
  position: absolute;
  font-weight: 300;
  font-size: 12px;
  display: block;
  border: none;
  color: #1c32b7;
  top: -22px;
  right: 3%;
}
.video-container {
  padding-bottom: 56.25%;
  position: relative;
  padding-top: 30px;
  overflow: hidden;
  height: 0;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.video-btn {
  position: absolute;
  left: 46%;
  top: 45%;
  background: #f10303;
  font-size: 22px;
  padding: 6px 20px;
  border: none;
}
.video-btn:hover {
  background: #ffffff;
  color: #f10303;
  font-size: 22px;
  padding: 6px 20px;
  border: none;
}
.section-video img {
  width: 100%;
}
.yugam_content_container h5 {
  font-size: 24px;
  line-height: inherit;
  color: #0099e4;
}
.google-reg {
  padding: 0px;
  border: 0px;
}
.google-reg span {
  padding: 10px;
  background: #fffafa;
  color: #01bbd4;
  width: 50px;
  border: 2px solid #01bbd4;
}
.google-reg .span2 {
  padding: 10px;
  background: #01bbd4;
  color: #ffffff;
  border: 2px solid #01bbd4;
}
.user-dashboard-left {
  height: 100vh;
}