body {font-family: 'Proxima Nova', sans-serif}

.header-content {background: #fff}
/*.main_top_area {background-image: url(http://vepimg.b8cdn.com/uploads/vjf/134-pdn/bg-3.jpg)}*/
.main_top_area {background: transparent url(http://vjfpk.bayt.com/vfair/uploads/tmp/c463c0ef16faac9916f41bd091a3d094.jpg) no-repeat top left / 100%}
.logo-left-en {text-align:left !important}
.logo-left-en img {height: 68px}
.row.padding {padding-top: 40px}
.modal-header {background-color: #00adee}
.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
}

.navbar-toggle {
    
  margin-top: -46px;}

.main_top_area .container-wrp {
  background: rgba(0,0,0, 0.5);
}
.popup {background: none; padding-top: 60px}
.popup h1 {
  font-family: Arial,serif !important;
  font-size: 3.5em !important;
  margin-top: 20px;
  text-transform: none;
  font-weight: bold
}
.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: #00adee !important;
    background-color: rgb(255, 255, 255) !important;
}
.footer-section-1 img {height: 60px; margin-top: 15px}
.footer-section-2 img {margin-top: 40px}
.foot_bootom {display: none !important}
#footer .padding {padding-top:9px; padding-bottom: 20px}
.btn-darkgrey{
    background-color: #00adee !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: 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: 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: #fffffa !important; border-radius: 5px; width: 95px; padding: 15px 5px 10px; margin-right: 14px}
#time p {background: none !important; color: #333333; height: auto; line-height: 1em; font-weight: bold; font-size: 40px; font-family: 'Lucida',sans-serif}
#time span {margin-top: 0; margin-left: 0; color: #333333; 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: bold; font-family: Arial; border-radius: 3px}
.two-btns .green-btn, .two-btns .green-btn:hover {background: transparent url(http://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: 25px; color: #414141; 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: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 {font-family: "Bree Serif",serif; 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: #505050;
  padding: 8px 8px 9px;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  text-transform: none;
}
.navbar-default .navbar-nav > li > a {
    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: none !important}
.faq h4.panel-title a {font-size: 15px; text-decoration: none; cursor: pointer; outline: none; 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: 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-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}

@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%}
}

@media only screen and (max-width:767px){
    .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}
    .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%}
    .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%}
     
  /*.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: 0px}
  .navbar-header {display: block !important; margin-top: -15px}
  .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}
}

@media only screen and (max-width:480px){
  .navbar-toggle {
    margin-top: -38px;
}
  .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-bottom: 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 {background: transparent }
  .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-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: transparent url(http://vepimg.b8cdn.com/uploads/vjf/133-mtdi/icon-thalay-noo.png) no-repeat center bottom}

.dateList {
	text-align:center;
	margin-bottom:5px;
}
.dateList span.cal-icon img{
	width:25px;
	height:25px;
}