.shape-box path {
	
}
.offline .large-header {
	background-image: url('../img/galaxy-bg.jpg');
}

/**
 * browser detect
 */
.browser-icon {
	width: 30px;
	position: absolute;
	top: .5em;
	right: 0;
} 

.code {
	display: block;
	margin: 1em auto;
	padding: .5em;
	word-break: break-all;
	background-color: #eeeeee;
	color: #222222;
}

.btn-newtral {
	background-color: transparent;
	border: none;
	color: #afb1b3;
}

.pr {
	position: relative;
}

.main-title {
	color: #838385;
}

/*
 * Content animations
 */
 .add-items-animation .has-animation {
	display: block;
	opacity: 0;
}
 /* Effect 1: opacity */
.add-items-animation .has-animation.fade-in {
	-webkit-animation: fadeIn 0.65s ease forwards;
	animation: fadeIn 0.65s ease forwards;
}

@-webkit-keyframes fadeIn {
	0% { }
	100% { opacity: 1; }
}

@keyframes fadeIn {
	0% { }
	100% { opacity: 1; }
}
.add-items-animation .move-up {
	-webkit-animation: animMoveUp 1s cubic-bezier(0.7,0,0.3,1) both;
	animation: animMoveUp 1s cubic-bezier(0.7,0,0.3,1) both;
}

/* animation loaded content */
@-webkit-keyframes animMoveUp {
	from { opacity: 0; -webkit-transform: translate3d(0,200px,0); }
}

@keyframes animMoveUp {
	from { opacity: 0; -webkit-transform: translate3d(0,200px,0); transform: translate3d(0,200px,0); }
}