@font-face {
	font-family: FuturaEagle;
	src: url("../fonts/fbo.otf") format("opentype");
}
:root {
	--color-theme-blue: #00aeef;
	--color-text-white: #ffffff;
	--color-text-black: #111111;
	--color-text-gray: #555555;
	--color-white: #ffffff;
	--color-bg-white: #ffffff;
	--color-bg-gray: #bcbcbc;
	--color-bg-blue: #c5d8ff;
	--color-bg-blue-light: #d2ebff;
	--color-bg-blue-dark-ultra: #003a62;
	--color-bg-green-dark: #337052;
	--color-main-bg: #f0f0f0;
	--color-gray-light: #e8e8e8;
	--color-gray: #cccccc;
	--color-gray-med: #acacac;
	--color-gray-dark: #8b8b8b;
	--color-gray-darker: #4b4b4b;
	--color-blue: #4099d5;
	--color-blue-dark: #0967a6;
	--color-orange: #f79433;
	--color-orange-dark: #a35b00;
	--color-lime: #64b775;
	--color-lime-dark: #469957;
	--color-grade-brown: #ba856a;
	--color-grade-ocean: #588bae;
	--color-grade-sky: #60d6f7;
	--color-grade-yellow: #ffef77;
	--color-grade-lime: #8ccd8a;
	--color-grade-orange: #ffb563;
	--color-grade-pink: #e38cb1;
	--color-footer-bg: #0885b5;
	--color-footer-bg2: #066b91;
	--gradient-footer-blue: linear-gradient(85deg, #00aeef, #0967a6);

	--color-bg-black-10: #eeeeee;
	--color-bg-black-20: #eeeeee;
	--color-bg-black-30: #cccccc;
	--color-bg-black-40: #eeeeee;
	--color-bg-black-70: #555555;
	--color-bg-black-80: #333333;

	--color-bg-blue-70: #3385bd;

	--color-text-blue-80: #0967a6;
	--color-text-blue-70: #4099d5;

	--color-text-black-80: #333333;
	--color-text-black-70: #555555;
}
a {
	text-decoration: none;
}
html {
	height:100%;
	background-size: 300% 100%;
	background-attachment: fixed;
}
body{
	margin:0;
	padding:0;
	min-height:100%;
	background-color:var(--color-main-bg);
}
html {
		
}
textarea:focus, input:focus{
	outline: none;
}
a.btn {
	text-decoration: none;
}
button.btn {
	border:none;
}
h1, h2, h3 {
	font-family:'Roboto',sans-serif;
	font-weight:600;
}
ul.ul-clear {
	list-style:none;
	padding:0;
	margin:0px;
}
.btn {
	display: flex;
	align-items:center;
	padding: .375rem .75rem;
	font-size: 1rem;
	user-select: none;
	cursor: pointer;
	vertical-align: middle;
	transition: 
		color .15s ease-in-out,
		background-color .15s ease-in-out,
		border-color .15s ease-in-out,
		box-shadow .15s ease-in-out,
		border-left .15s ease-in-out;
	color: #000;
	background-color: var(--color-gray);
	border-color: var(--color-gray-med);
	gap:6px;
}
.btn-border {
	border-left:5px solid;
}
.btn-nobg {
	background: none;
}
.btn:hover {
	color:#fff;
	background-color: var(--color-gray-dark);
	border-color: var(--color-gray-dark);
}
.btn-futura, .cell-futura {
	font-family:"FuturaEagle",sans-serif;
	letter-spacing: 1px;
	font-size:0.8em;
	text-transform: uppercase;
}
.btn-roboto, .cell-roboto {
	font-family:"Roboto",sans-serif;
	letter-spacing: 1px;
	font-size:0.8em;
	text-transform: uppercase;
}
.btn-roboto:hover {
}
.cell-orange {
	background-color: var(--color-orange) !important;
	color:#ffffff;
}
.btn-eagle-lime {
	color: #fff;
	background-color: var(--color-lime);
	border-color: var(--color-lime-dark);
}
.btn-eagle-lime:hover {
	color: #fff;
	background-color: var(--color-lime-dark);
	border-color: var(--color-lime-dark);
}
.btn-eagle-blue {
	color: #fff;
	background-color: var(--color-blue);
	border-color: var(--color-blue-dark);
}
.btn-eagle-blue:hover {
	color: #fff;
	background-color: var(--color-blue-dark);
	border-color: var(--color-blue-dark);
}
#btn_mobile_menu {
	border:none;
	background:none;
	margin-right:10px;
}
.link {
	cursor: pointer;
	font-size: 18px;
	position: relative;
	white-space: nowrap;
	color: var(--color-text);
}
.link::before,
.link::after {
	position: absolute;
	pointer-events: none;
}
.link::before {
	content: '';
	/* show by default */
}

br.rb-sm {
	display:block;
}
br.rb-lg {
	display:none;
}
@media only screen and (min-width: 576px) {
	br.rb-sm {
		display:none;
	}
	br.rb-lg {
		display:block;
	}
}

#canvas {
	padding: 0 0 0px;
}

#container-body {
	display: flex;
	flex-direction: column;
	max-width: 1440px;
	margin: 60px auto;
	/*background-color:var(--color-bg-white);
	 background-image:url('../img/bg_slice_02.png'); 
	background-repeat:repeat-x;
	background-attachment: fixed;
	background-position:top; */
}
#container-footer {
	width:100%;
	margin: 0px auto;
	padding:25px 0px;
	display:flex;
	flex-direction:column;
	background: linear-gradient(90deg, var(--color-footer-bg) 0%, var(--color-theme-blue) 100%);
}
.footer-content {
	display:flex;
	flex-direction: column;
	color:var(--color-text-white);
	padding:0 20px;
}
.footer-brand {

}
.footer-logo {
	width:200px;
	
}
.footer-socialrow {
	margin-top:20px;
}
.footer-socialrow > ul {
	list-style:none;
	padding:0;margin:0;
	display:flex;
	gap:15px;
	justify-content:end;
}
.fill-social {
	width:24px;height:24px;
	fill:var(--color-text-white);
}
.footer-socialrow > ul > li > a:hover > .fill-social{
	fill:var(--color-grade-lime);
}
.footer-logo > img {
	width:100%;
}
.footer-menu {
	display:flex;
	flex-direction: row;
	gap:50px;
	flex:1;
}
.footer-menu > .footer-nav {
	
}
.footer-menu > .footer-nav > h2 {
	font-size:1.125em;
	font-weight:bold;
	margin-bottom:3px;
}
.footer-menu > .footer-nav > ul {
	margin:0;
	padding:0;
	list-style:none;
}
.footer-menu > .footer-nav > ul > li {
	font-size:0.95em;
	margin:8px 0;
}
.footer-end {
	margin-top:20px;
	padding:0 20px;
}
.footer-end > .footer-text {
	font-size:0.8em;
	color:var(--color-text-white);
}
.eagle-badge {
	background: #ccc;
	background-color: rgb(204, 204, 204);
	padding: 1px 8px 2px;
	text-transform: uppercase;
	font-weight: bold;
	font-size:0.8em;
}

.eagle-badge-mini {
	background: #ccc;
	background-color: rgb(204, 204, 204);
	padding: 1px 5px;
	text-transform: uppercase;
	font-weight: bold;
	font-style: normal !important;
  	border-radius: 3px;
}

.k-badge {
	background-color: #333;
	color: #fff;
}
.hide-1050 {
	display:none;
}

@media only screen and (min-width: 576px) {
	
	#container-footer {
		max-width: 1440px;
		margin: 0px auto;
		padding:50px 0px;
		
	}
	.footer-content {
		flex-direction: row;
		padding:0 30px;
	}
	.footer-end {
		padding:0 30px;
	}
	#container-body {
		margin: 0 auto;
	}
	.eagle-badge {
		font-size:1em;
	}
	
}
@media only screen and (min-width: 1050px) {
	.footer-content {
		
		padding:0 75px;
	}
	.footer-end {
		padding:0 75px;
	}
	.hide-1050 {
		display:initial;
	}
}

@media only screen and (min-width: 1440px) {
	#canvas {
		padding: 0 0 35px;
	}

	#container-footer {
		border-bottom:20px solid var(--color-footer-bg2);
	}

}