body {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#333;	
}
.two-btns {
    text-align: left;
    
}
.gray-bg {
    background: #f1f1f1;
    padding: 30px 0px;
}

.icon-box {
	display: flex;
	align-items: center;
}
.icon-box .icon {
	margin-right: 14px;
}
.icon-box .icon img {
	width: 50px;
}
#clockdiv {
  display: flex;
  justify-content: space-evenly;
}
#clockdiv > div {
  flex: 1;
  border-right: 1px solid rgba(0,0,0,0.2);
  text-align: center;
}

#clockdiv > div:last-child {
  border-right: none;
}
#clockdiv div > span {
    padding: 0 10px;
    display: block;
    color: #204495;
    font-size: 70px;
    font-weight: bold;
}
#clockdiv .smalltext {
    padding-bottom: 3px;
    font-size: 16px;
    color: #333;
}


.about-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
}

.about-list li {
	flex-basis: 50%;
	padding-right: 50px;
	margin-bottom: 40px;
	font-size: 16px;
}

.why-attend {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: flex;
}

.why-attend li {
	padding: 0 24px;
	flex: 1;
	border-right: 1px solid rgba(0,0,0,0.2);
}

.why-attend li:first-child {
	padding-left: 0;
}

.why-attend li:last-child {
	padding-right: 0;
	border-right: none;
}

.why-attend li .count {
	font-size: 40px;
	font-weight: bold;
	color: rgba(0,0,0,0.4);
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    width: 100%;
}
.exhibitors img{padding:15px;}
.header-content {background: #fff}
/*https://vepimg.b8cdn.com/uploads/vjfnew/336/uploads/vjf/content/misc/1530613151new-banner.jpg
.main_top_area {background: transparent url(http://vjfpk.bayt.com/vfair/uploads/tmp/c463c0ef16faac9916f41bd091a3d094.jpg) no-repeat top left / 100%;}*/
.main_top_area, .main_top_ust {
 /*background:url(https://vepimg.b8cdn.com/uploads/vjfnew/336/uploads/vjf/content/misc/1534153744ck-independence.png)no-repeat top center / 100%;*/
 background:url(https://vepimg.b8cdn.com/uploads/vjfnew/336/uploads/vjf/content/misc/1535112760240818-Overwelmingpost-CK-1920x750.jpg)no-repeat top center / 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    width: 100%;
  
}
.orange-btn{    background: #333;
    color: #fff;
      padding: 8px 12px;
}

.header-content > .container {margin: 0; width: 100% !important; max-width: 100% !important}

.orange-btn:hover{color:#fff;}
.orange-btn2{background-color:#2f9203; color:#fff;        padding: 20px 15px;
    display: inline-block;
    margin-top: 23px;
    min-width: 320px;
    border-radius: 3px;
    font-size: 20px;}
.orange-btn2:hover{ color:#fff;}
.job-industry{padding-bottom:15px;}
.row-equal-height2{display:flex; flex-wrap:wrap; align-items:strech;}
.row-equal-height2 .col-sm-4{}
.borbottom{border-bottom:1px solid #dadada;}
.job-category{background:#eaeaea; margin-top:15px;}
.light-gray-bg{background:#f7f7f7;}
.all-jobs h4{font-size:16px !important; padding-top:15px !important;}

.main_top_ust{background:#fff;  min-height:530px;}
.latest-jobs{background-color: #f5f5f5; border: 1px solid #d7d7d7; padding: 12px 0px; margin-bottom: 40px;}
.row-equal-height{display: flex; flex-wrap: wrap; align-items: stretch;}
.row-equal-height .col-sm-4{display: flex;}
.job-box{background-color: #fff; padding: 15px; margin: 0px 15px; margin-bottom: 30px; width: 100%;}
.job-box h6{color: #f15b29; font-size: 16px; font-weight: 500;}
.job-box span{display: block; color: #a0a0a0; font-size: 14px;}
.vid-img{border:1px solid #d7d7d7;}
.slick-prev:before, .slick-next:before{color: #9a9a9a !important;}
.slick-prev{left: -12px !important;}
.slick-next{right: -12px !important;}
.main_top_ust .container, .main_top_ust .row, .main_top_ust .col-sm-12{min-height: inherit;}

.main_top_ust .company-logo{position: absolute; bottom: -50px; border:1px solid #000; left: 15px;}



.sub_title{font-size: 27px; font-weight: normal;}
.sub_title span{font-size: 16px;}
.why-reg h4{
	font-weight:700;

}
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
	
	flex-wrap: wrap;
}

.schedule-date {
    background: #f15a29;
    border-radius: 6px;
    padding: 30px 10px;
    text-align: center;
    color: #fff;
    font-size: 21px;
    font-weight: 400;
}

.team-info {
    padding-top: 20px;
    color: #727272;
}

.team-thumnail {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    background: #ececec;
    border-radius: 10px;
    border: #FFFFFF solid 10px;
    height: 195px;
    width: 195px;
    text-align: center;
}
.team-thumnail a img {
    padding-top: 0px !important;
    margin-bottom: 0px !important;
}
.team-info img.ico-link {
    margin: 10px 0 !important;
    padding: 0 0 0 0 !important;
}
.team-info h5 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 10px;
}
.team-info p {
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 0px !important;
}
.team-info p a {
    color: #5f88c6;
}
.faq-bg{background: url(https://vepimg1.b8cdn.com/uploads/vjf/336-ck2/faq-bg.jpg);}

.checklist {list-style: none;margin: 0px; padding: 0px; margin-top: 30px;}
.checklist li {padding-left: 35px; background: url(https://vepimg1.b8cdn.com/uploads/vjf/336-ck2/check.png)no-repeat left; margin-bottom: 12px;}
.left-border-orange {
    border-left: 8px solid #f15a29;
	margin-bottom: 30px;
}

.dis-ico {
    float: left;
    width: 60px;
}

.why-reg{list-style: none; padding: 0px; margin: 0px;}
.why-reg li{position: relative;padding-left: 90px; margin-bottom: 70px;}
.why-reg li img{ position: absolute; left: 0px; top: 0px; width: 68px; height: 68px; border-radius: 8px; }

.gray-bg {
    background: #f1f1f1;
    padding: 30px 0px;
}
.time-display{font-weight: bold; margin-bottom: 15px;}
.title{font-weight: bold; margin-bottom: 8px;}
.speaker-name{position: relative;}
.speaker-name.with-img{padding-left: 60px;}
.speaker-name img{
    height: 50px;
    border-radius: 25px;
    border: 1px solid #ddd;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
}
.speaker-desc{font-size: 11px; margin-top: 18px; font-style: italic;}
.marTop30 {
    margin-top: 40px !important;
}
.visible-on-md{display: none;}
.bor-bottom {
    border-bottom: #d8d8d8 solid 1px;
    padding-bottom: 30px;
    margin-bottom: 60px;
}





.logo-left-en {text-align:left !important}
.logo-left-en img {height:auto;}
.row.padding {padding-top: 20px}
.modal-header {background-color: #0064b0}
.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, .main_top_ust {
  border-bottom:none
}
.main_top_area .container-wrp, .main_top_ust .container-wrp {
  background: rgba(0,0,0, 0.5);
height: 100%;
    padding-bottom: 20px;	
  min-height:inherit;
}
.popup {background: none; margin-top: 0px; padding: 20px 30px 20px;}
.popup h1 {
  font-family: Arial,serif !important;
  font-size: 3.6em !important;
  margin-top: 0px;
  font-weight:normal;
  color: #fff;
	text-transform:capitalize;
}
.popup h1 span {
  font-size: 0.7em !important;
	margin-bottom: 10px;
	text-transform:none;
	display: block;
}
.popup h2 {
  line-height: 1.1;
  margin-top: 20px;
  color: #fff;
  font-size: 3.2em;
  font-weight: normal;
	text-transform:capitalize;	  
}
.popup h2 span {
  font-size: 0.7em !important;
	margin-bottom: 10px;
	display: block;
	text-transform:none;	
}
.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: 8px !important;
    margin-top: 12px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    text-align: right;
    margin-top: 30px;
}
#footer, footer{
    border-top-color: #204495!important;
    background-color: rgb(255, 255, 255) !important;
}
.footer-section-1 img {height: 60px; margin:5px 0}
.footer-section-2 img {margin-top: 40px}
.foot_bootom {display: none !important}
#footer .padding {padding-top:9px}
.btn-darkgrey{
    background-color: #0064b0 !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: 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: 10px 0 10px}
#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: 50px 0 10px;
}
.two-btns .btn {padding: 15px 18px !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 #c74a22; background:#f15a29; color:#fff;}
#get-your-own .two-btns .green-btn {box-shadow: 0 8px 0 0 #c7c7c7 !important;}
.green-btn:hover,
.white-btn:hover {
    opacity: 0.8;
}
.employers-list{
	list-style:none;
	padding:0px;
	margin:0px;
	text-align:center;
}
.employers-list li{
	display:inline-block;
	text-align:center;
	margin:0;
	padding:20px;
	width:33%;
}
.company-four-col li{width:24%;}
.employers-list li img {
   max-width: 75%;
}
.host-list{
	list-style:none;
	padding:0px;
	margin:0px;
	text-align:center;	
}
.host-list li{
	display:inline-block;
	text-align:center;
	margin:0;
	padding:0px;
	width:auto;
}
.jobs .col-sm-4 {padding: 0 12px}
.jobs .col-sm-4 .job-row {position: relative; background: #f15a29; border-right: 2px solid #e0e0e0; border-bottom: 2px solid #e0e0e0; text-align: left; min-height: 90px; margin-bottom: 15px; padding: 20px 10px 13px 14px; color:#fff;}
.jobs .col-sm-4 span {border-left: 1px solid #e6e6e6; display: inline-block; vertical-align: top; margin-left: 51px; padding-left: 10px; color: #000; font-size: 13px; line-height: 26px}
.jobs .col-sm-4 span strong {font-size: 14px; line-height: 18px}
.jobs .carousel-control {width: 20px; top: 48px; left: -24px; background: none; color: #f15a29; font-size: 16px; text-shadow: none; opacity: 1; bottom: auto}
.jobs .carousel-control.right {left: auto; right: -24px}
.jobs .carousel-control:hover {opacity: 0.5}
.jobs .carousel-control .glyphicon-chevron-left, .jobs .carousel-control .glyphicon-chevron-right, .jobs .carousel-control .icon-prev, .jobs .carousel-control .icon-next {font-size: 24px; height: 24px; margin-top: 0; width: 24px}
.section-panel.jobs h1.job-city {font-size: 20px; color: #25aae1; text-align: left; margin-bottom: 10px; font-family: 'Open Sans', sans-serif; font-weight: 700}
.job-row h6 a,
.job-row h6{
	font-size: 16px;
	margin:0 0 5px 0 !important;
}
.job-row .job-city-list{
	font-size: 14px!important;
	font-weight: 600 !important;
	padding-top: 0px !important;
}
.job-row p{
	padding-top: 0px !important;	
	font-size: 14px !important;
}
.job-row h6 a:hover{
	text-decoration: underline;
}

.slim-bar {
    background: #204495;
}
#LoginBtn {
    color: #fff;
    background-color: #204495;
    border-color: #204495;
}
.padTop20{
	padding-top:20px;}
.sponserSec{
	margin-bottom:35px;
	text-align:center;
}	
.centered {
    text-align: center;
}
.centered .col-center-block {
    float: none;
    display: inline-block;
    text-align: center;
}
.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: #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-collapse .nav > li:last-child{background-color:#f15a29; }
.navbar-collapse .nav > li:last-child a{color:#fff; }
.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}
.dateList {
	text-align:center;
	margin-bottom:5px;
}

@media (min-width: 768px) {
  .ten-columns > .col-sm-2 {
    width: 20%;
  }
}

@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:1199px){
	.main_top_ust{min-height: 450px;}
}

@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:991px){
	.main_top_ust{min-height: 350px;}
	.main_top_ust .company-logo{left: 50%; transform: translateX(-50%); bottom: -100px;}
	.main_top_ust{margin-bottom: 110px;}
	.team-thumnail{width: 145px;
	height: 145px;}
	
	.visible-on-md{display: block!important;}
}

@media only screen and (max-width:767px){
  #clockdiv div > span {
    font-size: 40px;
  }
  
  .why-attend {
    display: block !important;
  }
  
  .why-attend li {
    padding: 0 !important;
    border: none !important;
  }
  
  .about-list {
    display: block !important;
  }
  .about-list li {
    padding-right: 0 !important;
  }
  
	.main_top_ust{min-height: 450px;}
  #LoginBtn{width:100%;}
  .navbar-form{padding-left:0px; padding-right:0px;}
	.team-info {
    margin-bottom: 20px;
    padding-top: 0px;
    text-align: center !important;
}
	.team-thumnail {
    margin: auto;
}
	.team-thumnail{width: 195px;
	height: 195px;}
	.row-eq-height{display: block;}
	.schedule-date{margin-bottom: 20px;}
	
.navbar-toggle {
    margin-top: -50px;
}
	.employers-list li {
    display: inline-block;
    padding: 20px;
    width:49%;
}
	
.two-btns a{margin-bottom: 15px;
display:block;}
.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-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}
		.two-btns a{
		margin: 10px 15px !important;
	}
  .main_top_area {
   /* background:url(https://vepimg.b8cdn.com/uploads/vjfnew/336/uploads/vjf/content/misc/1535113074240818-Overwelmingpost-CK-767x520.jpg)no-repeat top center / 100%;
    background-size:contain;*/
}
	.main_top_ust {
    background:url(https://vepimg.b8cdn.com/uploads/vjfnew/336/uploads/vjf/content/misc/1533132934banner-ust.jpg)no-repeat top center / 100%;
	  background-size: cover;
    
}
}

@media only screen and (max-width:480px){
	.main_top_ust{min-height: 290px;}
	.main_top_ust .company-logo{bottom: -115px;}
	.navbar-toggle {
    margin-top: -45px;
}
  .employers-list li {
    width:100%;
}
	.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 {}

  h1 {font-size: 28px !important}
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {padding-left: 0; padding-right: 0}
	.two-btns a{
		margin: 10px 15px !important;
	}
  /*.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}
	.main_top_area{height: auto;}
}


/* 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 {}
.carousel-inner .item .col-sm-4:last-child {padding-right: 0 !important}
.carousel-inner .item p {color: #fff; 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 span.cal-icon img{
	width:25px;
	height:25px;
}

.text-title {
font-size: 30px !important;
}


.two-btns .green-btn, .two-btns .green-btn:hover {
    background: #204495!important;
    color: white !important;
    box-shadow: none;
    margin-right: 15px;
}

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

}


#group-container-field_id_1240430 label:after
{
content: " *";
color: red;  

}

#group-container-field_id_1240438 label:after
{
content: " *";
color: red;  

}

.desk-chat-bnr {
    position: absolute;
    top: 35%;
    width: 28%;
    height: 12%;
    left: 35.5%;
    cursor: pointer;
    display: inline-block;
}
.btn-modal-registration.btn.btn-darkgrey.flt-left{
  display: none !important;
}
.employer-registration-container{margin-top: 25px !important;}