:root {
	font-size: 20px;
	--bs-primary: #24387F;
	--bs-secondary: #009ddc;
	--bs-success: #8FD400;
	--bs-info: #706F6F;
	--bs-warning: #FF7900;
	--bs-danger: #F12938;
	--bs-light: #f6f6f6;
	--bs-dark: #575656;
	--bs-primary-rgb: 36,56,127;
	--bs-secondary-rgb: 0,157,220;
	--bs-success-rgb: 143,212,0;
	--bs-info-rgb: 112,111,111;
	--bs-warning-rgb: 255,121,0;
	--bs-danger-rgb: 241,41,56;
	--bs-light-rgb: 246,246,246;
	--bs-dark-rgb: 87,86,86;
	--bs-font-sans-serif: CCfont,Arial;
	--bs-font-monospace: Arial_narrow,"Courier New",monospace;
	--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-font-size: 1rem;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.5;
	--bs-body-bg: #eeeeee;
	--bs-body-bg-rgb: 238,238,238;
	--bs-body-color: #575656;
	--bs-body-color-rgb: 87,86,86;
	--bs-bg-opacity: 1;
	--bs-accordion-button-white: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	--bs-accordion-button: var(--bs-accordion-button-white);
	--ccbs-primary-txt-color: #ffffff;
	--ccbs-secondary-txt-color: #ffffff;
	--ccbs-success-txt-color: #ffffff;
	--ccbs-warning-txt-color: #ffffff;
	--ccbs-danger-txt-color: #ffffff;
	--ccbs-info-txt-color: #ffffff;
	--ccbs-light-txt-color: #303030;
	--ccbs-dark-txt-color: #ffffff;
	--ccbs-btn-hover-rgb: 50,50,50;
	--tile-horizontal-height: calc( var(--tile-vertical-height)*0.6 );
}




/* global */
.accordion-button:not(.collapsed) {
	color: var(--ccbs-primary-txt-color);
	background-color: var(--bs-primary)
}

	.accordion-button:not(.collapsed)::after {
		background-image: var(--bs-accordion-button)
	}

.nav-link {
	color: var(--bs-primary)
}

.navbar-dark .nav-link {
	color: var(--bs-light)
}


.page-item.active .page-link {
	color: var(--ccbs-primary-txt-color);
	background-color: var(--bs-primary);
	border-color: var(--bs-primary)
}

.page-link {
	color: var(--bs-primary)
}

	.page-link:hover {
		color: var(--bs-primary);
		background-color: var(--bs-light);
		border-color: var(--bs-primary)
	}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	color: var(--ccbs-primary-txt-color);
	background-color: var(--bs-primary)
}

.list-group-item.active {
	color: var(--ccbs-primary-txt-color);
	background-color: var(--bs-primary);
	border-color: var(--bs-primary)
}

.progress-bar {
	background-color: var(--bs-primary)
}

.form-check-input:checked {
	background-color: var(--bs-primary);
	border-color: var(--bs-primary)
}

.form-range {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: var(--bs-primary)
}

	.form-range::-moz-range-thumb {
		background-color: var(--bs-primary)
	}

		.form-range::-moz-range-thumb:active {
			background-color: rgba(var(--bs-primary-rgb),0.5)
		}

	.form-range::-webkit-slider-thumb {
		background-color: var(--bs-primary)
	}

		.form-range::-webkit-slider-thumb:active {
			background-color: rgba(var(--bs-primary-rgb),0.5)
		}

	.form-range:focus::-webkit-slider-thumb {
		box-shadow: 0 0 0 1px #fff,0 0 0 .25rem var(--bs-primary)
	}

	.form-range:focus::-moz-range-thumb {
		box-shadow: 0 0 0 1px #fff,0 0 0 .25rem var(--bs-primary)
	}







.bg-light:not([class*=" text-"]):not([class^="text-"]) > * {
	color: var(--bs-body-color)
}

.bg-dark:not([class*=" text-"]):not([class^="text-"]) > * {
	color: var(--ccbs-dark-txt-color)
}

.bg-primary:not([class*=" text-"]):not([class^="text-"]) > * {
	color: var(--ccbs-primary-txt-color)
}

.bg-secondary:not([class*=" text-"]):not([class^="text-"]) > * {
	color: var(--ccbs-secondary-txt-color)
}

.bg-success:not([class*=" text-"]):not([class^="text-"]) > * {
	color: var(--ccbs-success-txt-color)
}

.bg-danger:not([class*=" text-"]):not([class^="text-"]) > * {
	color: var(--ccbs-danger-txt-color)
}

.bg-info:not([class*=" text-"]):not([class^="text-"]) > * {
	color: var(--ccbs-info-txt-color)
}

.bg-warning:not([class*=" text-"]):not([class^="text-"]) > * {
	color: var(--ccbs-warning-txt-color)
}


.btn-light,
.btn-outline-light {
	color: var(--ccbs-light-txt-color) !important
}


.btn-dark {
	color: var(--ccbs-dark-txt-color) !important;
	--bs-btn-bg: var(--bs-dark)
}

	.btn-dark:hover {
		color: var(--bs-dark) !important;
		background-color: white !important;
		border-color: var(--bs-dark) !important
	}

.text-primary {
	color: var(--bs-primary) !important
}

.text-bg-primary {
	color: var(--ccbs-primary-txt-color) !important;
	background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity,1)) !important
}

.link-primary {
	color: var(--bs-primary) !important
}

	.link-primary:focus,
	.link-primary:hover {
		color: rgba(var(--bs-primary-rgb),0.75) !important
	}

.btn-primary {
	color: var(--ccbs-primary-txt-color) !important;
	background-color: var(--bs-primary) !important;
	border-color: var(--bs-primary) !important
}

	.btn-primary:hover {
		color: var(--bs-primary) !important;
		background-color: var(--ccbs-primary-txt-color) !important;
		border-color: var(--bs-primary) !important
	}

	.btn-primary.disabled,
	.btn-primary:disabled {
		color: var(--ccbs-primary-txt-color) !important;
		background-color: rgba(var(--bs-primary-rgb),0.5) !important;
		border-color: rgba(var(--bs-primary-rgb),0.75) !important
	}

.btn-outline-primary {
	color: var(--bs-primary) !important;
	background-color: var(--ccbs-primary-txt-color) !important;
	border-color: var(--bs-primary) !important
}

	.btn-outline-primary:hover {
		color: var(--ccbs-primary-txt-color) !important;
		background-color: var(--bs-primary) !important;
		border-color: var(--bs-primary) !important
	}

	.btn-outline-primary.disabled,
	.btn-outline-primary:disabled {
		color: rgba(var(--bs-primary-rgb),0.5) !important;
		background-color: var(--ccbs-primary-txt-color) !important;
		border-color: rgba(var(--bs-primary-rgb),0.75) !important
	}

.border-primary {
	border-color: var(--bs-primary) !important
}

.alert-primary {
	color: rgba(var(--bs-primary-rgb),0.95);
	background-color: rgba(var(--bs-primary-rgb),0.125);
	border-color: rgba(var(--bs-primary-rgb),0.25)
}

	.alert-primary .alert-link {
		color: var(--bs-primary)
	}

.table-primary {
	border-color: rgba(var(--bs-primary-rgb),0.25);
	color: #000;
	--bs-table-bg: rgba(var(--bs-primary-rgb),0.25);
	--bs-table-hover-bg: var(--bs-primary);
	--bs-table-hover-color: var(--ccbs-primary-txt-color)
}




.text-secondary {
	color: var(--bs-secondary) !important
}

.text-bg-secondary {
	color: var(--ccbs-secondary-txt-color) !important;
	background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity,1)) !important
}

.link-secondary {
	color: var(--bs-secondary) !important
}

	.link-secondary:focus,
	.link-secondary:hover {
		color: rgba(var(--bs-secondary-rgb),0.75) !important
	}

.btn-secondary {
	color: var(--ccbs-secondary-txt-color) !important;
	background-color: var(--bs-secondary) !important;
	border-color: var(--bs-secondary) !important
}

	.btn-secondary:hover {
		color: var(--bs-secondary) !important;
		background-color: var(--ccbs-secondary-txt-color) !important;
		border-color: var(--bs-secondary) !important
	}

	.btn-secondary.disabled,
	.btn-secondary:disabled {
		color: var(--ccbs-secondary-txt-color) !important;
		background-color: rgba(var(--bs-secondary-rgb),0.5) !important;
		border-color: rgba(var(--bs-secondary-rgb),0.75) !important
	}

.btn-outline-secondary {
	color: var(--bs-secondary) !important;
	background-color: var(--ccbs-secondary-txt-color) !important;
	border-color: var(--bs-secondary) !important
}

	.btn-outline-secondary:hover {
		color: var(--ccbs-secondary-txt-color) !important;
		background-color: var(--bs-secondary) !important;
		border-color: var(--bs-secondary) !important
	}

	.btn-outline-secondary.disabled,
	.btn-outline-secondary:disabled {
		color: rgba(var(--bs-secondary-rgb),0.5) !important;
		background-color: var(--ccbs-secondary-txt-color) !important;
		border-color: rgba(var(--bs-secondary-rgb),0.75) !important
	}

.border-secondary {
	border-color: var(--bs-secondary) !important
}

.alert-secondary {
	color: rgba(var(--bs-secondary-rgb),0.95);
	background-color: rgba(var(--bs-secondary-rgb),0.125);
	border-color: rgba(var(--bs-secondary-rgb),0.25)
}

	.alert-secondary .alert-link {
		color: var(--bs-secondary)
	}

.table-secondary {
	border-color: rgba(var(--bs-secondary-rgb),0.25);
	color: #000;
	--bs-table-bg: rgba(var(--bs-secondary-rgb),0.25);
	--bs-table-hover-bg: var(--bs-secondary);
	--bs-table-hover-color: var(--ccbs-secondary-txt-color)
}







.text-success {
	color: var(--bs-success) !important
}

.text-bg-success {
	color: var(--ccbs-success-txt-color) !important;
	background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity,1)) !important
}

.link-success {
	color: var(--bs-success) !important
}

	.link-success:focus,
	.link-success:hover {
		color: rgba(var(--bs-success-rgb),0.75) !important
	}

.btn-success {
	color: var(--ccbs-success-txt-color) !important;
	background-color: var(--bs-success) !important;
	border-color: var(--bs-success) !important
}

	.btn-success:hover {
		color: var(--bs-success) !important;
		background-color: var(--ccbs-success-txt-color) !important;
		border-color: var(--bs-success) !important
	}

	.btn-success.disabled,
	.btn-success:disabled {
		color: var(--ccbs-success-txt-color) !important;
		background-color: rgba(var(--bs-success-rgb),0.5) !important;
		border-color: rgba(var(--bs-success-rgb),0.75) !important
	}

.btn-outline-success {
	color: var(--bs-success) !important;
	background-color: var(--ccbs-success-txt-color) !important;
	border-color: var(--bs-success) !important
}

	.btn-outline-success:hover {
		color: var(--ccbs-success-txt-color) !important;
		background-color: var(--bs-success) !important;
		border-color: var(--bs-success) !important
	}

	.btn-outline-success.disabled,
	.btn-outline-success:disabled {
		color: rgba(var(--bs-success-rgb),0.5) !important;
		background-color: var(--ccbs-success-txt-color) !important;
		border-color: rgba(var(--bs-success-rgb),0.75) !important
	}

.border-success {
	border-color: var(--bs-success) !important
}

.alert-success {
	color: rgba(var(--bs-success-rgb),0.95);
	background-color: rgba(var(--bs-success-rgb),0.125);
	border-color: rgba(var(--bs-success-rgb),0.25)
}

	.alert-success .alert-link {
		color: var(--bs-success)
	}

.table-success {
	border-color: rgba(var(--bs-success-rgb),0.25);
	color: #000;
	--bs-table-bg: rgba(var(--bs-success-rgb),0.25);
	--bs-table-hover-bg: var(--bs-success);
	--bs-table-hover-color: var(--ccbs-success-txt-color)
}






.text-danger {
	color: var(--bs-danger) !important
}

.text-bg-danger {
	color: var(--ccbs-danger-txt-color) !important;
	background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity,1)) !important
}

.link-danger {
	color: var(--bs-danger) !important
}

	.link-danger:focus,
	.link-danger:hover {
		color: rgba(var(--bs-danger-rgb),0.75) !important
	}

.btn-danger {
	color: var(--ccbs-danger-txt-color) !important;
	background-color: var(--bs-danger) !important;
	border-color: var(--bs-danger) !important
}

	.btn-danger:hover {
		color: var(--bs-danger) !important;
		background-color: var(--ccbs-danger-txt-color) !important;
		border-color: var(--bs-danger) !important
	}

	.btn-danger.disabled,
	.btn-danger:disabled {
		color: var(--ccbs-danger-txt-color) !important;
		background-color: rgba(var(--bs-danger-rgb),0.5) !important;
		border-color: rgba(var(--bs-danger-rgb),0.75) !important
	}

.btn-outline-danger {
	color: var(--bs-danger) !important;
	background-color: var(--ccbs-danger-txt-color) !important;
	border-color: var(--bs-danger) !important
}

	.btn-outline-danger:hover {
		color: var(--ccbs-danger-txt-color) !important;
		background-color: var(--bs-danger) !important;
		border-color: var(--bs-danger) !important
	}

	.btn-outline-danger.disabled,
	.btn-outline-danger:disabled {
		color: rgba(var(--bs-danger-rgb),0.5) !important;
		background-color: var(--ccbs-danger-txt-color) !important;
		border-color: rgba(var(--bs-danger-rgb),0.75) !important
	}

.border-danger {
	border-color: var(--bs-danger) !important
}

.alert-danger {
	color: rgba(var(--bs-danger-rgb),0.95);
	background-color: rgba(var(--bs-danger-rgb),0.125);
	border-color: rgba(var(--bs-danger-rgb),0.25)
}

	.alert-danger .alert-link {
		color: var(--bs-danger)
	}

.table-danger {
	border-color: rgba(var(--bs-danger-rgb),0.25);
	color: #000;
	--bs-table-bg: rgba(var(--bs-danger-rgb),0.25);
	--bs-table-hover-bg: var(--bs-danger);
	--bs-table-hover-color: var(--ccbs-danger-txt-color)
}










.text-info {
	color: var(--bs-info) !important
}

.text-bg-info {
	color: var(--ccbs-info-txt-color) !important;
	background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity,1)) !important
}

.link-info {
	color: var(--bs-info) !important
}

	.link-info:focus,
	.link-info:hover {
		color: rgba(var(--bs-info-rgb),0.75) !important
	}

.btn-info {
	color: var(--ccbs-info-txt-color) !important;
	background-color: var(--bs-info) !important;
	border-color: var(--bs-info) !important
}

	.btn-info:hover {
		color: var(--bs-info) !important;
		background-color: var(--ccbs-info-txt-color) !important;
		border-color: var(--bs-info) !important
	}

	.btn-info.disabled,
	.btn-info:disabled {
		color: var(--ccbs-info-txt-color) !important;
		background-color: rgba(var(--bs-info-rgb),0.5) !important;
		border-color: rgba(var(--bs-info-rgb),0.75) !important
	}

.btn-outline-info {
	color: var(--bs-info) !important;
	background-color: var(--ccbs-info-txt-color) !important;
	border-color: var(--bs-info) !important
}

	.btn-outline-info:hover {
		color: var(--ccbs-info-txt-color) !important;
		background-color: var(--bs-info) !important;
		border-color: var(--bs-info) !important
	}

	.btn-outline-info.disabled,
	.btn-outline-info:disabled {
		color: rgba(var(--bs-info-rgb),0.5) !important;
		background-color: var(--ccbs-info-txt-color) !important;
		border-color: rgba(var(--bs-info-rgb),0.75) !important
	}

.border-info {
	border-color: var(--bs-info) !important
}

.alert-info {
	color: rgba(var(--bs-info-rgb),0.95);
	background-color: rgba(var(--bs-info-rgb),0.125);
	border-color: rgba(var(--bs-info-rgb),0.25)
}

	.alert-info .alert-link {
		color: var(--bs-info)
	}

.table-info {
	border-color: rgba(var(--bs-info-rgb),0.25);
	color: #000;
	--bs-table-bg: rgba(var(--bs-info-rgb),0.25);
	--bs-table-hover-bg: var(--bs-info);
	--bs-table-hover-color: var(--ccbs-info-txt-color)
}







.text-warning {
	color: var(--bs-warning) !important
}

.text-bg-warning {
	color: var(--ccbs-warning-txt-color) !important;
	background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity,1)) !important
}

.link-warning {
	color: var(--bs-warning) !important
}

	.link-warning:focus,
	.link-warning:hover {
		color: rgba(var(--bs-warning-rgb),0.75) !important
	}

.btn-warning {
	color: var(--ccbs-warning-txt-color) !important;
	background-color: var(--bs-warning) !important;
	border-color: var(--bs-warning) !important
}

	.btn-warning:hover {
		color: var(--bs-warning) !important;
		background-color: var(--ccbs-warning-txt-color) !important;
		border-color: var(--bs-warning) !important
	}

	.btn-warning.disabled,
	.btn-warning:disabled {
		color: var(--ccbs-warning-txt-color) !important;
		background-color: rgba(var(--bs-warning-rgb),0.5) !important;
		border-color: rgba(var(--bs-warning-rgb),0.75) !important
	}

.btn-outline-warning {
	color: var(--bs-warning) !important;
	background-color: var(--ccbs-warning-txt-color) !important;
	border-color: var(--bs-warning) !important
}

	.btn-outline-warning:hover {
		color: var(--ccbs-warning-txt-color) !important;
		background-color: var(--bs-warning) !important;
		border-color: var(--bs-warning) !important
	}

	.btn-outline-warning.disabled,
	.btn-outline-warning:disabled {
		color: rgba(var(--bs-warning-rgb),0.5) !important;
		background-color: var(--ccbs-warning-txt-color) !important;
		border-color: rgba(var(--bs-warning-rgb),0.75) !important
	}

.border-warning {
	border-color: var(--bs-warning) !important
}

.alert-warning {
	color: rgba(var(--bs-warning-rgb),0.95);
	background-color: rgba(var(--bs-warning-rgb),0.125);
	border-color: rgba(var(--bs-warning-rgb),0.25)
}

	.alert-warning .alert-link {
		color: var(--bs-warning)
	}

.table-warning {
	border-color: rgba(var(--bs-warning-rgb),0.25);
	color: #000;
	--bs-table-bg: rgba(var(--bs-warning-rgb),0.25);
	--bs-table-hover-bg: var(--bs-warning);
	--bs-table-hover-color: var(--ccbs-warning-txt-color)
}





.btn-link {
	--bs-btn-font-weight: 400;
	--bs-btn-color: var(--bs-link-color);
	--bs-btn-bg: transparent;
	--bs-btn-border-color: transparent;
	--bs-btn-hover-color: var(--bs-link-hover-color);
	--bs-btn-hover-border-color: transparent;
	--bs-btn-active-color: var(--bs-link-hover-color);
	--bs-btn-active-border-color: transparent;
	--bs-btn-disabled-color: #7f8a99;
	--bs-btn-disabled-border-color: transparent;
	--bs-btn-box-shadow: none;
	--bs-btn-focus-shadow-rgb: 85,158,252;
	text-decoration: underline
}


/*
// END - base to ensure colors propagation
*/












/* ---------- SPECIALS FONT ----------------------------- */
@font-face {
	font-family: Arial_narrow;
	src: url('/proxy/123456/www.computacenter.com/ResourcePackages/Computacenter/assets/font/arialn-webfont.woff') format('woff'), url('/proxy/123456/www.computacenter.com/ResourcePackages/Computacenter/assets/font/arialn-webfont.ttf') format('truetype');
}

@font-face {
	font-family: Arial_narrow;
	src: url('/proxy/123456/www.computacenter.com/ResourcePackages/Computacenter/assets/font/arialnb-webfont.woff') format('woff'), url('/proxy/123456/www.computacenter.com/ResourcePackages/Computacenter/assets/font/arialn-webfont.ttf') format('truetype');
	font-weight: bold;
}

@font-face {
	font-family: CCfont;
	src: url('/proxy/123456/www.computacenter.com/ResourcePackages/Computacenter/assets/font/Italian-Plate-No1-Extralight.woff') format('woff'), url('/proxy/123456/www.computacenter.com/ResourcePackages/Computacenter/assets/font/Italian-Plate-No1-Extralight.otf') format('otf');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: CCfont;
	src: url('/proxy/123456/www.computacenter.com/ResourcePackages/Computacenter/assets/font/Italian-Plate-No1-Light.woff') format('woff'), url('/proxy/123456/www.computacenter.com/ResourcePackages/Computacenter/assets/font/Italian-Plate-No1-Light.otf') format('otf');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: CCfont;
	src: url('/proxy/123456/www.computacenter.com/ResourcePackages/Computacenter/assets/font/Italian-Plate-No1-Normal.woff') format('woff'), url('/proxy/123456/www.computacenter.com/ResourcePackages/Computacenter/assets/font/Italian-Plate-No1-Normal.otf') format('otf');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: CCfont;
	src: url('/proxy/123456/www.computacenter.com/ResourcePackages/Computacenter/assets/font/Italian-Plate-No1-Demibold.woff') format('woff'), url('/proxy/123456/www.computacenter.com/ResourcePackages/Computacenter/assets/font/Italian-Plate-No1-Demibold.otf') format('otf');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: CCfont;
	src: url('/proxy/123456/www.computacenter.com/ResourcePackages/Computacenter/assets/font/Italian-Plate-No1-Bold.woff') format('woff'), url('/proxy/123456/www.computacenter.com/ResourcePackages/Computacenter/assets/font/Italian-Plate-No1-Bold.otf') format('otf');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: CCfont;
	src: url('/proxy/123456/www.computacenter.com/ResourcePackages/Computacenter/assets/font/Italian-Plate-No1-Extrabold.woff') format('woff'), url('/proxy/123456/www.computacenter.com/ResourcePackages/Computacenter/assets/font/Italian-Plate-No1-Extrabold.otf') format('otf');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: CCfont;
	src: url('/proxy/123456/www.computacenter.com/ResourcePackages/Computacenter/assets/font/Italian-Plate-No1-Extralight-Italic.woff') format('woff'), url('/proxy/123456/www.computacenter.com/ResourcePackages/Computacenter/assets/font/Italian-Plate-No1-Extralight-Italic.otf') format('otf');
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: CCfont;
	src: url('/proxy/123456/www.computacenter.com/ResourcePackages/Computacenter/assets/font/Italian-Plate-No1-Light-Italic.woff') format('woff'), url('/proxy/123456/www.computacenter.com/ResourcePackages/Computacenter/assets/font/Italian-Plate-No1-Light-Italic.otf') format('otf');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: CCfont;
	src: url('/proxy/123456/www.computacenter.com/ResourcePackages/Computacenter/assets/font/Italian-Plate-No1-Normal-Italic.woff') format('woff'), url('/proxy/123456/www.computacenter.com/ResourcePackages/Computacenter/assets/font/Italian-Plate-No1-Normal-Italic.otf') format('otf');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: CCfont;
	src: url('/proxy/123456/www.computacenter.com/ResourcePackages/Computacenter/assets/font/Italian-Plate-No1-Demibold-Italic.woff') format('woff'), url('/proxy/123456/www.computacenter.com/ResourcePackages/Computacenter/assets/font/Italian-Plate-No1-Demibold-Italic.otf') format('otf');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: CCfont;
	src: url('/proxy/123456/www.computacenter.com/ResourcePackages/Computacenter/assets/font/Italian-Plate-No1-Bold-Italic.woff') format('woff'), url('/proxy/123456/www.computacenter.com/ResourcePackages/Computacenter/assets/font/Italian-Plate-No1-Bold-Italic.otf') format('otf');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: CCfont;
	src: url('/proxy/123456/www.computacenter.com/ResourcePackages/Computacenter/assets/font/Italian-Plate-No1-Extrabold-Italic.woff') format('woff'), url('/proxy/123456/www.computacenter.com/ResourcePackages/Computacenter/assets/font/Italian-Plate-No1-Extrabold-Italic.otf') format('otf');
	font-weight: 900;
	font-style: italic;
}
/* ------------------------------------------------------ */



html {
	scroll-padding-top: 90px;
}


body {
	padding: 0px;
	margin: 0px;
	font-size: 1rem;
	position: relative;
	overflow-x: hidden;
	background-color: #fafafa;
	transition-duration: 0s;
}

.sfPageContainer {
	font-family: var(--bs-body-font-family);
}

ol, ul {
	padding-left: 10px;
	padding-right: 0;
}

body.scrolled {
	transition-duration: 0.4s;
}

a {
	color: var(--bs-primary);
	text-decoration: underline;
}



main ul:not(.list-unstyled,.pagination) li {
	padding-left: 10px;
	list-style: "\23F5 ";
}

.pages_list strong {
	font-weight: 500;
}







.banner {
	box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.2);
}


.breadcrumb-container {
	background: linear-gradient(-90deg, #f0f0f0, #f0f0f0, #f0f0f0, transparent, transparent);
	height: 20px;
	transition-duration: 0s;
	box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.02);
}

@media (max-width: 1400px) {
	.breadcrumb-container {
		background: #f0f0f0;
	}
}





body:not(.sfPageEditor) main {
	min-height: 84vh;
}


.navbar {
	--bs-navbar-nav-link-padding-x: 0.75rem;
}



:root {
	--navbar-main-height: 60px;
	--navbar-main-height-scrolled: 60px;
	--navbar-sub-height: 30px;
	--navbar-sub-height-scrolled: 30px;
	--navbar-breadcrumbs-height: 20px;
	--navbar-breadcrumbs-height-scrolled: 20px;
}



.navbar-container #main_nav {
	background-color: white;
	box-shadow: 0 0 4px 2px rgb(0 0 0 / 33%);
	transition-duration: 0.1s;
}

.navbar-container.bignav #main_nav {
	max-width: 1920px;
	margin: auto;
	box-shadow: none;
}


.navbar-container #main_nav .navbar-brand:not(:has(> img)) {
	background-image: url('/proxy/123456/www.computacenter.com/ResourcePackages/Computacenter/assets/img/centric.png');
	height: 40px;
}

@media (min-width: 1400px) {
	:root {
		--navbar-main-height: 80px;		
	}

	.navbar-container #main_nav .navbar-brand:not(:has(> img)) {
		background-image: url('/proxy/123456/www.computacenter.com/logo.png');
		height: 70px;
		transition-duration: 0.2s;
	}
	.navbar .navbar-brand {
		width: 130px;
	}

	body.scrolled .navbar .navbar-brand:not(.position-relative) {
		width: 70px;
	}

	body.scrolled .navbar-container #main_nav {
		height: var(--navbar-main-height-scrolled);
		transition-duration: 0.1s;
	}

	body.scrolled .navbar-container #main_nav .navbar-brand:not(:has(> img)) {
		background-image: url('/proxy/123456/www.computacenter.com/ResourcePackages/Computacenter/assets/img/centric.png');
		height: 40px;
		transition-duration: 0.2s;
	}

	body.scrolled #main_nav {
		background-color: white;
	}
}








.navbar-container #main_nav .nav-link {
	color: #505050;
}

.navbar-container #main_nav .nav-link.active:before {
	background-color: var(--bs-dark);
}

@media (min-width: 1921px) {
	.navbar-container.bignav .navbar-fixed-container {
		--bs-bg-opacity: 1;
		background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
	}
}

.navbar-container .sub_nav {
	background-color: rgba(87,86,86,1) !important;
	/*box-shadow: 0 0 4px 2px rgb(0 0 0 / 33%);*/
	--bs-navbar-nav-link-padding-x: 0.75rem;
}

	.navbar-container .sub_nav .nav-link {
		color: #fff;
		font-weight: 400;
		font-size: 0.9rem;
	}

		.navbar-container .sub_nav .nav-link.active {
			font-weight: 500;
		}

			.navbar-container .sub_nav .nav-link.active:before {
				background-color: var(--bs-light);
			}












footer .navbar .nav-link {
	padding: 0;
	line-height: 1;
}

	footer .navbar .nav-link:before {
		bottom: 0px;
	}

	footer .navbar .nav-link:hover:before {
		background-color: #909090;
	}

footer .navbar .nav-item {
	border-right: 1px solid #909090;
	line-height: 1;
	font-size: 0.9rem;
}

	footer .navbar .nav-item:last-child {
		border-right: 0px;
	}






footer .gpdate {
	font-size: 0.75rem;
}


footer .sn-icons {
	display: flex;
	width: 180px;
	justify-content: center;
}

	footer .sn-icons > * {
		width: 24px;
		height: 20px;
		margin: 0 5px;
		transition-duration: 0.1s;
	}

	footer .sn-icons a,
	footer .sn-icons a:link,
	footer .sn-icons a:visited {
		color: rgb(50,50,50);
		text-decoration: none;
	}

		footer .sn-icons a:hover,
		footer .sn-icons a:active {
			background: #505050;
			color: white;
			outline: 6px solid #505050;
		}

footer a.bi-xing,
footer a.bi-xing:link,
footer a.bi-xing:visited {
	background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path style="fill:rgb(50,50,50)" d="M313.8 303.9L469 32H365L209.4 303.8a1.35 1.35 0 000 1.7l98.9 173.8c.4.7.8.7 1.6.7H413l-99.3-174.7a1.74 1.74 0 01.1-1.4zM221.9 216.2L163 113a2 2 0 00-2-1H65l58.9 104.4a1.13 1.13 0 01.1.8L43 352h96.8a1.54 1.54 0 001.6-.9l80.5-133.7a2.44 2.44 0 000-1.2z"></path></svg>');
	background-size: contain;
}

	footer a.bi-xing:hover,
	footer a.bi-xing:active {
		background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path style="fill:rgb(254,254,254)" d="M313.8 303.9L469 32H365L209.4 303.8a1.35 1.35 0 000 1.7l98.9 173.8c.4.7.8.7 1.6.7H413l-99.3-174.7a1.74 1.74 0 01.1-1.4zM221.9 216.2L163 113a2 2 0 00-2-1H65l58.9 104.4a1.13 1.13 0 01.1.8L43 352h96.8a1.54 1.54 0 001.6-.9l80.5-133.7a2.44 2.44 0 000-1.2z"></path></svg>');
	}


main .bi-xing,
main .bi-xing:link,
main .bi-xing:visited {
	background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path style="fill:rgb(0,157,220)" d="M313.8 303.9L469 32H365L209.4 303.8a1.35 1.35 0 000 1.7l98.9 173.8c.4.7.8.7 1.6.7H413l-99.3-174.7a1.74 1.74 0 01.1-1.4zM221.9 216.2L163 113a2 2 0 00-2-1H65l58.9 104.4a1.13 1.13 0 01.1.8L43 352h96.8a1.54 1.54 0 001.6-.9l80.5-133.7a2.44 2.44 0 000-1.2z"></path></svg>');
	background-size: contain;
}

	main .bi-xing:hover,
	main .bi-xing:active {
		background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path style="fill:rgb(254,254,254)" d="M313.8 303.9L469 32H365L209.4 303.8a1.35 1.35 0 000 1.7l98.9 173.8c.4.7.8.7 1.6.7H413l-99.3-174.7a1.74 1.74 0 01.1-1.4zM221.9 216.2L163 113a2 2 0 00-2-1H65l58.9 104.4a1.13 1.13 0 01.1.8L43 352h96.8a1.54 1.54 0 001.6-.9l80.5-133.7a2.44 2.44 0 000-1.2z"></path></svg>');
	}












.ccheadnav {
}



.form-text {
	display: block;
}

.modal.fade .modal-content,
.k-event,
.k-button-group > .k-button,
.list-group-item,
.form-text,
.form-control,
.form-select,
.input-group-text,
.form-check-input,
.progress,
.alert,
.card,
.card-img,
.card-img-top,
.contact-card .bi,
.rounded-start,
.rounded-end,
.btn {
	border-radius: 0px !important;
}

.form-range::-webkit-slider-runnable-track {
	border-radius: 0px !important;
}

.form-range::-moz-range-track {
	border-radius: 0px !important;
}

.form-range::-ms-track {
	border-radius: 0px !important;
}

.contact-card-container {
	background-color: #e0e0e0;
}



.input-group > .form-control,
.input-group > .form-floating,
.input-group > .form-select {
	background-color: #ffffff;
}

.form-check-input {
	background-color: #ffffff;
}














.tile {
	/*outline: 0.25px solid #e0e0e0;*/
	position: relative;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.02);
	width: 100%;
	transition-duration: 0s;
}

.row[class*=" g-"]:not(.g-0) > div > .tile {
	width: calc( 100% - 1px );
}


	/* image right is default */
	.tile:not([class*="_full"]) .tile-container:before {
		content: " ";
		display: block;
		position: absolute;
		width: 40px;
		height: 40px;
		background-color: inherit;
		top: 50%;
		left: calc( 100% - 20px );
		transform: rotate(45deg);
	}

.bg-light .tile:not([class*="_full"]) .tile-container:before,
.bg-white .tile:not([class*="_full"]) .tile-container:before {
	/*background-color: var(--bs-body-bg) !important;*/
}

.tile.image_left .tile-container:before,
.tile.video_left .tile-container:before {
	left: -20px;
}

.tile.vertical .tile-container:before,
.tile.vertical .tile-container:before,
.tile.xs .tile-container:before,
.tile.xs .tile-container:before {
	left: calc( 50% - 20px );
	top: calc( 100% - 20px );
}

.tile.vertical .image_left .tile-container:before,
.tile.vertical .video_left .tile-container:before,
.tile.xs.image_left .tile-container:before,
.tile.xs.video_left .tile-container:before {
	left: calc( 50% - 20px );
	top: -20px;
}


/* maginfer on hover */
.tile .tile-imagecontainer {
	transition: transform 0.4s;
}

.tile:hover .tile-imagecontainer {
	overflow: hidden;
	transform: scale(1.2);
	transition: transform 0.4s;
}

.tile .tile-container {
	transition: background-color 0.2s, color 0.2s;
}

.tile:hover .tile-container {
	background-color: var(--bs-light) !important;
}

.bg-light .tile:hover .tile-container,
.bg-white .tile:hover .tile-container {
	background-color: var(--bs-white) !important;
}

.tile[class*="_full"]:hover .tile-container {
	background-color: rgba(255,255,255,0.90) !important;
}

.tile[class*="_full_dark"]:hover .tile-container {
	background-color: rgba(0,0,0,0.90) !important;
}



.tile:hover .tile-container .tile-content summary {
	cursor: inherit;
}

.tile:hover:not(.image_full_dark) .tile-container .tile-content .ttl.text-light,
.tile:hover:not(.image_full_dark) .tile-container .tile-content .ttl.text-white,
.tile:hover:not(.image_full_dark) .tile-container .tile-content p.text-light,
.tile:hover:not(.image_full_dark) .tile-container .tile-content p.text-white,
.tile:hover:not(.image_full_dark) .tile-container .tile-content summary.text-light,
.tile:hover:not(.image_full_dark) .tile-container .tile-content summary.text-white {
	color: var(--bs-body-color) !important;
	user-select: none;
}




/*
.tile:hover .tile-container.bg-primary .tile-content h2 {
	color: var(--bs-primary) !important;
}

.tile:hover .tile-container.bg-secondary .tile-content h2 {
	color: var(--bs-secondary) !important;
}
	*/








.tile:not(.vertical):not(.xs):not([class*="_left"]):not([class*="_full"]),
.tile.video_right:not(.vertical):not(.xs),
.tile.image_right:not(.vertical):not(.xs) {
	border: 0;
	border-left: 8px solid var(--bs-primary);
}

.tile.video_left:not(.vertical):not(.xs),
.tile.image_left:not(.vertical):not(.xs) {
	border: 0;
	border-right: 8px solid var(--bs-primary);
}

body.nojs .tile:not([class*="_left"]):not([class*="_full"]),
body.nojs .tile.video_right,
body.nojs .tile.image_right,
.tile.vertical:not([class*="_left"]):not([class*="_full"]),
.tile.vertical.video_right,
.tile.vertical.image_right,
.tile.xs:not([class*="_left"]):not([class*="_full"]),
.tile.xs.video_right,
.tile.xs.image_right {
	border: 0;
	border-top: 8px solid var(--bs-primary);
}

body.nojs .tile.video_left,
body.nojs .tile.image_left,
.tile.vertical.video_left,
.tile.vertical.image_left,
.tile.xs.video_left,
.tile.xs.image_left {
	border: 0;
	border-bottom: 8px solid var(--bs-primary);
}

.tile.image_full_dark,
.tile.video_full_dark,
.tile.image_full_light,
.tile.video_full_light,
.tile.image_full,
.tile.video_full {
	border: 0 !important;
	border-bottom: 8px solid var(--bs-primary);
}


.tile.text-light:hover:not([class*=" bg-"]),
.tile.text-white:hover:not([class*=" bg-"]) {
	border-color: rgb(var(--bs-primary-rgb)) !important;
}

.tile.text-primary {
	border-color: rgb(var(--bs-primary-rgb)) !important;
}

.tile.text-secondary {
	border-color: rgb(var(--bs-secondary-rgb)) !important;
}

.tile.text-success {
	border-color: rgb(var(--bs-success-rgb)) !important;
}

.tile.text-danger {
	border-color: rgb(var(--bs-danger-rgb)) !important;
}

.tile.text-warning {
	border-color: rgb(var(--bs-warning-rgb)) !important;
}

.tile.text-info {
	border-color: rgb(var(--bs-info-rgb)) !important;
}

.tile.text-light {
	border-color: rgb(var(--bs-light-rgb)) !important;
}

.tile.text-dark {
	border-color: rgb(var(--bs-dark-rgb)) !important;
}

.tile.text-body {
	border-color: rgb(var(--bs-body-rgb)) !important;
}

.tile.text-white {
	border-color: rgb(var(--bs-white-rgb)) !important;
}

.tile.text-custom1 {
	border-color: rgb(var(--bs-custom1-rgb)) !important;
}

.tile.text-custom2 {
	border-color: rgb(var(--bs-custom2-rgb)) !important;
}

.tile.text-custom3 {
	border-color: rgb(var(--bs-custom3-rgb)) !important;
}









.tile.bg-primary {
	border-color: var(--bs-primary) !important;
}

.tile.bg-secondary {
	border-color: var(--bs-secondary) !important;
}

.tile.bg-success {
	border-color: var(--bs-success) !important;
}

.tile.bg-warning {
	border-color: var(--bs-warning) !important;
}

.tile.bg-danger {
	border-color: var(--bs-danger) !important;
}

.tile.bg-info {
	border-color: var(--bs-info) !important;
}

.tile.bg-dark {
	border-color: var(--bs-dark) !important;
}

.tile.bg-light {
	border-color: var(--bs-light) !important;
}

.tile.bg-white {
	border-color: var(--bs-white) !important;
}


.tile.bg-primary:hover:not(.image_full_dark) .tile-container .tile-content h2.text-light,
.tile.bg-primary:hover:not(.image_full_dark) .tile-container .tile-content h2.text-white,
.tile.bg-primary:hover:not(.image_full_dark) .tile-container .tile-content p.text-light,
.tile.bg-primary:hover:not(.image_full_dark) .tile-container .tile-content p.text-white {
	color: var(--bs-primary) !important;
}

.tile.bg-secondary:hover:not(.image_full_dark) .tile-container .tile-content h2.text-light,
.tile.bg-secondary:hover:not(.image_full_dark) .tile-container .tile-content h2.text-white,
.tile.bg-secondary:hover:not(.image_full_dark) .tile-container .tile-content p.text-light,
.tile.bg-secondary:hover:not(.image_full_dark) .tile-container .tile-content p.text-white {
	color: var(--bs-secondary) !important;
}

.tile.bg-success:hover:not(.image_full_dark) .tile-container .tile-content h2.text-light,
.tile.bg-success:hover:not(.image_full_dark) .tile-container .tile-content h2.text-white,
.tile.bg-success:hover:not(.image_full_dark) .tile-container .tile-content p.text-light,
.tile.bg-success:hover:not(.image_full_dark) .tile-container .tile-content p.text-white {
	color: var(--bs-success) !important;
}

.tile.bg-warning:hover:not(.image_full_dark) .tile-container .tile-content h2.text-light,
.tile.bg-warning:hover:not(.image_full_dark) .tile-container .tile-content h2.text-white,
.tile.bg-warning:hover:not(.image_full_dark) .tile-container .tile-content p.text-light,
.tile.bg-warning:hover:not(.image_full_dark) .tile-container .tile-content p.text-white {
	color: var(--bs-warning) !important;
}

.tile.bg-danger:hover:not(.image_full_dark) .tile-container .tile-content h2.text-light,
.tile.bg-danger:hover:not(.image_full_dark) .tile-container .tile-content h2.text-white,
.tile.bg-danger:hover:not(.image_full_dark) .tile-container .tile-content p.text-light,
.tile.bg-danger:hover:not(.image_full_dark) .tile-container .tile-content p.text-white {
	color: var(--bs-danger) !important;
}

.tile.bg-info:hover:not(.image_full_dark) .tile-container .tile-content h2.text-light,
.tile.bg-info:hover:not(.image_full_dark) .tile-container .tile-content h2.text-white,
.tile.bg-info:hover:not(.image_full_dark) .tile-container .tile-content p.text-light,
.tile.bg-info:hover:not(.image_full_dark) .tile-container .tile-content p.text-white {
	color: var(--bs-info) !important;
}




.tile.text-custom2 {
	border-color: rgb(var(--bs-custom2-rgb)) !important;
}

.tile.text-custom3 {
	border-color: rgb(var(--bs-custom3-rgb)) !important;
}


.tile.vertical .tile-container,
.tile.xs .tile-container {
	width: 100%;
	height: 60%;
	padding: 1.5rem;
	padding-top: calc( 1.5rem - 8px );
	box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.75);
}

.tile.vertical .tile-imagecontainer,
.tile.xs .tile-imagecontainer {
	width: 100%;
	height: 40%;
	background-color: #f0f0f0;
}

.tile .tile-content {
	transition: background-color 0.4s;
}

	.tile .tile-content p {
		font-size: 0.9rem;
		line-height: 1.2;
		order: -1;
		margin-bottom: 8px;
	}

	.tile .tile-content .ttl {
		font-size: 1.25rem;
		line-height: 1.25;
		order: 0;
	}

	.tile .tile-content .details {
		display: block;
		font-size: 0.8rem;
		margin-bottom: 16px;
	}

.tile time {
	color: var(--bs-body-color);
	display: inline-block;
}

.tile strong:not(.ttl) {
	color: var(--bs-body-color);
	display: inline-block;
}

.tile .tile-content summary {
	color: var(--bs-body-color);
	display: block;
	font-size: 0.9rem;
	line-height: 1.2;
}

.pages_list .tile {
	height: 450px;
}

	.pages_list .tile.xs {
		height: 500px;
	}



.pages_list.cs .tile .tile-imagecontainer .badge-content {
	background-color: rgba(255,255,255,0.8);
	width: 50%;
	left: 50%;
	height: 50%;
	top: 0;
	position: relative;
}



@media (max-width: 768px) {
	body main .tile {
		height: auto !important;
		flex-direction: row !important;
		border-top-width: 0px !important;
		border-left-width: 8px !important;
		min-height: calc(var(--tile-horizontal-height)* 0.5);
	}

		body main .tile .tile-content {
			text-align: left !important;
		}

			body main .tile .tile-content a {
				display: none;
			}

		body main .tile .tile-container {
			width: 66% !important;
			height: auto !important;
			padding: 16px calc(16px - 8px) !important;
		}

		body main .tile .tile-imagecontainer {
			width: 34% !important;
			height: auto !important;
		}

		body main .tile .tile-container:before {
			left: calc(100% - 20px) !important;
			top: calc(50% - 16px) !important;
		}

		body main .tile.fw .tile-container {
			width: 100% !important;
		}
}

















.banner .banner-content {
	display: flex;
	flex-direction: column;
}

	.banner .banner-content p {
		font-size: 1.2rem;
		line-height: 1.2;
		order: -1;
		margin-bottom: 8px;
		color: var(--bs-light);
	}

	.banner .banner-content h2 {
		font-size: 2.5rem;
		line-height: 1.2;
		order: 0;
		color: var(--bs-light);
	}

.list-group-flush.vil {
	display: block !important;
}

	.list-group-flush.vil .list-group-item.list-group-item-action {
		background-color: white;
		border-width: 0px;
		border-left: 8px solid var(--bs-secondary);
		padding: 8px;
		margin: 0 0 8px 0;
		display: flex;
		flex-direction: row;
		min-height: 85px;
	}

		.list-group-flush.vil .list-group-item.list-group-item-action h3 {
			padding: 0;
			margin: 0 0 8px 0;
			font-size: 1rem;
			line-height: 1.2;
			line-height: 1;
			color: var(--bs-secondary);
			white-space: normal;
			font-weight: 400;
		}

		.list-group-flush.vil .list-group-item.list-group-item-action .details {
			line-height: 1.2;
			font-size: 0.9rem;
		}

		.list-group-flush.vil .list-group-item.list-group-item-action p {
			list-style: none;
			padding: 0;
			margin: 0;
			line-height: 1.2;
			font-size: 0.9rem;
			white-space: normal;
		}

		.list-group-flush.vil .list-group-item.list-group-item-action img {
			float: left;
			height: 100%;
			width: 100px;
			object-fit: cover;
			margin: 0 16px 0 0;
		}























.quote_ctnr.preview .quote img,
.quote.quote-image img {
	object-fit: contain;
	object-position: bottom;
}

.quote p {
	margin: 3rem 1.5rem 1.5rem;
}

	.quote p:not(.no-quotemarks):before, .quote p:not(.no-quotemarks):after {
		font-family: Arial, sans-serif !important;
		font-size: 7.5rem;
		color: var(--bs-body-bg) !important;
		text-shadow: 1px 0 0 var(--bs-secondary), -1px 0 0 var(--bs-secondary), 0 1px 0 var(--bs-secondary), 0 -1px 0 var(--bs-secondary), 1px 1px 0 var(--bs-secondary), -1px -1px 0 var(--bs-secondary), 1px -1px 0 var(--bs-secondary), -1px 1px 0 var(--bs-secondary);
	}

	.quote p.qm-primary:before,
	.quote p.qm-primary:after {
		text-shadow: 1px 0 0 var(--bs-primary), -1px 0 0 var(--bs-primary), 0 1px 0 var(--bs-primary), 0 -1px 0 var(--bs-primary), 1px 1px 0 var(--bs-primary), -1px -1px 0 var(--bs-primary), 1px -1px 0 var(--bs-primary), -1px 1px 0 var(--bs-primary);
	}

	.quote p.qm-secondary:before,
	.quote p.qm-secondary:after {
		text-shadow: 1px 0 0 var(--bs-secondary), -1px 0 0 var(--bs-secondary), 0 1px 0 var(--bs-secondary), 0 -1px 0 var(--bs-secondary), 1px 1px 0 var(--bs-secondary), -1px -1px 0 var(--bs-secondary), 1px -1px 0 var(--bs-secondary), -1px 1px 0 var(--bs-secondary);
	}

	.quote p.qm-warning:before,
	.quote p.qm-warning:after {
		text-shadow: 1px 0 0 var(--bs-warning), -1px 0 0 var(--bs-warning), 0 1px 0 var(--bs-warning), 0 -1px 0 var(--bs-warning), 1px 1px 0 var(--bs-warning), -1px -1px 0 var(--bs-warning), 1px -1px 0 var(--bs-warning), -1px 1px 0 var(--bs-warning);
	}

	.quote p.qm-danger:before,
	.quote p.qm-danger:after {
		text-shadow: 1px 0 0 var(--bs-danger), -1px 0 0 var(--bs-danger), 0 1px 0 var(--bs-danger), 0 -1px 0 var(--bs-danger), 1px 1px 0 var(--bs-danger), -1px -1px 0 var(--bs-danger), 1px -1px 0 var(--bs-danger), -1px 1px 0 var(--bs-danger);
	}

	.quote p.qm-info:before,
	.quote p.qm-info:after {
		text-shadow: 1px 0 0 var(--bs-info), -1px 0 0 var(--bs-info), 0 1px 0 var(--bs-info), 0 -1px 0 var(--bs-info), 1px 1px 0 var(--bs-info), -1px -1px 0 var(--bs-info), 1px -1px 0 var(--bs-info), -1px 1px 0 var(--bs-info);
	}

	.quote p.qm-light:before,
	.quote p.qm-light:after {
		text-shadow: 1px 0 0 var(--bs-light), -1px 0 0 var(--bs-light), 0 1px 0 var(--bs-light), 0 -1px 0 var(--bs-light), 1px 1px 0 var(--bs-light), -1px -1px 0 var(--bs-light), 1px -1px 0 var(--bs-light), -1px 1px 0 var(--bs-light);
	}

	.quote p.qm-dark:before,
	.quote p.qm-dark:after {
		text-shadow: 1px 0 0 var(--bs-dark), -1px 0 0 var(--bs-dark), 0 1px 0 var(--bs-dark), 0 -1px 0 var(--bs-dark), 1px 1px 0 var(--bs-dark), -1px -1px 0 var(--bs-dark), 1px -1px 0 var(--bs-dark), -1px 1px 0 var(--bs-dark);
	}

	.quote p.qm-black:before,
	.quote p.qm-black:after {
		text-shadow: 1px 0 0 var(--bs-black), -1px 0 0 var(--bs-black), 0 1px 0 var(--bs-black), 0 -1px 0 var(--bs-black), 1px 1px 0 var(--bs-black), -1px -1px 0 var(--bs-black), 1px -1px 0 var(--bs-black), -1px 1px 0 var(--bs-black);
	}

	.quote p.qm-black:before,
	.quote p.qm-white:after {
		text-shadow: 1px 0 0 var(--bs-white), -1px 0 0 var(--bs-white), 0 1px 0 var(--bs-white), 0 -1px 0 var(--bs-white), 1px 1px 0 var(--bs-white), -1px -1px 0 var(--bs-white), 1px -1px 0 var(--bs-white), -1px 1px 0 var(--bs-white);
	}

	.quote p.qm-body:before,
	.quote p.qm-body:after {
		text-shadow: 1px 0 0 var(--bs-body), -1px 0 0 var(--bs-body), 0 1px 0 var(--bs-body), 0 -1px 0 var(--bs-body), 1px 1px 0 var(--bs-body), -1px -1px 0 var(--bs-body), 1px -1px 0 var(--bs-body), -1px 1px 0 var(--bs-body);
	}

.vertical_link_list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.vertical_link_list li {
	margin: 0 0 0 15px;
}

	.vertical_link_list li:before {
		content: "\25BA";
		font-size: 0.7rem;
		color: var(--bs-secondary);
		margin-right: 5px;
	}

	.vertical_link_list li a,
	.vertical_link_list li a:link,
	.vertical_link_list li a:visited {
		text-decoration: none;
	}

		.vertical_link_list li a:hover,
		.vertical_link_list li a:active {
			text-decoration: none;
		}















.swiper-button-prev,
.swiper-rtl .swiper-button-next,
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	color: var(--bs-secondary);
}

	.swiper-button-prev:hover,
	.swiper-rtl .swiper-button-next:hover,
	.swiper-button-next:hover,
	.swiper-rtl .swiper-button-prev:hover {
		color: #ffffff;
	}

.swiper-button-next, .swiper-button-prev {
	top: calc(50% - 120px);
	text-shadow: 0 0 20px rgba(0,0,0,0.5);
	border-top: 120px solid transparent;
	border-bottom: 120px solid transparent;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
	right: var(--swiper-navigation-sides-offset, 2px);
	left: auto;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
	left: var(--swiper-navigation-sides-offset, 2px);
	right: auto;
}

.swiper-pagination-bullet {
	background-color: #707070;
	opacity: 0.5;
	transition-duration: 0.4s;
}

.swiper-pagination-bullet-active {
	background-color: var(--bs-secondary);
	opacity: 1;
	transform: scale(1.8);
	transition-duration: 0.4s;
}

/*.swiper-wrapper {
						padding-bottom: 64px;
					}
						
					.swiper-pagination-fraction,
					.swiper-pagination-custom,
					.swiper-horizontal > .swiper-pagination-bullets,
					.swiper-pagination-bullets.swiper-pagination-horizontal {
						bottom: var(--swiper-pagination-bottom, 16px);
					}*/











.footer a,
.footer a:link,
.footer a:visited {
	text-decoration: none;
	color: white;
}

	.footer a:hover,
	.footer a:active {
		text-decoration: none;
		color: var(--bs-secondary);
	}

.footer .vertical_link_list li:before {
	color: white;
}

.footer .vertical_link_list li:hover:before {
	color: var(--bs-secondary);
}

footer .navbar .navbar-nav {
	padding: 0
}


.timeline.basic .single-timeline:nth-child(even) .timeline-text span {
	text-align: left;
}









































/* design 2024 */

.hphero.banner p {
	order: 1;
	margin-top: 32px;
}

.hphero.banner h2 {
	font-size: 3rem !important;
	line-height: 1;
	color: white !important;
	font-weight: 600;
	margin: 0;
	order: 0;
}

	.hphero.banner h2 b {
		display: block;
		font-size: 2rem;
		line-height: 1;
		font-weight: 600;
		color: var(--bs-secondary);
	}


.hphero.banner .banner-container {
	background-position: center top;
}

.hphero.banner .banner-content {
	padding: 0 !important;
}

.hphero.banner summary {
	margin-top: 32px;
}

.hphero .banner-container.fade_dark_aligned.l.m:before {
	background: linear-gradient(90deg, rgba(0,0,0,0.80), rgba(0,0,0,0.75), rgba(0,0,0,0.25));
}



/* contact flip card */
.flip-card-back > div > b {
	color: #24387f;
	font-weight: 500;
	line-height: 1.15;
}

.flip-card-back > div > p {
	color: #009ddc;
	font-weight: 500;
	line-height: 1.15;
}

.flip-card-back .bio {
	color: #303030;
	font-weight: 400;
	font-size: 0.95rem !important;
}

.key-contact .flip-card:hover .flip-card-inner {
	background-image: radial-gradient(farthest-corner at 100% 75%, #FFF 47%, #009ddc 139%, #24387F 100%) !important;
}


.form-check-inline {
	padding-left: 30px !important;
}

.form-check-input[checked="checked"][type="radio"] {
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-4 -4 8 8"><circle r="2" fill="%23fff"/></svg>');
}