/*-------@font-face Rule Strats-------*/
/*
 font-family: 'Oswald', sans-serif;

 */

 @font-face {
  font-family: 'product_sansbold_italic';
  src: url('../fonts/product_sans_bold_italic.woff2') format('woff2'),
       url('../fonts/product_sans_bold_italic.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}


@font-face {
  font-family: 'product_sansbold_italic';
  src: url('../fonts/product_sans_bold_italic-webfont.woff2') format('woff2'),
       url('../fonts/product_sans_bold_italic-webfont.woff') format('woff'),
       url('../fonts/product_sans_bold_italic-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'product_sansbold';
  src: url('../fonts/product_sans_bold-webfont.woff2') format('woff2'),
       url('../fonts/product_sans_bold-webfont.woff') format('woff'),
       url('../fonts/product_sans_bold-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'product_sansitalic';
  src: url('../fonts/product_sans_italic-webfont.woff2') format('woff2'),
       url('../fonts/product_sans_italic-webfont.woff') format('woff'),
       url('../fonts/product_sans_italic-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'product_sansregular';
  src: url('../fonts/product_sans_regular-webfont.woff2') format('woff2'),
       url('../fonts/product_sans_regular-webfont.woff') format('woff'),
       url('../fonts/product_sans_regular-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}

/*-------@font-face Rule Strats-------*/

/*----------- Clearfix Rule Starts ------------*/
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* .overFlowHidden {
	overflow: hidden;
} */

.overFlowHidden {
  overflow: hidden;
}

/*----------- Clearfix Rule Ends ------------*/

body {
  font-family: 'product_sansregular';
  font-size: 16px;
  line-height: 1.2;
  /* color: #fff; */
  color: #000000;
}

/* #wrapper {
  background: rgba(60,27,66,1);
background: -moz-linear-gradient(top, rgba(60,27,66,1) 0%, rgba(20,17,46,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(60,27,66,1)), color-stop(100%, rgba(20,17,46,1)));
background: -webkit-linear-gradient(top, rgba(60,27,66,1) 0%, rgba(20,17,46,1) 100%);
background: -o-linear-gradient(top, rgba(60,27,66,1) 0%, rgba(20,17,46,1) 100%);
background: -ms-linear-gradient(top, rgba(60,27,66,1) 0%, rgba(20,17,46,1) 100%);
background: linear-gradient(to bottom, rgba(60,27,66,1) 0%, rgba(20,17,46,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c1b42', endColorstr='#14112e', GradientType=0 );
} */

.hiddenXS {
  display: block;
}

.vissibleXS {
  display: none;
}

.overflowHidden {
  overflow: hidden;
}

.container {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box;
}

/*---- Header Section Starts Here ----*/

#header{
  position: fixed;
  width: 100%;
  left: 0;
  padding: 0px 46px;
  box-sizing: border-box;
  background: rgba(0,0,0,0.3);
  z-index: 999;
}
#header.fixHeader{
  /* background: rgba(0,0,0,0.8); */
  background: -moz-linear-gradient(180deg, rgba(0,141,171,1) 0%, rgba(198,0,98,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(198,0,98,1)), color-stop(100%, rgba(0,141,171,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(180deg, rgba(0,141,171,1) 0%, rgba(198,0,98,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(180deg, rgba(0,141,171,1) 0%, rgba(198,0,98,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(180deg, rgba(0,141,171,1) 0%, rgba(198,0,98,1) 100%); /* ie10+ */
background: linear-gradient(270deg, rgba(0,141,171,1) 0%, rgba(198,0,98,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c60062', endColorstr='#008dab',GradientType=1 ); /* ie6-9 */
}
.logo{
  float: left;
    padding: 13px 0 8px;
    margin-left: 36px;
}
.navSocialMedia {
  float: right;
}
.headerSocialMedia a {
  height: 32px;
  width: 32px;
  background: #ffffff;
  display: block;
  float: left;
  font-size: 32px;
  color: #6f6f6f;
  line-height: 32px;
  text-align: center;
  border-radius: 50%;
  margin-left: 16px;
  position: relative;
}
.animDiv {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 18px;
  height: 18px;
  border: 1px solid transparent;
  display: block;
  transition: all ease 300ms;
  border-radius: 50%;
}
.headerSocialMedia a:hover span {
  border-radius: 50%;
  transform: scale(2);
  border: 1px solid #fff;
}


.navigation li{
  float: left;
  font-size: 18px;
  color: #ffffff;
  font-family: 'product_sansregular';
  text-transform: capitalize;
  margin-left: 36px;
  letter-spacing: 1px;
}
.navigation li:first-child{
margin-left: 0;
}
.navigation li a{
  color: #ffffff;
  display: block;
  position: relative;
  padding:24px 0 23px;
}
.navigation ,.headerSocialMedia{
  float: left;
}
.headerSocialMedia{
  margin-left: 62px;
  padding-top: 17px;
}
.navigation li a:after{
    content: "";
    position: absolute;
    bottom: 0px;
    width: 0;
    left: 50%;
    height: 4px;
    background: #ffffff;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.navigation li a:hover:after {
  width: 100%;
  left: 0;
}
.archives{
  position: relative;
}
.archives a::after{
  display: none;
} 
.archivesMenu{
  position: absolute;
  top:60px;
  left: 0;
  background: #ffffff;
  border-radius: 0 0 3px 3px;
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  transition: all 0.3s;
  box-shadow: 0px 0px 5px #ccc;
}
.archives:hover .archivesMenu{
  visibility: visible;
  pointer-events: all;
  top:65px;
  opacity: 1;
}
.archivesMenu li{
  float: none;
  margin: 0;
  text-transform: capitalize;
  padding: 0 8px;
  white-space: nowrap;
}
.archivesMenu li a{
  color:#000000;
  padding: 12px 16px;
  border-top:1px solid #e5e5e5;
}
.archivesMenu li a::after{
display: none;
}
.archivesMenu li a:hover{
  color: #ed1968;
}
.archivesMenu li:first-child a{
border: none;
}

.bannerSliderItems img{
  display: none;
  width: 100%;
  height: auto;
}
.bannerSection{
  /* height: 100vh; */
  overflow: hidden;
}
.highlightsSection{
padding-top: 92px;
}
/* .highlightsSection h2{
font-size: 136px;
color: rgba(255,255,255,.15);
letter-spacing: 0.5px;
text-transform: uppercase;
text-align: center;
margin-top: -24px;
margin-bottom: 92px;
} */
.videoContainer, .galleryVideoContainer,.jerVideoContainer,.liveVideoContainer {
  position: relative;
  padding-bottom: 56.25%;
  /* padding-top: 25px; */
  height: 0;
  z-index: 2;
}

.videoContainer iframe, .galleryVideoContainer iframe,.jerVideoContainer iframe,.liveVideoContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.aboutSection{
  padding-top: 92px;
  text-align: center;
}
.titleWithFirstLetter,.titleWithFirstWord{
  color:#737272;
  font-family: 'product_sansbold';
  font-size: 112px;
  line-height: 1.2;
  margin-bottom: 46px;
  text-align: center;
  
}
.titleWithFirstWord{
  font-size: 84px;
    margin-top: 0px;
}

.titleWithFirstLetter::first-letter,.titleWithFirstWord span {
  color: #ff0066;
}

.aboutSection p{
color: #ffffff;
color: #000000;
font-size: 24px;
font-family: 'Roboto', sans-serif;
font-weight: 300;
line-height: 1.5;
margin-bottom: 36px;
}

.footerSocialMedia a {
  width: 112px;
  height: 112px;
  background-image: url(../img/footerSocialMedia.png) !important;
  background-repeat: no-repeat;
  margin: 0 16px;
  display: inline-block;
  vertical-align: middle;
  text-indent: -999999px;
  border-radius: 50%;
  transition: background 0.3s;
  -o-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -webkit-transition: background 0.3s;
  overflow: hidden;
  background-repeat: no-repeat;
  outline: none;
}
.footerSocialMedia a.socialMediaShareFB {
  background-position: -573px -10px;
}
.footerSocialMedia a.socialMediaSharetwitter {
  background-position: -427px -10px;
}
.footerSocialMedia a.socialMediaShareYouTube {
  background-position: -153px -10px;
}
.footerSocialMedia a.socialMediaShareInstagram {
  background-position: -10px -10px;
}
.footerSocialMedia a.socialMediaShareFB:hover {
  background-position: -572px -151px;
}
.footerSocialMedia a.socialMediaSharetwitter:hover {
  background-position: -429px -151px;
}
.footerSocialMedia a.socialMediaShareYouTube:hover {
  background-position: -153px -151px;
}
.footerSocialMedia a.socialMediaShareInstagram:hover {
  background-position: -10px -151px;
}
.primaryFooter h5 {
  font-size: 12px;
  color:#fff;
  text-align: center;
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  letter-spacing: 8px;
}
#footer{
  text-align: center;
}
.primaryFooter{
  background: #28273b;
  padding: 42px 0;
}
.secondaryFooter{
  background: #1c1a30;
  padding: 24px 0;
}
.footerSocialMedia{
  padding: 52px 0 20px;
}
.secondaryFooter li {
  font-size: 10px;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  margin: 0 16px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: inline-block;
}
.secondaryFooter li a{
color: #fff;
}
.secondaryFooter li a:hover{
  border-bottom: 1px solid #fff;
  }


/* Custom Radio , Checkbox , Select Box Css Rule Starts Here */  

  /* The container */
.fieldradioBtnContainer {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: left;
  margin-left:32px; 
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  /* color: rgba(255,255,255,0.6); */
  color: rgba(0,0,0);
}

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

/* Create a custom radio button */
.fieldradioBtnCheckmark {
  position: absolute;
  top: -2px;
  left: 0;
  height: 18px;
  width: 18px;
  background-color:transparent;
  border-radius: 50%;
  /* border: 2px solid rgba(255,255,255,0.7); */
  border: 2px solid rgba(0,0,0,0.7);
}

/* On mouse-over, add a grey background color */
.fieldradioBtnContainer:hover input ~ .fieldradioBtnCheckmark {
  /* background-color: #ccc; */
}

/* When the radio button is checked, add a blue background */
.fieldradioBtnContainer input:checked ~ .fieldradioBtnCheckmark {
  /* background-color: #2196F3; */
}

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

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

/* Style the indicator (dot/circle) */
.fieldradioBtnContainer .fieldradioBtnCheckmark:after {
 	top: 5px;
	left: 5px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #ff0066;
}

.custom-select {
  position: relative;
  font-family: Arial;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
    /* color:rgba(255,255,255,0.5) !important; */
    color:rgba(0,0,0,0.5) !important;
    text-transform: capitalize;
    height: 36px;
    width: 100%;
    border: none;
    box-shadow: none;
    outline: none;
    border-bottom: 1px solid #5e586a !important;
    background: transparent;
    padding: 0 !important;
    line-height: 36px;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #404040;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color:#fff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  max-height: 300px;
    overflow: auto;
    box-shadow: 0px 0px 5px #ccc;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
.select-selected.slcActv {
  color: #000000 !important;
}
/* The container */
.jerCheckBoxcontainer  {
  display: block;
  position: relative;
  padding-left: 0px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
    /* color: rgba(255,255,255,0.8); */
    color: rgba(0,0,0,0.8);
    line-height: 1.7;
}
.jerCheckBoxcontainer a{
  color:#f70166;
}
/* Hide the browser's default checkbox */
.jerCheckBoxcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.jerCheckBoxcheckmark {
  position: absolute;
  top: 4px;
  left: 0;
  height: 14px;
  width: 14px;
  background-color:transparent;
  border: 2px solid #716e7d;
  opacity: 0;
}

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

/* When the checkbox is checked, add a blue background */
.jerCheckBoxcontainer input:checked ~ .jerCheckBoxcheckmark {
  background-color: transparent;
  border: 2px solid #716e7d;
}

/* Create the checkmark/indicator (hidden when not checked) */
.jerCheckBoxcheckmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.jerCheckBoxcontainer input:checked ~ .jerCheckBoxcheckmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.jerCheckBoxcontainer .jerCheckBoxcheckmark:after {
  left: 4px;
  top: 1px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Custom Radio , Checkbox , Select Box Css Rule Ends Here */  

/* Registration Form Css Rule Starts Here */

.registrationNotification{
  padding-top: 92px;
  /* padding-bottom: 92px; */
}

.regFormWrap, .ptryContestFormContainer{
  max-width:540px;
  width: 100%;
  margin: 0 auto; 
}
.formField{
  position: relative;
  margin-bottom: 24px;
}
.formField input[type="text"],.formField input[type="email"],.formField input[type="tel"],.formField textarea{
font-size: 16px;
font-family: 'Roboto', sans-serif;
font-weight: 300;
/* color: #fff; */
color: #000000;
/* text-transform:uppercase; */
height: 36px;
width: 100%;
border: none;
box-shadow: none;
outline: none;
border-bottom: 1px solid #5e586a;
background: transparent;
}
.formField textarea{
  height:150px;
}
input:-webkit-autofill,
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #000000;
  transition: background-color 5000s ease-in-out 0s;
}

.placeHolder{
font-size: 16px;
font-family: 'Roboto', sans-serif;
/* font-weight: 300; */
/* color: rgba(255,255,255,0.5); */
color: rgba(0,0,0,0.5);
text-transform: capitalize;
position: absolute;
top: 11px;
left: 0;
pointer-events: none;
transition: all 0.3s;
}
.regError,.regErrorInvalid, .regErrorInvldFtrDt{
  font-size: 16px;
  font-family: 'product_sansregular';
  color: #ed2024;
  position: absolute;
  top: 5px;
  left: -7px;
  pointer-events: none;
  display: none;
  background:#fff;
  width: 100%;
}
.regErrorInvldFtrDt{
  font-size:13px;
  top:10px;
}
.regError i,.regErrorInvalid i{
font-size: 32px;
vertical-align: middle;
display: inline-block;
}
.regError span,.regErrorInvalid span{
vertical-align: middle;
display: inline-block;
}
.formField h5{
font-size: 16px;
font-family: 'Roboto', sans-serif;
/* font-weight: 300; */
/* color: #fff; */
color: rgba(0,0,0);
text-transform: capitalize;
line-height: 1.2;
}
.locationField h5,.mobileField h5,.genderField h5,.occupationField h5,.dateField h5,.attendJERField h5, .selfEmployField h5{
float: left;
}
.fieldradioBtn,.mobileFieldInput,.occupationFieldInput,.genderFieldInput,.dateFieldInput{
  float: right;
}
.mobileFieldInput{
  position: relative;
  width: 276px;
}
/* .occupationFieldInput,.genderFieldInput{
width: 270px;
} */

.intl-tel-input.allow-dropdown .flag-container {
  left: -101px;
  border-bottom: 1px solid #5e586a;
}
.intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code {
  padding-left: 26px;
}
.mobileField h5{
  margin-top: 10px;
}

.intl-tel-input .country-list .country .dial-code,
.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name {
  font-size: 14px;
}

.intl-tel-input .country-list li {
  color: #000;
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel]{
  padding-left: 0;
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=tel],.intl-tel-input input{
  padding-left: 0 !important;
}
.dateField,.genderField {
  width: calc(50% - 16px);
}
.dateField{
  float: left;
}
.genderField{
  float: right;
}
.occupationField,.tandCField  {
  clear: both;
}
.selfEmployField, .priJobContainer, .retContainer{
  display:none;
}
.dateFieldInput,.genderFieldInput{
  width: 162px;
  position: relative;
}
.dateField h5,.genderField h5,.occupationField h5, .selfEmployField h5{
  margin-top: 12px;
}
.occupationFieldInput, .selfEmployFieldInput{
  float: left;
  width: 286px;
  margin-left: 32px;
}
.jerBtn{
  font-size: 18px;
    /* color: #ffffff; */
    color:#000000;
    font-family: 'product_sansregular';
    border: 1px solid #958a99;
    border-radius: 3px;
    display: inline-block;
    padding: 12px 14px 6px 24px;
    letter-spacing: 0.5px;
    min-width: 127px;
}
.jerBtn i, .cntstSbmt i{
  display: inline-block;
    font-size: 32px;
    transform: rotate(-180deg);
    vertical-align: middle;
    color: #ff0066;
    position: relative;
    top: -3px;
}

.submitBtnField{
  text-align: center;
  margin-top: 64px;
}
.locationField ,.attendJERField{
  padding-top: 6px;
}

.datepicker-panel > ul > li{
  color: #404040;
}
.placeHolderActive{
  font-size: 12px;
    top: -8px;
}
.countryField{
  display: none;
}
.tandCField .regError{
  top: 100%;
}

.mobileField .regError, .mobileField .regErrorInvalid{
  top: 2px;
}

.dateFieldInput .regError{
  font-size: 14px;
}
.thanksMsg{
  text-align: center;
  display: none;
}
.thanksMsg h3{
  font-size: 36px;
  color: #ff0066;
  text-transform: uppercase;
  font-family: 'product_sansbold';
  line-height: 1.2;
  margin-bottom: 18px;
}
.thanksMsg p{
  font-size: 16px;
  color: #000;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: 12px;
  /* max-width: 85%; */
  margin-left: auto;
  margin-right: auto;
}
.thanksMsg p:first-of-type{
font-size: 18px;
}

.thingsToRemeber h4{
  font-size: 24px;
  color: #45a8de;
  font-family: 'product_sansbold';
  line-height: 1.2;
  margin-bottom: 0px;
  text-transform: uppercase;
}
.thingsToRemeber p{
  font-size: 16px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 28px;
    padding-top: 28px;
    position: relative;

}
.thingsToRemeber p::before{
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 42px;
  height: 4px;
  background: #737272;
  margin-left: -21px;
}

.thingsToRemeber p:first-of-type::before{
display: none;
}
.regform{
  position: relative;
}

.spinner1 {
  animation: rotator 2.5s linear infinite;
  position: absolute;
  left: 0;
  z-index: 99;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.loader {
  animation: rotator 2.5s linear infinite;
  position: absolute;
  left: 50%;
  margin-left: -25px;
  top: 50%;
  margin-top: -25px;
  display: none;
}
@keyframes rotator {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}
.path {
  stroke-dasharray: 200;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: dash 2.5s ease-in-out infinite, colors 10s ease-in-out infinite;
}
.loader .path {
  stroke-dasharray: 200;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: dashLoader 2.5s ease-in-out infinite, colorsLoader 10s ease-in-out infinite;
}
@keyframes colorsLoader {
  0% {
      stroke: #00aaff;
  }
  25% {
      stroke: #00aaff;
  }
  50% {
      stroke: #00aaff;
  }
  75% {
      stroke: #00aaff;
  }
  100% {
      stroke: #00aaff;
  }
}
@keyframes dashLoader {
  0% {
      stroke-dashoffset: 200;
  }
  50% {
      stroke-dashoffset: 50;
      transform: rotate(180deg);
  }
  100% {
      stroke-dashoffset: 200;
      transform: rotate(720deg);
  }
}
@keyframes colors {
  0% {
      stroke: #eb0045;
  }
  25% {
      stroke: #eb0045;
  }
  50% {
      stroke: #eb0045;
  }
  75% {
      stroke: #eb0045;
  }
  100% {
      stroke: #eb0045;
  }
}
@keyframes dash {
  0% {
      stroke-dashoffset: 200;
  }
  50% {
      stroke-dashoffset: 50;
      transform: rotate(180deg);
  }
  100% {
      stroke-dashoffset: 200;
      transform: rotate(720deg);
  }
}


/* Registration Form Css Rule Ends Here */


/* term popup start */
.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  display: none;
}

.termConPopup {
  width: 100%;
  max-width: 600px;
  margin: auto;
  position: fixed;
  background: #ffffff;
  /*padding: 56px 64px 60px;*/
  border-radius: 10px;

  box-sizing: border-box;
  top: 50%;
  left: 50%;
  height: 600px;
  /*overflow: auto;*/
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  z-index: 999;
  display: none;
  padding-bottom: 24px;
}

.termPopupContainer {
  overflow: auto;
  height: 509px;
  padding: 0px 64px 0px;
  -webkit-overflow-scrolling: touch;
}

.termPopupHeader {
  padding: 24px 0px;
}

.termConPopup h2 {
  font-size: 28px;
  font-weight: 700;
  color: #404040;
  letter-spacing: 1px;
  margin-bottom: 0px;
  margin-top: 0 !important;
  text-align: center;
}

.termConPopup li {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #404040;
  margin-bottom: 14px;
  text-align: left;
  line-height: 1.5;
  list-style: circle;
}

.termConPopupClose {
  position: absolute;
  right: 4px;
  top: 4px;
  background: url(../img/cancel.png) no-repeat center center;
  width: 48px;
  height: 48px;
  z-index: 9;
  display: block;
  cursor: pointer;
}


.countryField .select-items div{
  cursor: pointer;
}


/* term popup end*/

.contributeSection{
  padding-top: 92px;
  text-align: center;
}
.contributeSection p{
  /* color: #ffffff; */
  color: #000000;
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 64px;
}
.contributeSection .jerBtn,.tMDonate .jerBtn{
margin: 0 12px;
}
.titleWithLastWord{
  color: #737272;
    font-family: 'product_sansbold';
    font-size: 112px;
    line-height: 1.2;
    margin-bottom: 46px;
    text-align: center;
}
.titleWithLastWord span{
  color: #ff0066;
}
.venue{
  padding-top: 92px;
  padding-bottom: 92px;
}
.mapSection{
  width: 50%;
  float: left;
  position: relative;
  border: 1px solid #c8c8c8;
}
.mapSection iframe{
width: 100%;
height: 460px;
border-radius: 6px;
}
.mapShadow{
  width: 96%;
    height: 217px;
    border-radius: 50%;
    background-color: #e9f7f7;
    position: absolute;
    left: 2%;
    bottom: -15px;
    z-index: -1;
    display: none;
}
.venueInfo{
  width:calc(50% - 36px);
  float: right;
  padding-top: 92px;
}
.venueInfoSection h4{
  color: #45a8de;
  font-size: 20px;
  font-family: 'product_sansbold';
  text-transform: uppercase;
  padding-bottom: 12px;
  position: relative;
  margin-bottom: 16px;
  letter-spacing: 3px;
}
.venueInfoSection h4::before{
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 46px;
height: 3px;
background: #45a8de;
}
.venueInfoSection p{
  /* color: #ffffff; */
  color: #000000;
  font-size: 24px;
  line-height: 1.5;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  /* margin-bottom: 36px; */
}
.venueInfoSection p a{
  /* color: #ffffff; */
  color: #ef4081;
  border-bottom: 1px solid #fff;
}
.venueInfoSection p a:hover{
/* text-decoration: underline; */
border-bottom: 1px solid transparent;
}
.contactInfo{
  text-align: center;
  padding-top: 0px;
}
.contactInfo p{
  font-size: 18px;
  /* color: #ffffff; */
  color:#000000;
  font-family: 'Roboto', sans-serif;
font-weight: 300;
  line-height: 1.2;
  margin-bottom: 16px;
}
.contactInfo a{
  font-size: 18px;
  color: #ff0066;
  font-family: 'product_sansbold';
  line-height: 1.2;
  margin-bottom: 16px;
  display: inline-block;
  border-bottom: 1px solid transparent;
  text-transform: uppercase;
}
.contactInfo a:hover{
border-bottom: 1px solid #ff0066;
}
.contactInfo span{
  font-size: 14px;
  /* color: #ffffff; */
  color:#000000;
  font-family: 'Roboto', sans-serif;
font-weight: 300;
  line-height: 1.2;
  margin-bottom: 16px;
  display: block;
  position: relative;
  margin-bottom: 20px;
    padding-bottom: 22px;
}
.contactInfo span::after{
  /* width:364px; */
  width:300px;
  height:1px;
  content: '';
  background: #5b5768;
  position: absolute;
  left: 50%;
  /* margin-left: -182px; */
  margin-left: -150px;
  bottom: 0;
}
.venueInfoSection{
margin-top: 36px;
}
.venueInfoSection:first-child{
  margin-top: 0px;
  }
  .fieldradioBtn{
    margin-top: 3px;
  }

  /*menu css start */
 .mainNavigation{
  position: fixed;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background: red;
    padding: 72px 16px 0;
    box-sizing: border-box;
    background: -moz-linear-gradient(45deg,
    rgba(133, 105, 223, 1) 0%,
    rgba(175, 0, 186, 1) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear,
    left bottom,
    right top,
    color-stop(0%, rgba(133, 105, 223, 1)),
    color-stop(100%, rgba(175, 0, 186, 1)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(45deg,
    rgba(133, 105, 223, 1) 0%,
    rgba(175, 0, 186, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(45deg,
    rgba(133, 105, 223, 1) 0%,
    rgba(175, 0, 186, 1) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(45deg,
    rgba(133, 105, 223, 1) 0%,
    rgba(175, 0, 186, 1) 100%);
  /* ie10+ */
  background: linear-gradient(45deg,
    rgba(133, 105, 223, 1) 0%,
    rgba(175, 0, 186, 1) 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#af00ba', endColorstr='#8569df', GradientType=1);
  /* ie6-9 */
transition: all 0.3s;
}
.mainNavigation a{
  color: #ffffff;
    display: block;
    position: relative;
    padding: 24px 0px;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.mainNavigation li:first-child a{
border-top: none;
}
.menuOpen .mainNavigation{
left: 0;
}
.mainNavigation ul{
  height:calc(100% + 72px);
  overflow: auto;
}
.archMenu{
  display: none;
}
/* toggle menu start */

.menuToggle {
  width: 48px;
  height: 48px;
  float: left;
  margin-top: 10px;
  position: relative;
  cursor: pointer;
  z-index: 999;
}

.fixHeader .menuToggle {
  margin-top: 14px;
}

.menuToggle span {
  display: block;
  background-color: #fff;
}

/* .fixHeader .menuToggle span {
  background-color: #000;
} */

.menuToggle .hamburger {
  position: absolute;
  height: 100%;
  width: 100%;
}

.menuToggle .hamburger span {
  transition: 0.03s ease-in-out;
  width: 100%;
  height: 3px;
  position: relative;
  top: 22%;
  /*    left: 20%;*/
  margin-bottom: 6px;
}

.menuToggle .hamburger span:nth-child(1) {
  transition-delay: 0.5s;
}

.menuToggle .hamburger span:nth-child(2) {
  transition-delay: 0.625s;
}

.menuToggle .hamburger span:nth-child(3) {
  width: 60%;
  transition-delay: 0.75s;
}

.menuOpen .menuToggle .hamburger span {
  transition: 0.25s ease-in-out;
  width: 0%;
}

.menuOpen .menuToggle .hamburger span:nth-child(1) {
  transition-delay: 0s;
}

.menuOpen .menuToggle .hamburger span:nth-child(2) {
  transition-delay: 0.125s;
}

.menuOpen .menuToggle .hamburger span:nth-child(3) {
  transition-delay: 0.25s;
}

.cross {
  position: absolute;
  height: 100%;
  width: 100%;
  transform: rotate(45deg);
}

.cross span {
  transition: 0.25s ease-in-out;
}

.cross span:nth-child(1) {
  height: 0%;
  width: 8%;
  position: absolute;
  top: 10%;
  left: 46%;
  transition-delay: 0s;
}

.cross span:nth-child(2) {
  width: 0%;
  height: 8%;
  position: absolute;
  left: 10%;
  top: 46%;
  transition-delay: 0.25s;
}

.menuOpen .menuToggle .cross span:nth-child(1) {
  height: 80%;
  transition-delay: 0.625s;
}

.menuOpen .menuToggle .cross span:nth-child(2) {
  width: 80%;
  transition-delay: 0.375s;
}

.mainMenuContainer {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 120px 10px 120px 276px;
  /*	background-color: #8569df;*/
  
  background: -moz-linear-gradient(300deg, rgba(0,141,171,1) 0%, rgba(198,0,98,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(0,141,171,1)), color-stop(100%, rgba(198,0,98,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(300deg, rgba(0,141,171,1) 0%, rgba(198,0,98,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(300deg, rgba(0,141,171,1) 0%, rgba(198,0,98,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(300deg, rgba(0,141,171,1) 0%, rgba(198,0,98,1) 100%); /* ie10+ */
background: linear-gradient(150deg, rgba(0,141,171,1) 0%, rgba(198,0,98,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008dab', endColorstr='#c60062',GradientType=0 ); /* ie6-9 */
  /* ie6-9 */
  box-sizing: border-box;
  /*	background-image: url(../img/menuBg.png);*/
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 88% 65%;
  transition: all 0.3s ease-in-out;
  z-index: 99;
  overflow: auto;
}

.menuOpen .mainMenuContainer {
  display: block;
}

.mainMenu {
  width: 60%;
}

.mainMenu ul {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

.mainMenu ul.subMenu {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
  position: absolute;
  position: absolute;
  top: 72px;
  visibility: hidden;
  left: 16px;
}

.mainMenu ul.subMenu.subMenuActive {
  visibility: visible;
}

.mainMenu ul li {
  margin-bottom: 64px;
  transition: 0.3s ease-in-out;
  /*
	position: relative;
	left: -50px;
*/
}

.archiveMenu {
  position: relative;
}

/* .fixHeader .menuToggle .cross span {
  background-color: #fff;
} */

.fixHeader .menuIcon span {
  background: #000000;
}

/* .fixHeader .headerSocialMedia a {
  background: #8569df;
}

.fixHeader .headerSocialMedia a:hover span {
  border: 1px solid #8569df;
}
*/

.fixHeader .headerSocialMedia a {
  color: #25739e;
} 


/*
.menuOpen .mainMenu ul li{
	left: 0;
}
.mainMenu ul li:nth-child(2){
	transition-delay: 0.528s;
}
.mainMenu ul li:nth-child(3){
	transition-delay: 0.328s;
}
.mainMenu ul li:nth-child(4){
	transition-delay: 0.328s;
}
.mainMenu ul li:nth-child(5){
	transition-delay: 0.228s;
}
.mainMenu ul li:nth-child(6){
	transition-delay: 0.128s;
}
.mainMenu ul li:nth-child(7){
	transition-delay: 0.26s;
}
.mainMenu ul li:nth-child(8){
	transition-delay: 0.24s;
}
.mainMenu ul li:nth-child(9){
	transition-delay: 0.22s;
}
*/

.mainMenu ul li a {
  font-size: 28px;
  color: #fff;
  text-transform: uppercase;
  font-family: 'product_sansbold';
  display: block;
  text-align: left;
  transition: all 0.3s ease-in-out;
}

.mainMenu ul li .subMenu a {
  font-size: 24px;
  font-family: "Lato", sans-serif;
}

.mainMenu ul li .subMenu li {
  margin-bottom: 42px;
}

.mainMenu ul li a:hover {
  color: #fff000;
}

.mainMenu ul li .subMenu::before {
  content: "";
  position: absolute;
  left: -68px;
  top: 0;
  width: 46px;
  height: 2px;
  background: rgba(255, 255, 255, 0.3);
  display: none;
}

.bodyOverflow {
  overflow: hidden;
}

/* toggle menu end */

.registerNavBtn,
.volunteerNavBtn,
.homeNavBtn,
.galleryNavBtn {
  width: 156px;
  height: 62px;
  border-bottom: 1px solid #fff000;
  line-height: 62px;
  font-size: 16px;
  color: #ffffff;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  float: left;
  display: block;
  background: #ff4bb5;
  text-transform: uppercase;
  margin-left: 36px;
  text-align: center;
}

.volunteerNavBtn {
  background: #36bfff;
  margin-left: 36px;
}
 /* menu css end */

  
.bx-wrapper{
  box-shadow: none;
    border: none;
    background: transparent;
}
.bx-wrapper img{
  display: block !important;
}
.bx-wrapper .bx-controls-direction a{
  text-indent: 0;
  position: absolute;
  top:50%;
  width: 64px;
  height: 64px;
  margin-top: -32px;
  font-size: 32px;
  color: #fff;
  font-family: 'rIcons';
  background: #200c0e;
  line-height: 64px;
  text-align: center;
}
.bx-wrapper .bx-controls-direction a::before{
  content: '';
    position: absolute;
    font-size: 48px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.bx-wrapper .bx-controls-direction a.bx-prev::before{
content: '\e932';
}
.bx-wrapper .bx-controls-direction a.bx-next::before{
  content: '\e930';
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
  bottom: 44px;
}
.bx-wrapper .bx-pager.bx-default-pager a{
  width: 12px;
    height: 12px;
    background: #6a575a;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #fff;
}
.bx-viewport {
  height: 100vh !important;
}
.bx-viewport .bannerImg {
  display: block;
  height: 100vh;
  width: 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}




.sectionTitleWrap {
  text-align: center;
  margin-bottom: 46px;
}
.sectionTitleWrapSection{
  display: inline-block;
}
.sectionTitleWrap .sectionTitle{
  font-size: 112px;
    color: #737273;
    line-height: 1;
    font-family: "product_sansbold";
    text-transform: lowercase;
    letter-spacing: 0;
    margin-top: 0;
    text-align: left;
    text-shadow: none;
}
.sectionTitleWrap .sectionSubTitle{
  font-size: 112px;
    color: #ff0066;
    line-height: 1.2;
    font-family: "product_sansbold";
    text-transform: lowercase;
    letter-spacing: 0;
    margin-top: -36px;
    text-align: left;
    text-shadow: none;
    margin-left: 267px;
}
.sectionTitleWrap span{
  color: #737273;
}
.whatToExceptSection,.gallerySection,.getInvolved,.contactUsSection{
  padding-top: 92px;
}
.whattoExceptBody img{
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.wTEfullWidth{
  margin-bottom: 24px;
}
.wTEthirdWidthImg{
  width: calc(33.33% - 16px);
  float: left;
  margin-left: 24px;
  margin-bottom: 24px;
}
.wTEthirdWidthImg:first-child{
  margin-left: 0;
}
.wTEhalfWidthImg{
  width: calc(50% - 12px);
  float: left;
  margin-left: 24px;
  margin-bottom: 24px;
}
.wTEhalfWidthImg:first-child{
  margin-left: 0;
}
.whatToExceptSection .sectionTitleWrap{
margin-bottom: 56px;
}
.lightboxgallery-modal{
  max-width: 64% !important;
  max-height: none;
  height: auto !important;
  }
  .galleryItems {
    float: left;
    width: calc(33.33% - 24px);
    height: 244px;
    margin-left: 24px;
    margin-bottom: 24px;
    display: block;
    overflow: hidden;
    text-align: center;
    background: rgba(0,0,0,1);
    border-radius: 10px;
}
.galleryItems img{
display: block;
width: 100%;
height: auto;
border-radius: 10px;
transition: all 0.4s;
    transform: scale(1.1);
}
.galleryItems:hover img {
  transform: scale(1.15);
}

.galleryItmesWrap{
  margin-left: -24px;
}
.viewMoreGallery{
  text-align: center;
  padding-top: 56px;
}
.getInvolved .sectionTitleWrap span {
  display: inline-block;
  vertical-align: middle;
  font-size: 62px;
}


.tMDonate{
  padding-top: 24px;
  position: relative;
  margin-top: 24px;
}
.tMDonate::before{
content: '';
background: #5c5768;
width: 98px;
height: 1px;
position: absolute;
left: 50%;
top:0;
margin-left: -49px;
}
.tMDonate h4{
  font-size: 28px;
  color: #45a8de;
  font-family: 'product_sansbold';
  line-height: 1.2;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.tMDonate p{
font-size: 18px;
margin-bottom: 32px;
}
.sPItems{
  float: left;
  width: calc(20% - 26px);
  margin-left: 24px;
  background: #fff;
  border-radius: 10px;
  text-align: center;
  height: 200px;
  margin-bottom: 24px;
  position: relative;
  border:1px solid #c8c8c8;
}
.sposorsandPartnersWrap{
  margin-left: -24px;
}
.sPItems img{
  top: 50%;
    position: relative;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    /* max-width: 90%; */
    max-width:60%;
    max-height: 100%;
    height: auto;
}
.sPItems h5{
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 10px;
  padding: 0 8px;
  box-sizing: border-box;
  text-transform: uppercase;
  color: #000000;
  font-size: 14px;
  font-family: 'product_sansregular';
}
.spPItems img {
  top: 45%;
  max-height: 80%;
}
.sPItems h2{
  padding: 0 8px;
    box-sizing: border-box;
    color: #000000;
    font-size: 18px;
    font-family: 'product_sansbold';
    line-height: 1.3;
    text-transform: uppercase;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    max-width: 100%;
    max-height: 100%;
    height: auto;
}

.videoTumb,.jerVideoTumb ,.jerLiveVideoTumb{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  display: block;
  cursor: pointer;
  border-radius: 10px;
}
.jerVideoTumb {
  background-image:url(../img/jerVideoThumb.jpg);
}

.liveStreaming .jerVideoTumb {
  background-image:url(../img/livevideothumb.jpg);
}

.jerLiveVideoTumb{
  background-image:url(../img/jerVideoThumb.jpg);
  /* pointer-events: none; */
}

#videoContainer .svgLoader,#jerVideoContainer .svgLoader,.liveVideoContainer .svgLoader{
  position: absolute;
    left: 50%;
    top: 50%;
    z-index: 9;
    margin-left: -25px;
    margin-top: -25px;
    cursor: pointer;
    display: none;
    pointer-events: none;
}
.videoListing{
  /* padding: 24px 0 52px; */
  overflow: hidden;
  white-space: nowrap;
  margin: 24px 0 52px;
  position: relative;
  /* display: none; */
}
.videoListItem{
  display: inline-block;
  margin-left: 24px;
  width: 304px;
  height: 229px;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
}
.videoListItem:first-child{
margin-left: 0;
}
/* .videoListItem:last-child{
  margin-right: 24px;
  } */
.videoListDesc{
  display: none;
}
.videoListItem img{
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.videoContainer i,.videoListItem i ,.jerVideoTumb i,.jerLiveVideoTumb i{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../img/videoBtn.png) no-repeat center center;
  z-index: 9;
  margin-left: 0;
  margin-top: 0;
  cursor: pointer;
  display: block;
  pointer-events: none;
}
.videoListItem i{
  width: 48px;
  height: 48px;
  background-size: 100% auto;
  left: 50%;
  top: 50%;
  margin-left: -24px;
  margin-top: -24px;
}
.viewMoreVideo{
  text-align: center;
}

.videoListItem span{
  color: #fff;
    font-size: 18px;
    font-family: 'product_sansregular';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 0 6px;
    box-sizing: border-box;
    background: rgba(0,0,0,.5);
    height: 100%;
    line-height: 229px;
    display: none;
}

.nextVideoIndex,.prevVideoIndex{
  position: absolute;
  bottom: 92px;
    color: #fff;
    background:#45a8de;
    cursor: pointer;
    /* display: none; */
    width: 48px;
    height: 48px;
    margin-top: -24px;
    font-size: 32px;
    line-height: 48px;
    text-align: center;
    z-index: 9;
}
.nextVideoIndex{
  right: -20px;
  
}
.prevVideoIndex{
  left: -20px;
}
.videoSectionWrap{
  position: relative;
}
/* css start by pankaj*/
.whattoExceptBody img.tCmmobImages{
  display: none;
}
/* css end by pankaj*/

.wTEthirdWidth .wTEhalfWidthImgDevice{
display: none;
}

.pageBanner{
  /* background-image: url(../img/scheBanner.jpg); */
  background-repeat: no-repeat;
  background-position: center center;
  height: 402px;
  position: relative;
  background-size: cover;
}
.pageBanner h1{
  font-size: 124px;
    font-family: 'product_sansbold';
    line-height: 1;
    color: #fff;
    text-align: center;
    padding-top: 0;
    position: absolute;
    top: 0;
    width: 100%;
    transform: translateY(-50%);
    top: 50%;

}
/*----- Schedule Section Starts Here -----*/

.scheduleSection {
  padding-top: 112px;
}

.scheduleDayNav {
  float: left;
}

.scheduleDayNav a {
  font-family: 'product_sansregular';
  display: block;
  float: left;
  color: #ef4081;
  font-size: 18px;
  line-height: 1;
  padding: 22px;
  border-top: 1px solid #ed1968;
  border-bottom: 1px solid #ed1968;
}

.scheduleDayNav a.dayOnenav {
  border-left: 1px solid #ed1968;
  border-radius: 4px 0 0px 4px;
}

.scheduleDayNav a.dayThreenav {
  border-right: 1px solid #ed1968;
  border-radius: 0 4px 4px 0;
}

.scheduleDayNav a.dayActive
 {
  color: #ffffff;
  background: #ed1968;
}

.scheduleDayDate {
  float: left;
  width: calc(100% - 530px);
  position: relative;
  top: -54px;
}

.scheduleDayDate h6 {
  font-size: 56px;
  color: #737272;
  letter-spacing: 0px;
  line-height: 1;
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 12px;
}

.scheduleDayDate h4 {
  font-size: 24px;
  color: #ed1968;
  letter-spacing: 2px;
  line-height: 1;
  font-family: 'product_sansbold';
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 12px;
}

.scheduleDayDate h5 {
  font-size: 16px;
    color: #000000;
    letter-spacing: 0px;
    line-height: 1;
    font-family: 'product_sansregular';
    text-transform: uppercase;
    text-align: center;
}

.scheduleDayDate h4 sup {
  font-size: 12px;
  vertical-align: super;
  letter-spacing: 4px;
  top: 1px;
  position: relative;
}

.downloadSchedule {
  font-family: 'product_sansregular';
  display: block;
  float: right;
  color: #000000;
  font-size: 18px;
  line-height: 1;
  padding: 22px 56px 22px 26px;
  text-transform: capitalize;
  position: relative;
  border-radius: 5px;
  top: 0px;
  border: 1px solid #000000;
  /* display: none; */
}

.downloadSchedule:hover {
  opacity: 0.9;
}

.downloadSchedule i {
  position: absolute;
  right: 21px;
    top: 21px;
  width: 16px;
  height: 18px;
  background: url(../img/downloadIcon.png) no-repeat left top;
  display: block;
}

.scheduleHeader {
  margin-bottom: 0px;
}

.scheduleContentTimeSlots {
  float: left;
  width: 82px;
  margin-right: 20px;
  /*margin-top: 47px;*/
  margin-top: 72px;
}
.scheduleDayOneWrap .scheduleContentTimeSlots{
margin-top: 0;
}

.scheduleContentItemListWrap {
  overflow: hidden;
}

.scheduleContentTimeSlots li {
  height: 110px;
  color: #ed1968;
  font-size: 18px;
  font-family: 'product_sansregular';
  position: relative;
  border-right: 1px solid #ed1968;
  text-transform: uppercase;
}

.scheduleContentTimeSlots li:first-child {
  height: 0px;
}

.scheduleContentTimeSlots li sub {
  /*vertical-align: sub;*/
  font-size: 14px;
}

.scheduleContentTimeSlots li:after {
  position: absolute;
  right: 0;
  bottom: 0px;
  width: 8px;
  height: 1px;
  content: "";
  background: #ed1968;
  /* display: none; */
}

.scheduleContentTimeSlots li:first-child:after {
  bottom: -1px;
}

.scheduleContentTimeSlots li:last-child:after {
  bottom: 6px;
}

.scheduleContentTimeSlots li span {
  position: absolute;
  left: 0;
  bottom: -6px;
}

.scheduleContentTimeSlots li:first-child span {
  bottom: -14px;
}

.scheduleContentTimeSlots li:last-child span {
  bottom: 0px;
}
.scheduleContentItemHeader .registrationCard{
  display: none;
}
.registrationCard {
  width: 100%;
  background: rgba(255, 255, 255, 0.7);
  height: 156px;
  padding-top: 40px;
  box-sizing: border-box;
  margin-bottom: 12px;
}

.registrationCard h5 {
  font-size: 22px;
  color: #1f1f1f;
  line-height: 1;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.registrationCard h3 {
  font-size: 36px;
  color: #1f1f1f;
  line-height: 1;
  font-family: "latoBlack";
  text-align: center;
  text-transform: uppercase;
}

.scheduleContentItemListWrap {
  height: 344px;
  /* height: 624px; */
  position: relative;
}

  .scheduleDayOneWrap .scheduleContentTimeSlots li {
    height: 115px;
}
.scheduleContentItemList {}

.scheduleContentCard {
  position: absolute;
  /* background: rgba(255, 255, 255, 0.7); */
  /* border-bottom: 10px solid transparent; */
  /* border-right: 2px solid; */
  width: calc(25% - 12px);
  box-sizing: border-box;
  text-align: left;
  border-radius: 4px;
}

.stageLawn {
  /* border-color: #74b9fa; */
  left: 0px;
  background-color: #e3f3fe;
}

.auditorium {
  /* border-color: #ff6bc6; */
  left: calc(25% + 4px);
  background-color: #ffe4ff;
}

.amphitheatre {
  /* border-color: #dbc23a; */
  left: calc(50% + 8px);
  background-color: #fff2e0;
}

.speakingTree {
  /* border-color: #0dd691; */
  right: 0;
  background-color: #dcffe6;
}

.fullWidth {
  width: 100%;
}

.halfWidth {
  width: 50%;
}

.halfHour {
  height: 110px;
}

.oneHour {
  height: 220px;
}

.oneHour.adabiChaupalEvent {
  height: 328px;
}

.oneHalfHour {
  height: 330px;
}

.twoHour {
  height: 440px;
}

.twoHalfHour {
  height: 550px;
}

.schTimeSlotOne {
  top: 72px;
}

.schTimeSlotTwo {
  top: 182px;
}

.schTimeSlotThree {
  top: 292px;
}

.schTimeSlotFour {
  top: 402px;
}

.schTimeSlotFive {
  top: 512px;
}

.schTimeSlotSix {
  top: 622px;
}

.schTimeSlotSeven {
  top: 732px;
}

.schTimeSlotEight {
  top: 842px;
}

.schTimeSlotNine {
  top: 952px;
}

.schTimeSlotTen {
  top: 1062px;
}

.schTimeSlotEleven {
  top: 1172px;
}

.schTimeSlotTwelve {
  top: 1282px;
}

.schTimeSlotThirteen {
  top: 1392px;
}

.schTimeSlotFourteen {
  top: 1502px;
}

.schTimeSlotFiveteen {
  top: 1612px;
}

.schTimeSlotSixteen {
  top: 1722px;
}

.schTimeSlotSevenTeen {
  top: 1832px;
}

.schTimeSlotEightTeen {
  top: 1942px;
}

.schTimeSlotNineTeen {
  top: 2052px;
}

.schTimeSlotTwenty {
  top: 2162px;
}

.schTimeSlotTwentyOne {
  top: 2272px;
}

.scheduleDayOneWrap .scheduleContentCard {
  border-right: none !important;
  padding: 24px 24px 24px 24px;
}

.scheduleDayOneWrap .scheduleCardHeader h5 {
  font-size: 18px;
  color: #4c3217;
  background: url(../img/stageLawn.png) no-repeat left center;
  padding-left: 54px;
  line-height: 42px;
  font-family: "latoBlack";
  float: left;
}

.scheduleDayOneWrap .scheduleCardHeader h6 {
  font-size: 18px;
  color: #4c3217;
  line-height: 42px;
  font-family: "Lato", sans-serif;
  float: right;
  font-weight: 400;
}

.scheduleCardBody h3 {
  font-family: "latoBlack";
  font-size: 36px;
  color: #1f1f1f;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.scheduleCardBody p {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #1f1f1f;
  line-height: 1;
}

.scheduleCardBody p a {
  color: #1f1f1f;
  font-weight: 700;
}

.inaugurationCardBody {
  margin-right: 24px;
  display: inline-block;
  vertical-align: middle;
}

.inaugurationCard .scheduleCardBody a {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.inaugurationCard .scheduleCardBody p a {
  width: auto;
  height: auto;
  border-radius: 0;
  border: none;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-weight: 700;
  color: #1f1f1f;
}

.inaugurationCard .scheduleCardBody img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
}

.inaugurationCard .scheduleCardBody {
  margin-top: -21px;
}

.scheduleCardParticipantPic a {
  width: 212px;
  height: 213px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  display: block;
  float: left;
  margin-left: -36px;
  position: relative;
}

.scheduleCardParticipantPic img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
}

.scheduleCardParticipantPic {
  margin-bottom: 60px;
  padding-top: 30px;
  display: inline-block;
  padding-left: 54px;
}

.scheduleDayOneWrap .scheduleCardParticipantPic {
  margin-bottom: 30px;
}

.scheduleDayOneWrap,
.scheduleDayTwoWrap,
.scheduleDayThreeWrap {
  margin-bottom: 96px;
  position: relative;
  
}

.scheduleDayThreeWrap .cloudLayerSep,
.scheduleDayTwoWrap .cloudLayerSep {
  top: 22%;
  z-index: 1;
}

/*.scheduleDayThreeWrap .cloudLayerSep{
	top: 10%;
}*/
.scheduleDayThreeWrap .container,
.scheduleDayTwoWrap .container {
  position: relative;
  z-index: 2;
}

.scheduleVenue h4 {
  font-family: 'product_sansbold';
  font-size: 16px;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  width: calc(25% - 12px);
  float: left;
  box-sizing: border-box;
  margin-left: 16px;
  padding: 16px 0;
  border-radius: 4px;
  letter-spacing: 1px;
}

.scheduleVenue h4:first-child {
margin-left: 0;
}

.scheduleVenue h4 span {
  display: block;
  font-size: 12px;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  padding-left: 33px;
  top: -10px;
  position: relative;
}

.scheduleVenue h4 i {
  display: inline-block;
  margin-right: 12px;
  width: 42px;
  height: 42px;
  vertical-align: middle;
  display: none;
}

.scheduleVenue .stageLawnVenue i {
  background: url(../img/stageLawn.png) no-repeat left top;
}
.scheduleVenue .stageLawnVenue{
background: #29b1ff;
}
.scheduleVenue .auditoriumVenue i {
  background: url(../img/auditorium.png) no-repeat left top;
}
.scheduleVenue .auditoriumVenue{
  background: #ff32b4;
}
.scheduleVenue .amphitheatreVenue i {
  background: url(../img/amphitheatre.png) no-repeat left top;
}
.scheduleVenue .amphitheatreVenue {
  background: #ff9f21;
}
.scheduleVenue .speakingTreeVenue i {
  background: url(../img/speakingTree.png) no-repeat left top;
}
.scheduleVenue .speakingTreeVenue{
  background: #3ebc00;
}
.scheduleVenue .auditoriumVenue span {
  padding-left: 40px;
}

.scheduleVenue .amphitheatreVenue span {
  padding-left: 19px;
}

.scheduleVenue .speakingTreeVenue span {
  padding-left: 59px;
}

.scheduleVenue {
  margin-top: 0px;
}

.inaugurationCard .scheduleCardBody a span,
.scheduleCardParticipantPic a span {
  opacity: 0;
  visibility: hidden;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  position: absolute;
  white-space: nowrap;
  font-size: 12px;
  color: #fff;
  background: #535350;
  padding: 9px 6px;
  text-transform: uppercase;
  border-radius: 3px;
}

.inaugurationCard .scheduleCardBody a:hover span,
.scheduleCardParticipantPic a:hover span {
  opacity: 1;
  visibility: visible;
}

.inaugurationCard .scheduleCardBody a span:after,
.scheduleCardParticipantPic a span:after {
  position: absolute;
  content: "";
  bottom: -16px;
  left: 50%;
  margin-left: -16px;
  border-left: 8px solid transparent;
  border-top: 8px solid #535350;
  border-right: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.scheduleDayTwoWrap .scheduleContentCard .scheduleCardHeader h5,
.scheduleDayThreeWrap .scheduleContentCard .scheduleCardHeader h5 {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #000000;
  line-height: 1;
  text-transform: capitalize;
  float: right;
  border-bottom: 1px solid #000000;
}

.scheduleDayTwoWrap .scheduleContentCard .scheduleCardHeader h6,
.scheduleDayThreeWrap .scheduleContentCard .scheduleCardHeader h6 {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #000000;
  line-height: 1;
  text-transform: uppercase;
  float: left;
}

.scheduleDayTwoWrap .scheduleContentCard,
.scheduleDayThreeWrap .scheduleContentCard {
  padding: 18px 16px 18px 16px;
  box-sizing: border-box;
  border-bottom: 1px solid #b3b3b3;
}

.scheduleDayTwoWrap .scheduleCardBody h3,
.scheduleDayThreeWrap .scheduleCardBody h3 {
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  font-size: 18px;
  color: #000000;
  line-height: 24px;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 12px;
}

.scheduleDayTwoWrap .nameOvrlap .scheduleCardBody h3,
.scheduleDayThreeWrap .nameOvrlap .scheduleCardBody h3 {
  margin-bottom: 8px;
  font-size: 14px;
}

.scheduleDayTwoWrap .scheduleCardBody p,
.scheduleDayThreeWrap .scheduleCardBody p {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #000000;
  line-height: 18px;
  text-align: left;
}

.scheduleDayTwoWrap .scheduleCardBody p a,
.scheduleDayThreeWrap .scheduleCardBody p a {
  font-weight: 700;
  color: #1f1f1f;
}

.scheduleDayTwoWrap .scheduleCardHeader,
.scheduleDayThreeWrap .scheduleCardHeader {
  margin-bottom: 18px;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  box-sizing: border-box;
  padding: 0 16px;
}

.scheduleDayTwoWrap .halfHour .scheduleCardHeader,
.scheduleDayThreeWrap .halfHour .scheduleCardHeader {
  margin-bottom: 22px;
}

.scheduleDayTwoWrap .halfHour.scheduleCardHeaderMargin .scheduleCardHeader,
.scheduleDayThreeWrap .halfHour.scheduleCardHeaderMargin .scheduleCardHeader {
  margin-bottom: 10px;
}

.scheduleDayTwoWrap .scheduleCardParticipantPic,
.scheduleDayThreeWrap .scheduleCardParticipantPic {
  margin-bottom: 20px;
  padding-top: 0px;
  display: inline-block;
  padding-left: 0;
  margin-right: -26px;
}

.scheduleDayTwoWrap .nameOvrlap .scheduleCardParticipantPic,
.scheduleDayThreeWrap .nameOvrlap .scheduleCardParticipantPic {
  margin-bottom: 8px;
}

.scheduleDayTwoWrap .nameOvrlap .scheduleCardBody p,
.scheduleDayThreeWrap .nameOvrlap .scheduleCardBody p {
  font-size: 11px;
  line-height: 1.4;
}

.scheduleDayTwoWrap .adabiChaupalEvent .scheduleCardParticipantPic {
  margin-bottom: 0;
}

.scheduleDayTwoWrap .scheduleCardParticipantPic a,
.scheduleDayThreeWrap .scheduleCardParticipantPic a {
  width: 73px;
  height: 73px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  display: block;
  float: left;
  margin-left: -22px;
  position: relative;
}

.scheduleDayTwoWrap .scheduleCardParticipantPic.singleParticipant a,
.scheduleDayThreeWrap .scheduleCardParticipantPic.singleParticipant a {
  width: 115px;
  height: 115px;
}

.scheduleDayTwoWrap .scheduleContentItemListWrap,
.scheduleDayThreeWrap .scheduleContentItemListWrap {
  height: 2272px;
}

.infoBodyContent .scrollbar-track.scrollbar-track-y {
  right: 0px !important;
  opacity: 1;
  display: block;
}

.infoBodyContent .scrollbar-thumb.scrollbar-thumb-y {
  background: #c8d8bf !important;
  border-radius: 0 !important;
}

.eventVenueSM,
.eventVenueAM,
.eventVenueAPM,
.eventVenueSTM {
  display: none;
  font-size: 12px;
  line-height: 38px;
  color: #4c3217;
  font-family: "latoBlack";
  margin-bottom: 15px;
  text-transform: uppercase;
  float: left;
}

.eventVenueSM i,
.eventVenueAM i,
.eventVenueAPM i,
.eventVenueSTM i {
  width: 28px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}

.eventVenueSM i {
  background: url(../img/stageLawn.png) no-repeat left center;
  background-size: 28px auto;
}

.eventVenueAM i {
  background: url(../img/auditorium.png) no-repeat left center;
  background-size: 28px auto;
}

.eventVenueAPM i {
  background: url(../img/amphitheatre.png) no-repeat left center;
  background-size: 28px auto;
}

.eventVenueSTM i {
  background: url(../img/speakingTree.png) no-repeat left center;
  background-size: 28px auto;
}

.trackInfo {
  position: absolute;
  bottom: 5px;
  right: 7px;
  background: url(../img/information.png) no-repeat 0 0;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.trackDescription {
  position: fixed;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  padding: 36px 18px 18px 18px;
  box-sizing: border-box;
  border-bottom-width: 7px;
  border-bottom-style: solid;
  width: 100%;
  max-width: 400px;
  background: #fff;
  display: none;
  z-index: 99999;
}

.trackDescription h3 {
  font-family: "latoBlack";
  font-size: 16px;
  color: #1f1f1f;
  line-height: 20px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 24px;
}

.trackDescription p {
  font-size: 14px;
  color: #747373;
  line-height: 24px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  margin-bottom: 24px;
  text-align: justify;
}

.trackDescClose,
.participantProfileClose {
  position: absolute;
  right: 10px;
  top: 10px;
  background: url(../img/cancel.png) no-repeat 0 0;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background-size: 100% auto;
}

.participantList .participantProfileClose {
  display: none;
}

.scheduleDayOneWrap .scheduleContentTimeSlots li:after {
  display: none;
}

.scheduleDayOneWrap .schTimeSlotOne {
  top: 0px;
}
.scheduleDayOneWrap .schTimeSlotThree{
  top: 180px;
}

.scheduleDayOneWrap .oneHalfHour {
  height: 164px;
}

.cardSmallText {
  margin-bottom: 10px;
  font-style: italic;
}

.mgBT10 .scheduleCardParticipantPic {
  margin-bottom: 10px !important;
}

.mgHeading12 .scheduleCardBody h3 {
  margin-bottom: 12px !important;
}

.mgHead12 .scheduleCardHeader {
  margin-bottom: 12px !important;
}

.scheduleDayTwoWrap .fiveParticipant .scheduleCardParticipantPic a,
.scheduleDayThreeWrap .fiveParticipant .scheduleCardParticipantPic a {
  width: 64px;
  height: 64px;
}

.imgSquar .scheduleCardParticipantPic a {
  border: none !important;
}

.imgSquar .scheduleCardParticipantPic img {
  border-radius: 0 !important;
}

.threeParticipant .singleParticipant a {
  width: 73px !important;
  height: 73px !important;
}

.inaugurationCardSche {
  height: 320px !important;
}

.musicEve {
  top: 532px !important;
}

.scheduleDayTwoWrap .imgSquar .scheduleCardParticipantPic a,
.scheduleDayThreeWrap .imgSquar .scheduleCardParticipantPic a {
  width: auto;
  max-height: 300px;
  margin-left: 0;
  float: none;
  border-radius: 0;
  border: none;
  max-width: 220px;
  overflow: hidden;
}

.scheduleDayTwoWrap .imgSquar .scheduleCardParticipantPic,
.scheduleDayThreeWrap .imgSquar .scheduleCardParticipantPic {
  margin-right: 0;
}

.cardTwoHalfHour {
  height: 778px !important;
}

.min45 {
  height: 234px !important;
}

.jerRegFixedBtn {
  display: none;
  position: fixed;
  bottom: 8px;
  right: 8px;
  width: 76px;
  height: 76px;
  background: url(../img/jerRegistration_btn.png) no-repeat center center;
  z-index: 999;
  display: none !important;
}
.scheduleCardParticipantPicWrap{
  display: none;
}

.schInfoBtn{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.scheduleDayOneWrap .scheduleContentCard h4{
text-align: center;
color: #1494DE;
font-family: 'Roboto', sans-serif;
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase;
font-size: 16px;
line-height: 1;
margin-bottom: 16px;
}
.scheduleDayOneWrap .scheduleContentCard h3{
  text-align: center;
  color: #000000;
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 1;
  margin-bottom: 12px;
}
.scheduleDayOneWrap .scheduleContentCard p{
  text-align: center;
  color: #000000;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 20px;
}
.scheduleDayOneWrap .scheduleContentCard h5{
  text-align: center;
  color: #000000;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
}
.scheduleDayOneWrap .scheduleContentCard h6{
  font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    line-height: 1;
    text-transform: capitalize;
    float: right;
    border-bottom: 1px solid #000000;
    margin-top: -16px;
}
.trackInfoOverLay{
  background: rgba(0,0,0,0.9);
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  display: none;
}
.trackInfo{
  position: fixed;
    width: 600px;
    height: auto;
    max-height: 90%;
    max-width: 90%;
    overflow: auto;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    cursor: default;
    bottom: auto;
    display: none;
}
.trackInfoCloseBtn{
  font-size: 32px;
background: rgba(255,255,255,0.1);
color: #fff;  
cursor: pointer;
float: right;
margin-bottom: 12px;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
}
.trackInfo img{
  max-width: 100%;
  height: auto;
  display: block;
  margin-bottom: 18px;
}
.scheduleDayOneWrap .scheduleContentCard .trackInfo p,.scheduleContentCard .trackInfo p{
  font-size: 20px;
  color: #ffffff;
  line-height: 1.3;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  text-align: left;
}

/*----- Schedule Section Ends Here -----*/

/* gallery start */
.galleryContainer{
  margin-top:50px;
  position: relative;
}
.gCateg{
  position: relative;
}
.gCateg ul{
  overflow-x: hidden;
  white-space: nowrap;
  border-bottom: 1px solid #e1e1e1;
  padding: 0;
  width: calc(100% - 84px);
  box-sizing: border-box;
  position: relative;
  left: 42px;
}
.gCateg ul li{
  font-size:20px;
  margin-right:45px;
  padding:16px 0px;
  display: inline-block;
  position: relative;
  color:rgba(255,255,255,0.4);
  transition:all 0.2s;
  cursor: pointer;
}

.gCateg ul li a{
  /* color:rgba(255,255,255,0.4); */
  color:rgba(0,0,0,0.5);
}

.gCateg ul li::after{
  content:"";
  width:0px;
  height: 2px;
  position: absolute;
  left:50%;
  bottom:0;
  background-color:#ff0066;
  transition:all 0.2s;
}
.gCateg ul li:last-child{
  margin-right: 0px;
}
.gCateg ul li.catActive::after, .gCateg ul li:hover::after{
  left:0;
  width:100%;
}
.gCateg ul li.catActive,.gCateg ul li.catActive a, .gCateg ul li:hover, .gCateg ul li:hover a{
  /* color:#fff; */
  color:#000000;
}
.imgGlryCon{
  margin-top:36px;
}
.imgGlryCon .imgPrnt{
  width:calc(33.33% - 16px);
  float:left;
  margin-right:24px;
  margin-bottom:24px;
}
.imgGlryCon .imgPrnt:nth-child(3n+0){
  margin-right:0px;
}
.imgGlryCon .imgPrnt img{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.loadMoreImgs{
  text-align:center;
  margin-top:64px;
  margin-bottom: 118px;
}
.galleryContainer .nextIndex,.galleryContainer .prevIndex{
  font-size: 32px;
  position: absolute;
  top: 12px;
  /* background: #ff0066; */
  cursor: pointer;
}
.galleryContainer .nextIndex{
  right: 0px;
  /* border-left: 1px solid #543d5f; */
}
.galleryContainer .prevIndex{
  left: 0px;
  /* border-right: 1px solid #543d5f; */
}
.galleryContainer .galleryItmesWrap{
  margin-top: 42px;
}
.lightboxgallery-modal-wrapper .lightboxgallery-next, .lightboxgallery-modal-wrapper .lightboxgallery-prev {
  opacity: 1;
}

.bx-wrapper .bx-controls-direction a{
  z-index: 99;
}

/* gallery end */

/*---- What To Except Section Starts ----*/

/* .whatToExceptSection {
  padding-top: 158px;
  background: url(../img/whattoexceptbg.png) no-repeat center 130px;
} */

/* .whatToExceptContent {
  position: relative;
  padding: 0 40px;
}

.whatToExceptContent::before {
  content: "";
  left: 0px;
  bottom: 0px;
  background: url(../img/whattoexceptbg.png) no-repeat left top;
  width: 1200px;
  height: 520px;
  position: absolute;
  display: none;
} */

.expectedEvents {
  float: left;
  width: calc(33.33% - 11px);
  margin-left: 16px;
  cursor: pointer;
  perspective: 1000px;
  height: 257px;
  margin-bottom: 24px;
  border-radius: 6px;
}

.expectedEvents:nth-child(3n + 1) {
  margin-left: 0;
}

.flipCardFront img {
  width: 100%;
  border-radius: 6px;
}

.flipOverlay {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 217, 0, 0);
  background: -moz-linear-gradient(top,
    rgba(255, 217, 0, 0) 0%,
    rgba(0, 0, 0, 0.07) 43%,
    rgba(0, 0, 0, 0.1) 61%,
    rgba(0, 0, 0, 0.5) 100%);
  background: -webkit-gradient(left top,
    left bottom,
    color-stop(0%, rgba(255, 217, 0, 0)),
    color-stop(43%, rgba(0, 0, 0, 0.07)),
    color-stop(61%, rgba(0, 0, 0, 0.1)),
    color-stop(100%, rgba(0, 0, 0, 0.5)));
  background: -webkit-linear-gradient(top,
    rgba(255, 217, 0, 0) 0%,
    rgba(0, 0, 0, 0.07) 43%,
    rgba(0, 0, 0, 0.1) 61%,
    rgba(0, 0, 0, 0.5) 100%);
  background: -o-linear-gradient(top,
    rgba(255, 217, 0, 0) 0%,
    rgba(0, 0, 0, 0.07) 43%,
    rgba(0, 0, 0, 0.1) 61%,
    rgba(0, 0, 0, 0.5) 100%);
  background: -ms-linear-gradient(top,
    rgba(255, 217, 0, 0) 0%,
    rgba(0, 0, 0, 0.07) 43%,
    rgba(0, 0, 0, 0.1) 61%,
    rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(to bottom,
    rgba(255, 217, 0, 0) 0%,
    rgba(0, 0, 0, 0.07) 43%,
    rgba(0, 0, 0, 0.1) 61%,
    rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd900', endColorstr='#000000', GradientType=0);
  pointer-events: none;
  border-radius: 6px;
}

.flipOverlay::before {
  position: absolute;
  right: 16px;
  top: 16px;
  background: url(../img/eventInfo.png) no-repeat left top;
  width: 24px;
  height: 24px;
  content: "";
  pointer-events: none;
}

.flipCardFront span {
  font-size: 24px;
  color: #fff;
  position: absolute;
  left: 24px;
  bottom: 24px;
  font-family: 'product_sansbold';
  font-weight: 400;
  line-height: 1.3;
  text-transform: uppercase;
  text-align: left;
}

.flipCardFront,
.flipCardBack {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-radius: 6px;
}

.expectedEventsInner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  -o-transition: transform 0.6s;
  -moz-transition: transform 0.6s;
  -webkit-transition: transform 0.6s;
  transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  border-radius: 6px;
}

.expectedEventsActive {
  transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
}

.flipCardBack {
  background-color: #45a8de;
  transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  padding: 46px 32px;
  box-sizing: border-box;
}

.flipCardBack h3 {
  font-size: 24px;
  color: #ffde00;
  font-family: 'product_sansbold';
  line-height: 1.2;
  margin-bottom: 12px;
  text-transform: uppercase;
  text-align: left;
}

.flipCardBack p {
  font-size: 14px;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0px;
    text-align: left;
    text-align-last: left;
}
.flipCardBack .wxeTrackTitle {
  font-size: 16px;
  font-weight: 700;
}
.flipDesc{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  max-height: 100%;
  padding: 24px;
  box-sizing: border-box;
}

/*---- What To Except Section Ends ----*/

.gallerySection .galleryItems{
  position: relative;
}
.gallerySection .galleryItems span{
  font-size: 24px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99;
    max-width: 100%;
    box-sizing: border-box;
    padding: 18px;
    font-family: 'product_sansbold';
    text-shadow: 0px 0px 10px rgba(0,0,0,0.7);
    width: 100%;
    text-align: left;
    background: rgba(0,0,0,0);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.13) 13%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(13%, rgba(0,0,0,0.13)), color-stop(100%, rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.13) 13%, rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.13) 13%, rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.13) 13%, rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.13) 13%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

.contentActive{
  position: relative;
  z-index: 999;
}
.navLogo{
  position: fixed;
    top: 24px;
    left: auto;
    margin-left: 0;
    width: 112px;
    display: block;
}
.navLogo img{
  width: 100%;
  height: auto;
}

/* Banner img Starts Here */

/* .bannerSliderItems:nth-child(1) .bannerImg{
  background-image:url('../img/1920x1080-min.jpg');
}
.bannerSliderItems:nth-child(2) .bannerImg{
  background-image:url('../img/Web-Banner_Manjiri-Chaturvedi.jpg');
}
.bannerSliderItems:nth-child(3) .bannerImg{
  background-image:url('../img/Web-Banner_KahaniGhazalKi.jpg');
}
.bannerSliderItems:nth-child(4) .bannerImg{
  background-image:url('../img/Web-Banner_Harshdeep-Kaur.jpg');
}
.bannerSliderItems:nth-child(5) .bannerImg{
  background-image:url('../img/Web-Banner_Javed-Akhtar.jpg');
} */

.bannerSliderItems:nth-child(2) .bannerImg,.bannerSliderItems.bx-clone .bannerImg{
  background-image:url('../img/1920x1080-min.jpg');
}
.bannerSliderItems:nth-child(3) .bannerImg{
  background-image:url('../img/Web-Banner_Manjiri-Chaturvedi.jpg');
}
.bannerSliderItems:nth-child(4) .bannerImg{
  background-image:url('../img/Web-Banner_KahaniGhazalKi.jpg');
}
.bannerSliderItems:nth-child(5) .bannerImg{
  background-image:url('../img/Web-Banner_Harshdeep-Kaur.jpg');
}
.bannerSliderItems:nth-child(6) .bannerImg{
  background-image:url('../img/Web-Banner_Javed-Akhtar.jpg');
}

.bannerSectionImg{
  background-image:url('../img/bannerBgImg.jpg');
  background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
  height: 100vh;
  width: 100%;
}


/* Banner img Ends Here */

.iframeRender{
background: #fff;
}

.iframeRender #header,.iframeRender #footer,.iframeRender .bannerSection,.iframeRender .highlightsSection,.iframeRender .aboutSection,.iframeRender .whatToExceptSection,.iframeRender .getInvolved,.iframeRender .contributeSection,.iframeRender .venue,.iframeRender .gallerySection,.iframeRender .contactUsSection{
  display: none;
  }

  .menuOpen .headerSocialMedia{
    position: relative;
    top: auto;
    z-index: 999;
  }
  .subMenu li{
    position: relative;
  }
  .subMenu li:before {
    content: "";
    position: absolute;
    left: -16px;
    top: 50%;
    width: 8px;
    height: 2px;
    background: rgba(255, 255, 255, 0.9);
    
  }
  .mainMenuContainer .headerSocialMedia {
    display: none;
  }

  /* .scheduleHeaderfixed{
    position: fixed;
    left: auto;
    width: 1148px;
    z-index: 99;
    background: #fff;
    top: 68px;
    max-width: 100%;
    padding: 64px 0 0;
  } */


  .scheduleHeaderfixed{
    position: sticky;
    z-index: 99;
    background: #fff;
    top: 68px;
    padding: 64px 0 0;
  }





  .masterPageContent p {
    color: #ffffff;
    color: #000000;
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 36px;
}
.MasterPageAboutSec{
  padding: 36px 0;
}

.masterpageForm {
  max-width: 600px;
  margin: auto;
  margin-bottom: 64px;
  padding: 18px 18px;
  }
  .userselectionDay a {
    font-family: 'product_sansregular';
    display: block;
    float: left;
    color: #ef4081;
    font-size: 18px;
    line-height: 1;
    border-radius: 4px;
    margin-right: 24px;
    margin-bottom: 24px;
    padding: 10px 24px 10px 24px;
    text-decoration: none;
    border: 1px solid #ed1968;
}
.userselectionDay a:hover {
  background: #ef4081;
  color: #ffffff;
}
.mPIBtn{
  text-align: center;
}
.jerRegistrationCode {
  position: relative;
  margin: 12px 0px 0px;
  display: inline-block;
  width: 192px;
}
.jerRegistrationCode input {
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #000000;
  height: 36px;
  width: 100%;
  border: none;
  box-shadow: none;
  outline: none;
  border-bottom: 1px solid #c3c3c3;
  background: transparent;
}
.jerRegistrationCode p {
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  color: rgba(0, 0, 0, 0.5);
  text-transform: capitalize;
  position: absolute;
  top: -4px;
  left: 0;
  pointer-events: none;
  transition: all 0.3s;
}
.submitCodeBtn {
  display: inline-block;
  margin: 0;
  text-align: center;
  width: 167px;
  margin-left: 18px;
}
/* .submitCodeBtn a {
  font-family: 'product_sansregular';
  display: block;
  float: left;
  color: #ef4081;
  font-size: 18px;
  border-radius: 4px;
  line-height: 1;
  padding: 10px 24px 10px 24px;
  text-decoration: none;
  border: 1px solid #ed1968;
} */

/* .submitCodeBtn a:hover {
  background: #ef4081;
  color: #ffffff;
} */
.masterPageContent ul{
  margin-bottom: 36px;
}
.masterPageContent li{
  color: #000000;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 0px;
    list-style: disc inside;
}
.masterPageContent li span{
  font-weight: 400;
}
.pageBanner h1 span{
  font-size: 42px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.masterPageContent h3 {
  font-size: 36px;
  font-family: 'product_sansbold';
  line-height: 1.2;
  color: #737272;
  margin-bottom: 18px;
  }
  .masterClassThanksMsg,.masterClassErrorMsg{
padding-top: 12px;
display: none;
text-align: center;
  }
  .masterClassThanksMsg h4,.masterClassErrorMsg h4{
    font-size: 36px;
    color: #ff0066;
    text-transform: uppercase;
    font-family: 'product_sansbold';
    line-height: 1.2;
    margin-bottom: 18px;
  }
  .masterClassThanksMsg p,.masterClassErrorMsg p{
    font-size: 16px;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 12px;
    /* max-width: 85%; */
    margin-left: auto;
    margin-right: auto;
  }
  .masterClassErrorMsg a,.masterpageFormSubtitle a{
    color: #f70166;
    border-bottom: 1px solid #f70166;
  }
  .masterpageFormSubtitle{
    font-size: 16px;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 36px;
    /* max-width: 85%; */
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .masterpageFormSubtitleClose{
    font-size: 16px;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 12px;
    /* max-width: 85%; */
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .navActive a::after{
    width: 100% !important;
    left: 0 !important;
  }
  .schTimeSep{
display: none;
  }
  .scheShortWrap{
    display: none;
  }
#id-of-error-div{
  display: none;
  max-width: 540px;
  width: 100%;
  margin: 0 auto;
  border: 1px solid#ff0066;
  padding: 8px;
  margin-bottom: 24px;
  border-radius: 4px;
  box-sizing: border-box;
}
#id-of-error-div p{
  font-size: 16px;
    color: #ff0066;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 1.5;
    text-align: center;
}

.jerTabContent{
  display: none;
}
#jerPhotoTabContent{
  display: block;
}
.jerGalleryTabbing a{
  color: #45a8de;
    text-transform: capitalize;
    display: block;
    font-family: 'product_sansregular';
    font-size: 18px;
    line-height: 64px;
    border: 1px solid #45a8de;
float: left;
width: 122px;
text-align: center;
position: relative;
border-radius: 0 4px 4px 0;
}
.jerGalleryTabbing a:first-child{
  border-radius: 4px 0px 0px 4px;
  border-right: none;
}
.jerGalleryTabbing .jerGalActive{
  color: #fff;
  background: #45a8de;
}
.jerGalleryTabbing{
  width: 247px;
  margin: 0 auto 56px;
}

.liveVideoWrap{
  max-width: 100%;
  /* width: 640px; */
  margin: 24px auto 48px;
}
.liveVideoContainer{
  cursor: pointer;
}
.liveStreamingPage{
  padding-top: 148px;
}

/* poetry contest start */
.contestLogo{
  text-align: center;
  position: relative;
  top:94px;
}
.contestLogo a{
  display: inline-block;
  position: relative;
  vertical-align:middle;
}
.contestLogo a:first-child{
  padding-right: 40px;
  margin-right: 40px;
}
.contestLogo a:first-child::after{
  content:"";
  width:2px;
  height:100%;
  top:0;
  right:0;
  position: absolute;
  background-color:#ffffff;
}
.contestLogo a img{
  width:100%;
}
.pageBanner.ptryContest h1{
  top:70%;
}
.cntstSbmt .jerBtn{
  background-color:transparent;
  padding: 16px 9px 12px 42px;
  box-sizing: content-box;
  text-align:left;
  cursor: pointer;
}
.contestHiddenField{
  display: none;
}
.cntstSbmt i{
  top: -40px;
    left: 22px;
    pointer-events: none;
}
.ptryContestForm .titleWithFirstLetter{
    font-size: 74px;
}
/* poetry contest end */

.titleWithFirstWord{
  float:left;
  font-size: 112px;
  margin-bottom: 0;
}
.videoOptions{
  float: right;
}

.videoOptions a{
  width: 142px;
  height: 86px;
  border: 1px solid #d3d3d3;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-left: 18px;
}
.videoOptions a:first-child{
margin-left: 0;
}
.videoOptions .view360{
background-image: url(../img/view360.png);
}
.videoOptions .viewVR{
  background-image: url(../img/viewVr.png);
  }
  .videoOptions .viewLiveStreaming{
    background-image: url(../img/viewLive.png);
    }
    
  .liveStreaming .titleWithFirstWord{
    float:none;
    margin-bottom: 46px;
  }  
.liveVideoSupportLogo{
  padding-top: 20px;
  text-align: right;
}
  .liveVideoSupportLogo a,.liveVideoSupportLogo span{
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
    cursor: default;
  }
  .supLogoAirtel{
    position: relative;
    padding-left: 12px;
  }
  .supLogoAirtel::before{
content: '';
position: absolute;
left: 0;
top: 0;
height: 30px;
width: 2px;
background:#dfdfdf;
  }
  .liveVideoSupportLogo span{
    font-size: 20px;
    color: #737272;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
  }
  .ptryContestForm .titleWithFirstLetter::first-letter{
color: #737272;
  }
  .scheduleDayNav .downloadScheduleDevice{
    display: none;
  }
  .ytVdoInfo{
    position: absolute;
    z-index: 9;
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    background-color: rgba(255,255,255,.6);
    padding: 8px 12px;
    left: 0;
    bottom: 56px;
    pointer-events: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    pointer-events: none;
    display: none;
  }
  .jerVideoSectionWrap{
    position: relative;
  }
.countDownSection{
  text-align: center;
  margin-bottom: 48px;
}
.countDownSection h3,.countDownSection .liveCounter span{
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
    color:#737272;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
    
}


.countDownSection .liveCounter{
  display: inline-block;
  vertical-align: middle;
}

.countDownSection .liveCounter span{
  border: 1px solid #e4e4e4;
  padding: 8px;
  margin: 0 3px;
  text-transform: lowercase;
  font-size: 24px;
  color: #ff0066;
}
.liveStreaming.beforeLive .titleWithFirstWord{
margin-bottom: 6px;
}
.countDownSection{
  display: none;
}
.beforeLive .countDownSection,.beforeLive .ytVdoInfo{
display: block;
}

.liveStreamBtn{
  position: absolute;
  /* position: fixed; */
  bottom: 48px;
  left: 50%;
  font-size: 16px;
  border: 1px solid #fff;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  padding: 10px 16px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0px 5px 5px 2px rgba(0,0,0,0.2);
  color: #000;
  margin-left: -66px;
}
/* .liveStreamBtn span{
  -webkit-animation: flash 1s infinite; 
  animation: flash 1s infinite;
  background-image: linear-gradient(92deg, #f35626 0%,#feab3a 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
} */

.liveStreamBtn span{
  width: 12px;
    height: 12px;
    background: #ff0066;
    display: inline-block;
    vertical-align: baseline;
    border-radius: 50%;
    -webkit-animation: blink 0.6s infinite;
    animation: blink 0.6s infinite;
    margin-right: 4px;
}

@-webkit-keyframes blink {
  0%   {background: #ff0066;}
  100% {background: #feab3a;}
}


@keyframes blink {
  0%   {background: #ff0066;}
  100% {background: #feab3a;}
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
    background-image: linear-gradient(92deg, #ff0066 0%,#feab3a 100%);
  }

  25%,
  75% {
    opacity: 0;
    background-image: linear-gradient(92deg, #f35626 0%,#feab3a 100%);
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
    background-image: linear-gradient(92deg, #ff0066 0%,#feab3a 100%);
  }

  25%,
  75% {
    opacity: 0;
    background-image: linear-gradient(92deg, #f35626 0%,#feab3a 100%);
  }
}

.getSponsorsPartners{
  padding: 48px 0 24px;
}


.jerUkInfoPopupOverLay{
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  left: 0;
  top: 0;
  z-index: 9999;
}
.jerUkInfoPopup{
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  /* bottom: 0; */
  width: 400px;
  height: auto;
  margin: auto;
  transform: translateY(-50%);
  z-index: 9999;
}
.jerUkInfoPopup img{
width: 100%;
height: auto;
}
.jerUkInfoPopupClose{
  font-size: 14px;
    color: #fff;
    position: absolute;
    right: 0;
    top: -15px;
    letter-spacing: 1px;
}

.jerUkLink{
  display: block;
  width: 100%;
  height: 100%;
}
.gotojerukbtn{
  position: fixed;
  right: 16px;
  bottom: 16px;
  font-size: 15px;
  font-family: 'product_sansregular';
    text-transform: capitalize;
    color: #fff;
width: 158px;
height: 52px;
line-height: 1;
    display: block;
    padding-top: 11px;
    box-sizing: border-box;
    z-index: 9;
    background: url(../img/jerukbutton.png) no-repeat 0 0;
    background-size: auto 100%;
}