ul {

    -webkit-margin-before: 0em;

    -webkit-margin-after: 0em;

    -webkit-margin-start: 0px;

    -webkit-margin-end: 0px;

    -webkit-padding-start: 0;

}

.content {

	width: 80%;

	margin: auto;

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	height: 280px;

	padding: 0; 

}



#rb-grid {list-style:none;}

#rb-grid h1 {color:#fff;text-transform:uppercase;font-size:24px;line-height:1;margin-left:30px;; position: absolute; bottom: 35px;}

.frame-title {color: #fff; text-transform: uppercase; font-size: 16px; font-weight: bold; transform: rotate(-90deg); transition: ease-out 0.1s; -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%;   transform-origin: 0 50%; position: absolute; left: 3%; bottom: -20px; width:100%}

.frame-open .frame-title {opacity: 0;}

.frame-closed {padding-left:6%;}

#rb-grid .frame-0 {background:url(../img/grid/fx.png); background-size: cover;}

#rb-grid .frame-1 {background:url(../img/grid/mv.png); background-size: cover;}

#rb-grid .frame-2 {background:url(../img/grid/vf.png); background-size: cover;}

#rb-grid .frame-3 {background:url(../img/grid/md.png); background-size: cover;}

#rb-grid .frame-4 {background:url(../img/grid/cf.png); background-size: cover;}

#rb-grid .frame-5 {background:url(../img/grid/pm-2.png); background-size: cover;}

#rb-grid .frame-6 {background:url(../img/grid/mf-2.png); background-size: cover;}

.frame-click-cnt {margin-left:0; height: 100%; width: 100%;}

#rb-grid .frame-closed .img-black {opacity: 0.7; transition: ease-in-out 4s; position: absolute; left: 0;}

#rb-grid .frame-open .img-black {display:none;}

#rb-grid .frame-content {width:100%;height:100%; cursor: pointer;}	

#rb-grid .frame-content p {color:#fff; text-transform: lowercase; font-size: 13px; position:absolute; bottom:15px;margin-left:30px;}

#rb-grid .frame-content:hover p {color:#ffde16;}

#rb-grid .frame-content:hover h1 {color:#ffde16;}

#rb-grid .frame-closed .frame-content {opacity: 0;}

#rb-grid .frame-open .frame-content {display:block;}



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

	#rb-grid h1 {

		font-size:20px;

	}

	.frame-title {

		font-size:14px;

	}

	.content {

		position: relative;

		margin: auto;

		padding: 165px 0 60px 0;

	}

}

@media screen and (max-width: 480px) {.content {width: 100%}}

@media screen and (max-width: 321px) {.frame-title {bottom:20px}}

.rb-type {

	font-size: 1.9em;

	-webkit-transition: opacity 0.3s ease-in-out;

	-moz-transition: opacity 0.3s ease-in-out;

	transition: opacity 0.3s ease-in-out;

}

.rb-overlay {

	opacity: 0;

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	-webkit-transition: all 0.4s ease;

	-moz-transition: all 0.4s ease;

	transition: all 0.4s ease;

	z-index: -1;

	pointer-events: none;

	cursor: default;

}

.rb-close {

	position: absolute;

	width: 100%;

	height: 100%;

	cursor: default;

	z-index: 100;

}

.rb-close-icon {

	position: absolute;

	top: 0.4em;

	right: 0.4em;

	width: 2em;

	height: 2em;

	text-indent: -9000px;

	cursor: pointer;

	z-index: 1000;

}

.rb-close-icon::before {

	content: 'x';

	font-weight: 100;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	font-size: 3em;

	line-height: 0.6;

	text-align: center;

	text-indent: 0px;

	color: #fff;

}



.rb-week {

	width: 100%;

	height: 100%;

}

.rb-week > div {

	width: 100%;

	height: 100%;

	float: left;

	position: relative;

	padding: 3% 0;

	background: rgba(0, 0, 0, 0.7);

}



@media screen and (max-width: 63.125em) {

	

	.rb-grid li,

	.rb-grid li.rb-span-2,

	.rb-grid li.rb-span-4 {

		width: 100%;

		height: 10em;

		text-align: left;

	}



	.rb-grid li[class^="icon-"]:before,

	.rb-grid li[class*=" icon-"]:before {

		font-size: 6em;

		left: auto;

		right: 0;

		line-height: 2.5;

	}



	.rb-grid li > div {

		text-align: center;

	}

}



/*----- Accordion -----*/

.accordion, .accordion * {

	-webkit-box-sizing:border-box; 

	-moz-box-sizing:border-box; 

	box-sizing:border-box;

}



.accordion {

	box-shadow:0px 1px 3px rgba(0,0,0,0.25);

	border-radius:3px;

	background:#f7f7f7;

	width: 80%;

	margin: 0 auto;

	position: relative;

	top: 50%;

	transform: translateY(-50%);

	z-index: 110;

}



/*----- Section Titles -----*/

.accordion-section-title {

	width:100%;

	padding:15px;

	display:inline-block;

	border-bottom:1px solid #1a1a1a;

	background:#1b3c5e;

	transition:all linear 0.15s;

	/* Type */

	font-size:1.200em;

	text-shadow:0px 1px 0px #1a1a1a;

	color:#fff;

}



.accordion-section-title.active, .accordion-section-title:hover {

	background:#1b3c5e;

	/* Type */

	color:#ffde16;

	text-decoration: none;

}



.accordion-section:last-child .accordion-section-title {

	border-bottom:none;

}



/*----- Section Content -----*/

.accordion-section-content {

	padding:15px;

	display:none;

	font-size: 15px;

}

.accordion-section-content p {

	text-align: justify;

}

.accordion-section-content p, .accordion-section-content td {

	color: #1b3c5e;

	font-weight: bold;

}

.td-full {

	width:100%;

}

.td-center {text-align: center;width: 100%;}

.td-left {

	width:50%; 

	text-align:right; 

	padding-right:5px; 

}

.td-right {

	width:50%; 

	text-align:left; 

	padding-left:5px;

}

#accordion-1 {

	display: block;

	background: url(../images/image22.png) no-repeat;

	background-size: 100% 100%;

}

#accordion-2 {

	background: url(../images/image23.png) no-repeat center;

	background-size: 100% auto;

}

#accordion-3 {

	background: url(../images/image24.png) no-repeat center;

	background-size: 100% auto;

}

@media (max-width: 480px) {

	.accordion-section-content {

	padding: 0;

	display:none;

	line-height: 1;

	}

	.accordion-section-content p, .accordion-section-content td {

	font-size: 12px;

	padding: 5px;

	}

}

@media (max-width: 767px) {

	.accordion {

	width: 100%;

	margin: auto 0;

	position: relative;

	top: 50%;

	transform: translateY(-50%); 

	}

	.accordion-section-content {

	padding: 5px;

	display:none;

	font-size: 14px;

	line-height: 1.2;

	}

}