@charset "UTF-8";
/* CSS Document */

.w-15 {
	width: 15% !important;
}

.search-icon {
	width: 25px !important;
}

a {
	color: #204aa1;
	text-decoration: underline;
}

a.profile:link {
	color: #204aa1;
	text-decoration: none;
}

a.profile:visited {
	color: #204aa1;
	text-decoration: none;
}
a.profile:hover {
	color: #fc3740;
	text-decoration: none;
}
a.profile:active {
	color: #204aa1;
	text-decoration: none;
}

a.bread-c:link {
	color: #fc3740;
	text-decoration: none;
}

a.bread-c:visited {
	color: #204aa1;
	text-decoration: none;
}
a.bread-c:hover {
	color: #000000;
	text-decoration: none;
}
a.bread-c:active {
	color: #204aa1;
	text-decoration: none;
}

.fixed-row-bottom {
	position: absolute;
	bottom: 0;
}

.div-bottom {
	position: absolute;
	bottom: 0;
}

/* --- /////// Border  /////// --- */

.border-a {
	border-style: dotted;
	border-color: red;
	border-width: 2px;
}

.border-b {
	border-style: dotted;
	border-color: blue;
	border-width: 1px;
}

.border-c {
	border-style: dotted;
	border-color: green;
	border-width: 1px;
}

/* --- /////// Colors /////// --- */

.bck-white {
	background-color: #fff;
}

#sub3 {
	display: none;
	background-color: #eeeeed;
}

/* --- /////// Layout Elements /////// --- */

.logo-32 {
	height: 112px;
}

.logo-200 {
	width: 448px;
}

.logo-25 {
	width: 45%;
}

.logo-50 {
	width: 50%;
}

/* --- /////// Logo Elements Height /////// --- */

.logo-h-50 {
	height: 50px;
}

.logo-h-65 {
	height: 65px;
}

.logo-h-75 {
	height: 75px;
}

.logo-h-77 {
	height: 77px;
}

.logo-h-80 {
	height: 80px;
}

.logo-h-100 {
	height: 100px;
}

.logo-h-125 {
	height: 125px;
}

.logo-h-150 {
	height: 150px;
}

.logo-h-200 {
	height: 200px;
}

/* --- /////// Logo Elements % /////// --- */

.logo-25 {
	width: 25%;
}

.logo-50 {
	width: 50%;
}

.logo-75 {
	width: 75%;
}

.logo-100 {
	width: 100%;
}

/* --- /////// Rule /////// --- */

hr {
	width: 30%;
	height: 1px;
	margin-left: auto;
	margin-right: auto;
	background-color: #666;
	border: 0 none;
}

hr.blue {
	width: 30%;
	height: 1px;
	margin-left: auto;
	margin-right: auto;
	background-color: #1d89e6;
	border: 0 none;
}

hr.black {
	width: 100%;
	height: 1px;
	margin-left: auto;
	margin-right: auto;
	background-color: #000000;
	border: 0 none;
}

hr.light-grey {
	width: 100%;
	height: 1px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ccc;
}

.hr-spacing-a {
	margin-top: 0rem !important;
	margin-bottom: 0rem !important;
}

hr.white {
	width: 100%;
	height: 1px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	border: 0 none;
}

.icons {
	padding: 15px;
}

.img-fluid-desktop-list {
	max-width: 250px;
	height: auto;
}

.custom-toggler .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 2 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1.0)' stroke-width='4' stroke-linecap='square' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
	/* border-color: rgb(255,102,203);*/
	border-color: transparent;
}

/* --- /////// Header /////// --- */

.bg-header {
	background-color: #204aa1 !important;
}

.bg-section {
	background-color: #0e2e66 !important;
}

/* --- /////// Filter /////// --- */

.accordion-button:not(.collapsed)::after {
	background-image: url("../img/down-arrow.svg");
	transform: rotate(-180deg);
}

.accordion-button::after {
	flex-shrink: 0;
	width: 1.25rem;
	height: 1.25rem;
	margin-left: auto;
	content: "";
	background-image: url("../img/up-arrow.svg");
	background-repeat: no-repeat;
	background-size: 1.25rem;
	transition: transform 0.2s ease-in-out;
}

.nav-link-b {
	display: block;
	padding: 0.5rem 1rem;
	color: #82cbfa;
	text-decoration: none;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
	.nav-link-b {
		transition: none;
	}
}
.nav-link-b:hover,
.nav-link-b:focus {
	color: #fff;
}
.nav-link-b.disabled {
	color: #6c757d;
	pointer-events: none;
	cursor: default;
}

.nav-tabs-b {
	border-bottom: 1px solid #dee2e6;
}
.nav-tabs-b .nav-link-b {
	margin-bottom: -1px;
	background: none;
	border: 1px solid transparent;
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
}
.nav-tabs-b .nav-link-b:hover,
.nav-tabs-b .nav-link-b:focus {
	border-color: #e9ecef #e9ecef #dee2e6;
	isolation: isolate;
}
.nav-tabs-b .nav-link-b.disabled {
	color: #6c757d;
	background-color: transparent;
	border-color: transparent;
}
.nav-tabs-b .nav-link-b.active,
.nav-tabs-b .nav-item-b.show .nav-link-b {
	color: #495057;
	background-color: #fff;
	border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs-b .dropdown-menu-b {
	margin-top: -1px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.nav-pills-b .nav-link-b {
	background: none;
	border: 0;
	border-radius: 0.25rem;
}
.nav-pills-b .nav-link-b.active,
.nav-pills-b .show-b > .nav-link-b {
	color: #fff;
	background-color: #0d6efd;
}

.nav-fill-b > .nav-link-b,
.nav-fill-b .nav-item-b {
	flex: 1 1 auto;
	text-align: center;
}

.nav-justified-b > .nav-link-b,
.nav-justified-b .nav-item-b {
	flex-basis: 0;
	flex-grow: 1;
	text-align: center;
}

.nav-fill-b .nav-item-b .nav-link-b,
.nav-justified-b .nav-item-b .nav-link-b {
	width: 100%;
}

/* --- /////// Nav /////// --- */

.bg-nav {
	background-color: #04193f !important;
}

.navbar-dark .navbar-brand {
	color: #fff;
}
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
	color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
	color: rgba(130, 203, 250, 0.75);
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
	color: rgba(130, 203, 250, 1);
}
.navbar-dark .navbar-nav .nav-link.disabled {
	color: rgba(130, 203, 250, 0.75);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .nav-link.active {
	color: #fff;
}
.navbar-dark .navbar-toggler {
	color: rgba(130, 203, 250, 0.75);
	border-color: rgba(130, 203, 250, 0.1);
}
.navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
	color: rgba(255, 255, 255, 0.55);
}
.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
	color: #fff;
}

/* --- /////// Home /////// --- */

.home-hero {
	background-image: url("../img/bck-hero-home.jpg");
	background-size: cover;
	justify-content: center;
	align-items: center;
}

.menu-home {
	background-image: url("../img/menu.png");
	background-position: top right;
	background-repeat: no-repeat;
	height: 60px;
	justify-content: right;
	align-items: right;
}

.local-business {
	background-image: url("../img/bck-small-business.png");
	background-size: cover;
	height: 50%;
	padding: 0px 15px 15px 15px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.second-hand-stuff {
	background-image: url("../img/bck-second-hand-stuff.jpg");
	background-size: cover;
	height: 50%;
	padding: 0px 15px 15px 15px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.used-car-vehicles {
	background-image: url("../img/bck-used-car-vehicles.jpg");
	background-size: cover;
	height: 50%;
	padding: 0px 15px 15px 15px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.menu-home-mobile {
	background-image: url("../img/menu-mobile.png");
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #ffcd67;
	height: 100px;
}

.menu-home-btn {
	width: 275px;
}

.menu-home-btn-b {
	width: 320px;
	height: 50px;
}

.menu-home-btn-c {
	width: 160px;
	height: 50px;
}

/* --- /////// Footer /////// --- */

.bg-footer {
	background-color: #204aa1 !important;
}

.bg-primary {
	background-color: #204aa1 !important;
}

a.footer:link {
	color: #ffffff;
	text-decoration: none;
}

a.footer:visited {
	color: #ffffff;
	text-decoration: none;
}
a.footer:hover {
	color: #ffcc66;
	text-decoration: none;
}
a.footer:active {
	color: #ffffff;
	text-decoration: none;
}

/* --- /////// Registration /////// --- */

a.button {
	color: #0d6efd;
	text-decoration: none;
}

a.registration:link {
	color: #ffffff;
	text-decoration: none;
}

a.registration:visited {
	color: #ffffff;
	text-decoration: none;
}
a.registration:hover {
	color: #71d2ff;
	text-decoration: none;
}
a.registration:active {
	color: #ffffff;
	text-decoration: none;
}

.breadcrumb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	/* padding: 0.75rem 1rem; */
	margin-bottom: 1rem;
	list-style: none;
	background-color: transparent;
	border-radius: 0rem;
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	font-size: 14px !important;
}

/* --- /////// Button /////// --- */

.btn-primary {
	color: #fff;
	background-color: #204aa1;
	border-color: #204aa1;
}
.btn-primary:hover {
	color: #fff;
	background-color: #204aa1;
	border-color: #204aa1;
}
.btn-check:focus + .btn-primary,
.btn-primary:focus {
	color: #fff;
	background-color: #204aa1;
	border-color: #204aa1;
	box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #204aa1;
	border-color: #204aa1;
}
.btn-check:checked + .btn-primary:focus,
.btn-check:active + .btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-primary:disabled,
.btn-primary.disabled {
	color: #fff;
	background-color: #204aa1;
	border-color: #204aa1;
}

.btn-outline-light {
	color: #f8f9fa;
	background-color: transparent;
	background-image: none;
	border-color: #f8f9fa !important;
	padding: 0.55rem 1.1rem !important;
}

.btn-outline-dark {
	color: #343a40;
	background-color: transparent;
	background-image: none;
	border-color: #918e8e !important;
	padding: 0.55rem 1.1rem !important;
}

.btn-outline-dark-icon {
	color: #343a40;
	background-color: #f2f1f1;
	background-image: none;
	border-color: #f2f1f1 !important;
	padding: 0rem 0.85rem !important;
}

.btn-outline-secondary {
	color: #6c757d;
	background-color: transparent;
	background-image: none;
	border-color: #6c757d !important;
	padding: 1.2rem 2.25rem !important;
}

.btn-red {
	color: #ffffff;
	background-color: #ab1f23;
	background-image: none;
	border-color: transparent !important;
	padding: 1.2rem 2.25rem !important;
}

.btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 0rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-link-white {
	font-weight: 400;
	color: #ffffff;
	background-color: transparent;
}

/* --- /////// Form /////// --- */

.form-select-b {
	display: block;
	width: 100%;
	padding: 0.375rem 2.25rem 0.375rem 0.95rem;
	-moz-padding-start: calc(0.75rem - 3px);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: lightgray;
	background-color: #204aa1;
	background-image: url("../img/download-white.png");
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
	background-size: 16px 12px;
	border: 1px solid #fff;
	border-radius: 0rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
@media (prefers-reduced-motion: reduce) {
	.form-select-b {
		transition: none;
	}
}
.form-select-b:focus {
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select-b[multiple],
.form-select[size]:not([size="1"]) {
	padding-right: 0.75rem;
	background-image: none;
}
.form-select-b:disabled {
	background-color: #e9ecef;
}
.form-select-b:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #212529;
}

.form-select-b-sm {
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	padding-left: 0.5rem;
	font-size: 0.875rem;
}

.form-select-b-lg {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 1rem;
	font-size: 1.25rem;
}

.form-check-input:checked {
	background-color: #0e2e66;
	border-color: #fff;
}

.form-control::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: lightgray;
	opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: lightgray;
}

.form-control::-ms-input-placeholder {
	/* Microsoft Edge */
	color: lightgray;
}

.form-control {
	display: block;
	width: 100%;
	padding: 0.525rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: transparent;
	background-clip: padding-box;
	border: 1px solid #f2f1f1;
	border-radius: 0px;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control-bck-color-a {
	background-color: #f2f1f1 !important;
	border: 0px solid #f2f1f1 !important;
	border-radius: 0px !important;
}

.form-control-bck-color-b {
	background-color: #d5d5d5 !important;
	border: 0px solid #d5d5d5 !important;
	border-radius: 0px !important;
}

select:not([multiple]) {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-position: right 50%;
	background-repeat: no-repeat;
	background-image: url("../img/download-white.png");
	padding: 0.5em;
	padding-right: 1.5em;
}

.flex-item {
	justify-content: center;
}

/* --- /////// Fonts /////// --- */

.uppercase {
	text-transform: uppercase;
}

.font-white {
	color: #ffffff;
}

.font-grey {
	color: #747480;
}

.font-blue {
	color: #204aa1;
}

.font-darkblue {
	color: #0e2e66 !important;
}

.font-light-blue {
	color: #82cbfa !important;
}

p {
	margin-top: 0;
	margin-bottom: 1rem;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	margin-bottom: 0.5rem;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 500;
	line-height: 1.2;
	color: inherit;
}

/* --- /////// Fonts-Roboto /////// --- */

.roboto-12-reg {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-size: 12px;
}

.roboto-12-bold {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-size: 12px;
}

.roboto-14-reg {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-size: 14px;
}

.roboto-14-bold {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-size: 14px;
}

.roboto-16-reg {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-size: 16px;
}

.roboto-16-bold {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-size: 16px;
}

.roboto-18-reg {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-size: 18px;
}

.roboto-18-bold {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-size: 18px;
}

.roboto-21-reg {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-size: 21px;
}

.roboto-21-bold {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-size: 21px;
}

.roboto-24-reg {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-size: 24px;
}

.roboto-24-bold {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-size: 24px;
}

.roboto-32-reg {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-size: 32px;
}

.roboto-32-bold {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-size: 32px;
}

.roboto-36-reg {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-size: 36px;
}

.roboto-36-bold {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-size: 36px;
}

/* --- /////// Fonts-Roboto-Condensed /////// --- */

.roboto-condensed-12-reg {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	font-size: 12px;
}

.roboto-condensed-12-bold {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	font-size: 12px;
}

.roboto-condensed-14-reg {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	font-size: 14px;
}

.roboto-condensed-14-bold {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	font-size: 14px;
}

.roboto-condensed-16-reg {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	font-size: 16px;
}

.roboto-condensed-16-bold {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	font-size: 16px;
}

.roboto-condensed-18-reg {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	font-size: 18px;
}

.roboto-condensed-18-bold {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	font-size: 18px;
}

.roboto-condensed-21-reg {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	font-size: 21px;
}

.roboto-condensed-21-bold {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	font-size: 21px;
}

.roboto-condensed-24-reg {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	font-size: 24px;
}

.roboto-condensed-24-bold {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	font-size: 24px;
}

.roboto-condensed-28-reg {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	font-size: 28px;
}

.roboto-condensed-28-bold {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	font-size: 28px;
}

.roboto-condensed-32-reg {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	font-size: 32px;
}

.roboto-condensed-32-bold {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	font-size: 32px;
}

.roboto-condensed-34-reg {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	font-size: 34px;
}

.roboto-condensed-34-bold {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	font-size: 34px;
}

.roboto-condensed-36-reg {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	font-size: 36px;
}

.roboto-condensed-36-bold {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	font-size: 36px;
}

.roboto-condensed-42-reg {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	font-size: 42px;
}

.roboto-condensed-42-bold {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	font-size: 42px;
}

.roboto-condensed-52-bold {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	font-size: 52px;
}

.roboto-condensed-56-bold {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	font-size: 60px;
}

/* --- /////// Background Color /////// --- */

.color-purple-a {
	background-color: #231f52;
	color: #ffffff;
}

.color-purple-b {
	background-color: #231f52;
	color: #ffffff;
}

.color-white {
	background-color: #ffffff;
	color: #000000;
}
.color-offwhite-a {
	background-color: #f8f8f8;
	color: #000000;
}

.color-offwhite-b {
	background-color: #eeeeed;
	color: #000000;
}

.color-black {
	background-color: #000000;
	color: #ffffff;
}

.color-blue {
	background-color: #1d3a6b;
	color: #ffffff;
}

.color-darkblue {
	background-color: #061a39;
	color: #ffffff;
}

/* --- /////// Background Color /////// --- */