@media screen and (max-width:960px){	
    #main-nav-button, .ubermenu-item img{
        display: none!important;
    }    
}

/*Calendar Fix*/
#calendar-2 #next{
	overflow: hidden;
}

@media (max-width:767px) {
	#calendar-2 table, #calendar-2 tfoot {
		display: table;
	}

	#calendar-2 tfoot {
		display: table-footer-group;
	}	

	#calendar-2 tr {
		display: table-row;
	}

	#calendar-2 thead{
		display: table-header-group;
	}

	#calendar-2 tbody{
		display: table-row-group;
	}

	#calendar-2 th, #calendar-2 td {
		display: table-cell; 
		padding-left:0;
	}
}

/*Logo Fix*/
#header img.logo{
	height: 70px;
}

@media (max-width: 767px){
	#header .logo{
		padding: 0!important;
		text-align: center;
	}
	
	#header img.logo{
		height: 70px!important;
		opacity: 0;
		    width: 68px;
	}

	a[rel="home"]{
	    background-size: 70px 70px;
	    background-position: center;
	    display: inline-block;
	    margin-bottom: 12px;
	}
}

/* Course Accordion */
.course-accordion, .course-accordion *{
box-sizing: border-box;
}

.course-accordion{
width: 100%;
left: 0;
height: 500px;
display: inline-block;
position: relative;
overflow: hidden;
}

.course-accordion-slide{
width: 80%;
height: 100%;
display: inline-block;
position: absolute;
top: 0;
left: 0;
color: white;
background: #ccc;
outline: 2px solid #7C7C7C;
padding: 35px;
box-shadow: 0 0 50px #000;
transition: .7s background;
}

.course-accordion-slide *{
position: relative;
}

@media screen and (min-width: 960px){
	.course-accordion-slide .course-accordion-title,
	.course-accordion-slide .course-accordion-content-wrapper
	{
	transform: translateX( 20% );
	-webkit-transform: translateX( 20% );
	transition: .5s;
	}

	.course-accordion-slide[data-state="opened"] .course-accordion-title,
	.course-accordion-slide[data-state="opened"] .course-accordion-content-wrapper
	{
	transform: translateX( 0% );
	-webkit-transform: translateX( 0% );
	}
	
	.course-accordion-slide{
	perspective: 1500px;
	-webkit-perspective: 1500px;
	}
}

.course-accordion-slide[data-state="opened"]{
background: #000;
}

.course-accordion-slide[data-state="closed"],
.course-accordion-slide[data-state="narrowed"] {
cursor: pointer;
}

.course-accordion-slide[data-state="closed"]>*,
.course-accordion-slide[data-state="narrowed"]>* {
opacity: 0;
}

.course-accordion-slide[data-state="closed"]>.course-accordion-image,
.course-accordion-slide[data-state="narrowed"]>.course-accordion-image
{
opacity: .8;
}

.course-accordion-slide[data-state="closed"]>.course-accordion-closed-title,
.course-accordion-slide[data-state="narrowed"]>.course-accordion-closed-title
{
opacity: 1;
}

.course-accordion-title{
  font-size: 32px;
  text-transform: uppercase;
  line-height: 1em;
  font-weight: bold;
  margin: 15px 0 10px;
  color: #FFFFFF;
  text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.75);
}

.course-accordion-slide:nth-child(5) .course-accordion-title{
left: 10px;
}

#main-content .course-accordion h5 {
  color: #FFD4C0;
  font-weight: bold;
}

.course-accordion td{
vertical-align: top;
}

.course-accordion table, .course-accordion td, .course-accordion tr {
border-color: rgba(0, 0, 0, 0);
}

.course-accordion-narrowed-title{
font-size: 25px;
transform: rotate( -90deg ) translateX( -240px ) translateY( -285px );
-webkit-transform: rotate( -90deg ) translateX( -240px ) translateY( -285px );
opacity: 0!important;
text-align: right;
color: #573639;
max-width: 550px;
transition: .5s;
}

@media screen and ( min-width: 1200px ){
	.course-accordion-slide[data-state="narrowed"] .course-accordion-narrowed-title{
	opacity: 1!important;
	}
}

.course-accordion-closed-title{
position: absolute;
bottom: 0;
left:0;
width: 100%;
transition: .5s transform;
transform: translateY(0%);
-webkit-transform: translateY(0%);
display: inline-block;
background: rgba(171, 143, 143, 0.71);
/*
background: linear-gradient(to top, rgba(176, 141, 141, 0.82) 0%,rgba(195, 176, 176, 0.76) 40%,rgba(223, 202, 202, 0.36) 100%);
*/
height: 35%;
color: rgba(0, 0, 0, 0.77);
}

.course-accordion-slide[data-state="opened"] .course-accordion-closed-title {
transform: translateY( 100% );
-webkit-transform: translateY( 100% );
}

@media screen and ( min-width: 1200px ){
	.course-accordion-slide[data-state="narrowed"] .course-accordion-closed-title {
		transform: translateY( 100% );
		-webkit-transform: translateY( 100% );
	}

}

.course-accordion-closed-title-inner{
display: table;    
padding: 30px 20px;
height: 100%;    
}

.course-accordion-closed-title-inner>span{
vertical-align: middle;
display: table-cell;
width: 100%;
text-transform: uppercase;
font-size: 25px;
line-height: 1.4em;
color: #FFFFFF;
text-shadow: -1px 0px 0px #BAA8A9, 1px 1px 1px #A8A8A8;
}


.course-accordion-slide:nth-child( 1 ){
left: 0%;
}

.course-accordion-slide:nth-child( 2 ){
left: 20%;
}

.course-accordion-slide:nth-child( 3 ){
left: 40%;
}

.course-accordion-slide:nth-child( 4 ){
left: 60%;
}

.course-accordion-slide:nth-child( 5 ){
left: 70%;
}

.course-accordion-slide:nth-child( 6 ){
left: 80%;
}

.course-accordion-image{
overflow: hidden;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: .5;
}

.course-accordion-image img{
max-width: 100%;
min-width: 100%;
min-height: 100%;
position: absolute;
 top: 50%; 
left: 50%; 
transform: translate( -50%, -50% );
-webkit-transform: translate( -50%, -50% );
}

.course-accordion-content-wrapper{
position: relative;
overflow: hidden;
height: 85%;
width: 100%;
}

@media screen and ( min-width:650px ){
	.course-accordion-content-wrapper{
	padding-right: 30px;
	}
}

.course-accordion-slide:nth-child( 6 ) .course-accordion-content-wrapper{
padding-right: 0;
left: -5px;
}

.course-accordion-slide:nth-child( 6 ) .course-accordion-content-wrapper .course-accordion-content{
height: 100%!important;
}

.course-accordion-content-wrapper.ps-container .ps-scrollbar-y-rail, 
.course-accordion-content-wrapper.ps-container .ps-scrollbar-y-rail.hover {
width: 8px;
background: rgba(0, 0, 0, 0.14);
}

.course-accordion-content-wrapper.ps-container .ps-scrollbar-x-rail{
visibility: hidden;
}

@media screen and ( max-width:1200px ){
	.course-accordion{
		height: auto;
		width: 100%!important;
		left: 0!important;
	}

	.course-accordion-slide{
		width: 100%!important;
		height: 100px;
		display: inline-block;
		position: relative!important;
		top: 0!important;
		left: 0!important;
		padding: 10px!important;
		overflow: hidden;
		background: #898989!important;
	}

	.course-accordion-slide[data-state="opened"]{
		height: auto;
	}

	.course-accordion-content-wrapper .ps-scrollbar-x-rail,
	.course-accordion-content-wrapper .ps-scrollbar-y-rail{
		display: none!important;
	}

	.course-accordion-closed-title{
		height: auto!important;	
	}

	.course-accordion-closed-title-inner span{
		font-size: 15px;	
	}

	.course-accordion-content-wrapper{
		height: auto;		
	}
	
	.course-accordion-closed-title-inner{
		width: auto!important;
		padding: 15px;
	}
  
	.course-accordion-slide table, .course-accordion-slide table * {
		/* display: inline-block!important; */
	}

	.course-accordion-slide td {
		width: 100%;
	}

	.course-accordion-slide[data-state="opened"] .course-accordion-image{
		display: none;
	}

}

/* Timeline */
.timeline-scroll-container{
  position: relative;
  overflow: hidden;

  height: 100%;
  width: 100%;
  margin-top: 10px;
}

.timeline-scroll-container.ps-container .ps-scrollbar-y-rail, 
.timeline-scroll-container.ps-container .ps-scrollbar-y-rail.hover {
width: 8px;
background: rgba(0, 0, 0, 0.14);
}

.timeline{
box-sizing: border-box;
width: 95%;
position: relative;
display: inline-block;
font-size: 12px;
padding: 10px 25px;
}

.timeline .snake-timeline-canvas{
position: absolute;
left: 0;
top: 0;
z-index: 0;
}

.timeline *{
box-sizing: border-box;
}

.timeline_cell{
padding: 10px;
position: relative;
min-height: 250px;
width: 33.33%;
float: left;
display: block;
text-align: justify;
z-index: 1;
}

@media screen and (min-width: 1000px){
	.timeline_first{
	left: -20px;	
	}
}

.timeline_cell:nth-child(3n+1){
clear: both;
}

.timeline_cell:nth-child(6n+4){
float: right;
}

.timeline_cell:nth-child(6n+5){
float: right;
}

.timeline_time{
text-align: right;
font-size: 2.5em;
margin: .5em 0 1em 0;
font-weight: bold;
color: #FFD4C0;
transform: scale( 1.2 ) translateX(-50px);
-webkit-transform: scale( 1.2 ) translateX(-50px);
}

.timeline_img{
border-radius:50%;
width: 150px;
height: 150px;
background: #FFD4C0;
margin: 10px 0 0 0;
margin-bottom: 30px;
position: absolute;
top: 120px;
left: 50%;
transform: scale(1) translate(-50%, calc( -50% + 2em )) ;
-webkit-transform: scale(1) translate(-50%, calc( -50% + 2em )) ;
transition: .4s;
box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2);
}

.timeline_appear .timeline_img{
    top: -4em;
    left: -2em;
    transform: scale(.3) translate(0%, 0) ;
    -webkit-transform: scale(.3) translate(0%, 0) ;
}

.timeline_img img{
max-width: 100%;
opacity:0;
}

.timeline_text, .timeline_text2{
background: #D4EDE4;
padding: 10px;
margin-bottom: 5px;
color: #000000;
text-align: left;
line-height: 1.5em;
}

.timeline_text2{
color: #E2723D;
background-color: #FDDDD0;
}

.timeline_first .timeline_text{
color: #FFD4C0;
font-size: 1.1em;
line-height: 1.4em;
background-color: transparent;
}

.timeline_first .timeline_text{     
text-align:justify;
}

.timeline_cell .timeline_text, 
.timeline_cell .timeline_text2 {
perspective: 500px;
transform: rotateX(-50deg);
-webkit-transform: rotateX(-50deg);
transform-origin: top center;
-webkit-transform-origin: top center;
opacity: 0;
}

.timeline_cell.timeline_first .timeline_text {
  transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  opacity: 1;
  padding: 0;
  font-size: 14px;
  line-height: 1.6em;
  text-align: left;
}

.timeline_img:before{
content: ' ';
box-shadow: 0 0 0 10px rgba(253, 221, 208, 0);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 100%;
transform: scale(1);
-webkit-transform: scale(1);
transition: .5s;
}

.timeline_appear .timeline_img:before{
content: ' ';
box-shadow: 0 0px 0 5px #FFD4C0;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 100%;
transform: scale(1.2);
}

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

	.course-accordion-slide:nth-child( 6 ) .course-accordion-content-wrapper{
		left: 0;
	}

	.timeline, .timeline-scroll-container{
		height: auto!important;
		padding: 0! important;
		width: 100%;
	}

	.timeline canvas{
		display: none!important;
	}

	.timeline_cell{
		float: left!important;
		clear: both!important;
		width:100%;
	}

	.timeline_time{
		text-align:center;
		margin-top: 30px;
	}

	.timeline_img{
		position:relative!important;
		top: 0;
		left:0;
		margin:0 auto;
		transform: translate( 20px, 30px ) scale( .7 )!important;
		-webkit-transform: translate( 20px, 30px ) scale( .7 )!important;
	}

}

@media screen and ( max-width:650px ){
	.timeline *{
		transform: none!important;
		-webkit-transform: none!important;
		transform-origin: initial!important;
		-webkit-transform-origin: initial!important;
		left: auto!important;
	}

	.timeline_img{
		transform: scale(.6) translateY(40px)!important;
		-webkit-transform: scale(.6) translateY(40px)!important;
	}
}