@charset "UTF-8";
/* === style: koma4 ======================================================================================================== */
/* === author: alhenag ==================================================================================================== */





/* ======================================================================================================================== */
/* === GENERAL ============================================================================================================ */
/* ======================================================================================================================== */

body {
	color: #000;
}

@media (width <= 575.98px) {body {--body-font-size: 0.875rem;}}










/* ======================================================================================================================== */
/* === ELEMENTY =========================================================================================================== */
/* ======================================================================================================================== */



/* === NAGŁÓWKI =========================================================================================================== */

h1,.h1	{margin: 3em 0 0.5em 0; font-size: 1.75em; font-variant: small-caps; text-align: center; line-height: 1;}
h2,.h2	{margin: 2em 0 0 0; font-size: 1.4em; font-variant: small-caps; text-align: center; line-height: 1;}
h3,.h3	{margin: -1em 0 1em 0; font-size: 1.4em; text-align: center; line-height: 1;}
h4,.h4	{margin: 2em 0 0.5em 0; font-size: 1.3em; line-height: 1;}
h5,.h5	{margin: 2em 0 1em 0; font-size: 1.2em; line-height: 1;}
h6,.h6	{margin: 1em 0 0 0; font-size: 1.1em; font-variant: small-caps;}

@media (width >= 1200px) {
h1,.h1	{margin: 3em 0 0.5em 0; font-size: 1.75em; font-variant: small-caps; text-align: center; line-height: 1;}
h2,.h2	{margin: 2em 0 0 0; font-size: 1.4em; font-variant: small-caps; text-align: center; line-height: 1;}
h3,.h3	{margin: -1em 0 1em 0; font-size: 1.4em; text-align: center; line-height: 1;}
h4,.h4	{margin: 2em 0 0.5em 0; font-size: 1.3em; line-height: 1;}
h5,.h5	{margin: 2em 0 1em 0; font-size: 1.2em; line-height: 1;}
h6,.h6	{margin: 1em 0 0 0; font-size: 1.1em; font-variant: small-caps;}
}



/* === LINKI ============================================================================================================== */

a {
	border: none;
	color: #000;
	text-decoration: underline !important;
	transition: all 0.3s ease-in-out;
}
a:hover, a:active, a:focus {
	outline: 0;
}
a:hover {
	color: #ca0000;
	transition: all 0.3s ease-in-out;
}



/* === TEXT =============================================================================================================== */

p {
	margin-top: 0 !important;;
	margin-bottom: 0 !important;;
}
p.podpis {
	font-size: 0.875em;
	text-align: center;
}

b {
	font-weight: 500;
}

hr {
	width: 90%;
	border-bottom: 1px dotted #ca0000;
	text-align: center;
	margin: 1.5em auto;
}



/* === LISTY PUNKTOWANE =================================================================================================== */

ul, ul ul, ol ul {
	width: fit-content;
	margin: 0;
	padding-left: 1em;
	overflow: visible;
}
ol, ol ol, ul ol {
	margin: 0;
	padding-left: 1.7em;
	overflow: visible;
}
ul a:not([class]),
ul ul a:not([class]),
ol ul a:not([class]),
ol a:not([class]),
ol ol a:not([class]),
ul ol a:not([class]) {
	text-decoration: none;
}
.com-content-article ul,
.com-content-article ol {
	overflow: visible;
}



/* === MARGIN ============================================================================================================= */

.mt-0	{margin-top: 0 !important;}
.mt-0-2	{margin-top: 0.2em !important;}
.mt-0-3	{margin-top: 0.3em !important;}
.mt-0-5	{margin-top: 0.5em !important;}
.mt-1	{margin-top: 1em !important;}
.mt-1-5	{margin-top: 1.5em !important;}
.mt-2	{margin-top: 2em !important;}
.mt-2-5	{margin-top: 2.5em !important;}
.mt-3	{margin-top: 3em !important;}

.mr-0	{margin-right: 0 !important;}
.mr-0-3	{margin-right: 0.3em !important;}
.mr-0-5	{margin-right: 0.5em !important;}
.mr-1	{margin-right: 1em !important;}
.mr-1-5	{margin-right: 1.5em !important;}
.mr-2	{margin-right: 2em !important;}
.mr-3	{margin-right: 3em !important;}

.mb-0	{margin-bottom: 0 !important;}
.mb-0-2	{margin-bottom: 0.2em !important;}
.mb-0-3	{margin-bottom: 0.3em !important;}
.mb-0-5	{margin-bottom: 0.5em !important;}
.mb-1	{margin-bottom: 1em !important;}
.mb-1-5	{margin-bottom: 1.5em !important;}
.mb-2	{margin-bottom: 2em !important;}
.mb-3	{margin-bottom: 3em !important;}

.ml-0	{margin-left: 0 !important;}
.ml-0-3	{margin-left: 0.3em !important;}
.ml-0-5	{margin-left: 0.5em !important;}
.ml-1	{margin-left: 1em !important;}
.ml-1-5	{margin-left: 1.5em !important;}
.ml-2	{margin-left: 2em !important;}
.ml-3	{margin-left: 3em !important;}



/* === PRZYCISKI ========================================================================================================== */

.btn,
.btn-primary,
.btn-outline-primary,
.btn-secondary,
.btn-outline-secondary,
.btn-success,
.btn-outline-success,
.btn-info,
.btn-outline-info,
.btn-link {
	--btn-padding-x: 1em;
	--btn-padding-y: .5em;
	--btn-border-width: 1px;
	--btn-border-radius: .5em;
	--btn-font-size: 0.873em;
	--btn-line-height: 1;

	--btn-bg: #fff;
	--btn-border-color: #aaa;
	--btn-color: #aaa;
	--btn-box-shadow: none;

	--btn-hover-bg: #fff;
	--btn-hover-border-color: #000;
	--btn-hover-color: #000;
	--btn-hover-box-shadow: none;

	--btn-focus-bg: #fff;
	--btn-focus-border-color: #ca0000;
	--btn-focus-color: #000;
	--btn-focus-box-shadow: none;
	--btn-focus-shadow-rgb: none;

	--btn-active-bg: #fff;
	--btn-active-border-color: #ca0000;
	--btn-active-color: #000;
	--btn-active-box-shadow: none;

	--btn-disabled-bg: #fff;
	--btn-disabled-border-color: #aaa;
	--btn-disabled-color: #aaa;
	--btn-disabled-opacity: 1;
	transition: all .3s ease-in-out;
}

.btn-close {
	--btn-close-color: #aaa;
	--btn-close-opacity: 1;
	--btn-close-hover: #ca0000;
	--btn-close-hover-opacity: 1;
	--btn-close-focus-shadow: none;
	--btn-close-focus-opacity: 1;
	--btn-close-disabled-opacity: 1;
	padding: 0;
}

.alert-success,
.alert {
	--alert-padding-x: 0;
	--alert-padding-y: 0;
	--alert-margin-bottom: 1em;
	--alert-bg: transparent;
	--alert-border: none;
	--alert-color: #ca0000;
}
.alert-dismissible .btn-close {
	padding: 0 0 0 1em;
}



/* === MEDIA ============================================================================================================== */

.img-center {
	display: block;
	margin: auto;
}



/* === MODUŁY ============================================================================================================= */

.card {
	background: transparent;
	border: none;
	border-radius: 0;
	--card-spacer-y: 0;
	--card-spacer-x: 0;
	--card-title-spacer-y: 0;
	--card-cap-padding-y: 0;
	--card-cap-padding-x: 0;
	--card-cap-bg: transparent;
	--card-border-color: transparent;
}
.card-header {
	padding: 0 0 0 0;
	margin-bottom: 0;
	background-color: transparent;
	border-bottom: none;
}
.card-header:first-child {
	border-radius: 0;
}
.card-body {
	padding: 0;
}
.card-footer {
	padding: 0 0;
	background-color: transparent;
	border-top: none;
}



/* === OKNO MODAL ========================================================================================================= */

body.modal-open {
	overflow: auto !important;
	padding-right: 0 !important;
}

.modal-backdrop {
	z-index: 10000;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: transparent !important;
	will-change: auto;
}
.modal {
	z-index: 10001;
	background: rgb(0,0,0,0.8);
	outline: none;
	will-change: auto;
	overflow: hidden;
}
.modal-sd {
	z-index: 10001;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent !important;
	outline: none;
	will-change: auto;
	overflow: hidden;
}
.modal,
.modal-sd {
	padding-right: 0 !important;
}

.modal-dialog {
	width: 100%;
	max-width: 100%;
	margin: 1em auto;
}
.modal-sd .modal-dialog {
	margin: 0 auto 0.3em auto !important;
}
.modal-dialog-scrollable {
	height: calc(100% - 2em);
}
.modal-sd .modal-dialog-scrollable {
	height: calc(100% - 0.3em) !important;
}
@media (width >= 575.98px) {
	.modal-dialog-scrollable {height: calc(100% - 2em);}
	.modal-sd .modal-dialog-scrollable {height: calc(100% - 0.3em) !important;}
}

.modal-content {
	width: 90%;
	max-width: 90%;
	margin: 0 auto;
	background-color: #ffffff;
	border: none;
	border-radius: .5em;
	padding: 0 0 0 0;
}
.modal-sd .modal-content {
	position: fixed !important;
	bottom: 0.3em;
	left: 5%;
}

.modal-header {
	display: inline;
	border: none;
	padding: 0.5em 0.5em 0.5em 1em;
	margin: 0;
}
.modal-header h3,
.modal-body h3 {
	margin: 0 0 0 0;
	font-size: 1.3em;
	font-style: normal;
	line-height: 30px;
}
.modal-body {
	margin: 0 0 0 0;
	padding: 0 1em;
	font-size: 0.875em;
	font-style: normal;
	line-height: 1.3em;
}
.modal-sd .modal-body {
	padding: 0.5em 1em;
	font-size: 0.75em;
	line-height: 1;
}
.modal-sd .modal-dialog-scrollable .modal-body {
	overflow-x: hidden !important;
	overflow-y: hidden !important;
}

.modal-header .btn-close {
	float:right;
	margin: 0 0 0 0.75em;
	padding: 0 0 0 0;
}
.modal-body .btn-close {
	float:right;
	margin-left: 0.5em;
	padding: 0 0 0 0;
}
.btn-close {
	display: inline-block;
	width: 30px;
	height: 30px;
	opacity: 1;
	background: transparent;
	border-radius: 50%;
	border: 3px solid #aaa;
	font-family: 'Font Awesome 5 Pro' !important;
	content: '\f00d';
	padding: 3px 0;
	font-size: 24px;
	color: #aaa;
	font-weight: 700;
	line-height: 1;
	transition: all 0.3s linear;
	--btn-close-focus-shadow: none;
}
.btn-close:hover,
.btn-close:focus {
	opacity: 1;
	border: 3px solid #ca0000;
	color: #ca0000;
	box-shadow: 0 !important;
}

.modal-footer {
	display: inline;
	border-top: none;
	margin: 0;
	padding: 1.5em 1em 0.875em 1em;
	font-size: 0.8em;
}
.modal-footer > * {
	margin: 0;
}










/* ======================================================================================================================== */
/* === TOP ================================================================================================================ */
/* ======================================================================================================================== */





/* === TOPBAR - PUSTY ===================================================================================================== */

.koma1-2-name,
.koma1-2-tel-email,
.koma3-barierki,
.koma6-topbar {
	display: none;
}





/* === BANNER ============================================================================================================= */

.koma1-banner,
.koma2-banner,
.koma3-banner,
.koma5-banner,
.koma6-banner,
.koma8-banner {
	display: none;
}

.baner {
	background: #fff;
}
.container-banner {
	margin: 0 auto;
}
.banner-bottom {
	width: 50%;
	height: 3px;
	background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(202, 0, 0) 25%, rgb(202, 0, 0) 75%, rgb(255, 255, 255) 100%);
	border: 0;
	margin: 1em auto 0 auto;
}





/* ======================================================================================================================== */
/* === HEADER ============================================================================================================= */
/* ======================================================================================================================== */

@media (width <= 991.98px) {.container-header {position: sticky !important;}}

.container-header {
	z-index: 1000;
	background-color: #fff;
	background-image: none;
	box-shadow: none;
	padding: 0;
}
.container-header .grid-child {
	padding: 0.5em 1em;
}



/* === LOGO =============================================================================================================== */

.container-header .navbar-brand {
	margin: 0 auto;
	padding: 0;
	font-size: 1.5em;
	color: #000;
}
.container-header .navbar-brand a {
	color: #000;
	text-transform: uppercase;
	text-decoration: none !important;
}
.container-header .navbar-brand a h1 {
	margin: 0;
	padding-left: 1em;
	letter-spacing: 1em;
}



/* === TOP-A - NAME - TOP-B - TEL-EMAIL =================================================================================== */

.name-tel-email {
	justify-content: space-between;
	white-space: nowrap;
	padding: 0 1em !important;
}

@media (width >= 740px) {
	.container-top-a,
	.container-top-b {
		margin-top: -3em;
	}
}

.top-a,
.top-b {
	margin: 0;
	text-align: center;
}
.top-a h1,
.top-b h1 {
	margin: 0 0 0 0;
	font-size: 1.3em;
	font-variant: none;
	text-transform: uppercase;
}



/* === BELOW-TOP - LANG =================================================================================================== */

.container-header .lang {
	border-bottom: 3px double #000;
	padding: 0.5em 1em;
}

.mod-languages {
	font-size: 0;
}
.mod-languages li {
	margin: 0 !important;
	font-size: 0;
}
div.mod-languages a {
	padding: 0 0.5rem;
}
div.mod-languages ul li.lang-active {
	background-color: transparent;
}
div.mod-languages ul li.lang-active img {
	border: 2px solid #aaa;
}
@media (width >= 768px) {div.mod-languages img {height: 20px !important;}}



/* === MENU - PUSTY ======================================================================================================= */



/* === BREADCRUMBS - PUSTY ================================================================================================ */










/* ======================================================================================================================== */
/* === TOP - HEADER STATYCZNE ============================================================================================= */
/* ======================================================================================================================== */

.statyczny {
	display: contents !important;
}

@media (width <= 575.98px) {
	.statyczny {
		display: block !important;
		position: sticky;
		top: 0;
		z-index: 1000;
	}
	.baner {
		position: sticky;
		top: auto;
		background: #fff;
}
	.container-header {
		z-index: 1000;
		position: relative;
		top: auto;
		background-color: #fff;
		background-image: none;
		box-shadow: none;
	}
}










/* ======================================================================================================================== */
/* === CONTENT ============================================================================================================ */
/* ======================================================================================================================== */


.container-component > :first-child,
.container-component > * + * {
	margin-top: 0 !important;
}

.container-bottom-a > *,
.container-bottom-b > *,
.container-bottom-c > * {
	flex: 1;
}

.row {
	--gutter-y: 1em;
}





/* === CERTYFIKATY - REFERENCJE =========================================================================================== */

.cert-ref {
	display: flex;
	justify-content: center;
}
.cert-ref .cert,
.cert-ref .ref {
	text-align: center;
	margin: 0.5em;
}
.cert-ref .cert p,
.cert-ref .ref p {
	font-size: 0.875em;
}

.com-content-article__body figure {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 5em;
	height: 5em;
	margin: 0 auto;
	background: #fff;
	border: 2px solid #aaa;
	border-radius: 50%;
	overflow: hidden;
}
.com-content-article__body figure:hover {
	border: 2px solid #ca0000;
	transition: all 0.5s ease-in-out;
}

.com-content-article__body figure a {
	border: none;
	margin: auto;
	background: transparent url(../../../images/crn-4-7.png) no-repeat center center;
	background-size: 100% 100%;
	text-decoration: nome !important;
	transform: scale(1);
	transition: all 0.3s ease-in-out;
}
.com-content-article__body figure:hover a {
	background: transparent url(../../../images/crh-4-7.png) no-repeat center center;
	background-size: 100% 100%;
	transform: scale(1.25);
	transition: all 0.5s ease-in-out;
}





/* === PORTFOLIO - GALERIA ================================================================================================ */

[class^="os-gallery-tabs-main"] .osgalery-cat-tabs {
	padding: 0 0 0 0.25em !important;
}

[class^="os-gallery-tabs-main"] .osgalery-cat-tabs li {
	height: fit-content;
	margin: 0 0.25em 0.25em 0;
}

[class^="os-gallery-tabs-main"] .osgalery-cat-tabs li a {
	margin: 0;
	padding: 0.3em 0.5em;
	background: #fff;
	border: 1px solid #aaa;
	border-radius: 0.5em;
	color: #aaa;
	font-weight: 400;
	line-height: 1;
	text-decoration: none !important;
	transition: all .3s ease-in-out;
}
[class^="os-gallery-tabs-main"] .osgalery-cat-tabs li a:hover {
	margin: 0;
	background: #fff;
	border: 1px solid #000;
	border-radius: 0.5em;
	color: #000;
}
[class^="os-gallery-tabs-main"] .osgalery-cat-tabs li a:focus,
[class^="os-gallery-tabs-main"] .osgalery-cat-tabs li a.active {
	margin: 0;
	background: #fff;
	border: 1px solid #ca0000;
	border-radius: 0.5em;
	color: #000;
}

[class^="os-gallery-all-in-one-main"] .img-block.dimas-effect .os-gallery-caption,
[class^="os-gallery-album-tabs-main"] .img-block.dimas-effect .os-gallery-caption,
[class^="os-gallery-tabs-main"] .img-block.dimas-effect .os-gallery-caption {
	border: 2px solid #ddd;
}
[class^="os-gallery-all-in-one-main"] .img-block.dimas-effect:hover .os-gallery-caption,
[class^="os-gallery-album-tabs-main"] .img-block.dimas-effect:hover .os-gallery-caption,
[class^="os-gallery-tabs-main"] .img-block.dimas-effect:hover .os-gallery-caption {
	border: 2px solid #ca0000;
}

[class^=os-gallery-all-in-one-main] .img-block.dimas-effect .os-gallery-caption h3.os-gallery-img-title,
[class^=os-gallery-album-tabs-main] .img-block.dimas-effect .os-gallery-caption h3.os-gallery-img-title,
[class^=os-gallery-tabs-main] .img-block.dimas-effect .os-gallery-caption h3.os-gallery-img-title {
	margin: 0 0;
	background: rgba(255, 255, 255, 0.6);
	padding: 0.25em 1em;
	color: #000;
	font-weight: normal;
	-webkit-transform: translate3d(-360px, 0, 0);
	transform: translate3d(-360px, 0, 0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	opacity: 0;
}
[class^=os-gallery-all-in-one-main] .img-block.dimas-effect:hover .os-gallery-caption h3.os-gallery-img-title,
[class^=os-gallery-album-tabs-main] .img-block.dimas-effect:hover .os-gallery-caption h3.os-gallery-img-title,
[class^=os-gallery-tabs-main] .img-block.dimas-effect:hover .os-gallery-caption h3.os-gallery-img-title {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

[class^=os-gallery-all-in-one-main] .img-block.dimas-effect .os-gallery-caption p,
[class^=os-gallery-album-tabs-main] .img-block.dimas-effect .os-gallery-caption p,
[class^=os-gallery-tabs-main] .img-block.dimas-effect .os-gallery-caption p {
	margin: 0 0;
	width: 100%;
	background: rgba(255, 255, 255, 0.9);
	padding: 0.25em 1em !important;
	color: #000;
	font-weight: normal;
	font-size: 0.875em;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
	opacity: 0;
}

.os_fancybox-thumbs__list a::before {
	border: 4px solid #ca0000;
}










/* ======================================================================================================================== */
/* === BOTTOM ============================================================================================================= */
/* ======================================================================================================================== */

@supports (display:grid) {

.kontakt-mapa {
	display: grid;
	grid-gap: 0 1em;
	grid-template-columns: [full-start]minmax(0,1fr)[main-start]repeat(4,minmax(0,19.875rem))[main-end]minmax(0,1fr)[full-end];
	grid-template-areas:
		".bot-a  bot-a  bot-a  bot-a. " 
		".bot-b  bot-b  bot-b  bot-b. ";
	margin-bottom: auto;
}
@media (width >= 992px) {
.kontakt-mapa {
	grid-template-areas:
		".bot-a  bot-a  bot-a  bot-a. " 
		".bot-b  bot-b  bot-b  bot-b. ";
	}
}

}

.kontakt-mapa .kontakt {
	grid-column-start: main-start;
	grid-column-end: main-end;
	column-gap: 1em;
	width: 100%;
	max-width: none;
}
.kontakt {
	display: flex;
	justify-content: space-between;
}
@media (width <= 700px) {.kontakt {flex-direction: column;}
}



/* === BOTTOM-A - KONTAKT TEKST =========================================================================================== */

.container-bottom-a > * {
	margin: 0 0 1em 0;
}



/* === BOTTOM-B - FORMULARZ =============================================================================================== */

.container-bottom-b {
	min-width: 50%;
}
.container-bottom-b > * {
	margin: 0 0 1em 0;
}

.kontakt-formularz .dj-simple-contact-form-introtext {
	margin: 0 0 0 0 !important;
}
.kontakt-formularz .dj-simple-contact-form-required-fields-info {
	font-size: 0.875em;
	line-height: 1;
}
.kontakt-formularz .dj-simple-contact-form .star {
	margin-left: 0;
	margin-right: 0;
	color: #ca0000;
}
.kontakt-formularz .dj-simple-contact-form.style-4 .inputbox,
.kontakt-formularz .dj-simple-contact-form.style-4 textarea {
	height: fit-content;
	margin: 0.5em 0;
	padding: 0.5em;
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #000;
	border-radius: 0.25em;
	color: #000;
	line-height: 1;
}
.kontakt-formularz .dj-simple-contact-form.style-4 .inputbox:focus,
.kontakt-formularz .dj-simple-contact-form.style-4 textarea:focus {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #ca0000;
	color: #000;
}
.kontakt-formularz .dj-simple-contact-form-row.terms-conditions {
	margin: 0 0 !important;
	padding-top: 0;
}
.kontakt-formularz .djeasycontact-g-recaptcha {
	float: left;
	margin: 0 0 !important;
}

.kontakt-formularz .dj-simple-contact-form.style-4 .dj-simple-contact-form.button {
	width: fit-content;
	height: fit-content;
	margin: 0;
	padding: 0.5em 1em;
	background: none repeat scroll 0 0 #fff;
	border: 2px solid #aaa;
	border-radius: 0.25em;
	color: #aaa;
	line-height: 1;
}
.kontakt-formularz .dj-simple-contact-form.style-4 .dj-simple-contact-form.button:hover {
	background: #fff;
	border: 2px solid #ca0000;
	color: #000;
}
.kontakt-formularz .dj-simple-contact-form.style-4 .dj-simple-contact-form.button:focus {
	background: #fff;
	border: 2px solid #aaa;
	color: #aaa;
}



/* === BOTTOM-C - MAPA ==================================================================================================== */

.container-bottom-c {
	border: 1px solid #000;
	font-size: 0;
}










/* ======================================================================================================================== */
/* === FOOTER ============================================================================================================= */
/* ======================================================================================================================== */

.container-footer {
	width: 100%;
	margin: 1em auto 0 auto;
	background-color: #000;
	padding: 0.5em 1em;
	font-size: 0.875em;
}
.footer {
	width: 100%;
	margin-top: 0;
}
.mod-footer {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}





/* === DOSTĘPNOŚĆ ========================================================================================================= */

i._access-icon._access {
	top: auto;
	bottom: 10px !important;
	left: 10px !important;
	width: 40px !important;
	height: 40px !important;
	border: 1px solid #000;
	line-height: 40px !important;
	font-size: 2em !important;
	text-align: center;
	text-indent: 0 !important;
}
._access-menu {
	border: 1px solid #000 !important;
	border-radius: 0 !important;
}





/* === BACKTOP ============================================================================================================ */

.back-to-top-link,
.back-to-top-link:focus {
	position: fixed;
	inset-inline-end: 10px;
	bottom: 10px;
	background-color: #ddd;
	border: 2px solid #aaa;
	border-radius: .5em;
	color: #aaa;
	transition: all 0.3s ease-in-out;
}
.back-to-top-link:hover,
.back-to-top-link:active {
	background-color: #fff;
	border: 2px solid #ca0000;
	color: #ca0000;
	transition: all 0.3s ease-in-out;
}