/* =============================================================================================== */
/* SCHEDULE ========================================================================================== */
/* =============================================================================================== */
section.swiper {
	float: left;
	width: 100%;
    margin: 0 0 40px; }

	section.swiper .swiper-title { 
		float: left;
		width: 100%;
		color: var(--frame-main);
		font-family: "Proxima Nova"; 
   		font-size: 18px;
		font-weight: bold;
		text-transform: uppercase;
		line-height: 1;
		margin: 25px 0 15px; }

	section.swiper .swiper-grid .swiper-container {
		width: 100%;
		height: 100%; }
		.swiper-button-next, 
		.swiper-button-prev {
   		 	filter: brightness(100) grayscale(1) contrast(10); }

	section.swiper .swiper-grid .swiper-slide { 
		position: relative;
	    background-position: center;
	    background-size: cover;
		width: 200px; }
		section.swiper .swiper-grid .swiper-slide .box {
			width: 100%;
			height: 100%; } 
		section.swiper .swiper-grid .swiper-slide .inner {
		    position: absolute; left: 0; bottom: 0;
		    width: 100%; height: 60px;
		    background-color: rgba(0,0,0,0.5);
		    color: white;
		    padding: 5px 15px;
		    transition: 0.5s; }
			section.swiper .swiper-grid .swiper-slide:hover .inner {
				background-color: var(--frame-main);
				transition: 0.3s; }
			section.swiper .swiper-grid .swiper-slide .inner p {
				margin: 0; }
			section.swiper .swiper-grid .swiper-slide .inner .title {
				font-size: 12px;
				font-weight: bold;
				text-transform: uppercase;
				line-height: 1.3;
    			margin-top: 3px; }
			section.swiper .swiper-grid .swiper-slide .inner .subtitle {
				font-size: 10px; }

	section.swiper .swiper-grid .direction {
		font-size: 18px;
		text-transform: uppercase;
		text-align: center;
		margin: 10px 0; }
	section.swiper .swiper-grid .direction svg {
		position: relative; top: 3px;
		color: var(--main-color);
		font-size: 30px;
		margin: 0 5px; }