p {font-family: 'Questrial',Helvetica,Arial,Lucida,sans-serif;}

.accordionWrapper{
    padding:30px;
    background:#ffffff;
    float:left;
    width:80%;
    box-sizing:border-box;
    margin:10%;
    box-shadow: 0 1.5em 85px 0 rgba(0, 0, 0, 0.2);
    
}
.accordionItem{
    float:left;
    display:block;
    width:100%;
    font-family:'Open-sans',Arial,sans-serif;
    border: 1px solid #BDE7FF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
    padding-bottom:10px;
}
.accordionItemOnline{
    float:left;
    display:block;
    width:100%;
    font-family:'Open-sans',Arial,sans-serif;
    border: 1px solid #BDE7FF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
    padding-bottom:10px;
}
.accordionItemHeading{
    cursor:pointer;
    margin:0px 0px 10px 0px;
    padding:10px;
    background:#ffffff;
    color:#111111;
    width:100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 16px;
}
.accordionItemHeadingOnline{
    cursor:pointer;
    margin:0px 0px 10px 0px;
    padding:10px;
    background:#ffffff;
    color:#111111;
    width:100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 16px;
}
.close .accordionItemContent{
    height:0px;
    transition:height 1s ease-out;
    -webkit-transform: scaleY(0);
	-o-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
    float:left;
    display:block;
}
.onlineclose .accordionItemContentOnline{
    height:0px;
    transition:height 1s ease-out;
    -webkit-transform: scaleY(0);
	-o-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
    float:left;
    display:block;
}
.open .accordionItemContent{
    padding: 20px;
    background-color: #fff;
    border-top: 1px solid #FFBD59;
    width: 100%;
    margin: 0px 0px 10px 0px;
    display:block;
    -webkit-transform: scaleY(1);
	-o-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
    -webkit-transform-origin: top;
	-o-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;

	-webkit-transition: -webkit-transform 0.4s ease-out;
	-o-transition: -o-transform 0.4s ease;
	-ms-transition: -ms-transform 0.4s ease;
	transition: transform 0.4s ease;
    box-sizing: border-box;
}
.onlineopen .accordionItemContentOnline{
    padding: 20px;
    background-color: #fff;
    border-top: 1px solid #FFBD59;
    width: 100%;
    margin: 0px 0px 10px 0px;
    display:block;
    -webkit-transform: scaleY(1);
	-o-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
    -webkit-transform-origin: top;
	-o-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;

	-webkit-transition: -webkit-transform 0.4s ease-out;
	-o-transition: -o-transform 0.4s ease;
	-ms-transition: -ms-transform 0.4s ease;
	transition: transform 0.4s ease;
    box-sizing: border-box;
}

.open .accordionItemHeading{
    margin:0px;
    background-color: #ffffff;
    color: #111111;
}

.onlineopen .accordionItemHeadingOnline{
    margin:0px;
    background-color: #ffffff;
    color: #111111;
}

.date-box {
width: 300px;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
padding: 10px;
border-bottom: 1px solid #FFBD59;
color: #004AAD;
}
.date-month {
    text-align: center;
    font-family: 'Questrial',Helvetica,Arial,Lucida,sans-serif;
    font-size: 11px;
}
.date-day {
    text-align: center;
    font-family: 'Questrial',Helvetica,Arial,Lucida,sans-serif;
    font-size: 16px;
}

.go-button {
    width: 150px;
    padding: 10px;
    background-color: #004AAD;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border-color: #004AAD;
    border-width: 1px;
    color: #ffffff;
    float: right;
    cursor:pointer;
}

.tag-open {
    background-color: #38B6FF;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    font-family: 'Questrial',Helvetica,Arial,Lucida,sans-serif;
    font-size: 11px;
    color: #ffffff;
    padding: 5px;
    margin-left: 10px;
}

.tag-closed {
    background-color: #FF914D;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    font-family: 'Questrial',Helvetica,Arial,Lucida,sans-serif;
    font-size: 11px;
    color: #ffffff;
    padding: 5px;
    margin-left: 10px;
}

.trainer-info {
    font-family: 'Questrial',Helvetica,Arial,Lucida,sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #111111;
    margin-right: 20px;
}

.course-contact {
    font-family: 'Questrial',Helvetica,Arial,Lucida,sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #111111;
    margin-right: 20px;
}

.registration-date {
    font-family: 'Questrial',Helvetica,Arial,Lucida,sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #111111;
}