* { 
	box-sizing: border-box; 
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html,
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

html {
	font-family: 'Arial', sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #333;
}

body {
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-overflow-scrolling: touch;
}

@media screen and (min-width: 500px){
	html{
		font-size: 14px;
		line-height: 18px;
	}
}

@media screen and (min-width: 992px){
	html{
		font-size: 15px;
		line-height: 22px;
	}
}

@media screen and (min-width: 1200px){
	html{
		font-size: 17px;
		line-height: 24px;
	}
}

body > div,
footer > div {
	width: 100%;
	padding: 2rem 0;
}

h1 {
	font-size: 1.8rem;
	margin: 0 0 1rem;
	line-height: 2.6rem;
}

h2 {
	font-size: 1.2rem;
	margin: 1rem 0;
	text-transform: uppercase;
	line-height: 1.6rem;
	vertical-align: middle;
	display: inline-block;
	text-align: left;
}

h3 {
	font-size: 1.2rem;
	margin: 1rem 0;
	font-weight: normal;
	line-height: 1.5rem;
}

h4 {
	font-size: 1rem;
	margin: 0 0 1rem;
}

div,
span,
p {
	font-size: 1rem;
}

p {
	margin: 1rem 0;
	padding: 0;
}

a {
	color: #db1f2c;
	text-decoration: none;
}

svg {
	vertical-align: bottom;
}

.grayscale {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
}

.grayscale:hover {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(0%);
}

.svg-120-to-70 {
	width: 120px;
	height: 120px;
}

.svg-70 {
	width: 68px;
	height: 68px;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}

.svg-40 {
	width: 40px;
	height: 40px;
	margin-right: 3px;
	margin-bottom: 8px;
}

.logo-large {
	margin-top: 0.3rem;
}

blockquote {
	text-align: left;
}

blockquote p {
	font-size: 1.1rem;
}

cite {
	font-weight: bold;
	font-style: normal;
}

cite a {
	font-weight: normal;
}

nav {
	line-height: 1.5rem;
	display: inline-block;
	width: auto;
	vertical-align: middle;
}

#main-menu nav {
	float: right;
}

nav ul {
	display: inline-block;
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

ul li {
	display: inline-block;
	padding: 0.3rem 7px;
}

ul li a {
	font-weight: bold;
	color: inherit;
	text-transform: uppercase;
}

ul li a:hover {
	color: #db1f2c;
}

footer {
	width: 100%;
	background: #1a1b1f;
	color: #fff;
}

footer nav ul {
	text-align: left;
}

footer nav ul li {
	display: block;
	padding: 0;
}

footer nav ul li a {
	font-weight: normal;
	text-transform: none;
}

footer h4 {
	text-transform: uppercase;
}

.grid {
	padding: 0 15px;
	margin: 0 auto;
}

@media (min-width: 768px) {
	.grid {
		width: 750px;
	}
}
@media (min-width: 992px) {
	.grid {
		width: 970px;
	}

	.hide-desktop {
		display: none !important;
	}
}
@media (min-width: 1200px) {
	.grid {
		width: 1170px;
	}
}

.row {
	padding: 1rem 0;
	margin: 0 -15px;
}

.table-row {
	border-top: 1px solid #dbdddf;
}

.grid:after,
.row:after {
	content: " ";
	display: table; 
	clear: both;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
	position: relative;
	float: left;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-12 {
	width: 100%;
}
.col-11 {
	width: 91.66666667%;
}
.col-10 {
	width: 83.33333333%;
}
.col-9 {
	width: 75%;
}
.col-8 {
	width: 66.66666667%;
}
.col-7 {
	width: 58.33333333%;
}
.col-6 {
	width: 50%;
}
.col-5 {
	width: 41.66666667%;
}
.col-4 {
	width: 33.33333333%;
}
.col-3 {
	width: 25%;
}
.col-2 {
	width: 16.66666667%;
}
.col-1 {
	width: 8.33333333%;
}

.logo-small {
	display: none;
}

.left-center-align {
	text-align: left;
}

.offset {
	display: block; 
	position: relative; 
	top: -10rem; 
	visibility: hidden;
}

.same-height-cell svg {
	margin-right: 0;
}

#main-nav li.has_submenu {
	padding-left: 15px;
	padding-right: 15px;
}

#main-nav li.has_submenu:hover {
	background: #1a1b1f;
	color: #db1f2c;
	border-radius: 3px 3px 0 0;
}

#main-nav .has_submenu a:hover .caret-color {
	fill: #d9242c;
}

#main-nav li:hover {
	position: relative;
}

#main-nav ul ul {
	position: absolute;
	display: none;
	left: 0;
	-webkit-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.75);
	font-size: 0.9rem !important;
}

#main-nav ul ul li {
	display: block;
	background: #1a1b1f;
	z-index: 9999;
	white-space: nowrap;
	padding: 0.1rem 15px 0.1rem 15px;
	text-align: left;
}

#main-nav ul ul li:first-child {
	padding-top: 0.6rem;
}

#main-nav ul ul li:last-child {
	padding-bottom: 0.6rem;
}

#main-nav ul ul li:hover {
	/*background: #dbdddf;*/
}

#main-nav ul ul li a {
	font-weight: 400;
	text-transform: none;
	width: auto;
	color: #fff;
}

#main-nav ul ul li a:hover {
	color: #db1f2c
}

#main-nav li:hover > ul {
	display: block;
}

#main-nav ul ul ul {
	left: 100%;
	top: 0;
}

#scroll-menu {
	z-index: 9998;
	width:100%;
	background:#fff;
	background:rgba(255,255,255,0.96);
	margin: 0;
	padding: 0.5rem 0 1.5rem;
}

#scroll-menu a {
	margin: 0 0.4rem;
	color: #000;
	padding-bottom: 3px;
	font-weight: 700;
}

#scroll-menu a:hover,
#scroll-menu a.active {
	border-bottom: 1px solid #db1f2c;
}

.caret-down {
	width: 14px;
	height: 8px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	margin-top: -2px;
}

.caret-start {
	float: right;
	width: 14px;
	height: 14px;
	display: inline-block;
	vertical-align: middle;
	margin-top: 2px;
	margin-right: 15px;
}

.first {
	padding-top:6rem;
	padding-bottom:1rem;
}

@media (max-width: 620px) {
	.hide-mobile {
		display: none !important;
	}

	h2, h3 {
		width: 100%;
		text-align: center !important;
	}

	.first {
		padding-top:5rem;
		padding-bottom:0;
	}

	.row {
		padding: 0;
	}

	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-12 {
		float: initial;
		width: 100%;
		padding: 1rem 15px;
	}

	.table-row .col-1,
	.table-row .col-2,
	.table-row .col-3,
	.table-row .col-4,
	.table-row .col-5,
	.table-row .col-6,
	.table-row .col-7,
	.table-row .col-8,
	.table-row .col-9,
	.table-row .col-10,
	.table-row .col-11,
	.table-row .col-12 {
		padding: 0.5rem 15px 0.5rem;
	}

	.same-height-cell {
		text-align: center !important;
	}

	.same-height-cell svg {
		display: block;
		width: 120px;
		margin: 1rem auto;
	}

	.svg-120-to-70 {
		width: 70px !important;
		height: 70px !important;
	}

	.logo-large {
		display: none;
	}

	.logo-small {
		display: block;
		width: 30px;
		height: 30px;
	}

	.left-center-align {
		text-align: center !important;
	}

	.tap-targets {
		line-height: 2.2rem;
	}
}

.light {
	background: #f1f0f1;
}

.inverted {
	color: #fff;
	background: #1a1b1f;
}

.inverted h3 {
	color: #a7a7a7;
}

.red-bullet-list li {
	text-align: left;
	display: block;
}

.red-bullet-list li a {
	color: #db1f2c;
}

.red-bullet-list li:before {
	content: "\002022";
	color: #db1f2c;
	padding: 0 8px 0 0;
}

.banner-list li {
	display: table-row;
}

.banner-list li:before {
	display: table-cell;
}

.red-vertical-line:before {
	display: inline-block;
	content: '';
	width: 2px;
	height: 3rem;
	background: #db1f2c;
	vertical-align: top;
	margin-right: 12px;
}

.red-underscore {
	font-size: 1.4rem;
}

.red-underscore:after {
	display: block;
	height: 3px;
	width: 20%;
	content: '';
	background: #db1f2c;
	margin: 0 auto;
	margin-top: 1rem;
}

.box {
	min-height: 282px;
}

.box figure {
	width: 100%;
	display: block;
	margin: 0;
}

.box cite {
	font-size: 1rem;
}

.box p {
	margin: 0;
	padding-top: 6px;
	color: #808080;
	font-size: 0.9rem;
}

.box .poster img {
	display: block;
	width: 100%;
	height: auto;
}

.box .cover {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 2;
}

.box figure figcaption {
	border-width: 0 1px 2px 1px;
	border-style: solid;
	border-color: #ccc;
	padding: 1rem;
}

@media (min-width: 620px) {
	.same-height-table {
		text-align:center;
		display:table;
		width:100%;
	}

	.same-height-cell {
		display:table-cell;
		float:none;
		vertical-align:middle;
	}
}

.cta {
	display: block;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size: 1rem;
	font-weight: bold;
}

.quickstart {
	display: inline-block;
	margin: 0.5rem 0 0 0.5rem;
	padding: 0.3rem 1.6rem;
	background: #db1f2c;
	color: #fff;
	text-transform: none;
	font-size: 1.1rem;
}

.quickstart:hover {
	color: #000 !important;
}

.gradient-red {
	margin: 1rem 0 0;
	padding: 1rem 1rem;
	display: inline-block;
	background: #ce1542;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2NlMTU0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2YyMTY0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmMWEyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iI2ZmM2EzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iI2ZmNWIzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left,  #ce1542 5%, #f21642 35%, #ff1a2b 50%, #ff3a33 65%, #ff5b39 95%);
	background: -webkit-gradient(linear, left top, right top, color-stop(5%,#ce1542), color-stop(35%,#f21642), color-stop(50%,#ff1a2b), color-stop(65%,#ff3a33), color-stop(95%,#ff5b39));
	background: -webkit-linear-gradient(left,  #ce1542 5%,#f21642 35%,#ff1a2b 50%,#ff3a33 65%,#ff5b39 95%);
	background: -o-linear-gradient(left,  #ce1542 5%,#f21642 35%,#ff1a2b 50%,#ff3a33 65%,#ff5b39 95%);
	background: -ms-linear-gradient(left,  #ce1542 5%,#f21642 35%,#ff1a2b 50%,#ff3a33 65%,#ff5b39 95%);
	background: linear-gradient(to right,  #ce1542 5%,#f21642 35%,#ff1a2b 50%,#ff3a33 65%,#ff5b39 95%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce1542', endColorstr='#ff5b39',GradientType=1 );
	color: #fff;
	text-transform: uppercase;
	font-size: 1rem;
}

.button-box {
	display: inline-block;
	padding: 0.3rem 1.4rem;
	border: 2px solid;
	font-size: 1rem;
}

.no-top {
	padding-top: 0;
	margin-top: 0;
}

.no-bottom {
	padding-bottom: 0;
	margin-bottom: 0;
}

#bigstepLogo {
	line-height: 1.5rem;
	display: inline-block;
	vertical-align: middle;
	float: left;
	width: 168px;
	height: 48px;
}

#main-menu {
	position: fixed;
	background: rgba(255,255,255,0.96);
	z-index: 9999;
	border-bottom: 1px solid #dbdddf;
	padding: 0.7rem 0 1rem;
	transition: top 0.2s ease-in-out;
}

#menu-button {
	display: none;
	margin: 0;
	border: none;
	background: none;
	float: right;
	vertical-align: middle;
}

#secondary-nav {
	float: left !important;
	margin-top: 1rem;
	width: 100%;
}

#secondary-nav:before {
		display: block;
		content: '';
		clear: both;
		position: absolute;
		left: 0;
		width: 100%;
		border-bottom: 1px solid #dbdddf;
		z-index: -1;
		background: rgba(255,255,255,0.9);
		transition: all 0.6s ease-in-out;
		max-height: 100%;
	}

#secondary-nav ul {
	width: 100%;
	display: flex;
	display: -webkit-box;
	display: moz-box-flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content:space-between;
	padding: 1rem 0 0;
	flex-wrap: wrap;
}

#secondary-nav ul li {
	white-space: nowrap;
}

@media (max-width: 1199px) {
	#bigstepLogo {
		width: 126px;
		padding: 0.8rem;
	}

	#main-menu {
		padding: 1rem 0;
	}
}

@media (max-width: 991px) {
	.hide-mobile-large {
		display: none !important;
	}

	.menu-hamburger {
		display: block;
		top: 0rem;
		padding-right: 0.8rem;
	}

	#menu-button {
		display: inline-block;
	}

	#menu-button:focus {
		outline: none;
		border: none;
	}

	#main-nav {
		height: 0;
		text-align: left;
		white-space: nowrap;
		position: absolute;
		top: 3.5rem;
		left: 0;
		background: #1c1c1c;
	}

	#main-nav ul {
		padding-bottom: 0.5rem;
		text-align: left;
		width: 100%;
	}

	#main-nav ul li {
		-webkit-transform-style: preserve-3d;
		transform: translateY(-100%);
		transition: transform 0.6s 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	.open #main-nav ul li {
		transform: translateY(0);
	}

	.open {
		height: 100%;
	}

	.open #main-nav:before {
		max-height: 100%;
		opacity: 1;
	}

	.open #main-nav {
		height: 93%;
		width: 100%;
	}

	#main-nav li {
		padding: 0;
	}

	#main-nav li a:hover {
		color: #db1f2c;
	}

	#main-nav ul li {
		display: block;
	}

	#main-menu nav {
		float: none;
		width: 100%;
		-webkit-overflow-scrolling: touch;
		overflow-y: scroll;
		transition: all 0.6s ease-in-out;
	}

	#main-menu {
		padding: 0rem;
		line-height: 0;
	}

	#secondary-nav {
		margin-top: 0;
	}

	#secondary-nav ul {
		padding: 1rem 0;
	}

	#main-nav ul ul {
		position: inherit;
		display: block;
		box-shadow: none;
		font-size: 1rem !important;
	}

	#main-nav ul ul ul {
		left: 0;
	}

	#main-nav li a,
	#secondary-nav li a {
		text-transform: none;
		padding: 0.5rem 0;
		display: block;
		color: #fff;
		border-top: 1px solid rgba(255,255,255,0.1);
		border-bottom: 1px solid rgba(0,0,0,0.5);
	}

	#scroll-menu a {
		font-weight: 400;
	}

	.submenu {
		background: #1c1c1c;
	}

	#main-nav ul,
	#main-nav ul ul li:first-child,
	#main-nav ul ul li:last-child,
	#main-nav li.has_submenu,
	#main-nav ul ul li {
		padding: 0;
	}

	#main-nav ul ul li {
		background: #292929;
	}

	#main-nav ul ul ul li {
		background: #373737;
	}

	#main-nav ul ul ul ul li {
		background: #474747;
	}

	#main-nav li.has_submenu:hover {
		background: transparent;
	}

	.open #main-nav > ul > li > a {
		text-transform: uppercase !important;
		padding-left: 15px !important;
	}

	.submenu li a {
		padding-left: 40px !important;
	}

	.submenu li ul li a {
		padding-left: 60px !important;
	}

	.submenu li ul li ul li a {
		padding-left: 80px !important;
	}

	.submenu li a:active,
	.submenu li a:focus {
		background: #db1f2c;
		color: #fff !important;
	}

	.caret-down {
		float: right;
		margin-top: 8px;
		margin-right: 15px;
	}

	.caret-color {
		fill: #535353;
	}

	.quickstart {
		margin: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
}

#menu-button span {
	display: block;
}

.lines-button {
	padding: 1.6rem 0;
	transition: .3s;
	cursor: pointer;
	user-select: none;
	border-radius: 0.28rem;
}

.lines-button:hover {
	opacity: 1;
}

.lines-button:active {
	transition: 0;
}

.lines {
	display: inline-block;
	width: 20px;
	height: 3px;
	background: #25252b;
	border-radius: 0.2rem;
	transition: 0.3s;
	position: relative;
}

.lines:before, .lines:after {
	display: inline-block;
	width: 20px;
	height: 3px;
	background: #25252b;
	transition: 0.3s;
	position: absolute;
	left: 0;
	content: "";
	-webkit-transform-origin: 0.2rem center;
	transform-origin: 0.2rem center;
}

.lines:before {
	top: 6px;
}

.lines:after {
	top: -6px;
}

.lines-button.close {
	-webkit-transform: scale3d(0.8, 0.8, 0.8);
	transform: scale3d(0.8, 0.8, 0.8);
}

.lines-button.x.close .lines {
	background: transparent;
}

.lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	top: 0;
	width: 20px;
}

.lines-button.x.close .lines:before {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
}

.lines-button.x.close .lines:after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
}

.tabs {
	list-style: none;
	position: relative;
}

.tabs	li {
	float: left;
	display: block;
	width: 100%;
}

.tabs	input[type="radio"] {
	display: none;
}

.tabs	label {
	display: block;
	font-weight: bold;
	cursor: pointer;
	position: absolute;
	color: #db1f2c;
	top: 0;
}

.tab-content {
	z-index: 2;
	display: none; 
	overflow: hidden;
	width: 100%;
	font-size: 17px;
	padding: 4rem 0 0;
}
	
[id^="tab"]:checked + label { 
	color: #000;
}

[id^="tab"]:checked ~ [id^="tab-content"] {
	display: block;
}

.border-bottom {
	border-bottom: 1px solid #dbdddf;
}

.animate-arrow {
	position: relative;
	display: block;
	-webkit-animation: bounce-fade 1.2s infinite;
	-moz-animation: bounce-fade 1.2s infinite;
	-o-animation: bounce-fade 1.2s infinite;
	animation: bounce-fade 1.2s infinite;
}

.animate-arrow-reverse {
	position: relative;
	display: block;
	-webkit-animation: bounce-fade-reverse 1.2s infinite;
	-moz-animation: bounce-fade-reverse 1.2s infinite;
	-o-animation: bounce-fade-reverse 1.2s infinite;
	animation: bounce-fade-reverse 1.2s infinite;
}

@-webkit-keyframes bounce-fade {
	0% {
		opacity: 0; 
		bottom: 10px; 
	}
	50% { 
		opacity: 1; 
		bottom: 0px; 
	}
	100% {
		opacity: 0; 
		bottom: 10px;
	}
}
@-moz-keyframes bounce-fade {
	0% {
		opacity: 0; 
		bottom: 10px; 
	}
	50% { 
		opacity: 1; 
		bottom: 0px; 
	}
	100% {
		opacity: 0; 
		bottom: 10px;
	}
}
@-o-keyframes bounce-fade {
	0% {
		opacity: 0; 
		bottom: 10px; 
	}
	50% { 
		opacity: 1; 
		bottom: 0px; 
	}
	100% {
		opacity: 0; 
		bottom: 10px;
	}
}
@keyframes bounce-fade {
	0% {
		opacity: 0; 
		bottom: 10px; 
	}
	50% { 
		opacity: 1; 
		bottom: 0px; 
	}
	100% {
		opacity: 0; 
		bottom: 10px;
	}
}

@-webkit-keyframes bounce-fade-reverse {
	0% {
		opacity: 0; 
		top: 10px; 
	}
	50% { 
		opacity: 1; 
		top: 0px; 
	}
	100% {
		opacity: 0;
		top: 10px;
	}
}
@-moz-keyframes bounce-fade-reverse {
	0% {
		opacity: 0; 
		top: 10px; 
	}
	50% { 
		opacity: 1; 
		top: 0px; 
	}
	100% {
		opacity: 0;
		top: 10px;
	}
}
@-o-keyframes bounce-fade-reverse {
	0% {
		opacity: 0; 
		top: 10px; 
	}
	50% { 
		opacity: 1; 
		top: 0px; 
	}
	100% {
		opacity: 0;
		top: 10px;
	}
}
@keyframes bounce-fade-reverse {
	0% {
		opacity: 0; 
		top: 10px; 
	}
	50% { 
		opacity: 1; 
		top: 0px; 
	}
	100% {
		opacity: 0;
		top: 10px;
	}
}

/* Gallery */

.gallery .control-operator:target ~ .controls .control-button {
	color: #ccc;
	color: rgba(255, 255, 255, 0.4);
}

.gallery .control-button:first-of-type,
.gallery .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1),
.gallery .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2),
.gallery .control-operator:nth-of-type(3):target ~ .controls .control-button:nth-of-type(3),
.gallery .control-operator:nth-of-type(4):target ~ .controls .control-button:nth-of-type(4),
.gallery .control-operator:nth-of-type(5):target ~ .controls .control-button:nth-of-type(5) {
	color: white;
	color: rgba(255, 255, 255, 0.8);
}

.gallery .item:first-of-type {
	position: static;
	pointer-events: auto;
	opacity: 1;
}

.gallery .item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	opacity: 0;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
}

.gallery .control-operator {
	display: none;
}

.gallery .control-operator:target ~ .item {
	pointer-events: none;
	opacity: 0;
	-webkit-animation: none;
	-o-animation: none;
	animation: none;
}

.gallery .control-operator:target ~ .controls .control-button {
	-webkit-animation: none;
	-o-animation: none;
	animation: none;
}

@-webkit-keyframes controlAnimation-2 {
	0% {
		color: #ccc;
		color: rgba(255, 255, 255, 0.4);
	}

	14.3%, 50% {
		color: white;
		color: rgba(255, 255, 255, 0.8);
	}

	64.3%, 100% {
		color: #ccc;
		color: rgba(255, 255, 255, 0.4);
	}
}

@-o-keyframes controlAnimation-2 {
	0% {
		color: #ccc;
		color: rgba(255, 255, 255, 0.4);
	}

	14.3%, 50% {
		color: white;
		color: rgba(255, 255, 255, 0.8);
	}

	64.3%, 100% {
		color: #ccc;
		color: rgba(255, 255, 255, 0.4);
	}
}

@keyframes controlAnimation-2 {
	0% {
		color: #ccc;
		color: rgba(255, 255, 255, 0.4);
	}

	14.3%, 50% {
		color: white;
		color: rgba(255, 255, 255, 0.8);
	}

	64.3%, 100% {
		color: #ccc;
		color: rgba(255, 255, 255, 0.4);
	}
}

@-webkit-keyframes galleryAnimation-2 {
	0% {
		opacity: 0;
	}

	14.3%, 50% {
		opacity: 1;
	}

	64.3%, 100% {
		opacity: 0;
	}
}

@-o-keyframes galleryAnimation-2 {
	0% {
		opacity: 0;
	}

	14.3%, 50% {
		opacity: 1;
	}

	64.3%, 100% {
		opacity: 0;
	}
}

@keyframes galleryAnimation-2 {
	0% {
		opacity: 0;
	}

	14.3%, 50% {
		opacity: 1;
	}

	64.3%, 100% {
		opacity: 0;
	}
}

.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
	pointer-events: auto;
	opacity: 1;
}

.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
	pointer-events: auto;
	opacity: 1;
}

.items-2.autoplay .control-button {
	-webkit-animation: controlAnimation-2 14s infinite;
	-o-animation: controlAnimation-2 14s infinite;
	animation: controlAnimation-2 14s infinite;
}

.items-2.autoplay .item {
	-webkit-animation: galleryAnimation-2 14s infinite;
	-o-animation: galleryAnimation-2 14s infinite;
	animation: galleryAnimation-2 14s infinite;
}

.items-2 .control-button:nth-of-type(1),
.items-2 .item:nth-of-type(1) {
	-webkit-animation-delay: -2s;
	-o-animation-delay: -2s;
	animation-delay: -2s;
}

.items-2 .control-button:nth-of-type(2),
.items-2 .item:nth-of-type(2) {
	-webkit-animation-delay: 5s;
	-o-animation-delay: 5s;
	animation-delay: 5s;
}

@-webkit-keyframes controlAnimation-3 {
	0% {
		color: #ccc;
		color: rgba(255, 255, 255, 0.4);
	}

	9.5%, 33.3% {
		color: white;
		color: rgba(255, 255, 255, 0.8);
	}

	42.9%, 100% {
		color: #ccc;
		color: rgba(255, 255, 255, 0.4);
	}
}

@-o-keyframes controlAnimation-3 {
	0% {
		color: #ccc;
		color: rgba(255, 255, 255, 0.4);
	}

	9.5%, 33.3% {
		color: white;
		color: rgba(255, 255, 255, 0.8);
	}

	42.9%, 100% {
		color: #ccc;
		color: rgba(255, 255, 255, 0.4);
	}
}

@keyframes controlAnimation-3 {
	0% {
		color: #ccc;
		color: rgba(255, 255, 255, 0.4);
	}

	9.5%, 33.3% {
		color: white;
		color: rgba(255, 255, 255, 0.8);
	}

	42.9%, 100% {
		color: #ccc;
		color: rgba(255, 255, 255, 0.4);
	}
}

@-webkit-keyframes galleryAnimation-3 {
	0% {
		opacity: 0;
	}

	9.5%, 33.3% {
		opacity: 1;
	}

	42.9%, 100% {
		opacity: 0;
	}
}

@-o-keyframes galleryAnimation-3 {
	0% {
		opacity: 0;
	}

	9.5%, 33.3% {
		opacity: 1;
	}

	42.9%, 100% {
		opacity: 0;
	}
}

@keyframes galleryAnimation-3 {
	0% {
		opacity: 0;
	}

	9.5%, 33.3% {
		opacity: 1;
	}

	42.9%, 100% {
		opacity: 0;
	}
}

.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
	pointer-events: auto;
	opacity: 1;
}

.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
	pointer-events: auto;
	opacity: 1;
}

.gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
	pointer-events: auto;
	opacity: 1;
}

.items-3.autoplay .control-button {
	-webkit-animation: controlAnimation-3 21s infinite;
	-o-animation: controlAnimation-3 21s infinite;
	animation: controlAnimation-3 21s infinite;
}

.items-3.autoplay .item {
	-webkit-animation: galleryAnimation-3 21s infinite;
	-o-animation: galleryAnimation-3 21s infinite;
	animation: galleryAnimation-3 21s infinite;
}

.items-3 .control-button:nth-of-type(1),
.items-3 .item:nth-of-type(1) {
	-webkit-animation-delay: -2s;
	-o-animation-delay: -2s;
	animation-delay: -2s;
}

.items-3 .control-button:nth-of-type(2),
.items-3 .item:nth-of-type(2) {
	-webkit-animation-delay: 5s;
	-o-animation-delay: 5s;
	animation-delay: 5s;
}

.items-3 .control-button:nth-of-type(3),
.items-3 .item:nth-of-type(3) {
	-webkit-animation-delay: 12s;
	-o-animation-delay: 12s;
	animation-delay: 12s;
}

@-webkit-keyframes controlAnimation-4 {
	0% {
		color: #ccc;
		color: rgba(255, 255, 255, 0.4);
	}

	7.1%, 25% {
		color: white;
		color: rgba(255, 255, 255, 0.8);
	}

	32.1%, 100% {
		color: #ccc;
		color: rgba(255, 255, 255, 0.4);
	}
}

@-o-keyframes controlAnimation-4 {
	0% {
		color: #ccc;
		color: rgba(255, 255, 255, 0.4);
	}

	7.1%, 25% {
		color: white;
		color: rgba(255, 255, 255, 0.8);
	}

	32.1%, 100% {
		color: #ccc;
		color: rgba(255, 255, 255, 0.4);
	}
}

@keyframes controlAnimation-4 {
	0% {
		color: #ccc;
		color: rgba(255, 255, 255, 0.4);
	}

	7.1%, 25% {
		color: white;
		color: rgba(255, 255, 255, 0.8);
	}

	32.1%, 100% {
		color: #ccc;
		color: rgba(255, 255, 255, 0.4);
	}
}

@-webkit-keyframes galleryAnimation-4 {
	0% {
		opacity: 0;
	}

	7.1%, 25% {
		opacity: 1;
	}

	32.1%, 100% {
		opacity: 0;
	}
}

@-o-keyframes galleryAnimation-4 {
	0% {
		opacity: 0;
	}

	7.1%, 25% {
		opacity: 1;
	}

	32.1%, 100% {
		opacity: 0;
	}
}

@keyframes galleryAnimation-4 {
	0% {
		opacity: 0;
	}

	7.1%, 25% {
		opacity: 1;
	}

	32.1%, 100% {
		opacity: 0;
	}
}

.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
	pointer-events: auto;
	opacity: 1;
}

.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
	pointer-events: auto;
	opacity: 1;
}

.gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
	pointer-events: auto;
	opacity: 1;
}

.gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) {
	pointer-events: auto;
	opacity: 1;
}

.items-4.autoplay .control-button {
	-webkit-animation: controlAnimation-4 28s infinite;
	-o-animation: controlAnimation-4 28s infinite;
	animation: controlAnimation-4 28s infinite;
}

.items-4.autoplay .item {
	-webkit-animation: galleryAnimation-4 28s infinite;
	-o-animation: galleryAnimation-4 28s infinite;
	animation: galleryAnimation-4 28s infinite;
}

.items-4 .control-button:nth-of-type(1),
.items-4 .item:nth-of-type(1) {
	-webkit-animation-delay: -2s;
	-o-animation-delay: -2s;
	animation-delay: -2s;
}

.items-4 .control-button:nth-of-type(2),
.items-4 .item:nth-of-type(2) {
	-webkit-animation-delay: 5s;
	-o-animation-delay: 5s;
	animation-delay: 5s;
}

.items-4 .control-button:nth-of-type(3),
.items-4 .item:nth-of-type(3) {
	-webkit-animation-delay: 12s;
	-o-animation-delay: 12s;
	animation-delay: 12s;
}

.items-4 .control-button:nth-of-type(4),
.items-4 .item:nth-of-type(4) {
	-webkit-animation-delay: 19s;
	-o-animation-delay: 19s;
	animation-delay: 19s;
}

@-webkit-keyframes controlAnimation-5 {
	0% {
		color: #ccc;
		color: rgba(255, 255, 255, 0.4);
	}

	5.7%, 20% {
		color: white;
		color: rgba(255, 255, 255, 0.8);
	}

	25.7%, 100% {
		color: #ccc;
		color: rgba(255, 255, 255, 0.4);
	}
}

@-o-keyframes controlAnimation-5 {
	0% {
		color: #ccc;
		color: rgba(255, 255, 255, 0.4);
	}

	5.7%, 20% {
		color: white;
		color: rgba(255, 255, 255, 0.8);
	}

	25.7%, 100% {
		color: #ccc;
		color: rgba(255, 255, 255, 0.4);
	}
}

@keyframes controlAnimation-5 {
	0% {
		color: #ccc;
		color: rgba(255, 255, 255, 0.4);
	}

	5.7%, 20% {
		color: white;
		color: rgba(255, 255, 255, 0.8);
	}

	25.7%, 100% {
		color: #ccc;
		color: rgba(255, 255, 255, 0.4);
	}
}

@-webkit-keyframes galleryAnimation-5 {
	0% {
		opacity: 0;
	}

	5.7%, 20% {
		opacity: 1;
	}

	25.7%, 100% {
		opacity: 0;
	}
}

@-o-keyframes galleryAnimation-5 {
	0% {
		opacity: 0;
	}

	5.7%, 20% {
		opacity: 1;
	}

	25.7%, 100% {
		opacity: 0;
	}
}

@keyframes galleryAnimation-5 {
	0% {
		opacity: 0;
	}

	5.7%, 20% {
		opacity: 1;
	}

	25.7%, 100% {
		opacity: 0;
	}
}

.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
	pointer-events: auto;
	opacity: 1;
}

.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
	pointer-events: auto;
	opacity: 1;
}

.gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
	pointer-events: auto;
	opacity: 1;
}

.gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) {
	pointer-events: auto;
	opacity: 1;
}

.gallery .control-operator:nth-of-type(5):target ~ .item:nth-of-type(5) {
	pointer-events: auto;
	opacity: 1;
}

.items-5.autoplay .control-button {
	-webkit-animation: controlAnimation-5 35s infinite;
	-o-animation: controlAnimation-5 35s infinite;
	animation: controlAnimation-5 35s infinite;
}

.items-5.autoplay .item {
	-webkit-animation: galleryAnimation-5 35s infinite;
	-o-animation: galleryAnimation-5 35s infinite;
	animation: galleryAnimation-5 35s infinite;
}

.items-5 .control-button:nth-of-type(1),
.items-5 .item:nth-of-type(1) {
	-webkit-animation-delay: -2s;
	-o-animation-delay: -2s;
	animation-delay: -2s;
}

.items-5 .control-button:nth-of-type(2),
.items-5 .item:nth-of-type(2) {
	-webkit-animation-delay: 5s;
	-o-animation-delay: 5s;
	animation-delay: 5s;
}

.items-5 .control-button:nth-of-type(3),
.items-5 .item:nth-of-type(3) {
	-webkit-animation-delay: 12s;
	-o-animation-delay: 12s;
	animation-delay: 12s;
}

.items-5 .control-button:nth-of-type(4),
.items-5 .item:nth-of-type(4) {
	-webkit-animation-delay: 19s;
	-o-animation-delay: 19s;
	animation-delay: 19s;
}

.items-5 .control-button:nth-of-type(5),
.items-5 .item:nth-of-type(5) {
	-webkit-animation-delay: 26s;
	-o-animation-delay: 26s;
	animation-delay: 26s;
}

.gallery .control-button {
	color: #ccc;
	color: rgba(255, 255, 255, 0.4);
}

.gallery .control-button:hover {
	color: white;
	color: rgba(255, 255, 255, 0.8);
}

/*
	Theme controls how everything looks in Gallery CSS.
*/

.gallery {
	position: relative;
}

.gallery .item {
	overflow: hidden;
	text-align: center;
}

.gallery .controls {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
}

.gallery .control-button {
	display: inline-block;
	margin: 0 .02em;
	font-size: 3em;
	text-align: center;
	text-decoration: none;
	-webkit-transition: color .1s;
	-o-transition: color .1s;
	transition: color .1s;
}