.edit-profile .controls{display:none !important;
}
.container.full-page-container .two-btns {
    visibility: visible!important;
}
.popup .col-sm-12 h1{
    color: #ffdf00 !important;
    text-shadow: 4px 4px 4px #0c0b0b;
    text-align: left !important;
    font-family: var(--eventFont) !important;
    font-size: 3.8em !important;
}

.videowrapper button.close {
    margin-top: -21px;
}

.slim-bar{
    background-color: #00ad44 !important;
}
label.required::after {content:' *';color: red;}
.foot_bootom,.padding .col-lg-2 a img{display:none!important}body{font-family: var(--eventfont);font-size:15px}.header-content{background:#fff}.main_top_area{background:url(../images/banner.jpg) 50% 50%/100% no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;position:relative;width:100%;height:auto}.logo-left-en img{height:68px}.footer-section-1 img{height:60px;margin-top:15px}#LoginBtn{border:1px solid #ccc;margin-left:10px}.emp-video-tag{max-width:100%}.navbar-default{padding-top:22px}.navbar-toggle{margin-top:-62px}.logo-left-en{text-align:left!important}.row.padding{padding-top:20px}.modal-header{background-color:#1669a4}.participating img{height:auto}.top-right-section{padding-top:15px}.main_top_area{border-bottom:none}.main_top_area .container-wrp{background:rgba(0,0,0,.5)}.popup{background:0 0;padding-top:60px}.popup h1{font-family:Arial,serif!important;font-size:3.5em!important;margin-top:40px;text-transform:none;font-weight:700}.popup h2{line-height:1.1;margin-top:20px;margin-bottom:50px;color:#fff;font-size:3.5em;font-weight:700}.col-sm-6 a img{padding-top:45px!important;margin-bottom:23px!important}.padding a img{padding-top:0!important;padding-bottom:0!important;margin-bottom:0!important}.navbar-default .navbar-collapse,.navbar-default .navbar-form{text-align:right}#footer,footer{border-top-color:#00adee!important;background-color:#fff!important;padding-bottom:12px}.footer-section-2 img{margin-top:40px}#footer .padding{padding-top:9px}.btn-darkgrey{background-color:#1669a4!important}.container-parent{border-bottom:2px solid #eee}.custom-para-info{color:#fff;font-size:13px;font-weight:500;font-family:OpenSansBold;text-align:center}#banner-slider{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}#banner-slider .carousel,#banner-slider .carousel-inner,#banner-slider .item,#banner-slider .item>img{height:100%!important;width:100%!important}#time{padding:35px 0 28px}#time li{background:#fffffa!important;border-radius:5px;width:95px;padding:15px 5px 10px;margin-right:14px}#time p{background:0 0!important;color:#333;height:auto;line-height:1em;font-weight:700;font-size:40px;font-family:Lucida,sans-serif}#time span{margin-top:0;margin-left:0;color:#333;left:0;padding-top:0}.popup{margin-bottom:0}.two-btns{margin:18px 0 60px}.two-btns .btn{padding:15px 50px!important;font-size:1.3em;font-weight:700;font-family:Arial;border-radius:3px}.two-btns .green-btn,.two-btns .green-btn:hover{background:url(https://vepimg.b8cdn.com/uploads/vjf/134-pdn/button-bg.jpg) repeat-x!important;color:#55544e!important;box-shadow:0 8px 0 0 #c7c7c7;margin-right:15px}.two-btns .white-btn{box-shadow:0 8px 0 0 #0095cc}#get-your-own .two-btns .green-btn{box-shadow:0 8px 0 0 #c7c7c7!important}.header-bottom{padding:10px;color:#393939;background:#f7f7f5}.header-bottom .list-inline{margin-bottom:5px}.header-bottom ul li{padding:0 5px;display:inline-block;vertical-align:top}.header-bottom .details-img{margin-right:10px}.header-bottom .details-img img{height:70px;width:70px}.header-bottom .details-box{width:272px;overflow:hidden;text-align:left;padding:5px}.header-bottom .details-info h4{margin:15px 0 3px}.header-bottom .details-info p{line-height:1em;font-size:12px}.simple-section{color:#393938;text-align:left;padding:40px 5px!important;border-bottom:1px solid #e0e0e0}.simple-section h1{font-family:Arial,sans-serif;font-size:40px;text-align:center;margin:0 0 20px;font-weight:700;color:#2c2c2c}.simple-section h3{margin:0 0 25px;font-size:30px;color:#ffdf00;font-weight:700;text-align:center}.simple-section ol{padding-left:16px;padding-top:6px}.simple-section ol li{padding-bottom:10px;padding-left:8px}.simple-section.inner-section h2{font-size:22px;text-align:left;margin:0 0 20px;font-weight:600;color:#414141}.simple-section.inner-section ol{padding-left:35px}.simple-section.inner-section ol li,.simple-section.inner-section ul li{padding-bottom:6px;padding-left:8px}.simple-section p{font-size:15px;margin-bottom:16px;line-height:28px}#presenters-section h1{margin:0;font-size:25px;font-weight:600;line-height:30px}#about-section p{font-size:16px;line-height:1.5em}.schedule-container{color:#414141;border-bottom:1px solid #e9e8e8;padding:13px 0 5px;width:100%}.schedule-container ul li{vertical-align:top}.day-display{width:150px;height:110px;background-color:#22AECF;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-align:center;padding:5px;display:table-cell;vertical-align:middle;color:#f9ffff;font-size:30px;font-weight:700;line-height:1em}.schedule-box{width:230px;min-height:110px;border-left:5px solid #22AECF;padding:8px 8px 8px 35px;position:relative}.schedule-box img{position:absolute;width:15px;left:11px;top:12px}.time-slot-time{padding:0;margin:0 0 2px;font-size:14px;font-weight:700;color:#464646}.time-slot-header{padding:0;margin:0 0 3px;color:#292929}.time-slot-text{padding:0;margin:0;font-size:12px;line-height:1.3em}.btn-schedule{margin-top:35px}#cta50-section{text-align:center;background:#e9573b;color:#f8f9ff}.cta50-text,.cta50-text h1{text-align:right}.cta50-text h1{font-family:"Bree Serif",serif;color:#f8f9ff}.btn-cta50-container{text-align:left}.btn-cta50{background-color:#fffff6;box-shadow:0 8px 0 0 #931502;color:#e9572f;font-size:1.5em;font-weight:700;margin-top:2px;padding:15px 50px;border:0}.btn-cta50:hover{background-color:#fff5ff;color:#e9571f}#cta60-section,#cta60-section h1{color:#fcffff;text-align:center}.featured-presenter{border-bottom:1px solid #d7d7d8;overflow:hidden;padding:35px}.featured-speaker-img{border:10px solid #fff;box-shadow:0 0 5px 2px rgba(0,0,0,.1);float:left;margin-right:30px;max-height:305px}.featured-presenter p{font-size:20px;line-height:1.5em}#cta60-section{background:#e9553f}#cta60-section h3{text-align:center}.btn-cta60,.btn-cta60:hover{background-color:#fbffff;box-shadow:0 8px 0 0 #931500;color:#e9543f;font-size:1.5em;font-weight:700;margin-top:15px;padding:15px 50px;border:none}.navbar-form.navbar-left{float:right}.navbar-nav>li>a{border-bottom:2px solid transparent;padding-bottom:2px}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>li>a,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{text-decoration:none;color:#505050;padding:8px 8px 9px;font-size:18px;line-height:18px;font-weight:400;text-transform:none}.navbar-collapse .navbar-nav{display:inline-block;float:none;vertical-align:middle}.navbar-collapse .navbar-form{display:inline-block;float:none!important;margin:0;vertical-align:middle}.navbar-collapse{display:block!important}.navbar-collapse .nav>li{display:inline-block!important}.navbar-header{display:none!important}.col-lg-9.top-right-section{float:right;text-align:right}.faq.padding{padding:0}.faq .panel{background:#efefef;padding:15px 25px;margin:0 0 27px;border:none;border-radius:8px}.faq .panel-heading{padding:0!important;background:0 0!important}.faq h4.panel-title a{font-size:15px;text-decoration:none;cursor:pointer;outline:0;line-height:24px;color:#333;font-family:'Proxima Nova',sans-serif;font-weight:700}.faq .panel-collapse{font-size:14px;text-decoration:none;cursor:pointer}.faq .panel-collapse .panel-body{width:100%!important;padding-bottom:0;border:none!important;padding-top:9px;font-size:14px!important;font-family:"Proxima Nova",serif!important;line-height:24px!important;color:#666!important}.featured-presenter p a{color:#f60}#video-section{color:#393937}.about-video-wrapper{margin:auto 30px auto auto;width:500px;float:left}.section-main-header{margin:0 0 5px;padding:0}.video-container{position:relative;padding-bottom:56.25%;padding-top:5px;height:0;overflow:hidden;margin:auto auto 10px}.video-container embed,.video-container iframe,.video-container img,.video-container object{position:absolute;top:0;left:0;width:100%!important;height:100%!important;margin:auto}#video-section p{font-family:Helvetica,serif;font-size:20px;line-height:1.5em}#partners-section .col-lg-3{float:none;display:inline-block;width:auto;vertical-align:bottom}#partners-section .col-lg-3 img{width:200px}.dateList{text-align:left;margin-bottom:5px}.dateList span.cal-icon img{width:25px;height:25px}.sponserSec{margin-bottom:35px;text-align:center}@media only screen and (max-width:1200px){.logo-container{text-align:center}#about-section p,.featured-presenter p{line-height:1.5em;font-size:18px}.day-display{width:120px;font-size:20px}.details-box{width:220px}.about-image-container ul li img{width:250px}.schedule-box{width:180px}.buy-box{width:220px}.buy-feature-list{font-size:12px}.faq-list-container,.testimonial-box{width:100%}}@media only screen and (max-width:992px){#cta50-section,.btn-cta50-container,.cta50-text,.dateList,.top-menu-container ul{text-align:center}.col-lg-9.top-right-section,.col-lg-9.top-right-section .container-fluid,.logo-left-en{text-align:center;padding:0}.navbar-nav{margin:0}header.smaller{position:relative}.hero-info-container h1{margin:10px;padding:0;font-size:2.5em;color:#fffffc}.hero-info-container h2{font-size:1.2em}.details-box{width:320px}.about-image-container{width:100%;float:none}.about-image-container ul li img{width:285px}.video-wrapper{margin:auto 0 auto auto;max-width:100%;float:none}#video-section h1{margin-top:30px}.day-display{width:100px;font-size:20px}.schedule-box{width:134px}.buy-box{width:265px;margin-bottom:15px}.partners-container ul li img{width:145px}.video-inline-list li{width:32%}}@media only screen and (max-width:767px){.navbar-default{padding-top:0}.logo-left-en img{margin-top:0!important;height:60px}.jad-logo-mob{margin-top:12px}.navbar-collapse{margin-top:40px}.popup{width:100%;padding:0 10px 35px}.popup h1{font-size:2.5em!important;margin-top:20px}.popup h2{font-size:1.2em!important}.col-lg-9.top-right-section,.logo-left-en{padding:0 20px}.logo-container{text-align:center}.two-btns button{max-width:274px}.two-btns button.green-btn{margin-top:0}#time li{width:60px;padding:15px 5px 10px;margin-right:5px}#time p{font-size:28px;font-family:Lucida,sans-serif;min-width:40px}#time span{font-size:12px;width:100%}.header-bottom ul li{width:100%;vertical-align:top}.header-bottom .details-box{margin:0 auto}.btn-cta50{color:#22aecf}.text-center{text-align:center!important}.participating.sponsors{padding-top:0}.participating img{margin:0}.faq .panel-title{font-size:14px}.faq .panel-heading{padding:10px 45px 10px 15px}.counter-box{width:90px}.header-bottom .details-box{width:214px}.about-image-container ul li img{width:257px}.day-display-container{width:100%}.day-display{width:100px;font-size:20px}.schedule-box,.video-inline-list li{width:100%}.two-btns button.btn{padding:15px 12px!important;width:95%}#sbg-1 img,#sbg-2 img,#sbg-3 img{display:none}.navbar-collapse .nav,.navbar-header{display:block!important}#sbg-1{background:url(http://vepimg.b8cdn.com/uploads/vjf/134-pdn/bg-sm-1.jpg) left top/100% 100% no-repeat}#sbg-2{background:url(http://vepimg.b8cdn.com/uploads/vjf/134-pdn/bg-sm-2.jpg) left top/100% 100% no-repeat}#sbg-3{background:url(http://vepimg.b8cdn.com/uploads/vjf/134-pdn/bg-sm-3.jpg) left top/100% 100% no-repeat}.navbar.navbar-default{margin-bottom:0;min-height:0}.navbar-header{margin-top:-15px}.navbar-collapse .nav>li{display:block!important;text-align:center;border-bottom:1px solid #eee}.navbar-default .navbar-collapse{display:none!important;text-align:center;margin-top:8px}.navbar-default .navbar-collapse.in,.navbar-default .navbar-form{display:block!important;text-align:center}.dateList{text-align:center}}@media only screen and (max-width:480px){.hero-info-container{text-align:center;padding:20px 0 60px}.number{font-size:25px}.counter .list-inline li{padding-left:0;padding-right:0}.counter-box{padding:15px 5px;width:50px}.duration{font-size:9px}.popup{padding-bottom:0}.popup h1{font-size:2em!important}.popup h2{margin-bottom:30px}.two-btns .green-btn,.two-btns .green-btn:hover{margin-right:0}h1{font-size:28px!important}.navbar-default .navbar-collapse,.navbar-default .navbar-form{padding-left:0;padding-right:0}.header-content{background:0 0}.header-content .navbar-collapse .btn-info{margin:8px 0}.logo-left-en{text-align:left!important}.col-lg-9.top-right-section{margin-top:-30px;float:none}}.section-heading{font-weight:300;font-size:36px;color:#888;margin-top:45px}.tmdi-heading{margin:30px 0 25px;border-bottom:1px solid #d6d6d6}.tmdi-heading h4{color:#2cafe3;font-size:24px;font-weight:300;margin:0;padding-bottom:10px;float:left}.tmdi-heading .carousel-control{position:relative;top:auto;left:auto;background:0 0;display:inline-block;opacity:1;margin-top:6px}.tmdi-heading .left.carousel-control{background:url(http://vepimg.b8cdn.com/uploads/vjf/133-mtdi/icon-prev.png) no-repeat;width:25px;height:21px;margin-right:10px}.tmdi-heading .right.carousel-control{background:url(http://vepimg.b8cdn.com/uploads/vjf/133-mtdi/icon-next.png) no-repeat;width:25px;height:21px}.carousel-inner .item .col-sm-3:first-child,.carousel-inner .item .col-sm-4:first-child{padding-left:0}.carousel-inner .item .col-sm-4:last-child{padding-right:0!important}.carousel-inner .item p{color:#333;font-size:16px;padding-top:5px;font-weight:400;margin:0}.carousel-inner .item span{display:block;color:#888;font-size:12px;padding-top:5px;font-weight:300}.carousel-inner .item label{display:block;color:#666;font-size:12px;padding:20px 0 0;margin:0;font-weight:300;text-transform:uppercase}.carousel-inner .item p.description{color:#666;font-size:14px;font-weight:300}.carousel-inner.sm-carousel .item p{font-size:14px;padding-top:8px}#virtual-tour .section-heading{padding-bottom:20px}#virtual-tour .col-xs-2{width:20%!important}#virtual-tour .col-xs-2 .vt-thumb{padding-bottom:12px}#virtual-tour .col-xs-2 img{max-height:107px!important;width:100%;border:1px solid #7d7d7d}#virtual-tour h3{padding:15px 0 24px;margin:0}#virtual-tour .col-sm-7 img{border:1px solid #7d7d7d}#virtual-tour .col-sm-5{font-family:Roboto,sans-serif;font-size:14px;font-weight:300;color:#666}#virtual-tour .tmdi-heading{margin:0;border-bottom:none;height:40px}.vt-thumb.selected{background:url(http://vepimg.b8cdn.com/uploads/vjf/133-mtdi/icon-thalay-noo.png) center bottom no-repeat} @media (min-width:992px){.vjf-header p#announcement-section{display:inline-block}.top-search{float:right;max-width:100%;width:300px}.top-search .typeahead.dropdown-menu li{overflow:hidden}} #Prev-Next-Booth-Btns{position:relative!important;height:auto!important} .terms-of-service-section{padding:20px 0}.privacy-policy-section h4{font-size:20px;font-weight:600;padding:15px 0}.privacy-policy-section ul{padding-left:30px}.terms-of-service-section ol li{padding:5px 0;counter-increment:my-awesome-counter;margin:.25rem;position:relative}.terms-of-service-section ol{list-style:none;padding-left:30px;counter-reset:my-awesome-counter}.terms-of-service-section ol li::before{content:counter(my-awesome-counter);background:#828282;width:2rem;height:2rem;border-radius:50%;display:inline-block;line-height:2rem;color:#fff;text-align:center;margin-right:.5rem;font-size:12px;position:absolute;left:-30px;top:8px}.footer-section{background-color:#417eac!important}.footer-section img{padding-top:10px}.footer-links{padding-top:20px}.footer-links a{font-size:12px;color:#fff}


@font-face {
    font-family: 'Brandon Grotesque';
    src: url('https://vepimg.b8cdn.com/uploads/vjfnew/9100/uploads/vjf/content/misc/1678431129BrandonGrotesque-Medium.woff2') format('woff2'),
        url('https://vepimg.b8cdn.com/uploads/vjfnew/9100/uploads/vjf/content/misc/1678431152BrandonGrotesque-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('https://vepimg.b8cdn.com/uploads/vjfnew/9100/uploads/vjf/content/misc/1678431176BrandonGrotesque-Bold.woff2') format('woff2'),
        url('https://vepimg.b8cdn.com/uploads/vjfnew/9100/uploads/vjf/content/misc/1678431201BrandonGrotesque-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('https://vepimg.b8cdn.com/uploads/vjfnew/9100/uploads/vjf/content/misc/1678431238BrandonGrotesque-Regular.woff2') format('woff2'),
        url('https://vepimg.b8cdn.com/uploads/vjfnew/9100/uploads/vjf/content/misc/1678431267BrandonGrotesque-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.card-icon-speaker img {
    height: 50px;
}






:root{
    --mainTheme:#e9042d;
    --mainTheme2:#ff6a00;
    --eventfont:'Brandon Grotesque';
}


/*counter*/

/* Countdown Timer---------------------------- */
.countdown-container {
  text-align: center;
  background-color: #062739;
}

#clockdiv {
  font-family: var(--eventHeadingFont);
  color: #00ad44;
  display: inline-block;
  font-weight: 700;
  text-align: center;
  font-size: 50px;
}

#clockdiv .smalltext {
  color: #696969;
  font-size: 16px;
}

#clockdiv>div {
  background: none;
  position: relative;
  margin-right: 40px;
}

#clockdiv>div::before {
  content: ":";
  color: #ddd;
  position: absolute;
  right: -22px;
  top: 50%;
  transform: translateY(-60%);
}

#clockdiv>div:last-child::before {
  content: "";

}



/*end*/


/*flip*/
.back .inner {
    padding: 20px !important;
}

.inner h3 {
    color: #062739 !important;
    font-size: 20px !important;
    margin: 10px 0 0;
}

.personal-lift-wrapper {
    padding: 10px 0;
}

.personal-lift-wrapper p {
    font-size: 16px !important;
    margin-bottom: 0;
    color: #062739 !important;
}

.perosnal-btn a {
    background-color: #00ad44;
    padding: 10px;
    font-size: 17px;
    display: block;
    color: #fff;
    width: 200px;
    margin: 10px auto;
    text-decoration: none;
    border-radius: 4px;
}





.speaker_container {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.front,
.back {
    background-size: cover;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
    border-radius: 0;
    background-position: center;
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: center;
    min-height: 250px;
    height: auto;
    border-radius: 0;
    color: #fff;
    font-size: 1.5rem;
}

.back {
    background: #fff !important;
    /* background: linear-gradient(90deg, #281362 20%, #281362 65%, #281362 75%); */
    animation: gradient 8s ease infinite;
    background-size: 450%;
  min-height: 300px;
}

.front:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    opacity: .3;
    background-color: #000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 0;
}

.speaker_container:hover .front,
.speaker_container:hover .back {
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(90deg, #281362 20%, #281362 65%, #281362 75%);
    animation: gradient 8s ease infinite;
    background-size: 450%;
}

.inner {
    -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
    transform: translateY(-50%) translateZ(60px) scale(0.94);
    top: 50%;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;
}

.speaker_container .back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.speaker_container .front {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    filter: brightness(1.5);
display: block;
padding-top: 50px;
padding-left: 20px;
padding-right: 20px;
    align-items: center;
    justify-content: center;
    background-color: #00ad44 !important;
    border-radius: 4px !important;
    min-height: 300px;
}
.speaker_container .front p{
    font-size: 20px !important;
}

.speaker_container .front h4 {
  font-size: 20px !important;
}
.speaker_container:hover .back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.speaker_container:hover .front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.speaker_container {
    margin-bottom: 10px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

/* .modal-header {
    background-color: #bf1d59;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.btn-close {
    color: #333;
    background-color: #fff;
    border-color: #ccc !important;
    text-align: center;
    padding: 10px 13px !important;
    border-radius: 25px 25px !important;
    font-weight: 800;
    transition: all 0.2s ease;
    text-decoration: none !important;
    outline: none !important;
}

.modal-header h4 {
    color: #fff;
}

.speaker_img-src h4 {
    font-weight: 600;
}

.modal-body img {
    width: 100%;
    border-radius: 50%;
}

.row {
    display: flex;
    flex-wrap: wrap;
}   */
/*end*/



/* Hero Section */
.main_top_area {
    background: url("https://vepimg.b8cdn.com/uploads/vjfnew/9100/uploads/vjf/content/misc/1678275774intern header image 1.jpg")no-repeat center;
    background-size: cover;
    padding-top: 10%;
    padding-bottom: 10%;
    position: relative;
}

.main_top_area::before {
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    content: "";
    /* background-image: -webkit-linear-gradient(left, #333 0%, #dddddd36 100%);
    background-image: linear-gradient(to right, #333 0%, #dddddd36 100%); */
    position: absolute;
    opacity: 0.9;
}

.popup .col-sm-12 {
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}

#date-info {
    margin-top: 0px;
    margin-bottom: 30px;
    color: #fff;
    font-weight: 600;
    font-size: 26px;
    font-family: var(--eventFont);
    text-shadow: 2px 2px 2px black;
    text-align: left;
    
}

/* .eventDate::after {
    content: "|";
    margin-left: 7px;
} */

.two-btns {
    text-align: center;
    visibility: hidden;
    margin: 35px 0 20px;
    padding: 2px;
    border: solid 2px var(--white);
    display: inline-block;
    border-radius: 40px;

}


.two-btns a {
    background: var(--white);
    color: var(--mainThemeColor) !important;
    display: inline-block;
    padding: 12px 34px;
    border-radius: 40px;
    letter-spacing: 1px;
    font-size: 18px;
}


.two-btns a:first-child {
    background: transparent;
    color: var(--white) !important;
    box-shadow: none;
}

.two-btns:hover a {
    background: transparent;
    color: var(--white) !important;
    box-shadow: none;
}

.two-btns a:hover {
    background: var(--white) !important;
    color: var(--mainThemeColor) !important;
    box-shadow: 0px 10px 25px 0px rgb(249 71 67 / 30%);
    text-decoration: none;
}

.two-btns i {
    margin-right: 5px;
}


  html,
  body {
    height: 100%;
   font-family: var(--eventfont);
    font-weight:400;
    font-size:20px;
    color:#020202;
  }
  h1, h2, h3, h4, h5, h6{
    font-family: var(--eventfont);
  }
  h2{
    margin-top: 0;
    font-size: 2em;
  }
  p {
    margin: 0 0;
  }
  a{
    color: #E20074;
  }
.logo-left-en {
    display: flex;
    align-items: center;
}
/*.top-right-section .nav.navbar-nav,.login-btn a {
    display: none !important;
}*/
.modal-header {
    background-color: #00ad44;
}
.btn-darkgrey {
    background-color: #00ad44 !important;
}
.login-btn h2 span {
    color: #fff;
    font-size: 50px;
}
.login-btn h2 {
    color: #00ad44;
    font-size: 65px;
  line-height: 0.9;
}
.header-content .row{
 display: flex;
    justify-content: right;
    flex-wrap: wrap; 
}
.acsb-trigger-position-y-top {
      inset: 60px 20px auto auto !important;
}
.navbar-default {
    padding-top: 0px;
}
.to-success .login-btn a:hover {
    opacity: 0.9;
}
.navbar-default .navbar-nav > li > a,.navbar-default .navbar-nav>li>a:hover{
      color: #00ad44;
    padding: 30px 8px 9px;
    font-size: 23px;
    line-height: 18px;
  cursor: pointer;
  font-family: var(--eventfont);
}
.navbar-default .navbar-nav>li>a:hover{
      color: #00ad44;
}
.career-fest_video {
    background-color: #00ad44;
    padding: 25px 15px;
}
.rock-career-bg{
background:url('https://vepimg.b8cdn.com/uploads/vjfnew//content/files/1653307714rock-img1-jpg1653307714.jpg') no-repeat;
background-size:cover;
  padding:0px;
}
iframe {
    border: none;
}
.rock-career p {
    background-color: #000;
    color: #fff;
    text-align: center;
    font-family: var(--eventfont);
    font-size: 28px;
    line-height: 1.3;
    padding: 10px 0px;
  position: absolute;
    width: 100%;
    top: 45%;
}
.tmobile-list {
    padding: 10px 30px;
}
.tmobile-list-section{
  background-color: #000;
}
.tmobile-list-section .row {
    display: flex;
  flex-wrap: wrap;
}

.tmobile-list-section .tmobile-list p {
    color: #fff;
  line-height: 1.2;
}
.tmobile-list-section h4{
  color: #e10173;
  font-size:22px;
}
.tmobile-list-section span{
  color: #e10173;
      font-weight: 600;
    font-size: 16px;
}
.logo-left-en img {
  padding-top:15px;
    height: auto;
    max-width: 200px;
    margin-bottom: 10px;
}
.to-success {
    display: flex;
}
.tmobile-career_making p, .tmobile-career_making h3 {
    color: #ffdf00 !important;
}
.to-success .login-btn {
    padding-top: 40px;
    flex-wrap: wrap;
    align-items: flex-end;
    display: flex;
    padding-bottom: 0px;
    padding-left: 70px;
}
.login-btn p{
 padding-top: 60px; 
}
.footer-section {
    background-color: #062739 !important;
    border: none;
      padding-bottom: 20px;
  padding-top:20px;
}

.footer-section h2{
    text-align: left;
    padding-left: 10px;
    margin-bottom: 50px;
  }
.sec-five .sec-five_col h3 {
    margin-bottom: 30px;
}
.tmobile-career_making{
 background:#062739;
  background-size:cover;
  padding:30px 0px;
}
  .navbar-brand {
    height: auto;
    padding: 10px 0px 0px 0px;
}

  .logo-left-en {
    text-align: left!important;
    padding: 30px 0 0;
  }
  button.btn{
    font-family: var(--eventfont);
  }
  .top-right-section {
    padding-top: 0px;
  }
  .navbar-default {
    padding-top: 13px;
  }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    text-align: right;
  }
  .navbar-inverse {
    background-color: #fff;
    border-color: #fff;
    margin-bottom: 5px;
  }
  .navbar-nav{
    margin-top:10px;
  }
  .navbar-header .navbar-brand img {
    height: auto;
   
  }
  .nav .img-right{
    max-width: 80px;
  }
.to-success{
      display: flex;
}


.liftbox {
    padding: 20px;
    background-color: #00ad44;
    min-height: 210px;
    text-align: center;
    margin-bottom: 10px;
    border-radius: 4px;
    padding-top: 60px;
    min-height: 300px;
}

.liftbox h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

.liftbox p {
    font-size: 20px;
    color: #fff;
    line-height: 1.3;
}

section#career {
    background-color: #062739;
}






.login-btn a{
    text-decoration: none;
    padding: 15px 10px;
    background-color: #00ad44;
    color: #fff;
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    font-family: var(--eventfont);
    display: flex;
    align-items: center;
    max-width: 230px;
    justify-content: center;
    border:0;
  margin-bottom:20px;
}
.login-btn a:hover {
    color: #fff;
    background-color: #00ad44;
}
  .navbar-inverse .navbar-nav > li > a,
  .navbar-inverse a{
    font-family: var(--eventfont);
    font-weight:700;
    font-size:20px;
    color:#000000;
    /*text-transform:uppercase;*/
  }
.mobile{
 display:none; 
}
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{
    background-color:transparent;
    color: #e20075;
  }
  .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
    color: #e20075;
    background-color: transparent;
  }
  .header-content .container{
    max-width: 100% !important;
    width: 100% !important;
  }
  .t-sec{
    background: #000000;
    padding: 40px 0px;
    color: #ffffff;
  }
  .sec-three{
    font-size: 1.15em;
  }
  .sec-three_col-2 p{
    padding-left: 10%;
  }
  .sec-four {
    background: transparent url(https://vepimg.b8cdn.com/uploads/vjfnew/4030/uploads/vjf/content/misc/1612341267bg-four.png) no-repeat top left /100%;
    background-size: cover;
    background-position: top left;
    background-color: #000000;
  }
  .sec-four h2{
    text-transform: uppercase;
    text-align: left;
    padding-left: 10px;
  }
  .sec-four .sec-four_col h3{
    text-transform: uppercase;
    text-align: left;
    font-size: 1.4em;
    margin-bottom: 10%;
  }
  .sec-four .sec-four_col {
    background: #E20074;
    min-height: 300px;
    padding: 20px 15px;
    margin-bottom: 6%;
  }

.sec-four_col p {
    padding-top: 30px;
}
  .sec-four .sec-four_col.last-col p{
    padding:0;
   color: #000000;
   font-size: 1.1em;
   font-family: var(--eventfont);
   letter-spacing: -1px;
  } 
  .sec-five h2{
    text-align: left;
    padding-left: 10px;
    margin-bottom: 4%;
  }
  .faq-title:after {
    content: "";
    width: 100px;
    height: 100px;
    background: url(https://vepimg.b8cdn.com/uploads/vjfnew/4030/uploads/vjf/content/misc/1612348607Group13645.png) no-repeat 0px 2px;
    top: -20px;
    left: 125px;
    position: absolute;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .sec-five .sec-five_col h3{
  margin-bottom: 8%;
  }
  .sec-five .sec-five_col {
    padding-right: 7%;
  }

  /* Login Modal */
  .no-gutter{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .modal {
    overflow-y: auto;
  }
  .modal-open {
    overflow: auto;
  }
  .modal-open[style] {
    padding-right: 0px !important;
  }
  .modal-content{
    border: 0;
  }
  .modal-content .modal-header{
    border-radius: 4px 4px 0 0;
  }
  .login-modal {
    border-radius: 0;
    margin-top: 14%;
}
.login-modal .btn-pink {
    background: #E20074;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-family: var(--eventfont);
    height: 39px;
}
.login-modal .modal-header .close {
    opacity: 0.6;
    color: #0e0e0e;
}

.login-modal .modal-header {
    background-color: #fff;
    color: #9e9e9e;
    padding: 10px 15px 30px 15px;
    border-bottom: 0px;
}
.login-modal .modal-body h3 {
    text-transform: uppercase;
    color: #E20074;
    font-family: var(--eventfont);
    font-weight: 500;
    font-size: 30px;
    margin-bottom: 0px;
}
.login-modal .modal-body label {
    font-family: var(--eventfont);
    font-weight: 500;
    font-size: 18px;
    margin-top: 0px;
}
.login-modal .modal-body .form-control {
    border: 1px solid #E20074;
    border-radius: 0px;
    height: 39px;
}
.login-modal .btn-pink:hover {
   opacity: 0.8;
}
.first-flip {
    padding-top: 12px !important;
    min-height: 215px !important;
}



  @media only screen and (min-width: 993px) { 
    .hide-desk{
        display: none;
    }
  }
  @media only screen and (max-width: 992px) { 
    .hide-mob{
        display: none;
    }
    .first-flip {
        padding-top: 50px !important;
        min-height: 300px !important;
    }
  }
  @media only screen and (max-width: 767px) { 
    #clockdiv .eventlive {
      max-width: 500px;
      font-size: 24px;
      padding-left: 25px;
    }
    #clockdiv {font-size: 24px}
  #clockdiv > div {margin-right: 7px; padding: 10px 5px}
  #clockdiv > div > span {padding: 0 0 4px; min-width: 60px; }
  #clockdiv > div > div {margin-right: 0}
  #clockdiv .smalltext {font-size: 13px}
    .navbar-default .navbar-toggle{
        border-color: #ffdf00 !important;
    }
    .popup {
        padding: 0 30px;
    }
 .career-fest_video iframe{
   height:auto;
    }
 .tmobile-list {
    padding: 10px 0px;
}
.rock-career-bg {
    min-height: 300px;
}
    .to-success .login-btn {
    padding-bottom: 0px;
    padding-left: 20px;
      padding-top:20px;
}
    .login-btn p {
    padding-top: 20px;
}
    .t-sec {
    padding: 20px 0px;
    }
    .to-success {
    display: block;
}
    .mobile{
 display:block; 
}
    .desktop{
 display:none; 
}
    #t-login .modal-dialog .img-sec{
      display: none;
    }
    .login-modal .btn-pink {
      margin-top: 5%;
  }
    .navbar-brand img{
      max-width: 190px;
  }
  .navbar-brand {
    height: 60px;
  }
  .navbar-toggle {
    margin-top: -55px;
  }
    .navbar-default {
    padding-top: 0px;
}
  .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #E20074;
  }
  .navbar-inverse .navbar-collapse {
    border-color: #E20074;
    width: 100%;
    text-align: center;
  }
  .navbar-collapse .nav .img-right {
    max-width: 80px;
    /* text-align: center; */
    margin: auto;
  }
  .sec-five h2 {
    text-align: left;
    padding-left: 10px;
    margin-bottom: 15%;
  }
  
  }
  /* @media only screen and (max-width: 480px) { 
   
  } */

.accessibility-actions a, .accessibility-actions h3 {
    color: #000 !important;
}



/*Mobile Menu Fix*/
.header-content .container {
    max-width: 1170px !important;
    margin: auto;
}
.navbar-default {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0;
}
.header-content nav.navbar.navbar-default>.container-fluid {
    justify-content: flex-end;
}
.header-content .navbar-header {
    position: absolute;
    top: -50px;
    right: 6px;
    z-index: 5;
}
.header-content .navbar-header .navbar-toggle {
    margin-top: 0;
}
.collapse.in {
    display: block !important;
}
@media only screen and (min-width:768px) {
    .header-content .container {
        max-width: 100% !important;
        width: 100% !important;
    }
}
@media only screen and (min-width:992px) {
    .header-content .container {
        max-width: 970px !important;
    }   
}
@media only screen and (min-width:1200px) {
    .header-content .container {
        max-width: 1170px !important;
    }   
}
@media only screen and (max-width:767px) {
    .header-content .logo-left-en, .header-content .top-right-section {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
}
@media only screen and (max-width:480px) {
  .countdown-container {
    padding: 0px 19px 0px 5px;

}

#clockdiv>div>span {
    min-width: 50px;
}

#clockdiv {
    font-size: 40px;
}

#clockdiv .smalltext {
    font-size: 12px;
}

#clockdiv>div {

    margin-right: 13px;
}

#clockdiv>div::before {

    right: -11px;

}


    .inner h3{
        font-size: 16px !important;
    }
    .to-success .login-btn p {
        display: none;
    }
    
    .to-success .login-btn h3 {
        margin-bottom: 0;
        padding-bottom: 0 !important;
    }
    .tmobile-career_making{
        padding-bottom: 0;
    }
    .header-content .navbar-header .navbar-toggle {
        margin-top: 7px !important;
    }
    .logo-left-en img{
        max-width: 160px !important;
    }
    .main_top_area{
        padding-top: 4% !important;
        padding-bottom: 8% !important;
    }
    .popup .col-sm-12 h1{
        font-size: 25px !important;
    }
    #date-info{
        font-size: 20px !important;
    }
    .two-btns{
        display: none !important;
    }
}




