:root {
    --text: #333;
  color-scheme: light;
}

body {
  overflow-y : hidden;
}

#sp-footer {
   left: 0;
   bottom: 0;
   width: 100%;
}

#sp-footer2 a:after{
content: "\a";
    white-space: pre;
}

.article-list .article { border: 0; }

.sp-megamenu-parent > li.active > a {
		font-weight: bold;
		 text-decoration: underline;
}

#sp-component {
	width: 100%;
	padding: 0px 10%;
}

#sp-main-body {
padding: 100px 0px;
}
	
#journuit {
	display: none;
}

.journuit_switch {
  position: relative;
  display: inline-block;
}

#journuit_label {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 34px;
  background-image: url("/images/divers/switch_bkg");
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
    border-radius: 50%;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

#journuit:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
#journuit:checked {}

#journuit:checked + * {
	color : #000000;
}

#journuit:checked + * a {
	color : #000000;
}


#journuit:checked + .article-info > span a {
	color : #000000;
}

.table {
	color : #ffffff;
}

#journuit:checked + .table td{
	color : #000000;
}

#journuit:checked + .body-wrapper {
	background-color : #ffffff;
}
.body-innerwrapper::after {
  background-image: 
  linear-gradient(rgba(0,0,0,1), rgba(0,0,0,1) 200px,rgba(0,0,0,0) 250px, rgba(0,0,0,0));
	background-position: left top, left top, right top;
	background-repeat: no-repeat, repeat-y, repeat-y;
	background-size: 100%, 20%, 20%;
 content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateZ(-1px) scale(2);
 	width: 100%;
	height: 100%;
  z-index: -1;
  	overflow-x: hidden;
  	overflow-y: hidden;
}

 .body-innerwrapper {
	  transform-style: preserve-3d;
  position: relative;
  height: auto;
width: 100%;
     	overflow-x: hidden;
  	overflow-y: hidden;

}



.body-wrapper {
	background-color : #000000;	
	width: 100%;
	height: 100vh;
	overflow-x: hidden;
  	overflow-y: auto;
	perspective: 1px;
	-webkit-perspective: 1px;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transition: all 1s ease-in-out;

}








ul.social-icons {padding-right: 40px;}

#sp-header-topbar {font-size: 18px;}

#sp-header-topbar a {color : #ffffff; transition: color 0.25s;}
#journuit:checked ~ #sp-header-topbar a {color : #000000;}
.sp-contact-phone {color: #ffffff; transition: color 0.25s;}
#journuit:checked ~ .sp-contact-phone {color: #000000;}
.sp-contact-email {color: #ffffff;}
#journuit:checked ~ .sp-contact-email {color: #000000;}
.sp-contact-info {color: #ffffff;}
#journuit:checked ~ .sp-contact-info {color: #000000;}
.sp-contact-time {color: #ffffff;}
#journuit:checked ~ .sp-contact-time {color: #000000;}