@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700");
@import url("https://kit-pro.fontawesome.com/releases/v6.1.1/css/pro.min.css");

:root {
  --body:#02150A;
  --body-t:#dddddd;
  --body-a:#fafafa;
  --header:#02150A;
  --header-t:#dddddd;
  --header-a:#fafafa;
  --footer:#02150A;
  --footer-t:#dddddd;
  --footer-a:#fafafa;
  --primary:#308525;
  --primary-t:#dddddd;
  --primary-a:#fafafa;
  --secondary:#308525;
  --secondary-t:#101010;
  --secondary-a:#000000;
  --black:#101010;
  --white:#ffffff;
  --gray: #042010;
  --success: #28C76F;
  --warning: #FF9F43;
  --danger: #EA5455;
  --pending: #4169E1;
}

body {
	font-family: 'Roboto';
	font-size: 14px;
	background: var(--body);
	color: var(--body-t);
}

a {
	text-decoration: none;
  color: var(--body-a);
}	

a:hover, a:focus {
  transition: all 0.3s;
  color: var(--body-t);
}	
	
.btn, button { 
	cursor: pointer !important;
	outline: none !important;
	 box-shadow: none !important;
 }

.btn:focus, button:focus { 
	 outline: none !important;
	 box-shadow: none !important;
 }

header { 
  background: var(--header);
  color: var(--header-t);
  position: fixed;
  width: 100%;
  z-index:99;
  opacity: 0.9;
}				

header .nav-link { color: var(--header-a) !important; }	
header .nav-link:hover { color: var(--header-t) !important; }
header i { color: var(--header-t) !important; }	

footer { 
  background: var(--footer);
  color: var(--footer-t); 
}	
footer .nav-link { color: var(--footer-a) !important; }	
footer .nav-link:hover { color: var(--footer-t) !important; }

.navbar-toggler { color: var(--primary); }
.navbar .nav-link { color: var(--primary); margin-right: 16px; }
.navbar .nav-link:hover { color: var(--primary-a); }


.fs-11 { font-size: 11px; }
.fs-12 { font-size: 12px; }
.fs-13 { font-size: 13px; }
.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }
.fq-900 { font-weight: 900; }

.color-primary { color: var(--primary); }
.color-secondary { color: var(--secondary); }
.color-gray { color: var(--gray); }

.bg-primary { background: var(--primary) !important; color: var(--primary-a) !important; }
.bg-secondary { background: var(--secondary) !important; color: var(--secondary-a) !important; }
.bg-gray { background: var(--gray) !important; color: var(--primary) !important; }

.border-start-primary { border-left: 3px solid var(--primary); }
.border-top-primary { border-top: 3px solid var(--primary); }

.text-logo { font-size: 26px; font-weight:600; text-transform: uppercase; }
.partner { color: yellow; letter-spacing: 3px; font-size:8px; font-weight:600; text-transform:uppercase; position:relative; top:-20px; padding-left:100px; }

.form-control {
	box-shadow: none;
	background-color: white;
	border: 1px solid rgba(139, 139, 139, .4);
	border-radius: 4px;
	color: var(--layout-t);
}

.form-control:focus {
	box-shadow: none;
	border: none;
	outline: none;
	color: var(--primary);
	border: 1px solid var(--primary);
}

.form-control option { color: var(--black); }
label { color: var(--black); }

.submit {
	color: var(--primary-t);
  background: var(--primary);
	border: none;
	padding: 10px 16px;
	outline: none;
	cursor: pointer;
  text-transform: uppercase;
} 

.submit i { color: var(--primary-a); }  

.submit:hover {
	color: var(--primary-a);
	text-decoration: none;
}  

.submit-2 {
	color: var(--secondary-t);
  background: var(--secondary);
	border: none;
	padding: 10px 16px;
	outline: none;
	cursor: pointer;
  text-transform: uppercase;
} 

.submit-2 i { color: var(--secondary-a); }  
	
.submit-2:hover {
		color: var(--secondary-a);
		text-decoration: none;
}  

.img-icon {
  height: 45px;
  border-radius: 2px;
  border: 1px solid rgba(139, 139, 139, .1);
  padding: 2px;
  margin: 5px;
  webkit-filter:grayscale(100%); 
  filter: grayscale(100%); 
  background: rgba(139, 139, 139, .9);
}

.cover-bg {
	background: url("../../../partner/assets/cover.jpeg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.cover-bg h5 { color: var(--black); text-align:center; text-transform: uppercase;}
.cover-bg .desc { color: var(--black); font-size: 12px; }

.cover-bg .link-area { margin-top:14px; padding:5px; justify-content:center; display:flex;}
.cover-bg .link-area a { color: var(--primary); margin:5px; font-size:12px; }
.cover-bg .link-area a:hover { color: var(--secondary); text-decoration:underline; }

.cover-box {
	background-color: var(--secondary); opacity:0.9; min-height:360px; height:100%;
}

.cover-form { background:white; color:var(--white); color: var(--black); }