/*===================================== 
Font Family 
--------------
    font-family: 'Oswald', sans-serif;

    font-family: 'Poppins', sans-serif;
======================================*/

/*======================================
1. GENERAL CSS Start
======================================*/

body {
	font-family: 'Poppins', sans-serif;
	font-size:15px;	
	font-weight:400; 	
	color:#000000;	
	padding:0;	
	margin:0; 	
}  

a {color: #000;  outline: 0 none;  text-decoration:none; transition: all 0.5s ease;}

a:hover,
a:focus {
  text-decoration:none;
  outline: 0 none;
  color: #0052aa;
}

a:active,
a:hover,
a:focus{
  color: #0052aa;
  transition: all 0.5s ease;
}
a.text-primary:hover, a.text-primary:focus {
	color: #0052aa !important;
}
button, button:hover{transition: all 0.5s ease;}
button, input, optgroup, select, textarea {
    outline: none !important;
}
img{
	max-width: 100%;
}
::selection {
	background: #0052aa;
	color: #fff;
}

::-moz-selection {
	background: #0052aa;
	color: #fff;
}

::-webkit-selection {
	 background:#0052aa;
	 color: #fff;
}
ul, ol {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	list-style: none;
}


.bg-cover{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.slick-dots {
	text-align: center;
	margin-top: 0;
	width: 100%;

}
.slick-dots li {
	display: inline-block;
	margin: 0 3px;
}
.slick-dots li button {
	background: #fff;
	border-radius: 20px;
	text-indent: -9999px;
	padding: 0;
	width: 35px;
	height: 10px;
	font-size: 0;
	cursor: pointer;
	border:0;
	position: relative;
}
.slick-dots li.slick-active button {
	background: #ffb838;
	z-index: 999;
}
.slick-arrow {
	border: 0;
	position: absolute;
	cursor: pointer;
	z-index: 99;
	padding: 0;
	font-size: 25px;
	background: #f0b700;
	color: #000;
	width: 48px;
	height: 48px;
	border-radius: 40px;
	line-height: 52px;
	top: 50%;
	margin-top: -24px;
}
.slick-arrow.prev-arrow {
	left: -24px;
}
.slick-arrow.next-arrow {
	right: -24px;
}
.bg-cover{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}
/*======================================
2. HEADING & TITLE 
======================================*/

h1, .h1, 
h2, .h2, 
h3, .h3, 
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: 'Oswald', sans-serif;
  line-height: 1.1;
  margin: 0;
  font-weight: 600;
  vertical-align: middle;
}

h1, .h1 {font-size: 45px; text-transform: uppercase;}
h2, .h2 {font-size: 35px; text-transform: uppercase;}
h3, .h3 {font-size: 26px; text-transform: uppercase;}
h4, .h4 {font-size: 22px; text-transform: uppercase;}
h5, .h5 {font-size: 20px;}
h6, .h6 {font-size: 16px; }



/*-------------------------------------
 text size
------------------------------------ */




.text-uppercase{ text-transform: uppercase; }
.text-capitalize{ text-transform: capitalize; }
.text-lowecase{ text-transform: lowercase; }

.font-light{ font-weight: 300;}
.font-bold{ font-weight: 700;}
.font-medium{ font-weight: 500;}
.font-semibold{ font-weight: 600;}
/*-------------------------------------
	Color 
--------------------------------------- */
/*-------------------------------------
	1. text
-------------------------------------*/
.text-white{color:#fff !important;}
.text-primary{color:#0052aa !important;}
.text-secondary{color:#ffb838 !important;}
/*-------------------------------------
	2. background color
-------------------------------------*/
.bg-transparent{background-color:transparent;}
.bg-primary{background-color:#0052aa !important;}
.bg-secondary {background-color: #ffb838 !important;}
.bg-light {background-color: #f2f2f2 !important;}
.bg-gray {background-color: #e6e6e6 !important;}
/*-------------------------------------
	 Buttons 
--------------------------------------- */
.btn {
	font-size: 15px;
	font-weight: normal;
	border: 0;
	padding: 7px 20px;
	transition: all 0.5s ease;
	font-family: 'Oswald', sans-serif;
	position: relative;
	border-radius: 5px;
	text-transform: capitalize;
}
.btn:hover, .btn:focus, .btn.focus {
	text-decoration: none;
	transition: all 0.2s linear;
	box-shadow: none;
}

.btn-lg{
	width: 100%;
}

.btn-primary{
	background-color: #0052aa;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{
	background-color: #ffb838;
}
.btn-secondary{
	background-color: #ffb838;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active{
	background-color: #212529 ;
}
.btn-link{
	color: #0052aa;
	text-decoration: none;
	font-weight: 600;
}
.btn-link:hover, .btn-link:focus, .btn-link:active{
	color: #ffb838;
}
.lead {
	font-weight: 400;
}

.dropdown:hover ul.dropdown-menu{ display: block; }
.dropdown-menu {
	padding: 0;
}
.dropdown-item {
	padding: .5rem 1rem;
}
.dropdown-menu li{
	margin: 0;
}
.dropdown-menu[data-bs-popper] {
	margin-top: 0;
}
.caret{
	display: none;
}
.border-bottom {
	border-bottom: 1px solid #0052aa !important;
}
.card {
	border: 0;
	border-radius: 0;
}
/*======================================
1. GENERAL CSS End
======================================*/
/************************* 
YOU CAN WRIGHT CUSTOME CSS 
***************************/
/* Header CSS Start*/
.nav-link {
	color: #fff;
}
.nav-link:hover {
	color: #ffb838;
}
.nav-link:focus, .nav-link:hover {
	color: #ffb838;
}
.top-bar .form-control {
	border: 0;
	max-width: 200px;
	margin-right: 20px;
}
.navbar-expand-lg .navbar-collapse {

	justify-content: center;
}
.navbar-expand-lg .navbar-nav .nav-link {
	padding-right: 1.5rem;
	padding-left: 1.5rem;
	text-transform: uppercase;
}
.dropdown-menu {
	color: #fff;
	background-color: #ffb838;
	border: 0;
	border-radius: 0;
}
.hub-section .date {
	background: #0052aa;
	color: #fff;
	text-transform: uppercase;
	padding: 0.5rem;
	border-radius: 5px;
	margin-right: 15px;
	min-width: 100px;
	justify-content: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}
footer a {
	color: #fff;
	margin: 0 5px;
}
footer a:hover {
	color: #ffb838;
}
.social a {
	border: 2px solid;
	width: 35px;
	display: inline-block;
	text-align: center;
	height: 35px;
	line-height: 32px;
	border-radius: 20px;
}
.doc-list {
	column-count: 3;
}
.hub-section .doc-list {
    column-count: 2;
}
.doc-list .item {
    position: relative;
    padding-left: 40px;
    display: inline-block;
    width: 100%;
}
.doc-list .item .far.fa-file-pdf {
	position: absolute;
	left: 0;
	font-size: 35px;
}
.text-container ul, .text-container ol {
	margin-top: 0;
	margin-bottom: 20px;
	padding: 0 0 0 20px;
	list-style: disc;
	line-height: 1.8;
}
.blog-list .card {
	border: 0;
	border-radius: 4px;
	background: #eee;
	margin-bottom: 25px;
}


header .fui-page {
    display: flex;
}
header .fui-page .fui-btn-wrapper {
    padding: 0;
    margin: 0 0 0 5px;
}
header .fui-page .fui-field{
	margin-bottom: 0;
}
.wider-summery .fui-field-container .fui-input-container textarea{ min-height: 200px;}
.bg-dark {
    background-color: #060709 !important;
}

@media (max-width: 991px){
.navbar-toggler {
	padding: 0 10px;
	font-size: 32px;
	line-height: 1;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 0;
	transition: box-shadow .15s ease-in-out;
	margin-right: 10px;
}
.navbar-toggler:focus {
	box-shadow: none;
}
.navbar {
	position: static;
}
header .container {
	position:relative;
}
.navbar-collapse {
	position: absolute;
	width: 100%;
	background-color: #ffb838;
	top: 40px;
	left: 0;
	border-radius: 0;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.20);
	padding: 0;
	overflow: hidden;
	z-index: 1;
}

.dropdown .caret {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 22px;
	padding: 13px 20px;
}
.dropdown:hover ul.dropdown-menu {
	display: none;
}
.dropdown-toggle::after {
	content: none;
}
.navbar-nav .dropdown-menu {
	border: 0;
}


.dropdown .caret.open .fa-plus::before {
  content: "\f068";
}
.navbar-expand-lg .navbar-nav .nav-link {
	padding: 15px;
	text-transform: uppercase;
	font-size: 18px;
	border-top: 1px solid rgba(255,255,255,0.4);
}
.card {
	margin: 10px 0;
}
.links {
	text-align: center;
	margin-bottom: 20px;
}
.doc-list {
	column-count: 2;
}
}

@media (max-width: 767px){
h1, .h1 {font-size: 40px;}
h2, .h2 {font-size: 28px;}
h3, .h3 {font-size: 22px;}
h4, .h4 {font-size: 18px;}
h5, .h5 {font-size: 16px;}
.logo {
	max-width: 200px;
}
.navbar-collapse {
	border-radius: 0;
}
.top-bar .form-control {
	max-width: 100%;
	margin:0 0 5px 0;
}
.top-bar form{
	flex-direction: column;
}
.social span {
	display: block;
	margin-bottom: 5px;
}
.doc-list {
	column-count: 1;
}
}
@media (max-width: 640px){
header .fui-page {
    flex-direction: column;
}
header .fui-page .fui-btn-wrapper {
    margin: 0 0 5px 0;
}
header .fui-page .fui-field{
	margin-bottom: 5px;
}
header .fui-btn-wrapper .fui-btn {
    margin: 0;
    width: 100%;
}
header .fui-page .fui-row {
    flex-direction: column;
}
}
.spacing-left{ margin-left: 50px; }