/* 2025 BOLAA */
*, *::before, *::after {box-sizing: border-box;  margin: 0; padding: 0;}

html {-webkit-text-size-adjust: none; text-size-adjust: none;}
body {line-height: 1.5; background: #060118;overflow-x: hidden;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strong, sub, sup, var, b, u, i {font: inherit;vertical-align: baseline;text-decoration: none; color: inherit;}
ol, ul {list-style: none;}
img, canvas, iframe, video, svg {display: block;max-width: 100%;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}


/* 260123 추가 */
            #bolaa-intro-section {
                min-height: 100vh;
                background: #060118;
            }
            @keyframes marquee-infinite {
                0% { transform: translateX(0); }
                100% { transform: translateX(-50%); }
            }
            .bolaa-container {
                position: relative;
                min-height: 100vh;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                color: white;
                text-align: center;
                overflow: hidden;
            }

            /* 배경 이미지 영역: 세로 비율 유지 및 상하 여백(15vh) */
            .background-viewport {
                position: absolute;
                top: 10vh; 
                bottom: 10vh;
                left: 0;
                right: 0;
                opacity: 0.25;
                pointer-events: none;
                z-index: 1;
            }

            .marquee-content {
                display: flex;
                width: max-content; /* 이미지 실제 너비 합계만큼 확장 */
                height: 100%;
                /* 300s로 아주 천천히 설정 */
                animation: marquee-infinite 300s linear infinite;
            }

            .marquee-item {
                height: 100%;
                flex-shrink: 0;
            }

            .marquee-item img {
                height: 100%;
                width: auto; /* 원본 비율 유지 */
                display: block;
            }

            /* 중앙으로 시선을 모아주는 블러 효과 */
            .bg-radial-blur {
                position: absolute;
                inset: 0;
                background: radial-gradient(circle at center, transparent 10%, rgba(6, 1, 24, 0.5) 60%, rgba(6, 1, 24, 1) 100%);
                pointer-events: none;
                z-index: 3;
            }

            /* 브랜드 텍스트 및 레이아웃 */
            main {
                position: relative;
                z-index: 10;
                width: 100%;
                max-width: 1200px;
                padding: 0 20px;
            }

            .brand-letters-container {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 1.5rem;
                margin-bottom: 3rem;
            }

            .letter-item {
                cursor: pointer;
                display: flex;
                align-items: baseline;
                justify-content: center;
            }

            .main-letter {
                font-size: 5rem; 
                font-weight: 900;
                transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);
            }

            .word-expansion {
                overflow: hidden;
                transition: max-width 2s cubic-bezier(0.16, 1, 0.3, 1), 
                            opacity 1.8s ease, 
                            filter 1.8s ease;
                display: flex;
                align-items: baseline;
                max-width: 0;
                opacity: 0;
                filter: blur(6px);
                white-space: nowrap;
            }

            .word-expansion.active {
                max-width: 600px;
                opacity: 1;
                filter: blur(0);
                margin-left: 1rem;
            }

            .expansion-text {
                font-size: 2rem;
                font-weight: 700;
                color: #fff;
            }

            .store-link {
                display: inline-block;
                padding: 12px 30px;
                border: 1px solid rgba(255, 255, 255, 0.3);
                border-radius: 50px;
                background: rgba(255, 255, 255, 0.08);
                color: white;
                font-weight: 600;
                font-size: 14px;
                letter-spacing: 0.1em;
                transition: 0.3s;
                margin:10px;
            }

			.store-link>svg{
				display: inline-block;
				height: 1.5em;
				padding-bottom: 5px;
				margin-right: 5px;
				vertical-align: middle;
			}

            .store-link:hover {
                background: white;
                color: #060118;
            }

            @media (min-width: 768px) {
                .brand-letters-container { flex-direction: row; align-items: baseline; gap: 0.5rem; }
                .main-letter { font-size: 9rem; }
                .expansion-text { font-size: 4rem; }
            }

            /* 사이드바 여백 처리 */
            #sidebar+#wrapper { margin-left:18em; }
            @media screen and (max-width:1280px) { #sidebar+#wrapper { margin-left:0; } }
   /* 260123 추가 꿑*/

            /* [추가] 우측 상단 버튼 스타일 */
            .top-right-btn {
                position: absolute;
                top: 2rem;
                right: 2rem;
                z-index: 100;
                padding: 0.7rem 1.8rem;
                border: 1px solid rgba(255, 255, 255, 0.2);
                border-radius: 999px;
                background: rgba(255, 255, 255, 0.1);
                color: white;
                text-decoration: none;
                font-size: 0.85rem;
                font-weight: 700;
                backdrop-filter: blur(10px);
                -webkit-backdrop-filter: blur(10px);
                transition: all 0.3s ease;
                cursor: pointer;
                letter-spacing: 0.05em;
            }

            .top-right-btn:hover {
                background: white;
                color: #060118;
                transform: translateY(-2px);
            }







/* Basic */

@media screen and (max-width:480px) {
		html,body {min-width:320px;}}
#one, #two, #three, #four, #footer {background:#9364FF;}
body.is-preload *, 
body.is-preload *:before, 
body.is-preload *:after {
    animation: none !important;
    transition: none !important;
}
/* Type */
body,input,select,textarea {
		color:#f9f9f9;
		font-family:-apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif;
		font-size:1rem;
		font-weight:normal;
		line-height:1.5;
}
	@media screen and (max-width:1680px) {
			body,input,select,textarea {
					font-size:13pt;
	}
}
	@media screen and (max-width:1280px) {
			body,input,select,textarea {
					font-size:12pt;
	}
}
	@media screen and (max-width:360px) {
			body,input,select,textarea {
					font-size:11pt;
	}
}
a {
		-moz-transition:color 0.2s ease,border-bottom-color 0.2s ease;
		-webkit-transition:color 0.2s ease,border-bottom-color 0.2s ease;
		transition:color 0.2s ease,border-bottom-color 0.2s ease;
		border-bottom:dotted 1px rgba(255,255,255,0.35);
		color:inherit;
		text-decoration:none;
}
	a:hover {
			border-bottom-color:transparent;
			color:#ffffff;
}

p {
		color:#d2cbff;
		margin:0 0 2em 0;
}
h2,h3,h5,h6 {
		color:#ffffff;
		line-height:1.5;
		margin:0 0 0.5em 0;
		text-decoration:none;
}
h1 {
		font-size:2.75em;
		font-weight: 600;
		letter-spacing:-0.4px;
}
	h1.major {
			margin:0 0 1.3em 0;
			position:relative;
			padding-bottom:0.35em;
}
	h1.major:after {
	background-image:-moz-linear-gradient(to right,#5e42a6,#b74e91);
	background-image:-webkit-linear-gradient(to right,#5e42a6,#b74e91);
	background-image:linear-gradient(to right,#5e42a6,#b74e91);
	-moz-transition:max-width 0.2s ease;
	-webkit-transition:max-width 0.2s ease;
	transition:max-width 0.2s ease;
	border-radius:0.2em;
	bottom:0;
	content:'';
	height:0.05em;
	position:absolute;
	right:0;
	width:100%;
}
h2 {font-size:1.875em; font-weight: 500;}
h3 {font-size:1.25em; letter-spacing:-0.3px; color:#d2cbff;}
h4 {font-size:1em;}
h5 {font-size:0.8em;}
h6 {font-size:0.6em;}

@media screen and (max-width:736px) {
	h1 {font-size:2em;}
	h2 {font-size:1.25em;}
	h3 {font-size:1em;}
	h4 {font-size:0.8em;}
	h5 {font-size:0.6em;}
	h6 {font-size:0.6em;}
}

/* Button */
button,.button {
		-moz-appearance:none;
		-webkit-appearance:none;
		appearance:none;
		-moz-transition:border-color 0.2s ease;
		-webkit-transition:border-color 0.2s ease;
		transition:border-color 0.2s ease;
		background-color:transparent;
		border:solid 1px !important;
		border-color:rgba(255, 255, 255, 0.5) !important;
		border-radius:3em;
		color:#ffffff !important;
		cursor:pointer;
		display:inline-block;
		font-size:0.875em;
		font-weight:bold;
		height:calc(4.75em+2px);
		letter-spacing:0.25em;
		outline:0;
		padding:10px 24px;
		position:relative;
		text-align:center;
		text-decoration:none;
		text-transform:uppercase;
		white-space:nowrap;
}
input[type="button"]:after,	button:after,	.button:after {
			-moz-transform:scale(0.25);
			-webkit-transform:scale(0.25);
			transform:scale(0.25);
			pointer-events:none;
			-moz-transition:opacity 0.2s ease,-moz-transform 0.2s ease;
			-webkit-transition:opacity 0.2s ease,-webkit-transform 0.2s ease;
			transition:opacity 0.2s ease,transform 0.2s ease;
			background:#ffffff;
			border-radius:3em;
			content:'';
			height:100%;
			left:0;
			opacity:0;
			position:absolute;
			top:0;
			width:100%;
}
	
	button.icon:before,	.button.icon:before {margin-right:0.75em;}
	button.small,	.button.small {font-size:0.4em;}.large,	button.large,	.button.large {font-size:0.8em;}
	button.primary,	.button.primary {background-color:#ffffff; color:#312450 !important;}
	.primary:after,	button.primary:after,.button.primary:after {display:none;}
	.button:hover {border-color:rgba(255,255,255,0.55) !important;}
	button.disabled,button:disabled,.button.disabled,.button:disabled {
			cursor:default;
			opacity:0.5;
			pointer-events:none;}
	button:hover:after,.button:hover:after {
		opacity:0.05;
			-moz-transform:scale(1);
			-webkit-transform:scale(1);
			transform:scale(1);}
	button:hover:active,.button:hover:active {border-color:#ffffff !important;}
	button:hover:active:after,.button:hover:active:after {opacity: 0.1;}
/* Features */
.features {
		display:-moz-flex;
		display:-webkit-flex;
		display:flex;
		-moz-flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		border-radius:0.25em;
		border:solid 1px rgba(255,255,255,0.15);
		background:rgba(255,255,255,0.05);
		margin:0 0 2em 0;
}
	.features section {
			padding:3.5em 3em 1em 7em;
			width:50%;
			border-top:solid 1px rgba(255,255,255,0.15);
			position:relative;
}
		.features section:nth-child(-n+2) {
				border-top-width:0;
}
		.features section:nth-child(2n) {
				border-left:solid 1px rgba(255,255,255,0.15);
}
		.features section .icon {
				-moz-transition:opacity 0.5s ease,-moz-transform 0.5s ease;
				-webkit-transition:opacity 0.5s ease,-webkit-transform 0.5s ease;
				transition:opacity 0.5s ease,transform 0.5s ease;
				-moz-transition-delay:1s;
				-webkit-transition-delay:1s;
				transition-delay:1s;
				-moz-transform:scale(1);
				-webkit-transform:scale(1);
				transform:scale(1);
				position:absolute;
				left:3em;
				top:3em;
				opacity:1;
}
		.features section:nth-child(1) .icon {
				-moz-transition-delay:0.15s;
				-webkit-transition-delay:0.15s;
				transition-delay:0.15s;
}
		.features section:nth-child(2) .icon {
				-moz-transition-delay:0.3s;
				-webkit-transition-delay:0.3s;
				transition-delay:0.3s;
}
		.features section:nth-child(3) .icon {
				-moz-transition-delay:0.45s;
				-webkit-transition-delay:0.45s;
				transition-delay:0.45s;
}
		.features section:nth-child(4) .icon {
				-moz-transition-delay:0.6s;
				-webkit-transition-delay:0.6s;
				transition-delay:0.6s;
}
		.features section:nth-child(5) .icon {
				-moz-transition-delay:0.75s;
				-webkit-transition-delay:0.75s;
				transition-delay:0.75s;
}
		.features section:nth-child(6) .icon {
				-moz-transition-delay:0.9s;
				-webkit-transition-delay:0.9s;
				transition-delay:0.9s;
}
		.features section:nth-child(7) .icon {
				-moz-transition-delay:1.05s;
				-webkit-transition-delay:1.05s;
				transition-delay:1.05s;
}
		.features section:nth-child(8) .icon {
				-moz-transition-delay:1.2s;
				-webkit-transition-delay:1.2s;
				transition-delay:1.2s;
}
		.features section:nth-child(9) .icon {
				-moz-transition-delay:1.35s;
				-webkit-transition-delay:1.35s;
				transition-delay:1.35s;
}
		.features section:nth-child(10) .icon {
				-moz-transition-delay:1.5s;
				-webkit-transition-delay:1.5s;
				transition-delay:1.5s;
}
		.features section:nth-child(11) .icon {
				-moz-transition-delay:1.65s;
				-webkit-transition-delay:1.65s;
				transition-delay:1.65s;
}
		.features section:nth-child(12) .icon {
				-moz-transition-delay:1.8s;
				-webkit-transition-delay:1.8s;
				transition-delay:1.8s;
}
		.features section:nth-child(13) .icon {
				-moz-transition-delay:1.95s;
				-webkit-transition-delay:1.95s;
				transition-delay:1.95s;
}
		.features section:nth-child(14) .icon {
				-moz-transition-delay:2.1s;
				-webkit-transition-delay:2.1s;
				transition-delay:2.1s;
}
		.features section:nth-child(15) .icon {
				-moz-transition-delay:2.25s;
				-webkit-transition-delay:2.25s;
				transition-delay:2.25s;
}
		.features section:nth-child(16) .icon {
				-moz-transition-delay:2.4s;
				-webkit-transition-delay:2.4s;
				transition-delay:2.4s;
}
		.features section:nth-child(17) .icon {
				-moz-transition-delay:2.55s;
				-webkit-transition-delay:2.55s;
				transition-delay:2.55s;
}
		.features section:nth-child(18) .icon {
				-moz-transition-delay:2.7s;
				-webkit-transition-delay:2.7s;
				transition-delay:2.7s;
}
		.features section:nth-child(19) .icon {
				-moz-transition-delay:2.85s;
				-webkit-transition-delay:2.85s;
				transition-delay:2.85s;
}
		.features section:nth-child(20) .icon {
				-moz-transition-delay:3s;
				-webkit-transition-delay:3s;
				transition-delay:3s;
}
	.features.inactive section .icon {
			-moz-transform:scale(0.5);
			-webkit-transform:scale(0.5);
			transform:scale(0.5);
			opacity:0;
}
	@media screen and (max-width:980px) {
			.features {
					display:block;
	}
				.features section {
						border-top-width:1px !important;
						border-left-width:0 !important;
						width:100%;
	}
					.features section:first-child {
							border-top-width:0 !important;
	}
}
	@media screen and (max-width:736px) {
			.features section {
					padding:2.5em 1.5em 0.1em 5.5em;
	}
				.features section .icon {
						left:1.5em;
						top:2em;
	}
}
	@media screen and (max-width:480px) {
			.features section {
					padding:2em 1.5em 0.1em 1.5em;
	}
				.features section .icon {
						left:0;
						position:relative;
						top: 0;
	}
}
/* Form */
/* Icon */
.icon {
		text-decoration:none;
		border-bottom:none;
		position:relative;
}
	.icon:before {
			-moz-osx-font-smoothing:grayscale;
			-webkit-font-smoothing:antialiased;
			display:inline-block;
			font-style:normal;
			font-variant:normal;
			text-rendering:auto;
			line-height:1;
			text-transform:none !important;
			font-family:'Font Awesome 5 Free';
			font-weight:400;
}
	.icon>.label {
			display:none;
}
	.icon:before {
			line-height:inherit;
}
	.icon.solid:before {
			font-weight:900;
}
	.icon.brands:before {
			font-family:'Font Awesome 5 Brands';
}
	.icon.major {
			width:3em;
			height:3em;
			display:block;
			background:#ffffff;
			border-radius:100%;
			text-align:center;
			line-height:2.5em;
			margin:0 0 1.3em 0;
}
	.icon.major>svg{ height: 2em;   margin: 0 auto; margin-top: 8px;
	}


/* Image */
.image {
		
		border-radius:0.25em;
		border:0;
		display:inline-block;
		position:relative;
}
	.image img {width: 100%;
			border-radius:0.25em;
			display:block;
}
	.image.left,.image.right {
			max-width:40%;
}
	.image.left img,.image.right img {
			width:100%;
}

	.image.main {
			display:block;
			margin:0 0 3em 0;
			width:100%;
}
		.image.main img {
				width: 100%;
}


/* Icons */
ul.icons {
		cursor:default;
		list-style:none;
		padding-left:0;
}
	ul.icons li {
			display:inline-block;
			padding:0 0.75em 0 0;
}
		ul.icons li:last-child {
				padding-right:0;
}
		ul.icons li>a,ul.icons li>span {
				border:0;
}
			ul.icons li>a .label,ul.icons li>span .label {
					display: none;
}

/* Menu */
ul.menu {
		list-style:none;
		padding:0;
}
	ul.menu>li {
			border-left:solid 1px rgba(255,255,255,0.15);
			display:inline-block;
			line-height:1;
			margin-left:1.5em;
			padding:0 0 0 1.5em;
}
		ul.menu>li:first-child {
				border-left:0;
				margin:0;
				padding-left:0;
}
	@media screen and (max-width:480px) {
			ul.menu>li {
					border-left:0;
					display:block;
					line-height:inherit;
					margin:0.5em 0 0 0;
					padding-left: 0;
	}
}


.mobile-tit-no {display: none;}
/* Spotlights */
.spotlights>section {
		display:-moz-flex;
		display:-webkit-flex;
		display:flex;
		-moz-flex-direction:row;
		-webkit-flex-direction:row;
		flex-direction:row;
		min-height:22.5em;
}
	body.is-ie .spotlights>section {
			min-height:0;
}
	.spotlights>section>.image {
			border-radius:0;
	background-position:center center;
	background-repeat:no-repeat;
			display:block;
			position:relative;
			width:25em;
}
		.spotlights>section>.image img {
				border-radius:0;
				display:block;
}
		.spotlights>section>.image:before {
				-moz-transition:opacity 1s ease;
				-webkit-transition:opacity 1s ease;
				transition:opacity 1s ease;
				background:rgba(49,36,80,0.9);
				content:'';
				display:block;
				height:100%;
				left:0;
				opacity:0;
				position:absolute;
				top:0;
				width:100%;
}
	.spotlights>section>.content {
			padding:4em 5em 2em 5em;
			display:-moz-flex;
			display:-webkit-flex;
			display:flex;
			-moz-flex-direction:column;
			-webkit-flex-direction:column;
			flex-direction:column;
			-moz-justify-content:center;
			-webkit-justify-content:center;
			justify-content:center;
			width:50em;
}
		.spotlights>section>.content>.inner {
				-moz-transform:translateX(0) translateY(0);
				-webkit-transform:translateX(0) translateY(0);
				transform:translateX(0) translateY(0);
				-moz-transition:opacity 1s ease,-moz-transform 1s ease;
				-webkit-transition:opacity 1s ease,-webkit-transform 1s ease;
				transition:opacity 1s ease,transform 1s ease;
				opacity:1;
}
	.spotlights>section:nth-child(1) {
			background-color:rgba(0,0,0,0.06);
}
	.spotlights>section:nth-child(2) {
			background-color:rgba(0,0,0,0.1);
}
	.spotlights>section:nth-child(3) {
			background-color:rgba(0,0,0,0.15);
}
	.spotlights>section.inactive>.image:before,	body.is-preload .spotlights>section>.image:before {
			opacity:1;
}
	.spotlights>section.inactive>.content>.inner,	body.is-preload .spotlights>section>.content>.inner {
			-moz-transform:translateX(-1em);
			-webkit-transform:translateX(-1em);
			transform:translateX(-1em);
			opacity:0;
}
	@media screen and (max-width:1680px) {
			.spotlights>section>.content {
					padding:4em 4em 2em 4em;
	}
}
	@media screen and (max-width:980px) {
			.spotlights>section {
					display:block;
	}
				.spotlights>section>.image {
						width:100%;
						height:50vh;
	}
				.spotlights>section>.content {
						width:100%;
	}
				.spotlights>section.inactive>.content>.inner,body.is-preload .spotlights>section>.content>.inner {
						-moz-transform:translateY(1em);
						-webkit-transform:translateY(1em);
						transform:translateY(1em);
	}
}
	@media screen and (max-width:736px) {
			.spotlights>section>.image {
					height:50vh;
					min-height:15em;			
	}
	s
			.spotlights>section>.content {
					padding: 3em 2em 1em 2em;
	}


		.brand-letters-container {
			display: none;
	}
		.mobile-tit-no {display: block; font-size:2.5rem; color:#8b6cf8; letter-spacing: 8px;}
}


/* Wrapper */
.wrapper {
		position:relative;
}
	.wrapper>.inner {
			padding:5em 5em 3em 5em;
			max-width:100%;
			width:75em;
}
		@media screen and (max-width:1680px) {
				.wrapper>.inner {
						padding:4em 4em 2em 4em;
	}
}
		@media screen and (max-width:1280px) {
				.wrapper>.inner {
						width:100%;
	}
}
		@media screen and (max-width:736px) {
				.wrapper>.inner {
						padding:3em 2em 1em 2em;
	}
}
		
	.wrapper.fullscreen {
			display:-moz-flex;
			display:-webkit-flex;
			display:flex;
			-moz-flex-direction:column;
			-webkit-flex-direction:column;
			flex-direction:column;
			-moz-justify-content:center;
			-webkit-justify-content:center;
			justify-content:center;
			min-height:100vh;
}
		body.is-ie .wrapper.fullscreen {
				height:100vh;
}
		@media screen and (max-width:1280px) {
				.wrapper.fullscreen {
						min-height:calc(100vh - 2.5em);
	}
					body.is-ie .wrapper.fullscreen {
							height:calc(100vh - 2.5em);
	}
}
		@media screen and (max-width:736px) {
				.wrapper.fullscreen {
						padding:2em 0;
						min-height:0;
	}
					body.is-ie .wrapper.fullscreen {
							height:auto;
	}
}
	.wrapper.fade-up>.inner {
			-moz-transform:translateY(0);
			-webkit-transform:translateY(0);
			transform:translateY(0);
			-moz-transition:opacity 1s ease,-moz-transform 1s ease;
			-webkit-transition:opacity 1s ease,-webkit-transform 1s ease;
			transition:opacity 1s ease,transform 1s ease;
			opacity:1.0;
}
	.wrapper.fade-up.inactive>.inner,	body.is-preload .wrapper.fade-up>.inner {
			opacity:0;
			-moz-transform:translateY(1em);
			-webkit-transform:translateY(1em);
			transform:translateY(1em);
}
	.wrapper.fade-down>.inner {
			-moz-transform:translateY(0);
			-webkit-transform:translateY(0);
			transform:translateY(0);
			-moz-transition:opacity 1s ease,-moz-transform 1s ease;
			-webkit-transition:opacity 1s ease,-webkit-transform 1s ease;
			transition:opacity 1s ease,transform 1s ease;
			opacity:1.0;
}
	.wrapper.fade-down.inactive>.inner,	body.is-preload .wrapper.fade-down>.inner {
			opacity:0;
			-moz-transform:translateY(-1em);
			-webkit-transform:translateY(-1em);
			transform:translateY(-1em);
}
	.wrapper.fade>.inner {
			-moz-transition:opacity 1s ease;
			-webkit-transition:opacity 1s ease;
			transition:opacity 1s ease;
			opacity:1.0;
}
	.wrapper.fade.inactive>.inner,	body.is-preload .wrapper.fade>.inner {
			opacity: 0;
}


	@media screen and (max-width:736px) {
			#header {
					padding:1em 2em;
	}
}
	@media screen and (max-width:480px) {
			#header {
					display:block;
					padding:0 2em;
					text-align:left;
	}
				#header .title {
						font-size:1.25em;
						padding:1em 0;
	}
				#header>nav {
						border-top:solid 1px rgba(255,255,255,0.15);
						text-align:inherit;
	}
					#header>nav>ul>li {
							margin-left:1.5em;
	}
						#header>nav>ul>li a {
								height:6em;
								line-height: 6em;
	}
}
/* Wrapper (main) */
#sidebar+#wrapper {
		margin-left:18em;
}
	@media screen and (max-width:1280px) {
			#sidebar+#wrapper {
					margin-left:0;
					padding-top:3.5em;
	}
}
	@media screen and (max-width:736px) {
			#sidebar+#wrapper {
					padding-top:0;
	}
}
#header+#wrapper>.wrapper>.inner {
		margin: 0 auto;
}
/* Footer */
#sidebar+#wrapper+#footer {margin-left:18em;}
	@media screen and (max-width:1280px) {
			#sidebar+#wrapper+#footer {margin-left:0;}
}

#footer>.inner .menu {font-size:0.8em;color:rgba(255,255,255,0.5);}
#header+#wrapper+#footer>.inner {margin: 0 auto;}

/* Sidebar */
#sidebar {
		padding:2.5em 2.5em 0.5em 2.5em;
		background:#130635;
		cursor:default;
		height:100vh;
		left:0;
		overflow-x:hidden;
		overflow-y:auto;
		position:fixed;
		text-align:right;
		top:0;
		width:18em;
		z-index:10000;
}
	#sidebar>.inner {
			display:-moz-flex;
			display:-webkit-flex;
			display:flex;
			-moz-flex-direction:column;
			-webkit-flex-direction:column;
			flex-direction:column;
			-moz-justify-content:center;
			-webkit-justify-content:center;
			justify-content:center;
			-moz-transform:translateY(0);
			-webkit-transform:translateY(0);
			transform:translateY(0);
			-moz-transition:opacity 1s ease;
			-webkit-transition:opacity 1s ease;
			transition:opacity 1s ease;
			min-height:100%;
			opacity:1;
			width:100%;
}
		body.is-ie #sidebar>.inner {
				height:100%;
}
	#sidebar nav>ul {
			list-style:none;
			padding:0;
}
		#sidebar nav>ul>li {
				-moz-transform:translateY(0);
				-webkit-transform:translateY(0);
				transform:translateY(0);
				-moz-transition:opacity 0.15s ease,-moz-transform 0.75s ease;
				-webkit-transition:opacity 0.15s ease,-webkit-transform 0.75s ease;
				transition:opacity 0.15s ease,transform 0.75s ease;
				margin:1.5em 0 0 0;
				opacity:1;
				padding:0;
				position:relative;
}
			#sidebar nav>ul>li:first-child {
					margin:0;
}
			#sidebar nav>ul>li:nth-child(1) {
					-moz-transition-delay:0.45s;
					-webkit-transition-delay:0.45s;
					transition-delay:0.45s;
}
			#sidebar nav>ul>li:nth-child(2) {
					-moz-transition-delay:0.65s;
					-webkit-transition-delay:0.65s;
					transition-delay:0.65s;
}
			#sidebar nav>ul>li:nth-child(3) {
					-moz-transition-delay:0.85s;
					-webkit-transition-delay:0.85s;
					transition-delay:0.85s;
}
			#sidebar nav>ul>li:nth-child(4) {
					-moz-transition-delay:1.05s;
					-webkit-transition-delay:1.05s;
					transition-delay:1.05s;
}
			#sidebar nav>ul>li:nth-child(5) {
					-moz-transition-delay:1.25s;
					-webkit-transition-delay:1.25s;
					transition-delay:1.25s;
}
			#sidebar nav>ul>li:nth-child(6) {
					-moz-transition-delay:1.45s;
					-webkit-transition-delay:1.45s;
					transition-delay:1.45s;
}
			#sidebar nav>ul>li:nth-child(7) {
					-moz-transition-delay:1.65s;
					-webkit-transition-delay:1.65s;
					transition-delay:1.65s;
}
			#sidebar nav>ul>li:nth-child(8) {
					-moz-transition-delay:1.85s;
					-webkit-transition-delay:1.85s;
					transition-delay:1.85s;
}
			#sidebar nav>ul>li:nth-child(9) {
					-moz-transition-delay:2.05s;
					-webkit-transition-delay:2.05s;
					transition-delay:2.05s;
}
			#sidebar nav>ul>li:nth-child(10) {
					-moz-transition-delay:2.25s;
					-webkit-transition-delay:2.25s;
					transition-delay:2.25s;
}
			#sidebar nav>ul>li:nth-child(11) {
					-moz-transition-delay:2.45s;
					-webkit-transition-delay:2.45s;
					transition-delay:2.45s;
}
			#sidebar nav>ul>li:nth-child(12) {
					-moz-transition-delay:2.65s;
					-webkit-transition-delay:2.65s;
					transition-delay:2.65s;
}
			#sidebar nav>ul>li:nth-child(13) {
					-moz-transition-delay:2.85s;
					-webkit-transition-delay:2.85s;
					transition-delay:2.85s;
}
			#sidebar nav>ul>li:nth-child(14) {
					-moz-transition-delay:3.05s;
					-webkit-transition-delay:3.05s;
					transition-delay:3.05s;
}
			#sidebar nav>ul>li:nth-child(15) {
					-moz-transition-delay:3.25s;
					-webkit-transition-delay:3.25s;
					transition-delay:3.25s;
}
			#sidebar nav>ul>li:nth-child(16) {
					-moz-transition-delay:3.45s;
					-webkit-transition-delay:3.45s;
					transition-delay:3.45s;
}
			#sidebar nav>ul>li:nth-child(17) {
					-moz-transition-delay:3.65s;
					-webkit-transition-delay:3.65s;
					transition-delay:3.65s;
}
			#sidebar nav>ul>li:nth-child(18) {
					-moz-transition-delay:3.85s;
					-webkit-transition-delay:3.85s;
					transition-delay:3.85s;
}
			#sidebar nav>ul>li:nth-child(19) {
					-moz-transition-delay:4.05s;
					-webkit-transition-delay:4.05s;
					transition-delay:4.05s;
}
			#sidebar nav>ul>li:nth-child(20) {
					-moz-transition-delay:4.25s;
					-webkit-transition-delay:4.25s;
					transition-delay:4.25s;
}
	#sidebar nav a {
			-moz-transition:color 0.2s ease;
			-webkit-transition:color 0.2s ease;
			transition:color 0.2s ease;
			border:0;
			color:rgba(255,255,255,0.35);
			display:block;
			font-size:1rem;
			font-weight:bold;
			letter-spacing:0.25em;
			line-height:1.75;
			outline:0;
			padding:1.35em 0;
			position:relative;
			text-decoration:none;
			text-transform:uppercase;
}
		#sidebar nav a:before,#sidebar nav a:after {
				border-radius:0.2em;
				bottom:0;
				content:'';
				height:0.2em;
				position:absolute;
				right:0;
				width:100%;
}
		#sidebar nav a:before {
				background:#3c2c62;
}
		#sidebar nav a:after {
				background-image:-moz-linear-gradient(to right,#4e24ad,#bf64ff);
				background-image:-webkit-linear-gradient(to right,#4e24ad,#bf64ff));
				background-image:linear-gradient(to right,#4e24ad,#bf64ff);
				-moz-transition:max-width 0.2s ease;
				-webkit-transition:max-width 0.2s ease;
				transition:max-width 0.2s ease;
				max-width:0;
}
		#sidebar nav a:hover {
				color:rgba(255,255,255,0.55);
}
		#sidebar nav a.active {
				color:#ffffff;
}
			#sidebar nav a.active:after {
					max-width:100%;
}
	body.is-preload #sidebar>.inner {
			opacity:0;
}
	body.is-preload #sidebar nav ul li {
			-moz-transform:translateY(2em);
			-webkit-transform:translateY(2em);
			transform:translateY(2em);
			opacity:0;
}
	@media screen and (max-width:1280px) {
			#sidebar {
					height:3.5em;
					left:0;
					line-height:3.5em;
					overflow:hidden;
					padding:0;
					text-align:center;
					top:0;
					width:100%;
	}
				#sidebar>.inner {
						-moz-flex-direction:row;
						-webkit-flex-direction:row;
						flex-direction:row;
						-moz-align-items:-moz-stretch;
						-webkit-align-items:-webkit-stretch;
						align-items:stretch;
						height:inherit;
						line-height:inherit;
	}
				#sidebar nav {
						height:inherit;
						line-height:inherit;
	}
					#sidebar nav ul {
							display:-moz-flex;
							display:-webkit-flex;
							display:flex;
							height:inherit;
							line-height:inherit;
							margin:0;
	}
						#sidebar nav ul li {
								display:block;
								height:inherit;
								line-height:inherit;
								margin:0 0 0 2em;
								padding:0;
	}
					#sidebar nav a {
							height:inherit;
							line-height:inherit;
							padding:0;
	}
						#sidebar nav a:after {
								background-image:none;
								background-color:#682ff6;
	}
}
	@media screen and (max-width:736px) {
			#sidebar {
					display: none;
	}
}