@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url("https://kit-pro.fontawesome.com/releases/v6.1.1/css/pro.min.css");

:root {
  --body:#282828;
  --body-t:#dddddd;
  --body-a:#fafafa;
  --header:#005440;
  --header-t:#fafafa;
  --header-a:#dddddd;
  --footer:#353535;
  --footer-t:#dddddd;
  --footer-a:#fafafa;
  --primary:#16D1A9;
  --primary-t:#fafafa;
  --primary-a:#ffffff;
  --secondary:#005440;
  --secondary-t:#e8e8e8;
  --secondary-a:#fafafa;
  --black:#101010;
  --white:#ffffff;
  --gray: #353535;
  --success: #28C76F;
  --warning: #FF9F43;
  --danger: #EA5455;
  --pending: #4169E1;
}

body {
	font-family: 'Open Sans' sans-serif;
    background: var(--body);
    color: var(--body-t);
    overflow-x: hidden;
    font-weight: 500;
    font-size: 13px;
}

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); 
}	

header .nav-link { color: var(--header-a) !important; }	
header .nav-link:hover { 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: 10px; font-weight:600; text-transform: uppercase; position: relative; top: -8px; padding-left: 3px; }

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

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

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

.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-box {
	background-color:var(--secondary); opacity:0.7; min-height:360px; height:100%;
}

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