.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.roboto-thin-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.roboto-light-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.roboto-regular-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.roboto-medium-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.roboto-bold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.roboto-black-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: italic;
}

body {
	font-family: "Roboto", sans-serif;
}

.text-redox {
	color: #489ddb;
}
.header-section{
	background: url(../images/header_background.jpeg) no-repeat 50% 50%/cover;
	background-attachment: fixed;
}
.header-wrapper{
	background: rgba(0, 0, 0, 0.7);
}
.feature-section {
	background: url(../images/featured_background.jpg) no-repeat 50% 50%/cover;
	background-attachment: fixed;
}

.bg-redox {
	background: url(../images/thankyou-bg.jpg) no-repeat 50% 50%/cover;
	background-attachment: fixed;
}

.feature-wrapper {
	background: rgba(72, 157, 219, 0.5);
}

.splash .splash-icon {
	background: rgba(255, 255, 255, 0.5);
	display: block;
	height: 100%;
	pointer-events: none;
	position: fixed;
	right: 0;
	top: 0;
	transform: translateX(0) translateY(-100%);
	transition: transform .5s;
	width: 100%;
	z-index: 100
}

.splash.active .splash-icon {
	transform: translateX(0) translateY(0)
}

.splash.active .splash-icon:after {
	animation: splash-spinner 1.2s linear infinite;
	border: 5px solid #81385B;
	border-radius: 50%;
	border-top-color: rgba(0, 0, 0, .2);
	box-sizing: border-box;
	content: "";
	display: block;
	height: 40px;
	left: 50%;
	margin-left: -20px;
	position: absolute;
	top: 50%;
	width: 40px
}

@keyframes splash-spinner {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(359deg)
	}
}