@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url("/core/css/global.css");
@import url("/core/fonts/glyphicons/glyphicons.min.css");


body {
	color: #595959;
	font-family: 'Roboto', sans-serif;
}

h1, h2, h2, h3, h4, .rockwell {
	font-family: "Roboto Slab", serif;

}

h2, h2, h3, h4 {
	font-weight: 500;
	color:var(--cyan);
}

h1  {

	font-weight: 800;
}

a {
	color: inherit;
}

.hero img {
	width: 100%;
	max-width: 100%;
}

.cycle a {
	display: block;
	width:100%;
	max-width: 100%;
}

:root {
	--red: rgb(204, 0, 0);
	--grey: rgb(129, 130, 132);
	--cyan: rgb(27, 167, 224);
}

.white {
	color: white;
}


.grey-gradient {

	background: linear-gradient(to bottom,
	rgb(165, 173, 173) 0%,
	rgb(160, 167, 169) 40%,
	rgb(154, 155, 159) 50%,
	rgb(140, 142, 145) 60%,
	rgb(129, 130, 132) 100%);
	color:#ffffff;
}

.red-gradient {
	background: linear-gradient(to bottom,
	rgb(255, 80, 80) 0%,
	rgb(245, 50, 50) 40%,
	rgb(230, 30, 30) 50%,
	rgb(215, 10, 10) 60%,
	rgb(200, 0, 0) 100%);
	color:#ffffff;
}

.blue-gradient, .btn.btn-primary {
	background: linear-gradient(to bottom,
	rgb(130, 180, 220) 0%,
	rgb(100, 165, 215) 40%,
	rgb(60, 155, 210) 50%,
	rgb(30, 150, 205) 60%,
	rgb(0, 140, 196) 100%);
	color:#ffffff;
}

.form-control {
	border-radius: 0 !important;
}

.btn {
	border-radius: 0 !important;
	font-family: "Roboto Slab", serif;
}
.btn.btn-primary {
	border-color: #304A7D;
}

.btn-next {
	padding-right:2.5em;
	position:relative;
}

.btn-next:after {
	position: absolute;
	right:0;
	top:0;
	bottom:0;
	content: '';
	background: url(/local/images/arrow-icon.svg) no-repeat center center;
	background-size:  40% auto;
	display:block;
	width:2em;
	border-left: 1px solid #304A7D;

}