:root {
	--bs-body-font-family: "Roboto", sans-serif;
	--bs-body-color: #3a3d4f;
	--bs-body-color-rgb: 77, 77, 79;
	--bs-primary-rgb: 176, 209, 53;
	--bs-primary-bg-subtle: #f8f9ff;
	--bs-primary-text-emphasis: #29377D;
	--bs-secondary-rgb: 176, 209, 53;
	--bs-border-color: #d0d0d0;
	--bs-light-rgb: 236, 239, 244;
	--bs-dark-rgb: 40, 49, 62;
	--c1: #b0d135;
	--c2: #4873ae;
	--c3: #8FD1EE;
	--c4: #28313e;
}
b, strong {
	font-weight: bold;
}
.robotoSlab {
	font-family: "Roboto Slab", sans-serif;
}
.carousel-item {
	overflow: hidden;
}
.carousel-item-start {
	z-index: 20;
}
.carousel-item.active {
	z-index: 10;
}
.carousel-indicators {
	z-index: 30;
}
.carousel-control-prev,
.carousel-control-next {
	z-index: 20;
}
@media (max-width:992px) {
	.carousel-control-prev,
	.carousel-control-next {
		display: none;
	}
}
@media (max-width:768px) {
	body, html {
		font-size: 78% !important;
	}
	/* .h-100 { height: auto !important } */
}


/* ------ btn ------ */
.btn {
	font-weight: 600;
}
.btn-primary {
	--bs-btn-bg: var(--c1);
	--bs-btn-border-color: var(--c1);
	--bs-btn-hover-bg: var(--c2);
	--bs-btn-hover-border-color: var(--c2);
	--bs-btn-active-bg: var(--c2);
	--bs-btn-active-border-color: var(--c2);
}
.btn-outline-primary {
	--bs-btn-color: var(--c1);
	--bs-btn-border-color: var(--c1);
	--bs-btn-hover-bg: var(--c1);
	--bs-btn-hover-border-color: var(--c1);
	--bs-btn-active-bg: var(--c1);
	--bs-btn-active-border-color: var(--c1);
	--bs-btn-disabled-color: var(--c1);
	--bs-btn-disabled-border-color: var(--c1);
}


/* ------ shadow ------ */
.shadow {
	box-shadow: 0 0 30px rgba(100,100,100,.2) !important;
}


/* ------ border ------ */
.border-light {
	border-color: #e2e8e8 !important;
}


/* ------ misc ------ */
.containerFC {
	margin: auto;
	max-width: 1000px;
}
.containerFC2 {
	margin: auto;
	max-width: 850px;
}
.dvh-100 {
	height: 100dvh;
}

.fcUl {
	list-style: none;
}
.fcUl li {
	padding: 5px 0 5px 30px;
	position: relative;
}
.fcUl li::before {
	content: "\f00c";
	font: var(--fa-font-solid);
	left: 0;
	position: absolute;
	top: 9px;
}
@media (max-width:992px) {
	.paddingFc { padding-left: 34px; padding-right: 34px; }
}
@media (max-width:768px) {
	.paddingFc { padding-bottom: 60px }
}


/* ------ background ------ */
.background1 {
	background-image: url(../img/banner01.jpg);
	background-position: center;
	background-size: cover;
}
.background2 {
	background-image: url(../img/banner02.jpg);
	background-position: center;
	background-size: cover;
}
.background3 {
	background-image: url(../img/banner03.jpg);
	background-position: center;
	background-size: cover;
}
.background4 {
	background-image: url(../img/banner04.jpg);
	background-position: center;
	background-size: cover;
}
.background5 {
	background-image: url(../img/banner05.jpg);
	background-position: center;
	background-size: cover;
}
.background6 {
	background-image: url(../img/banner06.jpg);
	background-position: center;
	background-size: cover;
}


/* ------ animations ------ */
@keyframes growShrink {
	0% { transform: scale(1) }
	50% { transform: scale(1.5) }
	100% { transform: scale(1) }
}
@keyframes growShrink2 {
	0% { transform: scale(1) }
	50% { transform: scale(1.24) }
	100% { transform: scale(1) }
}
@keyframes growShrink3 {
	0% { transform: scale(1) }
	50% { transform: scale(5.5) }
	100% { transform: scale(1) }
}
.circle1 {
	border: 150px solid rgba(255, 255, 255, .04);
	border-radius: 50%;
	bottom: -28%;
	height: 110dvh;
	left: -15%;
	position: absolute;
	width: 110dvh;
	z-index: 0;
}
.carousel-item.active .circle1 {
	animation: growShrink 3s infinite;
}
.circle2 {
	border: 180px solid rgba(160, 195, 35, .4);
	border-radius: 50%;
	height: 90dvh;
	position: absolute;
	right: -15%;
	top: -28%;
	width: 90dvh;
	z-index: 0;
}
.carousel-item.active .circle2 {
	animation: growShrink 5s infinite;
}
.circle3 {
	border: 190px solid rgba(160, 195, 35, .4);
	border-radius: 50%;
	height: 80dvh;
	position: absolute;
	right: 50%;
	top: 50%;
	width: 80dvh;
	z-index: 0;
}
.carousel-item.active .circle3 {
	animation: growShrink 5s infinite;
}

.iconAni {
	animation: growShrink2 1.5s infinite;
}

.wrapLogo::after {
	box-shadow: 0 0 0 2px rgba(100,100,100,.2);
	border-radius: 50%;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;

	animation: growShrink3 4s infinite;
}

@media (max-width:768px) {
	.circle1 {
		border: 50px solid rgba(255, 255, 255, .04);
		height: 50dvh;
		width: 50dvh;
	}
	.circle2 {
		border: 50px solid rgba(160, 195, 35, .4);
		height: 50dvh;
		width: 50dvh;
	}
	.circle3 {
		border: 80px solid rgba(160, 195, 35, .4);
		height: 60dvh;
		width: 60dvh;
	}
}


/* ------ contactInfo ------ */
.contactInfo {
	bottom: 55px;
	left: 0;
	position: absolute;
	text-align: center;
	/* text-shadow: 0 0 10px rgba(40, 40, 40, .6); */
	width: 100%;
	z-index: 100;
}
@media (max-width:768px) {
	.contactInfo { bottom: 45px }
}