/*---------------------------------------------------------------
/*---------------------------------------------------------------
  [9.0 PROGRESS  ]
----------------------------------------------------------------*/
.allspk,.allspk  .z { margin-top:15px; }
.jx-evont-title-1 h1 {
    text-align: center;
    font-size: 35px;
    font-family: Open Sans, Arial, Helvetica, sans-serif; !important;
    font-weight: 700 !important;
    color: #000;
    margin: 0;
    text-transform: uppercase;
    background: #9cdcf9;
    display: inline-block;
    margin-bottom: 20px; margin-top:80px;
    padding: 3px 23px;
}
.nav-tabs {
	border: 0
}
.nav-tabs li {
	border:0
}
/* Tabs panel */
.program-panel {
}
/* Default mode */
 .nav-tabs {
	border: none;
	margin: 0px;
}
.nav-tabs > li {
	margin-right: 2px;
	border-radius:4px;
}
.nav-tabs > li > a {
	margin-right: 0;
	color: #1943af;
	border-radius:4px !important;
	border: solid 2px #1943af !important;
	font-size:16px;
	padding:5px 15px;
	font-family: Open Sans, Arial, Helvetica, sans-serif;;
}
.nav-tabs > li > a > i {
	color: #fff
}
 
 
.nav-tabs > li.active {
	position: relative;
}
.nav-tabs > li.active > a {
	border: 0;
	background: #1943af !important;
	color:#fff
}
.nav-tabs > li.active > a:focus {
	border: 0;
	background: #1943af !important;
	color:#fff
}
.nav-tabs > li.active > a > i {
	color: #404040;
}
.tab-content {
	background-color:none;
	border: 0;
	padding: 15px 0;
	text-align:left;
	max-width: 1031px;
	margin: 0 auto;
}
.portlet .tab-content {
	padding-bottom: 0;
}
/* Below tabs mode */
.program-panel.tabs-below > .nav-tabs > li {
	border-top: 4px solid transparent;
}
.program-panel.tabs-below > .nav-tabs > li > a {
	margin-top: 0;
}
 
.program-panel.tabs-below > .nav-tabs > li.active {
	margin-bottom: -2px;
	border-bottom: 0;
	border-top: 4px solid #1943af;
	color: #fff
}
.program-panel.tabs-below > .tab-content {
	margin-top: -10px;

	border-top: 0;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
}
.programs_item.style-1 {
    padding: 11px 29px;
    background: #f9f9f9;
    max-width: 94%;
    margin: 0 auto;
	overflow: hidden;
	margin-bottom: 14px;
}

.programs_item.style-1 .speaker-image{
	float:left;
	margin-left:30px;
	margin-right:15px;
	
}
.programs_item.style-1 .speaker-name{
	margin-top:10px
}
		

.programs_item.style-1 .time:after{
	content:'';
	position: absolute;
	width:350px;
	height:250px;
	background:#eee;
	transform: rotate(45deg);
	top:-60px;
	left:-120px;
	z-index: -1
}

.programs_item.style-1 .time{
	position: relative;
	z-index: 9999;
	color:#333;
	font-family: 'Oswald', sans-serif;
  font-size: 41px;
  padding: 20px 0;
	
}
		
.programs_item.style-2 {
	padding: 0px 0px 0px 17px;
	background: #f9f9f9;
	margin-bottom: 14px;
}
.programs_item.style-2 .time {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    color: #1943af;
	padding: 25px 14px 0px 0px;
    float: left;
    height: 79px;
	min-width: 169px;
}

.programs_item.style-2 .image {
	float:left;
	padding-left:5px;
}
.programs_item.style-2 .detail {
	float:left;
	padding-left:10px;
}
.programs_item.style-2 .ch { font-size:11px} 
.programs_item.style-2 .name {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #1943af;
    padding-top: 6px;
}

 .z {   float:left}
 

 
.programs_item.style-2 .des {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #1943af;
    padding-bottom: 5px;
}

.programs_item.style-2 h3 {
    font-size: 13px  ;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-weight: 600 !important;
    padding-bottom: 3px;
    line-height: 1.2em !important;
}
.programs_item.style-2 .time-hrs {
	float:left;
	font-size:80px;
}
.programs_item.style-2 .time-minutes {
float: left;
text-transform: uppercase;
line-height: 30px;
font-size: 30px;
position: relative;
top: -20px;
}
.programs_item.style-2 .time-txt{ font-size:24px; padding-left:8px !important}

.programs_item .left-side {
	float:left;
	position: relative;
	min-height: 1px;
    padding: 18px 15px 12px 15px;
	width: 200px;
}
 
.programs_item .right-side {
	float: left;
	position: relative;
	min-height: 110px;
	padding: 15px 15px 8px 27px;
	width: 828px;
}
 
.programs_item .time {
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#32ac49;
	padding:20px 0
}
.programs_item img {
  border-radius: 50%;
  width: 60px;
}
.programs_item .name {
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#32ac49;
	padding-bottom:0;
}
.programs_item .des {
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#666666;
	padding-bottom:5px;
}
.programs_item h3 {
	margin: 0;
	padding: 0;
	font-size: 13px !important;
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	font-weight: 600 !important;
	padding-bottom: 5px;
	line-height:1 !important
}
.programs_item p {
	font-size:14px;
	padding:0;
	margin:0
}
 @media only screen and (max-width: 767px) {
.programs_item {
 text-align:center
}
}
/*---------------------------------------------------------------
  [10.0 TAB  ]
----------------------------------------------------------------*/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #fff !important;
}

	
	
@media only screen and (min-width: 960px) and (max-width: 1199px) {
	
	
 		/*---------------------------------------------------------------
		[16.0 Schedule ]
		----------------------------------------------------------------*/
		.programs_item .right-side {
			width: 485px !important;
		}
	
	
	
	
 
	}
	
/* #Tablet (Portrait)
================================================== */
 
    /* Note: Design for a width of 768px */
 
    @media only screen and (min-width: 768px) and (max-width: 959px) {	

 	

		/*---------------------------------------------------------------
		  [16.0 Schedule ]
		----------------------------------------------------------------*/

		.programs_item.style-1 .time {
			font-size: 30px !important;
		}


		.programs_item .des {
			font-size: 13px;
		}

		.programs_item.style-1 .speaker-image {
			position: relative;
			z-index: 9999;
			margin-left: 0px !important;
		}
		
		
		.programs_item .left-side {
			width: 300px !important;
			padding: 30px 15px 20px 15px;
		}

		.programs_item .right-side {
			width: 405px !important;
		}
		.programs_item.style-2 {
			padding:0px 15px 0px 15px !important;
		}

		.programs_item.style-2 .time {
			min-width:100px !important;
		}
		.programs_item.style-2 .time-hrs {
			font-size:50px !important;
		}
		.programs_item.style-2 .time-minutes {
			line-height: 20px !important;
			font-size: 18px !important;
			top: -10px !important;
		}
		.programs_item.style-2 .image {
			padding-left: 5px !important;
		}
		


		.jx-evont-title-1 h1 {
			font-size: 22px !important;
		}


 		
		
		
	}
	

	
 
	
	/* MOBILE PORTRAIT SIZE TO MOBILE LANDSCAPE SIZE (DEVICES AND BROWSERS)-------------- */
	@media  (max-width:767px) {
	 
		
		/*---------------------------------------------------------------
		  [16.0 Schedule ]
		----------------------------------------------------------------*/
		
		
		.programs_item h3 {
			z-index: 9999;
			position: relative;
		}
		
		.programs_item p {
			z-index: 9999;
			position: relative;
		}
		
		.programs_item.style-1 .speaker-image {
			float: none;
			margin-left: 0px;
			margin-right: 0px;
			position: relative;
			z-index: 9999;
		}
		
		.programs_item .name {
			z-index: 9999;
			position: relative;
		}
		
		.programs_item .des {
			position: relative;
			z-index: 9999;
		}
		
		.programs_item .left-side {
    		width: 100% !important;
		}

		.programs_item .right-side {
			width: 100% !important;
		}
		
		.programs_item.style-2 {
			padding:0px 0px 0px 15px !important;
		}

		.programs_item.style-2 .time {
			 min-width: 100px;
		}

		.programs_item.style-2 .time-minutes {
			line-height: 16px !important;
			font-size: 16px !important;
			top: -5px !important;
		}

		.programs_item.style-2 .time-hrs {
			float: left !important;
			font-size: 40px !important;
		}

 		
	}
	
/* #iPad (Landscape) and (Portrait)
================================================== */
	@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {

		.programs_item .right-side {
			width: 560px !important;
		}
	
	}
	
	@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {

		.programs_item.style-1 .time {
			font-size: 30px !important;
		}


		.programs_item .des {
			font-size: 13px;
		}

		.programs_item.style-1 .speaker-image {
			position: relative;
			z-index: 9999;
			margin-left: 0px !important;
		}
		
		
		.programs_item .left-side {
			width: 100px !important;
			padding: 30px 15px 20px 15px;
		}

		.programs_item .right-side {
			width: 605px !important;
		}
		.programs_item.style-2 {
			padding:0px 15px 0px 15px !important;
		}

		.programs_item.style-2 .time {
			min-width:100px !important;
		}
		.programs_item.style-2 .time-hrs {
			font-size:50px !important;
		}
		.programs_item.style-2 .time-minutes {
			line-height: 20px !important;
			font-size: 18px !important;
			top: -10px !important;
		}
		.programs_item.style-2 .image {
			padding-left: 5px !important;
		}
		
		
	}

	@media only screen and (max-width: 840px) { 
	
		.programs_item .left-side {
			width: 120px !important;
		}
		
		.programs_item .right-side {
			width: 90% !important;
		}
		

		/*---------------------------------------------------------------
		[3.0 SUBSCRIBE ]
		---------------------------------------------------------------*/


		.jx-evont-get-updates {
			padding: 14px 0px 0px 0px !important;
		}

		
	}






@media only screen and (max-width: 767px) {

				
		#right, .right{
					float: right;
					clear: both !important;
					float: none !important;
				}
				.field-row .amount-input{
					margin-right: 5px !important;
				}
				
		.field-row .cur-from, .field-row .cur-to {
			width:100%;
		}		
		

}





	
	    /* Note: Design for a width of 480px */ 
    @media only screen and (min-width: 480px) and (max-width: 767px) {

	

		
		.programs_item h3 {
			z-index: 9999;
			position: relative;
		}
		
		.programs_item p {
			z-index: 9999;
			position: relative;
		}
		
		.programs_item.style-1 .speaker-image {
			float: none;
			margin-left: 0px;
			margin-right: 0px;
			position: relative;
			z-index: 9999;
		}
		
		.programs_item .name {
			z-index: 9999;
			position: relative;
		}
		
		.programs_item .des {
			position: relative;
			z-index: 9999;
		}

		.programs_item .left-side {
			width: 100% !important;
		}

		.programs_item .right-side {
			width: 100% !important;
		}
		.programs_item.style-2 {
			padding:0px 0px 0px 15px !important;
		}
		.programs_item.style-2 .time {
			padding: 25px 14px 0px 120px;
		}

	
	


	
	}

/* END Make the cart table responsive */