.route-slider .swap-slider .nav
{
	text-align: center;
}

.route-slider .swap-slider .nav > .btn
{
	font-family: "Magneto";
     color: #888;
    font-weight: normal;
    font-size: 2.0em;
	line-height: 3rem;
    padding: 1rem;
    margin: 10px auto;
	border: 0;
	-webkit-transition: all 0.2s 0.05s cubic-bezier(0.25,0.1,0.25,1);
	-moz-transition: all 0.2s 0.05s cubic-bezier(0.25,0.1,0.25,1);
	-ms-transition: all 0.2s 0.05s cubic-bezier(0.25,0.1,0.25,1);
	-o-transition: all 0.2s 0.05s cubic-bezier(0.25,0.1,0.25,1);
	transition:all 0.2s 0.05s cubic-bezier(0.25,0.1,0.25,1);
}

.route-slider .swap-slider .nav > .btn:hover
{
	color: #333;
}

.swap-tab > .mask
{
	border: 0;
}

.swap-tab > .nav > .btn 
{
    background-color: #000;
    border: 0;
    color: #fff;
    font-size: 1.25rem;
    line-height: 3rem;
    height: 3rem;
    font-family: "Magneto";
    border-radius: 5px;
    color: var(--prime);
    font-size: 1.5em;
    font-weight: normal;
    line-height: 3rem;
}

.swap-tab > .radio-1:checked~.nav > .button-1, .swap-tab > .radio-2:checked~.nav > .button-2, .swap-tab > .radio-3:checked~.nav > .button-3, .swap-tab > .radio-4:checked~.nav > .button-4, .swap-tab > .radio-5:checked~.nav > .button-5 {
    background-color: #181715;
}

.route-slider .event-wrap
{
    white-space: pre-line;
    word-wrap: break-word;
    word-break: break-all;
}

.event-wrap .h1.top img
{
    max-width: 300px;
}

.route-slider .event-wrap .deco-head
{
    max-width: 90%;
}

.route-slider .swap-slider > .nav
{
	margin: 0;
}

.route-slider .swap-slider > .mask > .list > .item {
    width: 100%;
	max-width: 100%;
    height: 100%;
	max-height: 0;
    transition: max-height 1.5s ease-in;
}

.route-slider .swap-slider > .radio-1:checked~.mask > .list > .item.item-1, 
.route-slider .swap-slider > .radio-2:checked~.mask > .list > .item.item-2, 
.route-slider .swap-slider > .radio-3:checked~.mask > .list > .item.item-3, 
.route-slider .swap-slider > .radio-4:checked~.mask > .list > .item.item-4, 
.route-slider .swap-slider > .radio-5:checked~.mask > .list > .item.item-5
{
    max-height: 10000px;
}


.route-slider .swap-slider > .nav > .btn
{
background: #666666;
background: -moz-linear-gradient(top, #666666 0%, #555555 100%);
background: -webkit-linear-gradient(top, #666666 0%,#555555 100%);
background: linear-gradient(to bottom, #666666 0%,#555555 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#555555',GradientType=0 );
	
}


.route-slider .swap-slider > .radio-1:checked~.nav > .btn.button-1, 
.route-slider .swap-slider > .radio-2:checked~.nav > .btn.button-2, 
.route-slider .swap-slider > .radio-3:checked~.nav > .btn.button-3, 
.route-slider .swap-slider > .radio-4:checked~.nav > .btn.button-4, 
.route-slider .swap-slider > .radio-5:checked~.nav > .btn.button-5, 
.route-slider .swap-slider > .radio-6:checked~.nav > .btn.button-6,
.route-slider .swap-slider > .radio-7:checked~.nav > .btn.button-7, 
.route-slider .swap-slider > .radio-8:checked~.nav > .btn.button-8,
.route-slider .swap-slider > .radio-9:checked~.nav > .btn.button-9, 
.route-slider .swap-slider > .radio-10:checked~.nav > .btn.button-10
{
    color: var(--prime);
    background-color: #444;
    padding-bottom: 25px;
    margin: 10px auto;
    opacity: 1.0;
    padding: 15px 30px;
    transform: rotate(-1deg);
    z-index: 1;
    position: relative;
    background: var(--prime);
    /* display: block; */
    box-shadow: 0 5px 25px 0 var(--prime);
    color: var(--prime);
}



.route-slider .swap-slider > .radio-1:checked~.nav > .btn.button-1::before, 
.route-slider .swap-slider > .radio-2:checked~.nav > .btn.button-2::before, 
.route-slider .swap-slider > .radio-3:checked~.nav > .btn.button-3::before, 
.route-slider .swap-slider > .radio-4:checked~.nav > .btn.button-4::before, 
.route-slider .swap-slider > .radio-5:checked~.nav > .btn.button-5::before, 
.route-slider .swap-slider > .radio-6:checked~.nav > .btn.button-6::before,
.route-slider .swap-slider > .radio-7:checked~.nav > .btn.button-7::before, 
.route-slider .swap-slider > .radio-8:checked~.nav > .btn.button-8::before,
.route-slider .swap-slider > .radio-9:checked~.nav > .btn.button-9::before, 
.route-slider .swap-slider > .radio-10:checked~.nav > .btn.button-10::before
{
	
	content: "";
    position: absolute;
    box-shadow: 0 3px 25px 0 var(--prime);
    width: 102%;
    height: 102%;
    top: -1%;
    left: -1%;
    z-index: -1;
    background: #000;
    transform: rotate(1deg);
}


/* MOBILE */

@media only screen and (min-width : 568px) 
{
	.route-slider .event-wrap .deco-head {
		max-width: 100%;
	}
}