@font-face {
   font-family: 'gotham_bookregular';
   src: url('//vepcss.b8cdn.com/fonts/gotham_book_regular-webfont.woff2') format('woff2'),
        url('//vepcss.b8cdn.com/fonts/gotham_book_regular-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;

}
@font-face {
   font-family: 'gotham_mediumregular';
   src: url('//vepcss.b8cdn.com/fonts/gotham_medium_regular-webfont.woff2') format('woff2'),
        url('//vepcss.b8cdn.com/fonts/gotham_medium_regular-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;

}
.modal-header .close {
   opacity: 1;
   color: black;
}
.agenda-col h3.bg-gray{
  background:#D9D9D9;
  padding: 8px 3px;
  margin: 5px 0 5px;
}
.agenda-col h3.tabgerine-Big{
  background:#FFC980;
  padding: 8px 3px;
 cursor:pointer;
  margin: 5px 0 5px;
}
.agenda-col h3.violet-Big{
  /* background:#C4B2E3; */
  background:#ABE8F5;

  padding: 8px 3px;
  margin: 5px 0 5px;
}
.agenda-col .row h3.bg-aqua{
  background:#ABE8F5;
}
.agenda-col .row h3.bg-tabgerine {
  background:#FFC980;
}
.agenda-col .row h3.bg-violet{
  background:#C4B2E3;
}
#eventbenefits .col-lg-4{
 text-align: center;
}

#eventbenefits .col-lg-4 img{
 width: 30%;
 margin-bottom: 20px;
}
.nav.navbar-nav #LoginBtn{
   border-radius: 50px;
   background: #e7452c;
   color: #fff;
   border: none;
   padding: 7px 20px;  
}
.inner-bg{
 background: #05bfe0;
 text-align: center;
}
.checklist {
   list-style: none;
   margin: 0px;
   padding: 0px;
   margin-top: 0px;
}
.checklist li {
   padding-left: 35px !important;
   background: url(https://vepimg.b8cdn.com/uploads/vjfnew/1440/uploads/vjf/content/misc/1594718986check.png)no-repeat left 4px !important;
   margin-bottom: 12px;
}
.slim-bar {
   background: #ff4900;
}

body {font-family: 'gotham_bookregular'; font-weight:300}
.col-md-5ths {
   position: relative;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
}

@media (min-width: 992px) {
   .col-md-5ths {
       width: 20%;
       float: left;
   }
}
.header-content {background: #fff;
   border-bottom: #543794 solid 1px;}
.header-content .header-content {   border-bottom:none !important;}
.newmainBanner img { width: 100%; height: auto; }
.main_top_area {
   background:url(https://vepimg.b8cdn.com/uploads/vjfnew/316/uploads/vjf/content/misc/1529999826Virt-vFairs.png) no-repeat top left / 100% auto;
   position: relative;
   width: 100%;
   height: auto;
   background-position: 50% 50%;
     min-height: 600px;
} .navbar {
   margin-bottom:0px;
   margin-top: 20px;
}
.inner-bg h1 {
 font-size: 24px;
   font-weight: 600;
   color: #fff;
   margin: 35px 0 15px 0;
}
.inner-bg p {
   font-size: 24px;
   font-weight: 400;
   color: #fff;
}
.logo-left-en {text-align:left !important}
.logo-left-en img {width:100%;max-width:200px;height: auto; margin-top: 20px;}
.row.padding {padding-top: 20px}
.modal-header {background-color: #fff}
.participating img {height: auto}
.top-right-section {padding-top: 15px}
.main_top_area .row.padding .col-lg-2, .jad-logo-web, .jad-logo-mob, #date-info {
   /*display: none !important;*/
}
.main_top_area {
 border-bottom:none
}
/*.main_top_area .container-wrp {
 background: rgba(0,0,0, 0.5);
}*/
.popup {background: none; padding-top: 60px; width:100%;}
.popup h1 {
 font-size:40px !important;
 margin-top: 40px;
 line-height:64px;
 text-transform: none;
 font-weight:400;
 color:#1d3969;
 font-family: 'gotham_mediumregular';
}
.popup h1 span{
 font-size:24px !important;
 display:block;
}
.sub_title{
   text-shadow: 2px 2px #000;
   
   }
.popup h2 {
 line-height: 1.1;
 margin-top: 20px;
 margin-bottom: 50px;
 color: #fff;
 font-size: 3.5em;
 font-weight: bold
}
.col-sm-6 a img{
   padding-top: 45px !important;
   margin-bottom: 23px !important;
}
.padding a img{
   padding-top: 0px !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: #fff !important;
   background-color: #fff !important;
}
.footer-section-1 img {height: 50px;}
.footer-section-2 img {margin-top:20px}
.foot_bootom {display: none !important}
#footer .padding {padding-top:9px}
.btn-darkgrey{
   background-color: #2b008c !important;
   color:#fff !important;
}
.container-parent{
   border-bottom: 2px solid #eee;
}
.padding .col-lg-2 a img{
   display: none !important;
}
.custom-para-info{
   color: rgb(255, 255, 255);
   font-size: 13px;
   font-weight: 500;
   font-family: 'gotham_bookregular';
   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: auto !important; display: inline-block}*/
#banner-slider .carousel, #banner-slider .carousel-inner, #banner-slider .item, #banner-slider .item > img {height: 100% !important; width: 100% !important}

/* specific */

#time {padding: 35px 0 28px}
#time li {background: #e9e9e9 !important; border-radius: 5px; width: 95px; padding: 15px 5px 10px; margin-right: 14px; border:#d8d8d8 solid 1px;}
#time p {background: none !important; color: #333333; height: auto; line-height: 1em; font-weight: bold; font-size: 40px; font-family: 'gotham_bookregular';}
#time span {margin-top: 0; margin-left: 0; color: #333333; left:0; padding-top: 0}

.popup {margin-bottom: 0}
.two-btns {margin:15px 0px 35px 0px}
.two-btns .btn {padding: 15px 40px !important; font-weight:600; font-family: 'gotham_bookregular'; border-radius:50px;  text-transform:none; font-size:18px; margin:0 5px;}
.two-btns .white-btn{ color:#fff; background:#ff610f;}
.two-btns .green-btn { color:#fff; background:#4f17a8}
.two-btns .btn span{
   display:block;
   font-size:15px;
   font-weight:600;
   text-transform:none;
}
.green-btn:hover,
.white-btn:hover {
   opacity: 0.8;
}
.gray-bg{
   background:#f1f1f1;
   padding:30px 0px;
}
.dis-ico{
   float:left;
   width:60px;
}
.gray-bg h4{
   margin-left:70px;
   font-weight:700;
   font-size:15px;
}
.gray-bg p{
   margin-left:70px;
   font-size:13px;
}
#get-your-own .two-btns .green-btn {box-shadow: 0 8px 0 0 #c7c7c7 !important}
.padTop20{
   padding-top:20px;}
.sponserSec{
   text-align:center;
}
.marTop30{
   margin-top:40px !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}
.pad-right-0{
   padding-right:0px;
}
.simple-section {color: #393938; text-align: left; padding: 60px 5px !important; border-bottom: 1px solid #e0e0e0}
.simple-section h1 {font-size: 40px; text-align: left; margin: 0 0 20px; font-weight: 400; color: #2c2c2c}
.simple-section h3 {margin: 0 0 20px; font-size: 30px; color: #414141; font-weight: 600; 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: #404040}
.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: 16px; margin-bottom: 16px; line-height: 28px; text-align:center;}
#presenters-section h1 {margin: 0; font-size: 25px; font-weight: 600; line-height: 30px}
#about-section p {font-size: 16px; line-height: 1.5em}
.simple-section ul {padding: 0px; margin:0px; list-style:none;}
.simple-section ul li{ margin-bottom:10px; font-size:16px; background:url(//vepimg.b8cdn.com/uploads/vjf/223-emea/dot.png?v=1) left 12px no-repeat; padding-left:15px;}
.schedule-container {color: #404040; 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:bold;line-height:1em}
.schedule-box {width:230px;min-height:110px;border-left:5px solid #22AECF;padding:8px;position:relative;padding-left:35px}
.schedule-box img{position:absolute;width:15px;left:11px;top:12px}
.time-slot-time{padding:0;margin:0 0 2px 0;font-size:14px;font-weight:bold;color:#464646}
.time-slot-header{padding:0;margin:0 0 3px 0;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{text-align:right}
.cta50-text h1 { color: #f8f9ff; text-align: right}
.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: bold;margin-top: 2px; padding: 15px 50px; border:0}
.btn-cta50:hover {background-color: #fff5ff; color:#e9571f}

.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, 0.1); float: left; margin-right: 30px; max-height: 305px}
.featured-presenter p {font-size: 20px; line-height: 1.5em}

#cta60-section {background: #e9553f; color: #fcffff; text-align: center}
#cta60-section h1 {color: #fcffff; text-align: center}
#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: bold; margin-top: 15px; padding: 15px 50px; border: none }

/* top menu */
.navbar-form.navbar-left {float: right}
.navbar-nav > li > a {padding-bottom: 10px; border-bottom: 2px solid transparent; padding-bottom: 2px}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
 text-decoration: none;
 color: #4f17a8;
 padding: 8px 10px 9px;
 font-size: 15px;
 line-height: 18px;
 font-weight: 600;
 text-transform: none;
}
.navbar-default .navbar-nav > li > a {
   text-decoration: none;
   color: #4f17a8;
   padding: 8px 10px 9px;
   font-size: 15px;
   line-height: 18px;
   font-weight: 600;
   text-transform: none;
font-family: 'gotham_bookregular';  
}
.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: none !important}
.faq h4.panel-title a {font-size: 15px; text-decoration: none; cursor: pointer; outline: none; line-height: 24px; color: #4d4d4d; font-weight: 400}
.faq .panel-collapse {font-size: 16px; text-decoration: none; cursor:pointer;}
.faq .panel-collapse .panel-body {width: 100% !important; padding-bottom: 0; border: none !important; padding-top: 9px; font-size:16px !important;  line-height: 24px !important; color: #666 !important}

.featured-presenter p a {color: rgb(255,102,0)}

#video-section {color: #393937}
.about-video-wrapper {margin: auto; width: 500px; float: left; margin-right: 30px}
.section-main-header {margin: 0 0 5px 0; padding: 0}
.video-container {position: relative; padding-bottom: 56.25%; padding-top: 5px; height: 0; overflow: hidden; margin: auto; margin-bottom: 10px}
.video-container iframe, .video-container object, .video-container embed, .video-container img {position: absolute; top: 0; left: 0; width: 100%!important; height: 100%!important; margin: auto}
#video-section p {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}

.schedule-date{
   background:#497527;
   border-radius:6px;
   padding:30px;
   text-align:center;
   color:#fff;
   font-size:25px;
   font-weight:400;
}
.left-border{
   border-left: #497527 solid 8px;
}
.schedule-details{
   border-bottom:#d8d8d8 solid 1px;
   padding-bottom:25px;
   margin-bottom:25px;
}
.borBotNone{
   border-bottom:none;
   padding-bottom:0px;
   margin-bottom:0px;
}
.bor-bottom{
   border-bottom:#d8d8d8 solid 1px;
   padding-bottom:60px;
   margin-bottom:60px;
}
.sep-line{
   border-bottom:#d8d8d8 solid 1px;
   margin:15px 0;
   display:block;
}
.team-thumnail{
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
background:#ececec;
border-radius:10px;
border:#FFFFFF solid 10px;
min-height:250px;
height: auto;
width:250px;
padding:10px;
text-align:center;
}
.team-thumnail img{
   height:100%;
   width:100%;
}
.padLeft40{
   padding-left:40px;
}
.team-info{
   padding-top:20px;
}
.team-info h5{
   font-size:20px;
   font-weight:400;
   margin-bottom:10px;
}
.team-info h5 span{
   font-size:18px;
   display:block;
   margin-top:5px;
   font-weight:400;
}
.team-info p{
   font-size:15px;
   font-weight:400;
   margin-bottom:0px;
}
.partner{
   text-align:center;
   margin-bottom:20px;
}
.partner span{
   display:block;
   font-size:16px;
   margin-top:10px;
}

.simple-section.agenda-section h4 {margin-bottom: 0; border: none}
.simple-section.agenda-section h4 span {display: inline-block; padding-bottom: 0; background: #003060; color: #fff; padding: 10px 20px; border-radius: 5px; border: none; margin-left: 35px}
.simple-section.agenda-section h4 span.green {background: green}
.simple-section.agenda-section h4 span.red {background: #8E162C}
/*.agenda-rows .agenda-row:first-child .agenda-col:last-child {padding-top: 10px}*/
.agenda-rows .agenda-row:last-child .agenda-col:last-child {padding-bottom: 40px}
.agenda-rows .agenda-row:last-child p, .agenda-rows .agenda-row:last-child h3 {border-bottom: none}
.agenda-row {display: table; width: 100%}
.agenda-col {display: table-cell; vertical-align: middle}
.agenda-row .agenda-col:first-child {vertical-align: top; padding-top: 18px; width: 100px}
.agenda-row .agenda-col:last-child {/*border-left: 4px solid #ddd; */padding: 0 0 0 30px; background: url(//vepimg.b8cdn.com/uploads/vjf/173-ccw/circle.png) no-repeat left top 24px / 10px, url(//vepimg.b8cdn.com/uploads/vjf/173-ccw/timeline-strip.png) repeat-y left 3px top}
.agenda-row h3 {font-size: 20px; font-family: 'Open Sans', sans-serif; font-weight: 700; line-height: 20px; display: block; text-align: left; color: #343434; margin: 20px 0  16px}
.agenda-row.no-speaker h3 {padding-bottom: 20px; margin-bottom: 0; border-bottom: 1px solid #eee}
.agenda-row .speaker {padding-left: 80px; position: relative}
/*.agenda-row .speaker:last-child {border-bottom: 1px solid #eee}*/
.agenda-row .speaker-name {font-size: 14px; font-weight: 700; padding-top: 3px}
.agenda-row .speaker img {height: 70px; border-radius: 50%; border: 1px solid #ddd; position: absolute; top:0; left: 0; margin: 0}
.agenda-row .speaker.no-spk-img {padding-left: 0}
.agenda-row span.designation {display: block; font-size: 12px}
.agenda-row label {display: block; font-size: 11px; color: #666}
.agenda-row p {font-size: 13px; margin: 10px 0 0; padding-bottom: 0px; color: grey}
.agenda-row p:last-child {padding-bottom: 20px; border-bottom: 1px solid #eee}
/*.time-display {font-family: 'Open Sans', sans-serif; width: 150px; height: 110px; background-color: #003060; border-radius: 5px; text-align: center; padding: 25px 0; display: inline-block; vertical-align: middle; color: #f9ffff; font-size: 24px; font-weight: bold; line-height: 30px; margin-right: 30px}*/
.time-display {width: 120px; font-family: 'Open Sans', sans-serif; text-align: left; display: inline-block; vertical-align: middle; color: #777; font-size: 16px; font-weight: bold; margin-right: 15px}
.time-display img {margin-bottom: 0}
.mh-60 {min-height: 60px}

.block-middle-body {
   overflow: hidden;
   margin: 0 auto;
   width: 1000px;
   max-width: 100%;
}

.block-middle-body {
   width: 1000px;
   max-width: 100%;
}
.padding-15 {
   padding: 15px !important;
}
.pos-rel {
   position: relative;
}
.c-block {
   margin: 0 auto !important;
}
.cs-container.on {
   bottom: 0;
}
.cs-container {
   background-color: #3b4045;
   bottom: -36%;
   transition: all 1s ease-in-out;
   z-index: 9999;
}
.grid-10 {
   width: 100%;
}
.left-0 {
   left: 0 !important;
}
.boxshadow {
   box-shadow: 0 0 3px rgba(179,179,179,0.8);
}
.pos-fix {
   position: fixed !important;
}
#privacy_sticky {text-align: center}
#privacy_sticky p {color: #fff}
#privacy_sticky a {color:#fff; text-decoration: underline}
#privacy_sticky i {color: #fff; font-weight: normal; margin-left: 10px}
#privacy_sticky button {margin-left: 20px}

@media only screen and (min-width:1920px){
 .popup {margin-top: 125px}
}

@media only screen and (min-width:1600px){
 .popup {margin-top: 110px}
}

@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{width:100%}
   .testimonial-box{width:100%}
}

@media only screen and (max-width:992px){
   .logo-left-en, .col-lg-9.top-right-section, .col-lg-9.top-right-section .container-fluid {text-align: center; padding: 0}
   /*.logo-left-en a img {height: 60px}*/
   .navbar-nav {margin: 0}
   header.smaller{position:relative}
   .top-menu-container ul{text-align:center}
   .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;max-width:100%;float:none;margin-right:0}
   #video-section h1{margin-top:30px}.day-display{width:100px;font-size:20px}
   .schedule-box{width:134px}.buy-box{width:265px}
   #cta50-section{text-align:center}
   .cta50-text{text-align:center}
   .btn-cta50-container{text-align:center}
   .partners-container ul li img{width:145px}
   .buy-box{margin-bottom:15px}
   .video-inline-list li{width:32%}
.dateList {
   text-align:center;
}   
}

@media only screen and (max-width:767px){
.dateList {
   text-align:center;
}   
   .jad-logo-mob{margin-top: 12px;}
   .navbar-collapse {margin-top: 40px}
   .popup {width: 100%; padding: 0px 10px 35px}
   .popup h1 {font-size: 2.5em !important; margin-top: 20px}
   .popup h2 {font-size: 1.2em !important}
   .logo-left-en, .col-lg-9.top-right-section {padding: 0 20px; float: left;}
   .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;  min-width: 40px}
   #time span {font-size:12px; width: 100%}
   
   .header-bottom ul li {width: 100%}
   .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 ul li {vertical-align: top}
   .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{width:100%}
   .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}
    #sbg-1 {background: transparent url(http://vepimg.b8cdn.com/uploads/vjf/134-pdn/bg-sm-1.jpg) no-repeat left top / 100% 100%}
    #sbg-2 {background: transparent url(http://vepimg.b8cdn.com/uploads/vjf/134-pdn/bg-sm-2.jpg) no-repeat left top / 100% 100%}
    #sbg-3 {background: transparent url(http://vepimg.b8cdn.com/uploads/vjf/134-pdn/bg-sm-3.jpg) no-repeat left top / 100% 100%}
    .navbar-default .navbar-toggle {
   background-color: #fff;
}
 .nav.navbar-nav #LoginBtn {
   margin: 5px 0px;
   display: block;
   width: 100%;
}
 /*.nav.navbar-nav {margin: 0 -15px; border-top: 1px solid #ddd}
 .nav.navbar-nav.navbar-right {border-top: none; float: left}
 .navbar-default .navbar-nav > li > a {border-bottom: 1px solid #ddd; padding-left: 0; font-size: 14px}
 .navbar-collapse {margin-top: 0}
 .navbar-form {margin-bottom: 0; margin-top: 3px}
 .logo-left-en {z-index: 1}*/
 .logo-left-en img {height: 58px}
 .navbar.navbar-default {margin-bottom: 0; min-height: 41px}
 .navbar-header {display: block !important; margin-top: -50px}
 .navbar-collapse .nav {display: block !important}
 .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}
 
 .left-border {
   border-left:none;
   }
.schedule-date {
   padding:10px 15px;
   margin-bottom:15px;
}
.popup h1 {
   font-size:30px !important;
   margin-top: 25px;
   line-height:36px;
}
.popup h1 span {
   font-size:20px !important;
}
.two-btns {
   margin: 18px 0 20px;
}
.bor-bottom {
   border-bottom:none;
   padding-bottom:0px;
   margin-bottom:0px;
}
.team-info {
   margin-bottom:20px;
   padding-top:0px;
   text-align: center !important;
}
.team-info p{
   text-align: center !important;
}
.padLeft40 {
   padding-left:0px;
}
.team-thumnail{
   margin:auto;
} 
.main_top_area {
min-height: auto;
}


}

@media only screen and (max-width:480px){
 .hero-info-container{text-align:center;padding:20px 0 60px 0}
 .number{font-size:25px}
 .counter .list-inline li{padding-left:0px;padding-right:0px}
 .counter-box{padding:15px 5px;width:50px}
 .duration{font-size:9px}
 .popup {padding: 0}
 .popup h1 {font-size: 2.0em !important}
 .popup h2 {margin-bottom: 30px}
 .two-btns .green-btn, .two-btns .green-btn:hover {margin-right: 0px}
 h1 {font-size: 28px !important}
 .navbar-default .navbar-collapse, .navbar-default .navbar-form {padding-left: 0; padding-right: 0}
 
 /*.header-content {background: transparent url(http://vepimg.b8cdn.com/uploads/vjf/157-bdpa/header-mobile.jpg) repeat-x}*/
 
 .header-content .navbar-collapse .btn-info{margin: 8px 0}
 .logo-left-en {text-align: left !important}
 .logo-left-en img {height: 42px}
 .col-lg-9.top-right-section {margin-top: -30px; float: none}
}


/* virtual tour section */
.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: none; display: inline-block; opacity: 1; margin-top: 6px}
.tmdi-heading .left.carousel-control {background: transparent 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: transparent url(http://vepimg.b8cdn.com/uploads/vjf/133-mtdi/icon-next.png) no-repeat; width: 25px; height: 21px}

.carousel-inner .item .col-sm-4:first-child, .carousel-inner .item .col-sm-3: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-size: 14px; font-weight: 300; color: #666}
#virtual-tour .tmdi-heading {margin: 0; border-bottom: none; height: 40px}
.vt-thumb.selected {background: transparent url(http://vepimg.b8cdn.com/uploads/vjf/133-mtdi/icon-thalay-noo.png) no-repeat center bottom}


label.required:after {
content: " *" !important;
color: red !important;
}



#group-container-field_id_1240418 label {
width:100%;
}

#group-container-field_id_1240106 label {
width:100%;
}


/* pricing tables */
#generic_price_table{
 background-color: #ffffff;
}

#generic_price_table .generic_content{
 background-color: #f1f1f1 !important; 
}
/*  ornage color start */


#generic_price_table .orange{
 background-color: #fff;
}

#generic_price_table .orange .generic_head_price{
 background-color: #f6f6f6;
}

#generic_price_table .orange .generic_head_price .generic_head_content .head_bg{
 border-color: #ff4900 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ff4900;
}

#generic_price_table .orange .generic_head_price .generic_head_content .head span{
 color: #fff;
}

#generic_price_table .orange .generic_head_price .generic_price_tag .price .sign{
   color: #ff4900;
}

#generic_price_table .orange .generic_head_price .generic_price_tag .price .currency{
   color: #ff4900;
}

#generic_price_table .orange .generic_head_price .generic_price_tag .price .cent{
   color: #ff4900;
}

#generic_price_table .orange .generic_head_price .generic_price_tag .month{
   color: #ff4900;
}

#generic_price_table .orange .generic_feature_list ul li{  
 color: #ff4900;
}

#generic_price_table .orange .generic_feature_list ul li span{
 color: #ff4900;
}
#generic_price_table .orange .generic_feature_list ul li:hover{
 /*background-color: #ff4900;
 border-left: 5px solid #ff4900;*/
}

#generic_price_table .orange .generic_price_btn a{
 border: 1px solid #ff4900; 
   color: #ff4900;
} 

#generic_price_table .orange.active .generic_head_price .generic_head_content .head_bg,
#generic_price_table .orange:hover .generic_head_price .generic_head_content .head_bg{
 border-color: #ff4900 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ff4900;
 color: #fff;
}


#generic_price_table .orange.active .generic_head_price .generic_head_content .head_bg,
#generic_price_table .orange:hover .generic_head_price .generic_head_content .head_bg{
 border-color: #ff4900 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ff4900;
 color: #fff;
}



#generic_price_table .orange:hover .generic_head_price .generic_head_content .head span,
#generic_price_table .orange.active .generic_head_price .generic_head_content .head span{
 color: #fff;
}

#generic_price_table .orange:hover .generic_price_btn a,
#generic_price_table .orange.active .generic_price_btn a{
 background-color: #ff4900;
 color: #fff;
}
/* end color orange */ 

/* blue color start */ 

#generic_price_table{
 background-color: #fff;
}

#generic_price_table .blue{
 background-color: #fff;
}

#generic_price_table .blue .generic_head_price{
 background-color: #f6f6f6;
}

#generic_price_table .blue .generic_head_price .generic_head_content .head_bg{
 border-color: #00c1e1 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00c1e1;
}

#generic_price_table .blue .generic_head_price .generic_head_content .head span{
 color: #fff;
}

#generic_price_table .blue .generic_head_price .generic_price_tag .price .sign{
   color: #00c1e1;
}

#generic_price_table .blue .generic_head_price .generic_price_tag .price .currency{
   color: #00c1e1;
}

#generic_price_table .blue .generic_head_price .generic_price_tag .price .cent{
   color: #00c1e1;
}

#generic_price_table .blue .generic_head_price .generic_price_tag .month{
   color: #00c1e1;
}

#generic_price_table .blue .generic_feature_list ul li{  
 color: #00c1e1;
}

#generic_price_table .blue .generic_feature_list ul li span{
 color: #00c1e1;
}
#generic_price_table .blue .generic_feature_list ul li:hover{
 /*background-color: #00c1e1;
 border-left: 5px solid #00c1e1;*/
}

#generic_price_table .blue .generic_price_btn a{
 border: 1px solid #00c1e1; 
   color: #00c1e1;
} 

#generic_price_table .blue.active .generic_head_price .generic_head_content .head_bg,
#generic_price_table .blue:hover .generic_head_price .generic_head_content .head_bg{
 border-color: #00c1e1 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00c1e1;
 color: #fff;
}


#generic_price_table .blue.active .generic_head_price .generic_head_content .head_bg,
#generic_price_table .blue:hover .generic_head_price .generic_head_content .head_bg{
 border-color: #00c1e1 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00c1e1;
 color: #fff;
}



#generic_price_table .blue:hover .generic_head_price .generic_head_content .head span,
#generic_price_table .blue.active .generic_head_price .generic_head_content .head span{
 color: #fff;
}

#generic_price_table .blue:hover .generic_price_btn a,
#generic_price_table .blue.active .generic_price_btn a{
 background-color: #00c1e1;
 color: #fff;
}
/* end color blue */ 

/* blue color purple */ 

#generic_price_table{
 background-color: #fff;
}

#generic_price_table .purple{
 background-color: #fff;
}

#generic_price_table .purple .generic_head_price{
 background-color: #f6f6f6;
}

#generic_price_table .purple .generic_head_price .generic_head_content .head_bg{
 border-color: #2b008c rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #2b008c;
}

#generic_price_table .purple .generic_head_price .generic_head_content .head span{
 color: #fff;
}

#generic_price_table .purple .generic_head_price .generic_price_tag .price .sign{
   color: #2b008c;
}

#generic_price_table .purple .generic_head_price .generic_price_tag .price .currency{
   color: #2b008c;
}

#generic_price_table .purple .generic_head_price .generic_price_tag .price .cent{
   color: #2b008c;
}

#generic_price_table .purple .generic_head_price .generic_price_tag .month{
   color: #2b008c;
}

#generic_price_table .purple .generic_feature_list ul li{  
 color: #2b008c;
}

#generic_price_table .purple .generic_feature_list ul li span{
 color: #2b008c;
}
#generic_price_table .purple .generic_feature_list ul li:hover{
 /*background-color: #2b008c;
 border-left: 5px solid #2b008c;*/
}

#generic_price_table .purple .generic_price_btn a{
 border: 1px solid #2b008c; 
   color: #2b008c;
} 

#generic_price_table .purple.active .generic_head_price .generic_head_content .head_bg,
#generic_price_table .purple:hover .generic_head_price .generic_head_content .head_bg{
 border-color: #2b008c rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #2b008c;
 color: #fff;
}


#generic_price_table .purple.active .generic_head_price .generic_head_content .head_bg,
#generic_price_table .purple:hover .generic_head_price .generic_head_content .head_bg{
 border-color: #2b008c rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #2b008c;
 color: #fff;
}



#generic_price_table .purple:hover .generic_head_price .generic_head_content .head span,
#generic_price_table .purple.active .generic_head_price .generic_head_content .head span{
 color: #fff;
}

#generic_price_table .purple:hover .generic_price_btn a,
#generic_price_table .purple.active .generic_price_btn a{
 background-color: #2b008c;
 color: #fff;
}
/* end color purple */ 


#generic_price_table{
 margin: 50px 0 50px 0;
   font-family: 'Raleway', sans-serif;
}
.row .table{
   padding: 28px 0;
}

/*PRICE BODY CODE START*/

#generic_price_table .generic_content{
 overflow: hidden;
 position: relative;
 text-align: center;
}

#generic_price_table .generic_content .generic_head_price {
 margin: 0 0 20px 0;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content{
 margin: 0 0 50px 0;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg{
   border-style: solid;
   border-width: 90px 1411px 23px 399px;
 position: absolute;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head{
 padding-top: 40px;
 position: relative;
 z-index: 1;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head span{
   font-family: "Raleway",sans-serif;
   font-size: 17px;
   font-weight: 400;
   letter-spacing: 2px;
   margin: 0;
   padding: 0;
   text-transform: uppercase;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag{
 padding: 0 0 20px;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price{
 display: block;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign{
   display: inline-block;
   font-family: "Lato",sans-serif;
   font-size: 28px;
   font-weight: 400;
   vertical-align: middle;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency{
   font-family: "Lato",sans-serif;
   font-size: 60px;
   font-weight: 300;
   letter-spacing: -2px;
   line-height: 60px;
   padding: 0;
   vertical-align: middle;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent{
   display: inline-block;
   font-family: "Lato",sans-serif;
   font-size: 24px;
   font-weight: 400;
   vertical-align: bottom;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .month{
   font-family: "Lato",sans-serif;
   font-size: 18px;
   font-weight: 400;
   letter-spacing: 3px;
   vertical-align: bottom;
}

#generic_price_table .generic_content .generic_feature_list ul{
 list-style: none;
 padding: 0;
 margin: 0;
}

#generic_price_table .generic_content .generic_feature_list ul li{
 font-family: "Lato",sans-serif;
   font-size: 14px;
   padding: 10px 0;
   transition: all 0.3s ease-in-out 0s;
   text-align: left;
   padding-left: 10px;
   color: #515151;
}
#generic_price_table .generic_content .generic_feature_list ul li:hover{
 transition: all 0.3s ease-in-out 0s;
 -moz-transition: all 0.3s ease-in-out 0s;
 -ms-transition: all 0.3s ease-in-out 0s;
 -o-transition: all 0.3s ease-in-out 0s;
 -webkit-transition: all 0.3s ease-in-out 0s;

}
#generic_price_table .generic_content .generic_feature_list ul li .fa{
 padding: 0 10px;
}
#generic_price_table .generic_content .generic_price_btn{
 margin: 20px 0 32px;
}

#generic_price_table .generic_content .generic_price_btn a{
   border-radius: 50px;
 -moz-border-radius: 50px;
 -ms-border-radius: 50px;
 -o-border-radius: 50px;
 -webkit-border-radius: 50px;
   display: inline-block;
   font-family: "Lato",sans-serif;
   font-size: 18px;
   outline: medium none;
   padding: 12px 30px;
   text-decoration: none;
   text-transform: uppercase;
}

#generic_price_table .generic_content,
#generic_price_table .generic_content:hover,
#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content .generic_head_price .generic_head_content .head h2,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head h2,
#generic_price_table .generic_content .price,
#generic_price_table .generic_content:hover .price,
#generic_price_table .generic_content .generic_price_btn a,
#generic_price_table .generic_content:hover .generic_price_btn a{
 transition: all 0.3s ease-in-out 0s;
 -moz-transition: all 0.3s ease-in-out 0s;
 -ms-transition: all 0.3s ease-in-out 0s;
 -o-transition: all 0.3s ease-in-out 0s;
 -webkit-transition: all 0.3s ease-in-out 0s;
} 
@media (max-width: 320px) { 
}

@media (max-width: 767px) {
 #generic_price_table .generic_content{
   margin-bottom:75px;
 }
}
@media (min-width: 768px) and (max-width: 991px) {
 #generic_price_table .col-md-3{
   float:left;
   width:50%;
 }
 
 #generic_price_table .col-md-4{
   float:left;
   width:50%;
 }
 
 #generic_price_table .generic_content{
   margin-bottom:75px;
 }
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) {
}
#generic_price_table_home{
  font-family: 'Raleway', sans-serif;
}

#generic_price_table_home ul{
 margin: 0 auto;
 padding: 0;
 list-style: none;
 display: table;
}
#generic_price_table_home li{
 float: left;
}
#generic_price_table_home li + li{
 margin-left: 10px;
 padding-bottom: 10px;
}
#generic_price_table_home li a{
 display: block;
 width: 50px;
 height: 50px;
 font-size: 0px;
}
#generic_price_table_home .blue{
 background: #3498DB;
 transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .emerald{
 background: #2ECC71;
 transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .grey{
 background: #7F8C8D;
 transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .midnight{
 background: #34495E;
 transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .orange{
 background: #E67E22;
 transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .purple{
 background: #9B59B6;
 transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .red{
 background: #E74C3C;
 transition:all 0.3s ease-in-out 0s;
}
#generic_price_table_home .turquoise{
 background: #1ABC9C;
 transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .blue:hover,
#generic_price_table_home .emerald:hover,
#generic_price_table_home .grey:hover,
#generic_price_table_home .midnight:hover,
#generic_price_table_home .orange:hover,
#generic_price_table_home .purple:hover,
#generic_price_table_home .red:hover,
#generic_price_table_home .turquoise:hover{
 border-bottom-left-radius: 50px;
   border-bottom-right-radius: 50px;
   border-top-left-radius: 50px;
   border-top-right-radius: 50px;
 transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .divider{
 border-bottom: 1px solid #ddd;
 margin-bottom: 20px;
 padding: 20px;
}
#generic_price_table_home .divider span{
 width: 100%;
 display: table;
 height: 2px;
 background: #ddd;
 margin: 50px auto;
 line-height: 2px;
}
#generic_price_table_home .itemname{
 text-align: center;
 font-size: 50px ;
 padding: 50px 0 20px ;
 border-bottom: 1px solid #ddd;
 margin-bottom: 40px;
 text-decoration: none;
   font-weight: 300;
}
#generic_price_table_home .itemnametext{
   text-align: center;
   font-size: 20px;
   padding-top: 5px;
   text-transform: uppercase;
   display: inline-block;
}
#generic_price_table_home .footer{
 padding:40px 0;
}

.price-heading{
   text-align: center;
}
.price-heading h1{
 color: #666;
 margin: 0;
 padding: 0 0 50px 0;
}


/*PRICE BODY CODE START*/


.popup-overlay {
 border-radius: 15px;
 background: #ffffff;
 border: 3px solid #666666;
 width: 80%;
 padding: 10px;
}

.popup-overlay.active {
 visibility: visible;
 text-align: center;
}

.popup-content {
 /*Hides pop-up content when there is no "active" class */
 visibility: visible;
}

.popup-content.active {
 /*Shows pop-up content when "active" class is present */
 visibility: visible;
}

#clockdiv {
   text-align: center;
  display: none;
}

#clockdiv > div {
   display: inline-block;
   min-width: 160px;
   text-align: center;
   width: 160px;
   height: 160px;
   border: solid 2px #e85e2a;
   border-radius: 100px;
   margin: 0px 10px;
}
#clockdiv > div span {
   font-size: 62px;
   font-weight: bold;
   color: #4f17a8;
   margin: 20px auto 0px auto;
   padding: 0px 0px;
   display: block;
}
#clockdiv > div .smalltext {
   font-size: 21px;
   color: #444;
   margin-top: -15px;
}

/*.aim_box {
   min-height: 450px;
}*/

.aim_box img {
   width: 100%;
   height: auto;
   max-width: 100px;
   margin: 30px auto;
   display: block;
}
.aim_box p {
   font-size: 16px;
   line-height: 21px;
  margin-bottom: 10px;
       background: url(https://vepimg.b8cdn.com/uploads/vjfnew/1440/uploads/vjf/content/misc/1596527694dot.png) 0px 7px no-repeat;
   text-align: left;
   padding-left: 13px;
}

.mypanel .mypanel-body {
   display: none;
   padding: 15px 0px;
   text-align: left;
}

.mypanel .mypanel-body p {
   color: #343434;
   font-size: 16px;
   text-align: left;
}

.mypanel h3 {
   background: url(https://vepimg.b8cdn.com/uploads/vjfnew/933/uploads/vjf/content/misc/1589530960arrow.png) right center no-repeat;
   -webkit-background-size: auto;
   background-size: auto;
   cursor: pointer;
}

.agenda-col .row h3 {
   font-size: 16px;
   font-weight: normal;
   line-height: 24px;

   padding: 15px 15px;
   background: #f9f9f9;
   cursor: pointer;
}

.agenda-col .row h3:hover{
   background: #f5f5f5;
}

#faq h4{
   font-weight: bold;
}

.speaker{
   cursor: pointer;
}

#video iframe{
   width: 100%;
   max-width: 640px;
}

@media screen and (max-width: 767px){
   .agenda-col {
       display: block;
       width: 100% !important;
   }
   .time-display {
       width: 100% !important;
       margin: 10px 0px;
   }
   .time-display img{
       margin-right: 10px;
   }
   .mypanel h3 {
       font-size: 18px;
       line-height: 24px;
   }
}