@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

:root {
	--black: #000000;
	--site1: #DE0200;
    --site2: #738291;
    --site3: #1F1F1F;
	--site4: #999999;
	--white: #ffffff;
}

/*****************
 GENERAL
 *****************/
body {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}

a,
button,
.fa {
	transition: .5s all ease;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
}

a:hover {
	text-decoration: none;
}

h1,
h2,
h3,
h4 {
	color: #333333;
	font-weight: 500;
}

h5,
h6 {
	color: #666666;
}

h1 {
	font-size: 51px;
	line-height: 51px;
}

h2 {
	font-size: 38px;
	line-height: 42px;
}

h3 {
	font-size: 28px;
	line-height: 32px;
}

h5 {
	font-size: 19px;
	font-weight: 500;
	line-height: 23px;
}

h6 {
	font-size: 16px;
	line-height: 20px;
}

p,
.inner-container p,
.inner-container ul li,
ul li,
ol li {
	color: #666666;
	font-size: 16px;
	line-height: 22px;
}

h3+p {
	margin-top: 15px;
}

@media (min-width: 1300px) {
    .container { max-width: 1240px; }
}

@media (min-width: 1400px) {
    .container { max-width: 1340px; }
}

.btn {
	border-radius: 6px;
	font-size: 14px;
	font-weight: normal;
	height: auto;
	line-height: 19px;
	padding: 8px 24px;
	text-transform: uppercase;
}

.btn.btn-primary {
	background: var(--site1);
	border-color: var(--site1);
	color: var(--white);
}
.btn.btn-primary:hover {
	background: var(--black);
	border-color: var(--black);
	color: var(--white);
}

.btn.btn-outline-primary {
	background: transparent;
	border-color: var(--site1);
	color: var(--black);
}
.btn.btn-outline-primary:hover {
	background: var(--site1);
	border-color: var(--site1);
	color: var(--white);
}

blockquote {
	border-left: 12px solid #1c3773;
	display: inline-block;
	margin-top: 10px;
	padding: 3px 10px 3px 20px;
	width: 100%;
}

blockquote+h2,
blockquote+h3,
blockquote+h4 {
	margin-top: 20px;
}

blockquote ul {
	list-style: none;
	margin-bottom: 0;
	padding-left: 0;
}

blockquote ul>li:not(:last-child) {
	margin-bottom: 10px;
}

blockquote ul>li a {
	color: var(--site1);
	text-decoration: underline;
}

blockquote *:last-child {
	margin-bottom: 0;
}

hr {
	border-top-color: #1c3773;
}

@media (max-width: 1199px) {
	h1 {
		font-size: 46px;
		line-height: 46px;
	}

	h2 {
		font-size: 35px;
		line-height: 39px;
	}

	h5 {
		font-size: 18px;
		line-height: 22px;
	}

	p,
	.inner-container p,
	.inner-container ul li,
	ul li,
	ol li {
		font-size: 15px;
		line-height: 21px;
	}
}

.bkg-site1 {
	background-color: #1c3773;
}

.bkg-site2 {
	background-color: #2d363f;
}

.bkg-site3 {
	background-color: #289ffc;
}

.bkg-site4 {
	background-color: #999999;
}

.text-black {
	color: #000000;
}

.text-site1 {
	color: var(--site1);
}

.text-site2 {
	color: var(--site2);
}

.text-site3 {
	color: var(--site3);
}

.text-site4 {
	color: var(--site4);
}

.button {
	color: #333333;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	text-transform: uppercase;
}

.button .fa {
	background-color: #289ffc;
	border-radius: 50%;
	color: #ffffff;
	display: inline-block;
	font-size: 16px;
	height: 26px;
	line-height: 25px;
	margin-right: 5px;
	text-align: center;
	width: 26px;
}

.button em.fa {
	padding-left: 4px;
}

.button:hover {
	color: #1c3773;
}

.button:hover .fa {
	background-color: #2d363f;
}

.button.button-white {
	color: #ffffff;
}

.button.button-white:hover {
	color: #289ffc;
}

.button.button-white:hover .fa {
	background-color: #289ffc;
}

.btn-primary {
	background: var(--site1);
	border-color: var(--site1);
}

.btn-primary:hover {
	background: var(--site4);
	border-color: var(--site4);
}

/**** Flexslider ****/
.flexslider {
	border: 0;
	border-radius: 0;
	margin-bottom: 0;
}

.flex-control-nav {
	bottom: 25px;
	z-index: 9;
}

.flex-control-paging li a {
	background-color: transparent;
	border: 1px solid #ffffff;
	box-shadow: none;
}

.flex-control-paging li a:hover {
	background-color: #ffffff;
}

.flex-control-paging li a.flex-active {
	background-color: #ffffff;
	transform: scale(1.3);
}


/**** Search ****/
.searchBox {
	background-color: rgba(45, 54, 63, .8);
	display: none;
	height: 100vh;
	left: 0;
	position: fixed;
	top: 0;
	width: 100vw;
	z-index: 99999999;
}

.searchBox .search-close {
	background-color: transparent;
	border: 0;
	box-shadow: none;
	color: #ffffff;
	font-size: 50px;
	font-weight: 300;
	position: absolute;
	right: 30px;
	top: 20px;
}

.searchBox .search-close:focus,
.searchBox .search-close:hover {
	color: #000000;
	outline: 0;
}

.searchBox>form {
	display: inline-block;
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
}

.searchBox>form input[type="text"] {
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
	font-size: 40px;
	padding: 8px 40px 8px 0;
	width: 450px;
}

.searchBox>form input[type="text"]::placeholder {
	color: #ffffff;
}

.searchBox>form input[type="text"]:focus {
	border-bottom-color: #289ffc;
	outline: 0;
}

.searchBox>form button {
	background-color: transparent;
	border: 0;
	box-shadow: none;
	color: #ffffff;
	display: inline-block;
	font-size: 25px;
	height: 73px;
	position: absolute;
	right: 0;
	top: 6px;
}

.searchBox>form button:focus {
	color: #000000;
	outline: 0;
}

@media (max-width: 1199px) {
	.searchBox>form input[type="text"] {
		font-size: 35px;
	}

	.searchBox>form button {
		height: 63px;
	}
}

@media (max-width: 992px) {
	.searchBox>form input[type="text"] {
		font-size: 30px;
	}

	.searchBox>form button {
		font-size: 23px;
		height: 55px;
	}
}

@media (max-width: 767px) {
	.searchBox>form input[type="text"] {
		font-size: 25px;
		width: 400px;
	}

	.searchBox>form button {
		font-size: 20px;
		height: 48px;
		line-height: 44px;
	}
}

@media (max-width: 480px) {
	.searchBox>form input[type="text"] {
		font-size: 25px;
		width: calc(100vw - 40px);
	}

	.searchBox>form button {
		font-size: 20px;
		height: 48px;
		line-height: 44px;
	}
}

/**** Contact Link ****/
.contact-link {
	display: inline-block;
	width: 100%;
}

.contact-link>.icon {
	background: #289ffc;
	border-radius: 50%;
	display: inline-block;
	height: 42px;
	line-height: 40px;
	margin-right: 12px;
	position: relative;
	text-align: center;
	top: -3px;
	width: 42px;
}

.contact-link>.icon>img {
	width: 21px;
}

.contact-link>a {
	font-size: 24px;
	line-height: 28px;
}

p.contact-link>.icon {
	height: 26px;
	line-height: 24px;
	margin-right: 10px;
	top: 0;
	width: 26px;
}

p.contact-link>.icon>img {
	height: auto;
	width: 14px;
}

p.contact-link>a {
	color: #666666;
	font-size: 16px;
	line-height: 20px;
}

p.contact-link>a:hover {
	color: #289ffc;
}

@media (max-width: 1199px) {
	.contact-link>.icon {
		background: #289ffc;
		border-radius: 50%;
		display: inline-block;
		height: 38px;
		line-height: 36px;
		margin-right: 12px;
		text-align: center;
		width: 38px;
	}

	.contact-link>.icon>img {
		width: 21px;
	}

	.contact-link>a {
		font-size: 22px;
		line-height: 26px;
	}
}

/**** Breadcrumb ****/
.breadcrumb {
	background-color: transparent;
	margin-bottom: 0;
	padding: 15px 0;
}

.breadcrumb>li,
.breadcrumb>li>a {
	color: #999999;
	display: inline-block;
	float: left;
	font-size: 12px;
	line-height: 16px;
}

.breadcrumb>li:not(:last-child) {
	padding-right: 12px;
	position: relative;
}

.breadcrumb>li:not(:last-child):after {
	content: '/';
	color: #999999;
	font-size: 12px;
	line-height: 16px;
	position: absolute;
	right: 4px;
	top: 0;
}

.breadcrumb>li:first-child>a,
.breadcrumb>li:last-child,
.breadcrumb>li>a:hover {
	color: #1c3773;
}

/**** Sidebar ****/
#sidebar>div {
	display: inline-block;
	width: 100%;
}

#sidebar .print,
#sidebar .share {
	display: inline-block;
	float: left;
	margin-bottom: 19px;
	margin-top: 5px;
}

#sidebar .share {
	float: right;
}

#sidebar .print a,
#sidebar .share a {
	color: #666666;
}

#sidebar .print .fa,
#sidebar .share .fa {
	color: #1c3773;
	font-size: 24px;
	margin-right: 5px;
	position: relative;
	top: 2px;
}

#sidebar .print a:hover,
#sidebar .share a:hover {
	color: #1c3773;
}

#sidebar h4 {
	background-color: #1c3773;
	color: #ffffff;
	display: inline-block;
	font-size: 17px;
	font-weight: 400;
	line-height: 21px;
	margin-bottom: 0;
	padding: 11px 16px 10px;
	text-transform: uppercase;
	width: 100%;
}

#sidebar h5 {
	color: #333333;
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
}

#sidebar h5+p {
	margin-top: 15px;
}

#sidebar p>a {
	color: #1c3773;
	text-decoration: underline;
}

#sidebar p>a:hover {
	color: #596c7f;
}

#sidebar ul.submenu {
	background-color: #e6e6e6;
	display: inline-block;
	list-style: none;
	padding-left: 0;
	width: 100%;
}

#sidebar ul.submenu>li,
#sidebar ul.submenu>li>a {
	display: inline-block;
	width: 100%;
}

#sidebar ul.submenu>li>a {
	border-bottom: 1px solid #cccccc;
	color: #596c7f;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	padding: 12px 15px 10px 45px;
	position: relative;
}

#sidebar ul.submenu>li:last-child>a {
	padding-bottom: 11px;
}

#sidebar ul.submenu>li>a:before,
#sidebar ul.submenu li>a:before {
	content: '\f105';
	background-color: transparent;
	border-radius: 50%;
	color: transparent;
	font-family: 'FontAwesome';
	font-size: 12px;
	height: 14px;
	left: 18px;
	line-height: 14px;
	padding-left: 1px;
	position: absolute;
	text-align: center;
	top: 14px;
	width: 14px;
}

#sidebar ul.submenu li.active>a,
#sidebar ul.submenu li>a:hover {
	background-color: rgba(89, 108, 127, 0.8);
	border-bottom-color: rgba(89, 108, 127, 0.8);
	color: #ffffff;
}

#sidebar ul.submenu li.active>a:before,
#sidebar ul.submenu li>a:hover:before {
	background-color: #ffffff;
	color: rgba(89, 108, 127, 0.8);
}

#sidebar ul.submenu>li>ul {
	display: inline-block;
	list-style: none;
	padding-left: 0;
	width: 100%;
}

#sidebar ul.submenu>li>ul>li,
#sidebar ul.submenu>li>ul>li>a {
	display: inline-block;
	width: 100%;
}

#sidebar ul.submenu>li>ul>li>a {
	border-bottom: 1px solid #cccccc;
	color: #596c7f;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	padding: 12px 15px 10px 65px;
	position: relative;
}

@media (max-width: 1199px) {

	#sidebar .print,
	#sidebar .share {
		margin-bottom: 16px;
	}
}

@media (max-width: 992px) {
	#sidebar {
		margin-top: 15px;
	}
}


/**** Accordions ****/
div[role="tablist"] {
	margin-bottom: 20px;
}

div[role="tablist"]>.card {
	background-color: #ffffff;
	border: 0;
	border-radius: 0;
	border-top: 1px solid #cccccc;
}

div[role="tablist"]>.card:last-child {
	border-bottom: 1px solid #cccccc;
}

div[role="tablist"]>.card .card-header {
	background-color: #ffffff;
	border: 0;
	border-radius: 0;
	padding: 0;
}

div[role="tablist"]>.card .card-header a {
	color: #1c3773;
	display: inline-block;
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	padding: 14px 35px 13px 0;
	text-decoration: underline;
	width: 100%;
	position: relative;
}

div[role="tablist"]>.card .card-header a:after {
	content: '\f107';
	color: #1c3773;
	font-family: FontAwesome;
	font-size: 27px;
	position: absolute;
	right: 7px;
	top: 14px;
	transition: .5s all ease;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transform: rotate(0);
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
}

div[role="tablist"]>.card .card-header a:not(.collapsed):after {
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
}

div[role="tablist"]>.card .card-body {
	padding: 8px 0;
}

@media (max-width: 1199px) {
	div[role="tablist"]>.card .card-header a {
		font-size: 18px;
	}

	div[role="tablist"]>.card .card-header a:after {
		font-size: 25px;
	}
}

@media (max-width: 767px) {
	div[role="tablist"]>.card .card-header a {
		font-size: 16px;
	}

	div[role="tablist"]>.card .card-header a:after {
		font-size: 22px;
	}
}


/***********************
 SHARE MODAL
 ***********************/
.share-modal {
	background-color: rgba(0, 0, 0, 0.75);
	display: none;
	height: 100%;
	left: 0;
	min-height: 100vh;
	overflow: auto;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99999999;
}

.share-modal>.modal-box {
	background-color: #ffffff;
	display: inline-block;
	height: auto;
	left: 50%;
	max-width: 300px;
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	width: 100%;
}

.share-modal>.modal-box>.header {
	border-bottom: 1px solid #cccccc;
	display: inline-block;
	margin-bottom: 0;
	padding: 15px 25px 15px;
	width: 100%;
}

.share-modal>.modal-box>.header>h3 {
	display: inline-block;
	float: left;
	margin-bottom: 0;
	max-width: calc(100% - 45px);
	position: relative;
	top: 3px;
}

.share-modal>.modal-box>.header>a.close-modal {
	border: 1px solid #cccccc;
	border-radius: 5px;
	color: #333333;
	display: inline-block;
	float: right;
	font-size: 20px;
	height: 36px;
	line-height: 34px;
	padding: 0;
	text-align: center;
	width: 36px;
}

.share-modal>.modal-box>.content {
	display: inline-block;
	padding: 20px 15px;
	width: 100%;
}

.share-modal>.modal-box>.content h5 {
	color: #999999;
}

.share-modal>.modal-box ul {
	display: inline-block;
	list-style: none;
	margin: 0 15px;
	padding: 0;
	width: calc(100% - 30px);
}

.share-modal>.modal-box ul>li {
	display: inline-block;
	width: 100%;
}

.share-modal>.modal-box ul>li>a {
	border-bottom: 1px solid #cccccc;
	color: #000000;
	display: inline-block;
	font-size: 18px;
	line-height: 22px;
	padding: 15px 0;
	width: 100%;
}

.share-modal>.modal-box ul>li:last-child>a {
	border-bottom: 0;
}

.share-modal>.modal-box ul>li>a:hover {
	color: #000000;
}

.share-modal>.modal-box ul>li>a .fa {
	margin-right: 10px;
}

.share-modal>.modal-box ul>li>a small {
	color: #1DBDBC !important;
}


/*********************
 HEADER
 *********************/
#header { background-color: var(--black); padding-block: 15px; }
#header img { display: inline-block; max-width: 257px; width: 100%; }

@media (max-width: 1199px) {
	#header img  { max-width: 180px }
}


/*********************
 FOOTER
 *********************/
#footer p, #footer a { color: #6b6b6c; }
#footer a { color: var(--site2); }
#footer a:hover { color: var(--site1); }

#footer .copy1 { float: left; }
#footer .copy2 { float: right; text-align: right; }

#footer #copyright p, #footer #copyright p a { color: #c1c1c1; font-size: 15px; font-weight: 400; line-height: 15px; }
#footer #copyright p a:hover { color: var(--site2); }

@media (max-width: 992px) {
	#footer img { display: block; margin-inline: auto; max-width: 210px; width: 100%; }

	#footer #copyright p, #footer #copyright p a { font-size: 14px; line-height: 14px; } 

	#footer #copyright { text-align: center; }
	#footer .copy1, #footer .copy2 { float: inherit; margin-bottom: 0; text-align: center; }
}

@media (max-width: 767px) {
	#footer { text-align: center; }
}


/*****************
 CONTENT
 *****************/
section#content {
	min-height: calc(100vh - 313px);
}

@media (max-width: 1199px) {
	section#content {
		min-height: calc(100vh - 294px);
	}
}

@media (max-width: 992px) {
	section#content {
		min-height: calc(100vh - 312px);
	}
}


/*****************
 HOMEPAGE
 *****************/
#auth-container { background-color: #f2f2f2; border-radius: 6px; margin-top: 15px; padding-block: 10px; }
#auth-container h6 { color: var(--site3); font-size: 14px; line-height: 19px; }
#auth-container p { font-size: 13px; line-height: 19px; }
#auth-container p > a { color: var(--site1); }
#auth-container p > a:hover { color: var(--site3); }


/*****************
 ENTITIES SEARCH
 *****************/
.search-box input[type="radio"] {
	background-color: #1c3773;
	border-radius: 50%;
	cursor: pointer;
	display: inline-block;
	height: 20px;
	margin-right: 5px;
	position: relative;
	width: 20px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.search-box input[type="radio"]:before {
	content: '';
	background-color: transparent;
	border-radius: 50%;
	display: inline-block;
	height: 8px;
	left: 6px;
	position: absolute;
	top: 6px;
	width: 8px;
}

.search-box input[type="radio"]:checked:before {
	background-color: #757474;
}

.search-box input[type="radio"]:focus {
	outline: 0;
}

#search {
	background-color: #f2f2f2;
	margin: 10px 0 20px;
	padding-bottom: 14px;
}

.search-box {
	display: inline-block;
	margin-top: 15px;
	position: relative;
	width: 100%;
}

.search-box input[type="text"],
.search-box input[type="email"] {
	border: 1px solid #e6e6e6;
	color: #666666;
	display: inline-block;
	font-size: 15px;
	font-weight: 500;
	padding: 8px 40px 8px 15px;
	width: 100%;
}

.search-box input::placeholder {
	color: #999999;
}

.search-box .form-inline {
	margin-top: 10px;
}

.search-box .form-inline>label {
	color: #808080;
	cursor: pointer;
	margin-right: 10px;
}

.search-box .form-inline>label:last-child {
	margin-right: 0;
}

.search-box .button {
	background-color: transparent;
	border: 0;
	box-shadow: none;
	height: 24px;
	line-height: 24px;
	padding: 0;
	position: absolute;
	right: 27px;
	top: 7px;
	width: 24px;
}

.search-box .button .fa {
	font-size: 13px;
	margin-right: 0;
}

ul.results {
	list-style: none;
	padding-left: 0;
}

ul.results>li {
	color: #999999;
}

ul.results>li>a {
	color: #1c3773;
	padding-bottom: 3px;
	text-decoration: underline;
}

ul.results>li>a:hover {
	color: #289ffc;
}

ul.categories {
	display: inline-block;
	list-style: none;
	margin-top: 15px;
	padding-left: 0;
	width: 100%;
}

ul.categories>li {
	margin-bottom: 5px;
}

ul.categories>li>a {
	color: #1c3773;
	display: inline-block;
	line-height: 20px;
	text-decoration: underline;
}

ul.categories>li>a:hover {
	color: #289ffc;
}

table {
	border: 1px solid #eaeaea;
}

table:not(.no-rows) tr:nth-child(even) td {
	background: #f1f1f1;
}

table:not(.no-rows) tr:nth-child(even) th {
	background: #e1e1e1;
}

table th {
	background: #f1f1f1;
	color: #fff;
}

table th * {
	color: #333333;
	font-weight: 500;
}

table td * {
	color: #666666
}

table td,
table th {
	border: 0;
	padding: 10px 25px;
	position: relative;
	vertical-align: top;
}

table td p:last-child {
	margin: 0;
}

@media (min-width: 768px) {
	ul.categories {
		column-count: 2;
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-gap: 40px;
		-webkit-column-gap: 40px;
		-moz-column-gap: 40px;
		column-span: none;
		-webkit-column-span: none;
		-moz-column-span: none;
	}
}

@media (max-width: 576px) {
	.search-box input[type="radio"] {
		top: 5px;
	}
}


/*******************
 APPLICATION FORM
 *******************/
.card { border-radius: 6px; }

#application-form-accordion {
	margin-bottom: 50px;
}

#application-form-accordion .card {
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

#application-form-accordion .card+.card {
	margin-top: 15px;
}

#application-form-accordion .card-header {
	background-color: transparent;
	border-radius: 0;
	padding: 0;
}

#application-form-accordion .card-header h5>button:first-child {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: var(--white);
	display: inline-block;
	font-size: 20px;
	line-height: 24px;
	padding: 15px 45px 15px 25px;
	position: relative;
	text-align: left;
	text-transform: uppercase;
	width: 100%;
	background: #354554;
	border-radius: 10px 10px 0 0;
}

#application-form-accordion .card-header h5>button:first-child::before,
#application-form-accordion .card-header h5>button:first-child[aria-expanded="false"]:after {
	content: '';
	background-color: var(--white);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}

#application-form-accordion .card-header h5>button:first-child::before {
	height: 2px;
	right: 16px;
	width: 20px;
}

#application-form-accordion .card-header h5>button:first-child::after {
	height: 20px;
	right: 25px;
	width: 2px;
}

#application-form-accordion .card-header h5>button:hover {
	text-decoration: none;
}

#application-form-accordion .card-header button.btn-outline-warning {
	border-color: var(--white);
	color: var(--white);
	position: absolute;
	right: 60px;
	top: 9px;
}

#application-form-accordion .card-header button.btn-outline-warning:hover {
	background-color: var(--white);
	color: var(--site2);
}

#application-form-accordion .card.completed .card-header h5>button {
	background: #28a745;
}

#application-form-accordion .card-body {
	border: 1px solid #eaeaea;
	border-top: 0;
	margin-bottom: 30px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

#application-form-accordion label {
	color: var(--site4);
	font-weight: 500;
}

#application-form-accordion input,
#application-form-accordion textarea {
	background-color: transparent;
	border: 1px solid #eaeaea;
	color: var(--black);
}

#application-form-accordion input[disabled],
#application-form-accordion textarea[disabled] {
	background-color: #eaeaea;
}

#application-form-accordion input[type="date"] {
	height: auto;
	padding-block: 10px;
}

#application-form-accordion select {
	height: auto;
	padding-block: 12px;
}

#application-form-accordion textarea {
	min-height: 100px;
}

#application-form-accordion input[type="file"] {
	border: 0;
	box-shadow: none;
	display: inline-block;
	height: auto;
	padding: 0;
	position: relative;
	width: 100%;
}

#application-form-accordion input[type="file"]::-webkit-file-upload-button {
	visibility: hidden;
}

#application-form-accordion input[type="file"]::before {
	content: 'Choose File';
	border: 1px solid #eaeaea !important;
	border-radius: 4px;
	box-shadow: none;
	color: var(--black);
	display: inline-block;
	font-size: 16px;
	line-height: 45px;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}

#application-form-accordion input[type="file"]::after {
	content: "\f093";
	color: var(--site3);
	display: inline-block;
	font-family: FontAwesome;
	font-size: 20px;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}

#application-form-accordion .button.next {
	border-radius: 10px;
	max-width: 100%;
	width: 100%;
}

.details-box {
	border: 1px solid #eaeaea;
	margin-bottom: 12px;
}

.details-box>h4 {
	color: white;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 23px;
	padding: 12px 20px;
	text-align: left;
	text-transform: uppercase;
	background: -moz-linear-gradient(90deg, #2895C4, #4ECFC4);
	background: -webkit-linear-gradient(90deg, #2895C4, #4ECFC4);
	background: linear-gradient(90deg, #2895C4, #4ECFC4);
}

.details-box .details-content {
	padding: 15px 20px;
}

#application-form-accordion .button.next {
	border: 0;
}

.input-group.is-invalid~.invalid-feedback {
	display: block;
}

.application-individual {
	display: inline-block;
	margin-top: 30px;
	max-width: 450px;
	position: relative;
	text-align: left;
	width: 100%;
}

#application-individual-form.application-individual {
	max-width: 750px;
}

#aapplication-individual-form #application-form-accordion {
	margin-bottom: 0;
}

.application-individual label {
	color: white;
}

.application-individual input[type="text"] {
	background-color: white;
	border: 0;
	border-radius: 10px;
	display: inline-block;
	font-size: 16px;
	height: auto;
	line-height: 21px;
	padding: 12px 15px;
	width: 100%;
}

.application-individual .input-group input[type="text"] {
	width: calc(100% - 36px);
}

#application-form-accordion .card-body {
	padding-bottom: 75px;
}

.application-individual #application-form-accordion .card-header h5>button:first-child::after,
.application-individual #application-form-accordion .card-header h5>button:first-child::before {
	content: none;
}

.text-underline-btn {
	appearance: none;
	background-color: transparent;
	border: 0;
	border-radius: 0;
	bottom: 40px;
	box-shadow: none;
	color: red;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	text-decoration: underline;
}

.application-individual .form-group {
	text-align: left;
}

.application-individual form button[type="submit"] {
	color: var(--white);
	border: none;
	border-radius: 10px;
	display: inline-block;
	padding: 10px 36px;
	text-align: center;
	text-transform: uppercase;
	background: -moz-linear-gradient(90deg, #2895C4, #4ECFC4);
	background: -webkit-linear-gradient(90deg, #2895C4, #4ECFC4);
	background: linear-gradient(90deg, #2895C4, #4ECFC4);
	width: 100%;
}

.application-individual form button[type="submit"]:hover {
	background: var(--site1);
	color: var(--white);
}

.application-individual .remove-file-icon {
	display: none;
	position: absolute;
	right: 45px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 9;
}

.form-control,
input {
	border-radius: .625rem;
}

/*****************
 CONTACT
 *****************/
#contactMap {
	display: inline-block;
	height: 400px;
	margin-bottom: -7px;
	margin-left: -15px;
	width: calc(100% + 30px);
}

form.box {
	background-color: #f2f2f2;
	border-left: 8px solid #1c3773;
	display: inline-block;
	margin: 20px 0;
	padding: 35px 35px 45px;
	width: 100%;
}

form.box h3 {
	margin-bottom: 20px;
}

form.box input,
form.box textarea {
	border: 1px solid #e6e6e6;
	color: #666666;
	display: inline-block;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 10px;
	padding: 8px 15px;
	width: 100%;
}

form.box textarea {
	min-height: 85px;
}

form.box textarea.xl {
	min-height: 170px;
}

form.box input::placeholder,
form.box textarea::placeholder {
	color: #999999;
}

form.box button {
	background-color: transparent;
	border: 0;
	box-shadow: none;
}

@media (max-width: 1199px) {
	form.box {
		padding: 30px 30px 40px;
	}
}

@media (max-width: 992px) {

	form.box input,
	form.box textarea {
		font-size: 14px;
	}
}

@media (max-width: 767px) {
	form.box {
		border-left-width: 7px;
		padding: 30px 25px 35px;
	}
}

@media (max-width: 576px) {
	form.box {
		border-left-width: 6px;
		padding: 25px 20px 30px;
	}
}

.invalid-feedback {
	display: block;
}

/******************
 INPUT AUTOCOMPLETE
 ******************/
.search-results-box {
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: white;
	overflow-y: auto;
	position: absolute;
	max-height: 150px;
	width: 100%;
	z-index: 2;
}

.search-results {
	position: relative;
	z-index: 1;
}

.search-result {
	border-bottom: 1px solid #f4f4f4;
	cursor: pointer;
	padding: 8px 10px;
}

.search-result:last-child {
	border-bottom: none;
}

.search-result:hover {
	background-color: #f4f4f4;
}


/* Changes */

.btn-info {
	border: none;
	border-radius: 10px;
	padding: 10px 20px;
	font-size: 14px;
	text-transform: uppercase;
	outline: none;
	transition: background-color 0.3s ease;
	cursor: pointer;
}

.general-btn {
	background-color: #de0200;
	color: white;
}

.general-btn:hover {
	background-color: darkred;
}

.card-item {
	padding: 15px;
	border-radius: 8px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
	margin-bottom: 15px;
	transition: box-shadow 0.3s ease-in-out;
}