body {
	background: #000 url(../img/stars.png) repeat top center;
	animation: animation 200s linear infinite;
}

@keyframes animation {
	100% {
		background-position: 0 -3000px;
	}
}

a {
	color: #fff;
	text-decoration: none;
	transition: 0.3s;
}

	a:hover {
		text-decoration: none;
		color: #d7d7d7;
	}

.bg-gold {
	background-color: #ae9d66 !important;
}

.text-divider {
	background-color: rgba(255, 255, 255, 0.5);
	width: 75%;
	margin: 4% 0;
}

.custom-navbar {
	height: 190px;
	padding: 0;
	position: relative;
	background: linear-gradient(180deg, #61003e, transparent);
	background-blend-mode: multiply;
}

.earth {
	width: 30%;
	position: absolute;
	opacity: 0.5;
	top: 25%;
}

.nav-center > a {
	display: flex;
	height: 80px;
	margin: auto;
	margin-top: 0.6rem;
}

	.nav-center > a > img {
		height: 100%;
		margin: 0 0.5rem;
	}

.transparent-btn {
	background: 0 0;
	color: #fff;
	border: none;
	outline: 0 !important;
}

.menu-dropdown-content > a:hover {
	color: #5f5f5f;
}

#mobile-menu {
	display: none;
	list-style: none;
	padding: 10px;
	padding-right: 22px;
	position: absolute;
	right: 7px;
	background: rgba(20, 20, 20, 0.7);
	border-radius: 10px;
	backdrop-filter: blur(2px);
	z-index: 1;
}

	#mobile-menu > li {
		padding: 4px;
		white-space: nowrap;
	}

	#mobile-menu > .kinus-shluchim {
		padding: 0;
		padding-top: 1rem;
	}

	#mobile-menu > li > a {
		white-space: nowrap;
		color: #fff;
		text-decoration: none;
	}

		#mobile-menu > li > a:hover {
			color: #c3c3c3;
		}

		#mobile-menu > li > a > i {
			font-size: 0.7rem;
		}

.mobile-menu-link {
	cursor: pointer;
}

.mobile-menu-sublink-container {
	display: flex;
	flex-direction: column;
	max-height: 0;
	overflow: hidden;
	transition: 0.5s;
}

	.mobile-menu-sublink-container > a {
		margin-top: 3px;
		margin-left: 12px;
		font-size: 14px;
		color: #fff;
		text-decoration: none;
	}

		.mobile-menu-sublink-container > a:hover {
			color: #c3c3c3;
		}

a.active {
	color: #ee4f8f !important;
	font-weight: 400;
}

	a.active:hover {
		color: #ca4279 !important;
	}

.lang {
	font-size: 1rem;
	display: flex;
	justify-content: space-evenly;
	white-space: nowrap;
	color: #fff;
	align-self: center;
	margin-right: 1vw;
	margin-left: 1vw;
}

.links {
	font-size: 1rem;
	display: flex;
	justify-content: space-evenly;
	white-space: nowrap;
	align-self: center;
	margin-right: 1vw;
	margin-left: 1vw;
}

	.links.light {
		color: #fff;
	}

.btn {
	background: rgb(173 173 173 / 50%) !important;
	transition: 0.2s;
	border: none !important;
	box-shadow: none !important;
	color: #fff !important;
	outline: 0 !important;
	border-radius: 25px;
	padding: 0.7em 1.6rem;
	font-size: 0.7rem;
	white-space: nowrap;
	font-weight: 400;
	display: block;
}

.transparent.btn {
	background: 0 0;
}

.btn:hover {
	background: rgb(163 163 163 / 50%) !important;
	color: #fff !important;
}

.btn:active {
	background: rgb(153 153 153 / 50%) !important;
	color: #fff !important;
}

.btn.purple {
	background: #0d151a;
}

	.btn.purple:hover {
		background: #0d151a;
	}

	.btn.purple:active {
		background: #0d151a;
	}

.topbar {
	padding: 1rem 2rem 0;
	font-weight: 300;
}

.nav-left,
.nav-right {
	display: flex;
	/* height: 65%; */
}

.menu {
	position: absolute;
	bottom: 0;
	padding-bottom: 7px;
	z-index: 1;
}

	.menu > .row > .col-8 > .menu-bar {
		display: flex;
		place-content: center;
	}

	.menu > .row > .col-8 {
		display: flex;
		justify-content: space-around;
	}

.dropbtn {
	color: #fff;
	padding: 12px;
	white-space: nowrap;
	font-size: 0.8rem;
	text-transform: uppercase;
	border: none;
}

.menu-dropdown {
	position: relative;
	display: inline-block;
	padding: 5px 4px;
	margin: 2px 8px 0;
}

	.menu-dropdown.active {
		border-bottom: 2px solid #fff;
	}

.menu-dropdown-content {
	display: none;
	top: 32px;
	position: absolute;
	background: rgba(255, 255, 255, 0.9);
	min-width: 160px;
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
	z-index: 1;
	font-size: 12px;
	border-radius: 0 0 10px 10px;
}

	.menu-dropdown-content a {
		white-space: nowrap;
		color: #000;
		padding: 8px 16px;
		text-decoration: none;
		display: block;
	}

.menu-dropdown:hover .menu-dropdown-content {
	display: block;
}

.bg-img-container {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: -1;
}

.radiance {
	width: 100%;
	z-index: -1;
}
/* .user.dropdown {
    display: flex;
    align-self: center;
} */
footer {
	background-color: #FFE2EE !important;
	width: 100%;
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.footer-signature > p {
	color: #000 !important;
}

.upcoming-conf-row {
	justify-content: center;
	margin-bottom: 20px;
	width: 100%;
}

.upcoming-conf {
	padding: 0.5rem 2.5rem;
	text-align: center;
	background: #fff;
	border-radius: 100px;
}

.divider {
	border: thin solid #4e4e4e;
	width: 100%;
}

.copyright,
.copyright > a {
	font-size: 0.8rem;
	color: #616161 !important;
}

.links > a {
	text-decoration: none;
}

.links.light > a {
	color: #fff;
}

footer .links.light > a:hover {
	color: #4e4e4e !important;
}

.links > a:hover {
	text-decoration: none;
}

.footer-signature > p {
	margin: 3px 0;
}

	.footer-signature > p:nth-child(1) {
		font-weight: 700;
	}

footer > .container > .col-12:nth-child(4) {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.signature-row > .col-12 {
	text-align: center;
}

.workshop-title:not(.farbrengen-title) {
	cursor: pointer;
	transition: 0.3s;
}

	.workshop-title:not(.farbrengen-title):hover {
		color: #d7d7d7;
	}

= .slideshow {
	border-radius: 20px;
	border: 1px solid #fff;
}

.content-box > table > tbody > tr:nth-child(1) > td,
.home-sec-mid-border {
	border: 1px solid #717171;
}

.home-sec-btm {
	display: none;
}

.home-sec-header,
.hr_ltr {
	background: 0 0;
}

.index_table_border {
	border: 1px solid #fff;
	border-radius: 5px;
}

	.index_table_border tbody tr td a img {
		border-radius: 3px;
	}

li a,
p a {
	color: #a4935c;
}

#formBody > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr *,
table.grid > tbody > tr > td > a,
td#cco_body > * > * {
	color: #000;
}

#formBody > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > h2 > strong > span {
	color: #fff;
}

#cco_body,
#cco_body h1,
#cco_body h2,
#cco_body li,
#cco_body p,
#cco_body td,
#cco_body th,
#leftmenu .left-block .left-nav ul li a:not(.active),
.footer_text {
	color: #000;
}

#formBody > table > tbody > tr > td > p,
.ccoIndexHeader1 > a,
.left-nav > ul > li > a {
	color: #000;
}

#cco_body,
#cco_mainTable > tbody > tr > .global-nav,
.kinus_content_container > table > tbody > tr > td > table > tbody > tr > td {
	padding: 1rem;
}

#leftmenu .left-block .left-nav ul li a.active {
	background: url(https://veepsy.fr/kinus/img/icons/right-arrow.png) 100% no-repeat;
}

.kinus_content_container {
	min-height: 38vh;
	padding: 3rem 0 3rem 0;
	overflow: auto;
	background: rgba(255, 255, 255, 0.9);
}

.slideshow {
	z-index: 0;
}

b {
	color: #000;
}

.kinus_content_container a {
	color: #000;
}

.home-sec-header, .home-sec-content {
	border: 1px solid #6f6f6f;
	color: #6f6f6f;
	padding: 4px 12px;
}

	.home-sec-header > *, .home-sec-content > * {
		color: #000;
	}

	.home-sec-header > a:hover, .home-sec-content > a:hover {
		color: #6f6f6f;
	}

.home-sec-content {
	height: 90%;
}

.col-12, col-sm-6, col-md-3 {
	/* padding: 5px; */
}

@media (max-width: 575.98px) {
	.container {
		padding-top: 1.5rem;
		width: 92%;
	}

	.text-sm {
		font-size: 0.9rem;
	}

	.text-md {
		font-size: 1rem;
	}

	.workshop-title {
		font-size: 5vw;
	}

	.workshop-name {
		font-size: 3.5vw;
	}

	.workshop-head {
		margin-bottom: 0.8rem;
	}

	.workshop-number {
		bottom: 4vw;
		font-size: 5vw;
		right: 5vw;
	}

	.earth {
		top: 45%;
	}

	.custom-navbar {
		height: 120px;
	}

	.nav-center > a {
		height: 50px;
		margin-top: 1rem;
	}

	.links {
		font-size: 0.5rem;
	}

	.copyright {
		font-size: 0.5rem;
	}
}

@media (min-width: 576px) and (max-width: 767.98px) {
	.container {
		padding-top: 1.5rem;
	}

	.workshop-number {
		bottom: 1.2rem;
		right: 1.5rem;
		font-size: 1rem;
	}
}

@media (min-width: 767.98px) {
	.workshop > div {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.signature-row > .col-12:nth-child(1) {
		text-align: right;
	}

	.signature-row > .col-12:nth-child(3) {
		text-align: left;
	}
}

@media (max-width: 767.98px) {
	.lang {
		font-size: 0.8rem;
		margin-right: 3vw;
	}

	.btn {
		padding: 0.5em 1rem;
	}

	.dropbtn {
		font-size: 0.7rem;
	}

	.topbar {
		padding: 0;
		padding-top: 2vw;
	}

	.workshop > div {
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 8px;
		padding-right: 8px;
	}

	.workshop-title {
		font-size: 1.8rem;
	}

	.footer-signature {
		margin: 20px 0;
	}

	.upcoming-conf {
		margin: 1rem;
		font-size: 0.8rem;
	}

	.upcoming-conf-row {
		margin-bottom: 0;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.container {
		padding-top: 1.5rem;
	}

	.workshop-number {
		bottom: 1.4rem;
		right: 1.8rem;
		font-size: 1.2rem;
	}
}

@media (max-width: 991.98px) {
	.text-sm {
		font-size: 1.2rem;
	}

	.text-md {
		font-size: 1.4rem;
	}

	.workshop-title {
		font-size: 1.4rem;
	}

	.workshop-name {
		font-size: 1rem;
	}

	.workshop-text-container:not(.farbrengen) {
		padding: 4%;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.container {
		padding-top: 2rem;
	}

	.text-sm {
		font-size: 1.3rem;
	}

	.text-md {
		font-size: 1.5rem;
	}

	.workshop-title {
		font-size: 1.2rem;
	}

	.workshop-name {
		font-size: 0.7rem;
	}

	.workshop-number {
		bottom: 1.4rem;
		right: 1.8rem;
		font-size: 1.2rem;
	}
}

@media (min-width: 1200px) {
	.container {
		padding-top: 2rem;
	}

	.text-sm {
		font-size: 1.6rem;
	}

	.text-md {
		font-size: 1.7rem;
	}

	.workshop-title {
		font-size: 1.3rem;
	}

	.workshop-number {
		bottom: 1.2rem;
		right: 1.8rem;
		font-size: 1.3rem;
	}
}


footer div.links.light, footer div.links.light a {
	color: #000;
}

footer .container hr.divider {
	border: thin solid #EC5698;
}


a.btn.black {
	background: rgba(68, 70, 75, 1) !important;
}

	a.btn.black:hover {
		background: rgb(63 65 70) !important;
	}

	a.btn.black:active {
		background: rgb(60 62 66) !important;
	}


span.lang.purple > a.active {
	color: #b12772 !important;
}