@charset "UTF-8";
/* CSS Document */

.supernovahero {
	width:100%;
	background-color:#cfd966;
	background-image: url("rts-2018-homepage-mobile-hero-blue.png");
	background-size:100%;
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	z-index:0;
}

.lightyear {
	width:100%;
	margin-top:100%;
	overflow-x:scroll;
	overflow-y:hidden;
	z-index:10;
}

.atom {
	width:100%;
	margin-top:-600px;
}

.portfolioscrollcontainer {
   position: relative;
   width: 100%;
   padding-top: 100%; /* 1:1 Aspect Ratio */
}

.portfolioscroll {
   position:  absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   text-align: center;
   font-size: 20px;
   color: white;
	overflow-x:hidden;
	overflow-y:scroll;
}

.portfoliowidth {
	width:1400%;
}

.quantum {
	width:100%;
	background-image: url("rts-2018-portrait.png");
	background-size:100%;
	background-repeat:no-repeat;
	position:relative;
	margin-top:-500px;
	z-index:-10;
}

.advertisement {
	width:86%;
	margin-left:7%;
	padding-top:800px;
}

.contact {
	width:86%;
	margin-left:7%;
	padding-top:950px;
	padding-bottom:10%;
}

.contactdesktop {
	visibility:visible;
	display:block;
	clear:none;
}

.contactmobile {
	visibility:hidden;
	clear:both;
	display:none;
}

.buttonbeige {
	display:inline-block;
	padding-left:20px;
	padding-right:20px;
	height:50px;
	background-color:#fef5e5;
	border-radius:10px;
	border:none;
	font-family:rubik;
	font-weight:500;
	font-size:20px;
	color:#ef5b66;
	text-align:center;
	line-height:50px;
}

.buttonbeigealt {
	display:inline-block;
	padding-left:20px;
	padding-right:20px;
	height:50px;
	background-color:#fef5e5;
	border-radius:10px;
	border:none;
	font-family:rubik;
	font-weight:500;
	font-size:20px;
	color:#ef5b66;
	text-align:center;
	line-height:50px;
}

.shortwidth {
	width:70%;
	margin:0 auto;
}

.twocolumnflexbox {
	-webkit-columns: 2 200px;
    -moz-columns: 2 200px;
    columns: 2 200px;
	-webkit-column-gap:40px;
	-moz-column-gap:40px;
	column-gap:40px;
	text-align:left;
	align-content:flex-start;
	display:flex;
	width:88%;
	margin:0 auto;
}


h1 {
	font-family:rubik;
	font-weight:700;
	font-size:150px;
	line-height:120px;
	letter-spacing:-5px;
	text-align:left;
	color:#fef5e5;
	margin-top:-4px;
	margin-right: 0px;
}

h2 {
	font-family:rubik;
	font-weight:500;
	font-size:50px;
	line-height:50px;
	letter-spacing:-0px;
	text-align:left;
	color:#fef5e5;
	margin-top:-4px;
	margin-right: 0px;
}

h3 {
	font-family:rubik;
	font-weight:300;
	font-size:24px;
	line-height:20px;
	color:#fef5e5;
}

h4 {
	font-family:rubik;
	font-weight:700;
	font-size:150px;
	line-height:120px;
	letter-spacing:-5px;
	text-align:left;
	color:#fef5e5;
	margin-top:-4px;
	margin-right: 0px;
	margin-bottom: 0px;
}

h5 {
	font-family:rubik;
	font-weight:500;
	font-size:50px;
	line-height:50px;
	letter-spacing:-0px;
	text-align:left;
	color:#fef5e5;
	margin-top:0px;
	margin-right: 0px;
	margin-bottom:20px;
}

p {
	font-family:rubik;
	font-weight:100;
	font-size:16px;
	line-height:20px;
	margin-top:-2px;
	color:#fef5e5;
	margin-bottom:20px;
}

.material-icons {
  font-size: 120px !important;
}




/* Style the tab */
.tab {
    overflow: hidden;
	margin: 0 auto;
    width: 88%;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    width:33%;
    transition: 0.3s;
	color:#fef5e5;
}

/* Change background color of buttons on hover */
.tab button:hover {
    color: #ef5b66;
}

/* Create an active/current tablink class */
.tab button.active {
    color: #ef5b66;
}

/* Style the tab content */

.tabcontent {
	display: none;
	margin: 0 auto;
    width: 88%;
	margin-top:50px;
}

.tabflexbox {
	-webkit-columns: 3 200px;
    -moz-columns: 3 200px;
    columns: 3 200px;
	-webkit-column-gap:40px;
	-moz-column-gap:40px;
	column-gap:40px;
	text-align:left;
	align-content:flex-start;
}

.tabflexboxtwo {
	-webkit-columns: 2 300px;
    -moz-columns: 2 300px;
    columns: 2 300px;
	-webkit-column-gap:40px;
	-moz-column-gap:40px;
	column-gap:40px;
	text-align:left;
	align-content:flex-start;
}


::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
    display: none;
}
             
::-webkit-scrollbar-track-piece  {
    background-color:rgba(0,0,0,0.10);
	border-radius: 6px;
     -webkit-border-radius: 6px;
}
             
::-webkit-scrollbar-thumb:horizontal {
	border-radius: 6px;
     -webkit-border-radius: 6px;
     background-color: #cfd966;
}

::-webkit-scrollbar-thumb:vertical {
	border-radius: 6px;
     -webkit-border-radius: 6px;
     background-color: #cfd966;
}




/*---- Carousel ----*/

article {
	float:left;
	position:relative;
}

input {
  display: none;
}


/*---- PRO .    NUMBER OF SLIDE CONFIGURATION ----*/

.wrapper-pro {
  max-width: 60em;
  margin: 1em auto;
  position: relative;
  height:auto;
  margin-bottom:100px;
  
}


.inner-pro {
  width: 500%;
  line-height: 0;
}

/*---- SET UP CONTROL ----*/
.slider-prev-next-control-pro {
  height: 50px;
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slider-prev-next-control-pro label {
  display: none;
  width: 40px;
  height: 40px;
  background: #c1d12f;
  opacity: 0.7;
}
.slider-prev-next-control-pro label:hover {
  opacity: 1;
}

.slider-dot-control-pro {
  position: absolute;
  width: 100%;
  bottom: 10px;
  text-align: center;
}
.slider-dot-control-pro label {
  cursor: pointer;
  border-radius: 50%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left:5px;
  margin-right:5px;
  background: #eaeaea;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.slider-dot-control-pro label:hover {
  background: #c1d12f;
  border-color: #c1d12f;
}

/* Slider Styling */
.slider-wrapper-pro {
  width: 100%;
  overflow: hidden;
  border-radius: 0px;
  
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.slider-wrapper-pro .inner-pro {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}

/*---- SET POSITION FOR SLIDE ----*/
#slide1-pro:checked ~ .slider-prev-next-control-pro label:nth-child(2)::after, #slide2-pro:checked ~ .slider-prev-next-control-pro label:nth-child(3)::after, #slide3-pro:checked ~ .slider-prev-next-control-pro label:nth-child(4)::after, #slide4-pro:checked ~ .slider-prev-next-control-pro label:nth-child(5)::after, #slide5-pro:checked ~ .slider-prev-next-control-pro label:nth-child(1)::after, #slide2-pro:checked ~ .slider-prev-next-control-pro label:nth-child(1)::after, #slide3-pro:checked ~ .slider-prev-next-control-pro label:nth-child(2)::after, #slide4-pro:checked ~ .slider-prev-next-control-pro label:nth-child(3)::after, #slide5-pro:checked ~ .slider-prev-next-control-pro label:nth-child(4)::after, #slide1-pro:checked ~ .slider-prev-next-control-pro label:nth-child(5)::after {
  font-family: rubik;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right:5%;
  padding-left:5%;
  margin: 0;
  line-height: 38px;
  font-size: 38px;
  display: block;
  color: #fff;
}

#slide1-pro:checked ~ .slider-prev-next-control-pro label:nth-child(2)::after, #slide2-pro:checked ~ .slider-prev-next-control-pro label:nth-child(3)::after, #slide3-pro:checked ~ .slider-prev-next-control-pro label:nth-child(4)::after, #slide4-pro:checked ~ .slider-prev-next-control-pro label:nth-child(5)::after, #slide5-pro:checked ~ .slider-prev-next-control-pro label:nth-child(1)::after {
  content: "+";
  padding-left: 9px;
}

#slide1-pro:checked ~ .slider-prev-next-control-pro label:nth-child(2), #slide2-pro:checked ~ .slider-prev-next-control-pro label:nth-child(3), #slide3-pro:checked ~ .slider-prev-next-control-pro label:nth-child(4), #slide4-pro:checked ~ .slider-prev-next-control-pro label:nth-child(5), #slide5-pro:checked ~ .slider-prev-next-control-pro label:nth-child(1) {
  display: block;
  float: right;
  margin-right: 5px;
}

#slide2-pro:checked ~ .slider-prev-next-control-pro label:nth-child(1), #slide3-pro:checked ~ .slider-prev-next-control-pro label:nth-child(2), #slide4-pro:checked ~ .slider-prev-next-control-pro label:nth-child(3), #slide5-pro:checked ~ .slider-prev-next-control-pro label:nth-child(4), #slide1-pro:checked ~ .slider-prev-next-control-pro label:nth-child(5) {
  display: block;
  float: left;
  margin-left: 5px;
}

#slide2-pro:checked ~ .slider-prev-next-control-pro label:nth-child(1)::after, #slide3-pro:checked ~ .slider-prev-next-control-pro label:nth-child(2)::after, #slide4-pro:checked ~ .slider-prev-next-control-pro label:nth-child(3)::after, #slide5-pro:checked ~ .slider-prev-next-control-pro label:nth-child(4)::after, #slide1-pro:checked ~ .slider-prev-next-control-pro label:nth-child(5)::after {
  content: "+";
  padding-left: 9px;
}

#slide1-pro:checked ~ .slider-dot-control-pro label:nth-child(1), #slide2-pro:checked ~ .slider-dot-control-pro label:nth-child(2), #slide3-pro:checked ~ .slider-dot-control-pro label:nth-child(3), #slide4-pro:checked ~ .slider-dot-control-pro label:nth-child(4), #slide5-pro:checked ~ .slider-dot-control-pro label:nth-child(5) {
  background: #c1d12f;
}

#slide1-pro:checked ~ .slider-wrapper-pro article:nth-child(1) .info-pro, #slide2-pro:checked ~ .slider-wrapper-pro article:nth-child(2) .info-pro, #slide3-pro:checked ~ .slider-wrapper-pro article:nth-child(3) .info-pro, #slide4-pro:checked ~ .slider-wrapper-pro article:nth-child(4) .info-pro, #slide5-pro:checked ~ .slider-wrapper-pro article:nth-child(5) .info-pro {
  opacity: 1;
}

#slide1-pro:checked ~ .slider-wrapper-pro .inner-pro {
  margin-left: 0%;
}

#slide2-pro:checked ~ .slider-wrapper-pro .inner-pro {
  margin-left: -100%;
}

#slide3-pro:checked ~ .slider-wrapper-pro .inner-pro {
  margin-left: -200%;
}

#slide4-pro:checked ~ .slider-wrapper-pro .inner-pro {
  margin-left: -300%;
}

#slide5-pro:checked ~ .slider-wrapper-pro .inner-pro {
  margin-left: -400%;
}






/*---- WID .    NUMBER OF SLIDE CONFIGURATION ----*/

.wrapper-wid {
  max-width: 60em;
  margin: 1em auto;
  position: relative;
  height:auto;
  margin-bottom:100px;
  
}

input-wid {
  display: none;
}

.inner-wid {
  width: 300%;
  line-height: 0;
}

/*---- SET UP CONTROL ----*/
.slider-prev-next-control-wid {
  height: 50px;
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slider-prev-next-control-wid label {
  display: none;
  width: 40px;
  height: 40px;
  background: #c1d12f;
  opacity: 0.7;
}
.slider-prev-next-control-wid label:hover {
  opacity: 1;
}

.slider-dot-control-wid {
  position: absolute;
  width: 100%;
  bottom: 10px;
  text-align: center;
}
.slider-dot-control-wid label {
  cursor: pointer;
  border-radius: 50%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left:5px;
  margin-right:5px;
  background: #eaeaea;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.slider-dot-control-wid label:hover {
  background: #c1d12f;
  border-color: #c1d12f;
}

/* Slider Styling */
.slider-wrapper-wid {
  width: 100%;
  overflow: hidden;
  border-radius: 0px;
  
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.slider-wrapper-wid .inner-wid {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}

/*---- SET POSITION FOR SLIDE ----*/
#slide1-wid:checked ~ .slider-prev-next-control-wid label:nth-child(2)::after, #slide2-wid:checked ~ .slider-prev-next-control-wid label:nth-child(3)::after, #slide3-wid:checked ~ .slider-prev-next-control-wid label:nth-child(1)::after, #slide2-wid:checked ~ .slider-prev-next-control-wid label:nth-child(1)::after, #slide3-wid:checked ~ .slider-prev-next-control-wid label:nth-child(2)::after, #slide1-wid:checked ~ .slider-prev-next-control-wid label:nth-child(3)::after {
  font-family: rubik;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right:5%;
  padding-left:5%;
  margin: 0;
  line-height: 38px;
  font-size: 38px;
  display: block;
  color: #fff;
}

#slide1-wid:checked ~ .slider-prev-next-control-wid label:nth-child(2)::after, #slide2-wid:checked ~ .slider-prev-next-control-wid label:nth-child(3)::after, #slide3-wid:checked ~ .slider-prev-next-control-wid label:nth-child(1)::after {
  content: "+";
  padding-left: 9px;
}

#slide1-wid:checked ~ .slider-prev-next-control-wid label:nth-child(2), #slide2-wid:checked ~ .slider-prev-next-control-wid label:nth-child(3), #slide3-wid:checked ~ .slider-prev-next-control-wid label:nth-child(1) {
  display: block;
  float: right;
  margin-right: 5px;
}

#slide2-wid:checked ~ .slider-prev-next-control-wid label:nth-child(1), #slide3-wid:checked ~ .slider-prev-next-control-wid label:nth-child(2), #slide1-wid:checked ~ .slider-prev-next-control-wid label:nth-child(3) {
  display: block;
  float: left;
  margin-left: 5px;
}

#slide2-wid:checked ~ .slider-prev-next-control-wid label:nth-child(1)::after, #slide3-wid:checked ~ .slider-prev-next-control-wid label:nth-child(2)::after, #slide1-wid:checked ~ .slider-prev-next-control-wid label:nth-child(3)::after {
  content: "+";
  padding-left: 9px;
}

#slide1-wid:checked ~ .slider-dot-control-wid label:nth-child(1), #slide2-wid:checked ~ .slider-dot-control-wid label:nth-child(2), #slide3-wid:checked ~ .slider-dot-control-wid label:nth-child(3) {
  background: #c1d12f;
}

#slide1-wid:checked ~ .slider-wrapper-wid .inner-wid {
  margin-left: 0%;
}

#slide2-wid:checked ~ .slider-wrapper-wid .inner-wid {
  margin-left: -100%;
}

#slide3-wid:checked ~ .slider-wrapper-wid .inner-wid {
  margin-left: -200%;
}





/*---- RES .    NUMBER OF SLIDE CONFIGURATION ----*/

.wrapper-res {
  max-width: 60em;
  margin: 1em auto;
  position: relative;
  height:auto;
  margin-bottom:100px;
  
}

input-res {
  display: none;
}

.inner-res {
  width: 200%;
  line-height: 0;
}

/*---- SET UP CONTROL ----*/
.slider-prev-next-control-res {
  height: 50px;
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slider-prev-next-control-res label {
  display: none;
  width: 40px;
  height: 40px;
  background: #c1d12f;
  opacity: 0.7;
}
.slider-prev-next-control-res label:hover {
  opacity: 1;
}

.slider-dot-control-res {
  position: absolute;
  width: 100%;
  bottom: 10px;
  text-align: center;
}
.slider-dot-control-res label {
  cursor: pointer;
  border-radius: 50%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left:5px;
  margin-right:5px;
  background: #eaeaea;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.slider-dot-control-res label:hover {
  background: #c1d12f;
  border-color: #c1d12f;
}

/* Slider Styling */
.slider-wrapper-res {
  width: 100%;
  overflow: hidden;
  border-radius: 0px;
  
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.slider-wrapper-res .inner-res {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}

/*---- SET POSITION FOR SLIDE ----*/
#slide1-res:checked ~ .slider-prev-next-control-res label:nth-child(2)::after, #slide2-res:checked ~ .slider-prev-next-control-res label:nth-child(1)::after, #slide2-res:checked ~ .slider-prev-next-control-res label:nth-child(1)::after, #slide1-res:checked ~ .slider-prev-next-control-res label:nth-child(2)::after {
  font-family: rubik;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right:5%;
  padding-left:5%;
  margin: 0;
  line-height: 38px;
  font-size: 38px;
  display: block;
  color: #fff;
}

#slide1-res:checked ~ .slider-prev-next-control-res label:nth-child(2)::after, #slide2-res:checked ~ .slider-prev-next-control-res label:nth-child(1)::after {
  content: "+";
  padding-left: 9px;
}

#slide1-res:checked ~ .slider-prev-next-control-res label:nth-child(2), #slide2-res:checked ~ .slider-prev-next-control-res label:nth-child(1) {
  display: block;
  float: right;
  margin-right: 5px;
}

#slide2-res:checked ~ .slider-prev-next-control-res label:nth-child(1), #slide1-res:checked ~ .slider-prev-next-control-res label:nth-child(2) {
  display: block;
  float: left;
  margin-left: 5px;
}

#slide2-res:checked ~ .slider-prev-next-control-res label:nth-child(1)::after, #slide1-res:checked ~ .slider-prev-next-control-res label:nth-child(1)::after {
  content: "+";
  padding-left: 9px;
}

#slide1-res:checked ~ .slider-dot-control-res label:nth-child(1), #slide2-res:checked ~ .slider-dot-control-res label:nth-child(2) {
  background: #c1d12f;
}

#slide1-res:checked ~ .slider-wrapper-res .inner-res {
  margin-left: 0%;
}

#slide2-res:checked ~ .slider-wrapper-res .inner-res {
  margin-left: -100%;
}






/*---- HND .    NUMBER OF SLIDE CONFIGURATION ----*/

.wrapper-hnd {
  max-width: 60em;
  margin: 1em auto;
  position: relative;
  height:auto;
  margin-bottom:100px;
  
}

input-hnd {
  display: none;
}

.inner-hnd {
  width: 300%;
  line-height: 0;
}

/*---- SET UP CONTROL ----*/
.slider-prev-next-control-hnd {
  height: 50px;
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slider-prev-next-control-hnd label {
  display: none;
  width: 40px;
  height: 40px;
  background: #c1d12f;
  opacity: 0.7;
}
.slider-prev-next-control-hnd label:hover {
  opacity: 1;
}

.slider-dot-control-hnd {
  position: absolute;
  width: 100%;
  bottom: 10px;
  text-align: center;
}
.slider-dot-control-hnd label {
  cursor: pointer;
  border-radius: 50%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left:5px;
  margin-right:5px;
  background: #eaeaea;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.slider-dot-control-hnd label:hover {
  background: #c1d12f;
  border-color: #c1d12f;
}

/* Slider Styling */
.slider-wrapper-hnd {
  width: 100%;
  overflow: hidden;
  border-radius: 0px;
  
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.slider-wrapper-hnd .inner-hnd {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}

/*---- SET POSITION FOR SLIDE ----*/
#slide1-hnd:checked ~ .slider-prev-next-control-hnd label:nth-child(2)::after, #slide2-hnd:checked ~ .slider-prev-next-control-hnd label:nth-child(3)::after, #slide3-hnd:checked ~ .slider-prev-next-control-hnd label:nth-child(1)::after, #slide2-hnd:checked ~ .slider-prev-next-control-hnd label:nth-child(1)::after, #slide3-hnd:checked ~ .slider-prev-next-control-hnd label:nth-child(2)::after, #slide1-hnd:checked ~ .slider-prev-next-control-hnd label:nth-child(3)::after {
  font-family: rubik;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right:5%;
  padding-left:5%;
  margin: 0;
  line-height: 38px;
  font-size: 38px;
  display: block;
  color: #fff;
}

#slide1-hnd:checked ~ .slider-prev-next-control-hnd label:nth-child(2)::after, #slide2-hnd:checked ~ .slider-prev-next-control-hnd label:nth-child(3)::after, #slide3-hnd:checked ~ .slider-prev-next-control-hnd label:nth-child(1)::after {
  content: "+";
  padding-left: 9px;
}

#slide1-hnd:checked ~ .slider-prev-next-control-hnd label:nth-child(2), #slide2-hnd:checked ~ .slider-prev-next-control-hnd label:nth-child(3), #slide3-hnd:checked ~ .slider-prev-next-control-hnd label:nth-child(1) {
  display: block;
  float: right;
  margin-right: 5px;
}

#slide2-hnd:checked ~ .slider-prev-next-control-hnd label:nth-child(1), #slide3-hnd:checked ~ .slider-prev-next-control-hnd label:nth-child(2), #slide1-hnd:checked ~ .slider-prev-next-control-hnd label:nth-child(3) {
  display: block;
  float: left;
  margin-left: 5px;
}

#slide2-hnd:checked ~ .slider-prev-next-control-hnd label:nth-child(1)::after, #slide3-hnd:checked ~ .slider-prev-next-control-hnd label:nth-child(2)::after, #slide1-hnd:checked ~ .slider-prev-next-control-hnd label:nth-child(3)::after {
  content: "+";
  padding-left: 9px;
}

#slide1-hnd:checked ~ .slider-dot-control-hnd label:nth-child(1), #slide2-hnd:checked ~ .slider-dot-control-hnd label:nth-child(2), #slide3-hnd:checked ~ .slider-dot-control-hnd label:nth-child(3) {
  background: #c1d12f;
}

#slide1-hnd:checked ~ .slider-wrapper-hnd .inner-hnd {
  margin-left: 0%;
}

#slide2-hnd:checked ~ .slider-wrapper-hnd .inner-hnd {
  margin-left: -100%;
}

#slide3-hnd:checked ~ .slider-wrapper-hnd .inner-hnd {
  margin-left: -200%;
}





/*---- BH5 .    NUMBER OF SLIDE CONFIGURATION ----*/

.wrapper-bh5 {
  max-width: 60em;
  margin: 1em auto;
  position: relative;
  height:auto;
  margin-bottom:100px;
  
}

input-bh5 {
  display: none;
}

.inner-bh5 {
  width: 500%;
  line-height: 0;
}

/*---- SET UP CONTROL ----*/
.slider-prev-next-control-bh5 {
  height: 50px;
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slider-prev-next-control-bh5 label {
  display: none;
  width: 40px;
  height: 40px;
  background: #c1d12f;
  opacity: 0.7;
}
.slider-prev-next-control-bh5 label:hover {
  opacity: 1;
}

.slider-dot-control-bh5 {
  position: absolute;
  width: 100%;
  bottom: 10px;
  text-align: center;
}
.slider-dot-control-bh5 label {
  cursor: pointer;
  border-radius: 50%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left:5px;
  margin-right:5px;
  background: #eaeaea;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.slider-dot-control-bh5 label:hover {
  background: #c1d12f;
  border-color: #c1d12f;
}

/* Slider Styling */
.slider-wrapper-bh5 {
  width: 100%;
  overflow: hidden;
  border-radius: 0px;
  
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.slider-wrapper-bh5 .inner-bh5 {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}

/*---- SET POSITION FOR SLIDE ----*/
#slide1-bh5:checked ~ .slider-prev-next-control-bh5 label:nth-child(2)::after, #slide2-bh5:checked ~ .slider-prev-next-control-bh5 label:nth-child(3)::after, #slide3-bh5:checked ~ .slider-prev-next-control-bh5 label:nth-child(4)::after, #slide4-bh5:checked ~ .slider-prev-next-control-bh5 label:nth-child(5)::after, #slide5-bh5:checked ~ .slider-prev-next-control-bh5 label:nth-child(1)::after, #slide2-bh5:checked ~ .slider-prev-next-control-bh5 label:nth-child(1)::after, #slide3-bh5:checked ~ .slider-prev-next-control-bh5 label:nth-child(2)::after, #slide4-bh5:checked ~ .slider-prev-next-control-bh5 label:nth-child(3)::after, #slide5-bh5:checked ~ .slider-prev-next-control-bh5 label:nth-child(4)::after, #slide1-bh5:checked ~ .slider-prev-next-control-bh5 label:nth-child(5)::after {
  font-family: rubik;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right:5%;
  padding-left:5%;
  margin: 0;
  line-height: 38px;
  font-size: 38px;
  display: block;
  color: #fff;
}

#slide1-bh5:checked ~ .slider-prev-next-control-bh5 label:nth-child(2)::after, #slide2-bh5:checked ~ .slider-prev-next-control-bh5 label:nth-child(3)::after, #slide3-bh5:checked ~ .slider-prev-next-control-bh5 label:nth-child(4)::after, #slide4-bh5:checked ~ .slider-prev-next-control-bh5 label:nth-child(5)::after, #slide5-bh5:checked ~ .slider-prev-next-control-bh5 label:nth-child(1)::after {
  content: "+";
  padding-left: 9px;
}

#slide1-bh5:checked ~ .slider-prev-next-control-bh5 label:nth-child(2), #slide2-bh5:checked ~ .slider-prev-next-control-bh5 label:nth-child(3), #slide3-bh5:checked ~ .slider-prev-next-control-bh5 label:nth-child(4), #slide4-bh5:checked ~ .slider-prev-next-control-bh5 label:nth-child(5), #slide5-bh5:checked ~ .slider-prev-next-control-bh5 label:nth-child(1) {
  display: block;
  float: right;
  margin-right: 5px;
}

#slide2-bh5:checked ~ .slider-prev-next-control-bh5 label:nth-child(1), #slide3-bh5:checked ~ .slider-prev-next-control-bh5 label:nth-child(2), #slide4-bh5:checked ~ .slider-prev-next-control-bh5 label:nth-child(3), #slide5-bh5:checked ~ .slider-prev-next-control-bh5 label:nth-child(4), #slide1-bh5:checked ~ .slider-prev-next-control-bh5 label:nth-child(5) {
  display: block;
  float: left;
  margin-left: 5px;
}

#slide2-bh5:checked ~ .slider-prev-next-control-bh5 label:nth-child(1)::after, #slide3-bh5:checked ~ .slider-prev-next-control-bh5 label:nth-child(2)::after, #slide4-bh5:checked ~ .slider-prev-next-control-bh5 label:nth-child(3)::after, #slide5-bh5:checked ~ .slider-prev-next-control-bh5 label:nth-child(4)::after, #slide1-bh5:checked ~ .slider-prev-next-control-bh5 label:nth-child(5)::after {
  content: "+";
  padding-left: 9px;
}

#slide1-bh5:checked ~ .slider-dot-control-bh5 label:nth-child(1), #slide2-bh5:checked ~ .slider-dot-control-bh5 label:nth-child(2), #slide3-bh5:checked ~ .slider-dot-control-bh5 label:nth-child(3), #slide4-bh5:checked ~ .slider-dot-control-bh5 label:nth-child(4), #slide5-bh5:checked ~ .slider-dot-control-bh5 label:nth-child(5) {
  background: #c1d12f;
}

#slide1-bh5:checked ~ .slider-wrapper-bh5 .inner-bh5 {
  margin-left: 0%;
}

#slide2-bh5:checked ~ .slider-wrapper-bh5 .inner-bh5 {
  margin-left: -100%;
}

#slide3-bh5:checked ~ .slider-wrapper-bh5 .inner-bh5 {
  margin-left: -200%;
}

#slide4-bh5:checked ~ .slider-wrapper-bh5 .inner-bh5 {
  margin-left: -300%;
}

#slide5-bh5:checked ~ .slider-wrapper-bh5 .inner-bh5 {
  margin-left: -400%;
}






/*---- BH2 .    NUMBER OF SLIDE CONFIGURATION ----*/

.wrapper-bh2 {
  max-width: 60em;
  margin: 1em auto;
  position: relative;
  height:auto;
  margin-bottom:100px;
  
}

input-bh2 {
  display: none;
}

.inner-bh2 {
  width: 200%;
  line-height: 0;
}

/*---- SET UP CONTROL ----*/
.slider-prev-next-control-bh2 {
  height: 50px;
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slider-prev-next-control-bh2 label {
  display: none;
  width: 40px;
  height: 40px;
  background: #c1d12f;
  opacity: 0.7;
}
.slider-prev-next-control-bh2 label:hover {
  opacity: 1;
}

.slider-dot-control-bh2 {
  position: absolute;
  width: 100%;
  bottom: 10px;
  text-align: center;
}
.slider-dot-control-bh2 label {
  cursor: pointer;
  border-radius: 50%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left:5px;
  margin-right:5px;
  background: #eaeaea;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.slider-dot-control-bh2 label:hover {
  background: #c1d12f;
  border-color: #c1d12f;
}

/* Slider Styling */
.slider-wrapper-bh2 {
  width: 100%;
  overflow: hidden;
  border-radius: 0px;
  
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.slider-wrapper-bh2 .inner-bh2 {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}

/*---- SET POSITION FOR SLIDE ----*/
#slide1-bh2:checked ~ .slider-prev-next-control-bh2 label:nth-child(2)::after, #slide2-bh2:checked ~ .slider-prev-next-control-bh2 label:nth-child(1)::after, #slide2-bh2:checked ~ .slider-prev-next-control-bh2 label:nth-child(1)::after, #slide1-bh2:checked ~ .slider-prev-next-control-bh2 label:nth-child(2)::after {
  font-family: rubik;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right:5%;
  padding-left:5%;
  margin: 0;
  line-height: 38px;
  font-size: 38px;
  display: block;
  color: #fff;
}

#slide1-bh2:checked ~ .slider-prev-next-control-bh2 label:nth-child(2)::after, #slide2-bh2:checked ~ .slider-prev-next-control-bh2 label:nth-child(1)::after {
  content: "+";
  padding-left: 9px;
}

#slide1-bh2:checked ~ .slider-prev-next-control-bh2 label:nth-child(2), #slide2-bh2:checked ~ .slider-prev-next-control-bh2 label:nth-child(1) {
  display: block;
  float: right;
  margin-right: 5px;
}

#slide2-bh2:checked ~ .slider-prev-next-control-bh2 label:nth-child(1), #slide1-bh2:checked ~ .slider-prev-next-control-bh2 label:nth-child(1) {
  display: block;
  float: left;
  margin-left: 5px;
}

#slide2-bh2:checked ~ .slider-prev-next-control-bh2 label:nth-child(1)::after, #slide1-bh2:checked ~ .slider-prev-next-control-bh2 label:nth-child(1)::after {
  content: "+";
  padding-left: 9px;
}

#slide1-bh2:checked ~ .slider-dot-control-bh2 label:nth-child(1), #slide2-bh2:checked ~ .slider-dot-control-bh2 label:nth-child(2) {
  background: #c1d12f;
}

#slide1-bh2:checked ~ .slider-wrapper-bh2 .inner-bh2 {
  margin-left: 0%;
}

#slide2-bh2:checked ~ .slider-wrapper-bh2 .inner-bh2 {
  margin-left: -100%;
}





/*---- LOG .    NUMBER OF SLIDE CONFIGURATION ----*/

.wrapper-log {
  max-width: 60em;
  margin: 1em auto;
  position: relative;
  height:auto;
  margin-bottom:100px;
  
}

input-log {
  display: none;
}

.inner-log {
  width: 800%;
  line-height: 0;
}

/*---- SET UP CONTROL ----*/
.slider-prev-next-control-log {
  height: 50px;
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slider-prev-next-control-log label {
  display: none;
  width: 40px;
  height: 40px;
  background: #c1d12f;
  opacity: 0.7;
}
.slider-prev-next-control-log label:hover {
  opacity: 1;
}

.slider-dot-control-log {
  position: absolute;
  width: 100%;
  bottom: 10px;
  text-align: center;
}
.slider-dot-control-log label {
  cursor: pointer;
  border-radius: 50%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left:5px;
  margin-right:5px;
  background: #eaeaea;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.slider-dot-control-log label:hover {
  background: #c1d12f;
  border-color: #c1d12f;
}

/* Slider Styling */
.slider-wrapper-log {
  width: 100%;
  overflow: hidden;
  border-radius: 0px;
  
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.slider-wrapper-log .inner-log {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}

/*---- SET POSITION FOR SLIDE ----*/
#slide1-log:checked ~ .slider-prev-next-control-log label:nth-child(2)::after, #slide2-log:checked ~ .slider-prev-next-control-log label:nth-child(3)::after, #slide3-log:checked ~ .slider-prev-next-control-log label:nth-child(4)::after, #slide4-log:checked ~ .slider-prev-next-control-log label:nth-child(5)::after, #slide5-log:checked ~ .slider-prev-next-control-log label:nth-child(6)::after, #slide6-log:checked ~ .slider-prev-next-control-log label:nth-child(7)::after, #slide7-log:checked ~ .slider-prev-next-control-log label:nth-child(8)::after, #slide8-log:checked ~ .slider-prev-next-control-log label:nth-child(1)::after, #slide2-log:checked ~ .slider-prev-next-control-log label:nth-child(1)::after, #slide3-log:checked ~ .slider-prev-next-control-log label:nth-child(2)::after, #slide4-log:checked ~ .slider-prev-next-control-log label:nth-child(3)::after, #slide5-log:checked ~ .slider-prev-next-control-log label:nth-child(4)::after, #slide6-log:checked ~ .slider-prev-next-control-log label:nth-child(5)::after, #slide7-log:checked ~ .slider-prev-next-control-log label:nth-child(6)::after, #slide8-log:checked ~ .slider-prev-next-control-log label:nth-child(7)::after, #slide1-log:checked ~ .slider-prev-next-control-log label:nth-child(8)::after {
  font-family: rubik;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right:5%;
  padding-left:5%;
  margin: 0;
  line-height: 38px;
  font-size: 38px;
  display: block;
  color: #fff;
}

#slide1-log:checked ~ .slider-prev-next-control-log label:nth-child(2)::after, #slide2-log:checked ~ .slider-prev-next-control-log label:nth-child(3)::after, #slide3-log:checked ~ .slider-prev-next-control-log label:nth-child(4)::after, #slide4-log:checked ~ .slider-prev-next-control-log label:nth-child(5)::after, #slide5-log:checked ~ .slider-prev-next-control-log label:nth-child(5)::after, #slide6-log:checked ~ .slider-prev-next-control-log label:nth-child(7)::after, #slide7-log:checked ~ .slider-prev-next-control-log label:nth-child(8)::after, #slide8-log:checked ~ .slider-prev-next-control-log label:nth-child(1)::after {
  content: "+";
  padding-left: 9px;
}

#slide1-log:checked ~ .slider-prev-next-control-log label:nth-child(2), #slide2-log:checked ~ .slider-prev-next-control-log label:nth-child(3), #slide3-log:checked ~ .slider-prev-next-control-log label:nth-child(4), #slide4-log:checked ~ .slider-prev-next-control-log label:nth-child(5), #slide5-log:checked ~ .slider-prev-next-control-log label:nth-child(6), #slide6-log:checked ~ .slider-prev-next-control-log label:nth-child(7), #slide7-log:checked ~ .slider-prev-next-control-log label:nth-child(8), #slide8-log:checked ~ .slider-prev-next-control-log label:nth-child(1) {
  display: block;
  float: right;
  margin-right: 5px;
}

#slide2-log:checked ~ .slider-prev-next-control-log label:nth-child(1), #slide3-log:checked ~ .slider-prev-next-control-log label:nth-child(2), #slide4-log:checked ~ .slider-prev-next-control-log label:nth-child(3), #slide5-log:checked ~ .slider-prev-next-control-log label:nth-child(4), #slide6-log:checked ~ .slider-prev-next-control-log label:nth-child(5), #slide7-log:checked ~ .slider-prev-next-control-log label:nth-child(6), #slide8-log:checked ~ .slider-prev-next-control-log label:nth-child(7), #slide1-log:checked ~ .slider-prev-next-control-log label:nth-child(8) {
  display: block;
  float: left;
  margin-left: 5px;
}

#slide2-log:checked ~ .slider-prev-next-control-log label:nth-child(1)::after, #slide3-log:checked ~ .slider-prev-next-control-log label:nth-child(2)::after, #slide4-log:checked ~ .slider-prev-next-control-log label:nth-child(3)::after, #slide5-log:checked ~ .slider-prev-next-control-log label:nth-child(4)::after, #slide6-log:checked ~ .slider-prev-next-control-log label:nth-child(5)::after, #slide7-log:checked ~ .slider-prev-next-control-log label:nth-child(6)::after , #slide8-log:checked ~ .slider-prev-next-control-log label:nth-child(7)::after, #slide1-log:checked ~ .slider-prev-next-control-log label:nth-child(8)::after {
  content: "+";
  padding-left: 9px;
}

#slide1-log:checked ~ .slider-dot-control-log label:nth-child(1), #slide2-log:checked ~ .slider-dot-control-log label:nth-child(2), #slide3-log:checked ~ .slider-dot-control-log label:nth-child(3), #slide4-log:checked ~ .slider-dot-control-log label:nth-child(4), #slide5-log:checked ~ .slider-dot-control-log label:nth-child(5), #slide6-log:checked ~ .slider-dot-control-log label:nth-child(6), #slide7-log:checked ~ .slider-dot-control-log label:nth-child(7), #slide8-log:checked ~ .slider-dot-control-log label:nth-child(8) {
  background: #c1d12f;
}

#slide1-log:checked ~ .slider-wrapper-log .inner-log {
  margin-left: 0%;
}

#slide2-log:checked ~ .slider-wrapper-log .inner-log {
  margin-left: -100%;
}

#slide3-log:checked ~ .slider-wrapper-log .inner-log {
  margin-left: -200%;
}

#slide4-log:checked ~ .slider-wrapper-log .inner-log {
  margin-left: -300%;
}

#slide5-log:checked ~ .slider-wrapper-log .inner-log {
  margin-left: -400%;
}

#slide6-log:checked ~ .slider-wrapper-log .inner-log {
  margin-left: -500%;
}

#slide7-log:checked ~ .slider-wrapper-log .inner-log {
  margin-left: -600%;
}

#slide8-log:checked ~ .slider-wrapper-log .inner-log {
  margin-left: -700%;
}





/*---- DRW .    NUMBER OF SLIDE CONFIGURATION ----*/

.wrapper-drw {
  max-width: 60em;
  margin: 1em auto;
  position: relative;
  height:auto;
  margin-bottom:100px;
  
}

input-drw {
  display: none;
}

.inner-drw {
  width: 2500%;
  line-height: 0;
}

/*---- SET UP CONTROL ----*/
.slider-prev-next-control-drw {
  height: 50px;
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slider-prev-next-control-drw label {
  display: none;
  width: 40px;
  height: 40px;
  background: #c1d12f;
  opacity: 0.7;
}
.slider-prev-next-control-drw label:hover {
  opacity: 1;
}

.slider-dot-control-drw {
  position: absolute;
  width: 100%;
  bottom: 10px;
  text-align: center;
}
.slider-dot-control-drw label {
  cursor: pointer;
  border-radius: 50%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left:5px;
  margin-right:5px;
  background: #eaeaea;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.slider-dot-control-drw label:hover {
  background: #c1d12f;
  border-color: #c1d12f;
}

/* Slider Styling */
.slider-wrapper-drw {
  width: 100%;
  overflow: hidden;
  border-radius: 0px;
  
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.slider-wrapper-drw .inner-drw {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}

/*---- SET POSITION FOR SLIDE ----*/
#slide1-drw:checked ~ .slider-prev-next-control-drw label:nth-child(2)::after, #slide2-drw:checked ~ .slider-prev-next-control-drw label:nth-child(3)::after, #slide3-drw:checked ~ .slider-prev-next-control-drw label:nth-child(4)::after, #slide4-drw:checked ~ .slider-prev-next-control-drw label:nth-child(5)::after, #slide5-drw:checked ~ .slider-prev-next-control-drw label:nth-child(6)::after, #slide6-drw:checked ~ .slider-prev-next-control-drw label:nth-child(7)::after, #slide7-drw:checked ~ .slider-prev-next-control-drw label:nth-child(8)::after, #slide8-drw:checked ~ .slider-prev-next-control-drw label:nth-child(9)::after, #slide9-drw:checked ~ .slider-prev-next-control-drw label:nth-child(10)::after, #slide10-drw:checked ~ .slider-prev-next-control-drw label:nth-child(11)::after, #slide11-drw:checked ~ .slider-prev-next-control-drw label:nth-child(12)::after, #slide12-drw:checked ~ .slider-prev-next-control-drw label:nth-child(13)::after, #slide13-drw:checked ~ .slider-prev-next-control-drw label:nth-child(14)::after, #slide14-drw:checked ~ .slider-prev-next-control-drw label:nth-child(15)::after, #slide15-drw:checked ~ .slider-prev-next-control-drw label:nth-child(16)::after, #slide16-drw:checked ~ .slider-prev-next-control-drw label:nth-child(17)::after, #slide17-drw:checked ~ .slider-prev-next-control-drw label:nth-child(18)::after, #slide18-drw:checked ~ .slider-prev-next-control-drw label:nth-child(19)::after, #slide19-drw:checked ~ .slider-prev-next-control-drw label:nth-child(20)::after, #slide20-drw:checked ~ .slider-prev-next-control-drw label:nth-child(21)::after, #slide21-drw:checked ~ .slider-prev-next-control-drw label:nth-child(22)::after, #slide22-drw:checked ~ .slider-prev-next-control-drw label:nth-child(23)::after, #slide23-drw:checked ~ .slider-prev-next-control-drw label:nth-child(24)::after, #slide24-drw:checked ~ .slider-prev-next-control-drw label:nth-child(25)::after, #slide25-drw:checked ~ .slider-prev-next-control-drw label:nth-child(1)::after, #slide2-drw:checked ~ .slider-prev-next-control-drw label:nth-child(1)::after, #slide3-drw:checked ~ .slider-prev-next-control-drw label:nth-child(2)::after, #slide4-drw:checked ~ .slider-prev-next-control-drw label:nth-child(3)::after, #slide5-drw:checked ~ .slider-prev-next-control-drw label:nth-child(4)::after, #slide6-drw:checked ~ .slider-prev-next-control-drw label:nth-child(5)::after, #slide7-drw:checked ~ .slider-prev-next-control-drw label:nth-child(6)::after, #slide8-drw:checked ~ .slider-prev-next-control-drw label:nth-child(7)::after, #slide9-drw:checked ~ .slider-prev-next-control-drw label:nth-child(8)::after, #slide10-drw:checked ~ .slider-prev-next-control-drw label:nth-child(9)::after, #slide11-drw:checked ~ .slider-prev-next-control-drw label:nth-child(10)::after, #slide12-drw:checked ~ .slider-prev-next-control-drw label:nth-child(11)::after, #slide13-drw:checked ~ .slider-prev-next-control-drw label:nth-child(12)::after, #slide14-drw:checked ~ .slider-prev-next-control-drw label:nth-child(13)::after, #slide15-drw:checked ~ .slider-prev-next-control-drw label:nth-child(14)::after, #slide16-drw:checked ~ .slider-prev-next-control-drw label:nth-child(15)::after, #slide17-drw:checked ~ .slider-prev-next-control-drw label:nth-child(16)::after, #slide18-drw:checked ~ .slider-prev-next-control-drw label:nth-child(17)::after, #slide19-drw:checked ~ .slider-prev-next-control-drw label:nth-child(18)::after, #slide20-drw:checked ~ .slider-prev-next-control-drw label:nth-child(19)::after, #slide21-drw:checked ~ .slider-prev-next-control-drw label:nth-child(20)::after, #slide22-drw:checked ~ .slider-prev-next-control-drw label:nth-child(21)::after, #slide23-drw:checked ~ .slider-prev-next-control-drw label:nth-child(22)::after, #slide24-drw:checked ~ .slider-prev-next-control-drw label:nth-child(23)::after, #slide25-drw:checked ~ .slider-prev-next-control-drw label:nth-child(24)::after, #slide1-drw:checked ~ .slider-prev-next-control-drw label:nth-child(25)::after {
  font-family: rubik;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right:5%;
  padding-left:5%;
  margin: 0;
  line-height: 38px;
  font-size: 38px;
  display: block;
  color: #fff;
}

#slide1-drw:checked ~ .slider-prev-next-control-drw label:nth-child(2)::after, #slide2-drw:checked ~ .slider-prev-next-control-drw label:nth-child(3)::after, #slide3-drw:checked ~ .slider-prev-next-control-drw label:nth-child(4)::after, #slide4-drw:checked ~ .slider-prev-next-control-drw label:nth-child(5)::after, #slide5-drw:checked ~ .slider-prev-next-control-drw label:nth-child(6)::after, #slide6-drw:checked ~ .slider-prev-next-control-drw label:nth-child(7)::after, #slide7-drw:checked ~ .slider-prev-next-control-drw label:nth-child(8)::after, #slide8-drw:checked ~ .slider-prev-next-control-drw label:nth-child(9)::after, #slide9-drw:checked ~ .slider-prev-next-control-drw label:nth-child(10)::after, #slide10-drw:checked ~ .slider-prev-next-control-drw label:nth-child(11)::after, #slide11-drw:checked ~ .slider-prev-next-control-drw label:nth-child(12)::after, #slide12-drw:checked ~ .slider-prev-next-control-drw label:nth-child(13)::after, #slide13-drw:checked ~ .slider-prev-next-control-drw label:nth-child(14)::after, #slide14-drw:checked ~ .slider-prev-next-control-drw label:nth-child(15)::after, #slide15-drw:checked ~ .slider-prev-next-control-drw label:nth-child(16)::after, #slide16-drw:checked ~ .slider-prev-next-control-drw label:nth-child(17)::after, #slide17-drw:checked ~ .slider-prev-next-control-drw label:nth-child(18)::after, #slide18-drw:checked ~ .slider-prev-next-control-drw label:nth-child(19)::after, #slide19-drw:checked ~ .slider-prev-next-control-drw label:nth-child(20)::after, #slide20-drw:checked ~ .slider-prev-next-control-drw label:nth-child(21)::after, #slide21-drw:checked ~ .slider-prev-next-control-drw label:nth-child(22)::after, #slide22-drw:checked ~ .slider-prev-next-control-drw label:nth-child(23)::after, #slide23-drw:checked ~ .slider-prev-next-control-drw label:nth-child(24)::after, #slide24-drw:checked ~ .slider-prev-next-control-drw label:nth-child(25)::after, #slide25-drw:checked ~ .slider-prev-next-control-drw label:nth-child(1)::after {
  content: "+";
  padding-left: 9px;
}

#slide1-drw:checked ~ .slider-prev-next-control-drw label:nth-child(2), #slide2-drw:checked ~ .slider-prev-next-control-drw label:nth-child(3), #slide3-drw:checked ~ .slider-prev-next-control-drw label:nth-child(4), #slide4-drw:checked ~ .slider-prev-next-control-drw label:nth-child(5), #slide5-drw:checked ~ .slider-prev-next-control-drw label:nth-child(6), #slide6-drw:checked ~ .slider-prev-next-control-drw label:nth-child(7), #slide7-drw:checked ~ .slider-prev-next-control-drw label:nth-child(8), #slide8-drw:checked ~ .slider-prev-next-control-drw label:nth-child(9), #slide9-drw:checked ~ .slider-prev-next-control-drw label:nth-child(10), #slide10-drw:checked ~ .slider-prev-next-control-drw label:nth-child(11), #slide11-drw:checked ~ .slider-prev-next-control-drw label:nth-child(12), #slide12-drw:checked ~ .slider-prev-next-control-drw label:nth-child(13), #slide13-drw:checked ~ .slider-prev-next-control-drw label:nth-child(14), #slide14-drw:checked ~ .slider-prev-next-control-drw label:nth-child(15), #slide15-drw:checked ~ .slider-prev-next-control-drw label:nth-child(16), #slide16-drw:checked ~ .slider-prev-next-control-drw label:nth-child(17), #slide17-drw:checked ~ .slider-prev-next-control-drw label:nth-child(18), #slide18-drw:checked ~ .slider-prev-next-control-drw label:nth-child(19), #slide19-drw:checked ~ .slider-prev-next-control-drw label:nth-child(20), #slide20-drw:checked ~ .slider-prev-next-control-drw label:nth-child(21), #slide21-drw:checked ~ .slider-prev-next-control-drw label:nth-child(22), #slide22-drw:checked ~ .slider-prev-next-control-drw label:nth-child(23), #slide23-drw:checked ~ .slider-prev-next-control-drw label:nth-child(24), #slide24-drw:checked ~ .slider-prev-next-control-drw label:nth-child(25), #slide25-drw:checked ~ .slider-prev-next-control-drw label:nth-child(1) {
  display: block;
  float: right;
  margin-right: 5px;
}

#slide2-drw:checked ~ .slider-prev-next-control-drw label:nth-child(1), #slide3-drw:checked ~ .slider-prev-next-control-drw label:nth-child(2), #slide4-drw:checked ~ .slider-prev-next-control-drw label:nth-child(3), #slide5-drw:checked ~ .slider-prev-next-control-drw label:nth-child(4), #slide6-drw:checked ~ .slider-prev-next-control-drw label:nth-child(5), #slide7-drw:checked ~ .slider-prev-next-control-drw label:nth-child(6), #slide8-drw:checked ~ .slider-prev-next-control-drw label:nth-child(7), #slide9-drw:checked ~ .slider-prev-next-control-drw label:nth-child(8), #slide10-drw:checked ~ .slider-prev-next-control-drw label:nth-child(9), #slide11-drw:checked ~ .slider-prev-next-control-drw label:nth-child(10), #slide12-drw:checked ~ .slider-prev-next-control-drw label:nth-child(11), #slide13-drw:checked ~ .slider-prev-next-control-drw label:nth-child(12), #slide14-drw:checked ~ .slider-prev-next-control-drw label:nth-child(13), #slide15-drw:checked ~ .slider-prev-next-control-drw label:nth-child(14), #slide16-drw:checked ~ .slider-prev-next-control-drw label:nth-child(15), #slide17-drw:checked ~ .slider-prev-next-control-drw label:nth-child(16), #slide18-drw:checked ~ .slider-prev-next-control-drw label:nth-child(17), #slide19:checked ~ .slider-prev-next-control-drw label:nth-child(18), #slide20-drw:checked ~ .slider-prev-next-control-drw label:nth-child(19), #slide21-drw:checked ~ .slider-prev-next-control-drw label:nth-child(20),#slide22-drw:checked ~ .slider-prev-next-control-drw label:nth-child(21),#slide23-drw:checked ~ .slider-prev-next-control-drw label:nth-child(22),#slide24-drw:checked ~ .slider-prev-next-control-drw label:nth-child(23),#slide25-drw:checked ~ .slider-prev-next-control-drw label:nth-child(24), #slide1-drw:checked ~ .slider-prev-next-control-drw label:nth-child(25) {
  display: block;
  float: left;
  margin-left: 5px;
}

#slide2-drw:checked ~ .slider-prev-next-control-drw label:nth-child(1)::after, #slide3-drw:checked ~ .slider-prev-next-control-drw label:nth-child(2)::after, #slide4-drw:checked ~ .slider-prev-next-control-drw label:nth-child(3)::after, #slide5-drw:checked ~ .slider-prev-next-control-drw label:nth-child(4)::after, #slide6-drw:checked ~ .slider-prev-next-control-drw label:nth-child(5)::after, #slide7-drw:checked ~ .slider-prev-next-control-drw label:nth-child(6)::after, #slide8-drw:checked ~ .slider-prev-next-control-drw label:nth-child(7)::after, #slide9-drw:checked ~ .slider-prev-next-control-drw label:nth-child(8)::after, #slide10-drw:checked ~ .slider-prev-next-control-drw label:nth-child(9)::after, #slide11-drw:checked ~ .slider-prev-next-control-drw label:nth-child(10)::after, #slide12-drw:checked ~ .slider-prev-next-control-drw label:nth-child(11)::after, #slide13-drw:checked ~ .slider-prev-next-control-drw label:nth-child(12)::after, #slide14-drw:checked ~ .slider-prev-next-control-drw label:nth-child(13)::after, #slide15-drw:checked ~ .slider-prev-next-control-drw label:nth-child(14)::after, #slide16-drw:checked ~ .slider-prev-next-control-drw label:nth-child(15)::after, #slide17-drw:checked ~ .slider-prev-next-control-drw label:nth-child(16)::after, #slide18-drw:checked ~ .slider-prev-next-control-drw label:nth-child(17)::after, #slide19-drw:checked ~ .slider-prev-next-control-drw label:nth-child(18)::after, #slide20-drw:checked ~ .slider-prev-next-control-drw label:nth-child(19)::after, #slide21-drw:checked ~ .slider-prev-next-control-drw label:nth-child(20)::after, #slide22-drw:checked ~ .slider-prev-next-control-drw label:nth-child(21)::after, #slide23-drw:checked ~ .slider-prev-next-control-drw label:nth-child(22)::after, #slide24-drw:checked ~ .slider-prev-next-control-drw label:nth-child(23)::after, #slide25-drw:checked ~ .slider-prev-next-control-drw label:nth-child(24)::after, #slide1-drw:checked ~ .slider-prev-next-control-drw label:nth-child(25)::after {
  content: "+";
  padding-left: 9px;
}

#slide1-drw:checked ~ .slider-dot-control-drw label:nth-child(1), #slide2-drw:checked ~ .slider-dot-control-drw label:nth-child(2), #slide3-drw:checked ~ .slider-dot-control-drw label:nth-child(3), #slide4-drw:checked ~ .slider-dot-control-drw label:nth-child(4), #slide5-drw:checked ~ .slider-dot-control-drw label:nth-child(5), #slide6-drw:checked ~ .slider-dot-control-drw label:nth-child(6), #slide7-drw:checked ~ .slider-dot-control-drw label:nth-child(7), #slide8-drw:checked ~ .slider-dot-control-drw label:nth-child(8), #slide9-drw:checked ~ .slider-dot-control-drw label:nth-child(9), #slide10-drw:checked ~ .slider-dot-control-drw label:nth-child(10), #slide11-drw:checked ~ .slider-dot-control-drw label:nth-child(11), #slide12-drw:checked ~ .slider-dot-control-drw label:nth-child(12), #slide13-drw:checked ~ .slider-dot-control-drw label:nth-child(13), #slide14-drw:checked ~ .slider-dot-control-drw label:nth-child(14), #slide15-drw:checked ~ .slider-dot-control-drw label:nth-child(15), #slide16-drw:checked ~ .slider-dot-control-drw label:nth-child(16), #slide17-drw:checked ~ .slider-dot-control-drw label:nth-child(17), #slide18-drw:checked ~ .slider-dot-control-drw label:nth-child(18), #slide19-drw:checked ~ .slider-dot-control-drw label:nth-child(19), #slide20-drw:checked ~ .slider-dot-control-drw label:nth-child(20), #slide21-drw:checked ~ .slider-dot-control-drw label:nth-child(21), #slide22-drw:checked ~ .slider-dot-control-drw label:nth-child(22), #slide23-drw:checked ~ .slider-dot-control-drw label:nth-child(23), #slide24-drw:checked ~ .slider-dot-control-drw label:nth-child(24), #slide25-drw:checked ~ .slider-dot-control-drw label:nth-child(25) {
  background: #c1d12f;
}

#slide1-drw:checked ~ .slider-wrapper-drw .inner-drw {
  margin-left: 0%;
}

#slide2-drw:checked ~ .slider-wrapper-drw .inner-drw {
  margin-left: -100%;
}

#slide3-drw:checked ~ .slider-wrapper-drw .inner-drw {
  margin-left: -200%;
}

#slide4-drw:checked ~ .slider-wrapper-drw .inner-drw {
  margin-left: -300%;
}

#slide5-drw:checked ~ .slider-wrapper-drw .inner-drw {
  margin-left: -400%;
}

#slide6-drw:checked ~ .slider-wrapper-drw .inner-drw {
  margin-left: -500%;
}

#slide7-drw:checked ~ .slider-wrapper-drw .inner-drw {
  margin-left: -600%;
}

#slide8-drw:checked ~ .slider-wrapper-drw .inner-drw {
  margin-left: -700%;
}

#slide9-drw:checked ~ .slider-wrapper-drw .inner-drw {
  margin-left: -800%;
}

#slide10-drw:checked ~ .slider-wrapper-drw .inner-drw {
  margin-left: -900%;
}

#slide11-drw:checked ~ .slider-wrapper-drw .inner-drw {
  margin-left: -1000%;
}

#slide12-drw:checked ~ .slider-wrapper-drw .inner-drw {
  margin-left: -1100%;
}

#slide13-drw:checked ~ .slider-wrapper-drw .inner-drw {
  margin-left: -1200%;
}

#slide14-drw:checked ~ .slider-wrapper-drw .inner-drw {
  margin-left: -1300%;
}

#slide15-drw:checked ~ .slider-wrapper-drw .inner-drw {
  margin-left: -1400%;
}

#slide16-drw:checked ~ .slider-wrapper-drw .inner-drw {
  margin-left: -1500%;
}

#slide17-drw:checked ~ .slider-wrapper-drw .inner-drw {
  margin-left: -1600%;
}

#slide18-drw:checked ~ .slider-wrapper-drw .inner-drw {
  margin-left: -1700%;
}

#slide19-drw:checked ~ .slider-wrapper-drw .inner-drw {
  margin-left: -1800%;
}

#slide20-drw:checked ~ .slider-wrapper-drw .inner-drw {
  margin-left: -1900%;
}

#slide21-drw:checked ~ .slider-wrapper-drw .inner-drw {
  margin-left: -2000%;
}

#slide22-drw:checked ~ .slider-wrapper-drw .inner-drw {
  margin-left: -2100%;
}

#slide23-drw:checked ~ .slider-wrapper-drw .inner-drw {
  margin-left: -2200%;
}

#slide24-drw:checked ~ .slider-wrapper-drw .inner-drw {
  margin-left: -2300%;
}

#slide25-drw:checked ~ .slider-wrapper-drw .inner-drw {
  margin-left: -2400%;
}





/*---- MNP .    NUMBER OF SLIDE CONFIGURATION ----*/

.wrapper-mnp {
  max-width: 60em;
  margin: 1em auto;
  position: relative;
  height:auto;
  margin-bottom:100px;
  
}

input-mnp {
  display: none;
}

.inner-mnp {
  width: 400%;
  line-height: 0;
}

/*---- SET UP CONTROL ----*/
.slider-prev-next-control-mnp {
  height: 50px;
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slider-prev-next-control-mnp label {
  display: none;
  width: 40px;
  height: 40px;
  background: #c1d12f;
  opacity: 0.7;
}
.slider-prev-next-control-mnp label:hover {
  opacity: 1;
}

.slider-dot-control-mnp {
  position: absolute;
  width: 100%;
  bottom: 10px;
  text-align: center;
}
.slider-dot-control-mnp label {
  cursor: pointer;
  border-radius: 50%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left:5px;
  margin-right:5px;
  background: #eaeaea;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.slider-dot-control-mnp label:hover {
  background: #c1d12f;
  border-color: #c1d12f;
}

/* Slider Styling */
.slider-wrapper-mnp {
  width: 100%;
  overflow: hidden;
  border-radius: 0px;
  
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.slider-wrapper-mnp .inner-mnp {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}

/*---- SET POSITION FOR SLIDE ----*/
#slide1-mnp:checked ~ .slider-prev-next-control-mnp label:nth-child(2)::after, #slide2-mnp:checked ~ .slider-prev-next-control-mnp label:nth-child(3)::after, #slide3-mnp:checked ~ .slider-prev-next-control-mnp label:nth-child(4)::after, #slide4-mnp:checked ~ .slider-prev-next-control-mnp label:nth-child(1)::after, #slide2-mnp:checked ~ .slider-prev-next-control-mnp label:nth-child(1)::after, #slide3-mnp:checked ~ .slider-prev-next-control-mnp label:nth-child(2)::after, #slide4-mnp:checked ~ .slider-prev-next-control-mnp label:nth-child(3)::after, #slide1-mnp:checked ~ .slider-prev-next-control-mnp label:nth-child(4)::after {
  font-family: rubik;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right:5%;
  padding-left:5%;
  margin: 0;
  line-height: 38px;
  font-size: 38px;
  display: block;
  color: #fff;
}

#slide1-mnp:checked ~ .slider-prev-next-control-mnp label:nth-child(2)::after, #slide2-mnp:checked ~ .slider-prev-next-control-mnp label:nth-child(3)::after, #slide3-mnp:checked ~ .slider-prev-next-control-mnp label:nth-child(4)::after, #slide4-mnp:checked ~ .slider-prev-next-control-mnp label:nth-child(1)::after {
  content: "+";
  padding-left: 9px;
}

#slide1-mnp:checked ~ .slider-prev-next-control-mnp label:nth-child(2), #slide2-mnp:checked ~ .slider-prev-next-control-mnp label:nth-child(3), #slide3-mnp:checked ~ .slider-prev-next-control-mnp label:nth-child(4), #slide4-mnp:checked ~ .slider-prev-next-control-mnp label:nth-child(1) {
  display: block;
  float: right;
  margin-right: 5px;
}

#slide2-mnp:checked ~ .slider-prev-next-control-mnp label:nth-child(1), #slide3-mnp:checked ~ .slider-prev-next-control-mnp label:nth-child(2), #slide4-mnp:checked ~ .slider-prev-next-control-mnp label:nth-child(3), #slide1-mnp:checked ~ .slider-prev-next-control-mnp label:nth-child(4) {
  display: block;
  float: left;
  margin-left: 5px;
}

#slide2-mnp:checked ~ .slider-prev-next-control-mnp label:nth-child(1)::after, #slide3-mnp:checked ~ .slider-prev-next-control-mnp label:nth-child(2)::after, #slide4-mnp:checked ~ .slider-prev-next-control-mnp label:nth-child(3)::after, #slide1-mnp:checked ~ .slider-prev-next-control-mnp label:nth-child(4)::after {
  content: "+";
  padding-left: 9px;
}

#slide1-mnp:checked ~ .slider-dot-control-mnp label:nth-child(1), #slide2-mnp:checked ~ .slider-dot-control-mnp label:nth-child(2), #slide3-mnp:checked ~ .slider-dot-control-mnp label:nth-child(3), #slide4-mnp:checked ~ .slider-dot-control-mnp label:nth-child(4) {
  background: #c1d12f;
}

#slide1-mnp:checked ~ .slider-wrapper-mnp .inner-mnp {
  margin-left: 0%;
}

#slide2-mnp:checked ~ .slider-wrapper-mnp .inner-mnp {
  margin-left: -100%;
}

#slide3-mnp:checked ~ .slider-wrapper-mnp .inner-mnp {
  margin-left: -200%;
}

#slide4-mnp:checked ~ .slider-wrapper-mnp .inner-mnp {
  margin-left: -300%;
}





/*---- WNO .    NUMBER OF SLIDE CONFIGURATION ----*/

.wrapper-wno {
  max-width: 60em;
  margin: 1em auto;
  position: relative;
  height:auto;
  margin-bottom:100px;
  
}

input-wno {
  display: none;
}

.inner-wno {
  width: 300%;
  line-height: 0;
}

/*---- SET UP CONTROL ----*/
.slider-prev-next-control-wno {
  height: 50px;
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slider-prev-next-control-wno label {
  display: none;
  width: 40px;
  height: 40px;
  background: #c1d12f;
  opacity: 0.7;
}
.slider-prev-next-control-wno label:hover {
  opacity: 1;
}

.slider-dot-control-wno {
  position: absolute;
  width: 100%;
  bottom: 10px;
  text-align: center;
}
.slider-dot-control-wno label {
  cursor: pointer;
  border-radius: 50%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left:5px;
  margin-right:5px;
  background: #eaeaea;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.slider-dot-control-wno label:hover {
  background: #c1d12f;
  border-color: #c1d12f;
}

/* Slider Styling */
.slider-wrapper-wno {
  width: 100%;
  overflow: hidden;
  border-radius: 0px;
  
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.slider-wrapper-wno .inner-wno {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}

/*---- SET POSITION FOR SLIDE ----*/
#slide1-wno:checked ~ .slider-prev-next-control-wno label:nth-child(2)::after, #slide2-wno:checked ~ .slider-prev-next-control-wno label:nth-child(3)::after, #slide3-wno:checked ~ .slider-prev-next-control-wno label:nth-child(1)::after, #slide2-wno:checked ~ .slider-prev-next-control-wno label:nth-child(1)::after, #slide3-wno:checked ~ .slider-prev-next-control-wno label:nth-child(2)::after, #slide1-wno:checked ~ .slider-prev-next-control-wno label:nth-child(3)::after {
  font-family: rubik;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right:5%;
  padding-left:5%;
  margin: 0;
  line-height: 38px;
  font-size: 38px;
  display: block;
  color: #fff;
}

#slide1-wno:checked ~ .slider-prev-next-control-wno label:nth-child(2)::after, #slide2-wno:checked ~ .slider-prev-next-control-wno label:nth-child(3)::after, #slide3-wno:checked ~ .slider-prev-next-control-wno label:nth-child(1)::after {
  content: "+";
  padding-left: 9px;
}

#slide1-wno:checked ~ .slider-prev-next-control-wno label:nth-child(2), #slide2-wno:checked ~ .slider-prev-next-control-wno label:nth-child(3), #slide3-wno:checked ~ .slider-prev-next-control-wno label:nth-child(1) {
  display: block;
  float: right;
  margin-right: 5px;
}

#slide2-wno:checked ~ .slider-prev-next-control-wno label:nth-child(1), #slide3-wno:checked ~ .slider-prev-next-control-wno label:nth-child(2), #slide1-wno:checked ~ .slider-prev-next-control-wno label:nth-child(3) {
  display: block;
  float: left;
  margin-left: 5px;
}

#slide2-wno:checked ~ .slider-prev-next-control-wno label:nth-child(1)::after, #slide3-wno:checked ~ .slider-prev-next-control-wno label:nth-child(2)::after, #slide1-wno:checked ~ .slider-prev-next-control-wno label:nth-child(3)::after {
  content: "+";
  padding-left: 9px;
}

#slide1-wno:checked ~ .slider-dot-control-wno label:nth-child(1), #slide2-wno:checked ~ .slider-dot-control-wno label:nth-child(2), #slide3-wno:checked ~ .slider-dot-control-wno label:nth-child(3) {
  background: #c1d12f;
}

#slide1-wno:checked ~ .slider-wrapper-wno .inner-wno {
  margin-left: 0%;
}

#slide2-wno:checked ~ .slider-wrapper-wno .inner-wno {
  margin-left: -100%;
}

#slide3-wno:checked ~ .slider-wrapper-wno .inner-wno {
  margin-left: -200%;
}





/*---- MOC .    NUMBER OF SLIDE CONFIGURATION ----*/

.wrapper-moc {
  max-width: 60em;
  margin: 1em auto;
  position: relative;
  height:auto;
  margin-bottom:100px;
  
}

input-moc {
  display: none;
}

.inner-moc {
  width: 300%;
  line-height: 0;
}

/*---- SET UP CONTROL ----*/
.slider-prev-next-control-moc {
  height: 50px;
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slider-prev-next-control-moc label {
  display: none;
  width: 40px;
  height: 40px;
  background: #c1d12f;
  opacity: 0.7;
}
.slider-prev-next-control-moc label:hover {
  opacity: 1;
}

.slider-dot-control-moc {
  position: absolute;
  width: 100%;
  bottom: 10px;
  text-align: center;
}
.slider-dot-control-moc label {
  cursor: pointer;
  border-radius: 50%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left:5px;
  margin-right:5px;
  background: #eaeaea;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.slider-dot-control-moc label:hover {
  background: #c1d12f;
  border-color: #c1d12f;
}

/* Slider Styling */
.slider-wrapper-moc {
  width: 100%;
  overflow: hidden;
  border-radius: 0px;
  
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.slider-wrapper-moc .inner-moc {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}

/*---- SET POSITION FOR SLIDE ----*/
#slide1-moc:checked ~ .slider-prev-next-control-moc label:nth-child(2)::after, #slide2-moc:checked ~ .slider-prev-next-control-moc label:nth-child(3)::after, #slide3-moc:checked ~ .slider-prev-next-control-moc label:nth-child(1)::after, #slide2-moc:checked ~ .slider-prev-next-control-moc label:nth-child(1)::after, #slide3-moc:checked ~ .slider-prev-next-control-moc label:nth-child(2)::after, #slide1-moc:checked ~ .slider-prev-next-control-moc label:nth-child(3)::after {
  font-family: rubik;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right:5%;
  padding-left:5%;
  margin: 0;
  line-height: 38px;
  font-size: 38px;
  display: block;
  color: #fff;
}

#slide1-moc:checked ~ .slider-prev-next-control-moc label:nth-child(2)::after, #slide2-moc:checked ~ .slider-prev-next-control-moc label:nth-child(3)::after, #slide3-moc:checked ~ .slider-prev-next-control-moc label:nth-child(1)::after {
  content: "+";
  padding-left: 9px;
}

#slide1-moc:checked ~ .slider-prev-next-control-moc label:nth-child(2), #slide2-moc:checked ~ .slider-prev-next-control-moc label:nth-child(3), #slide3-moc:checked ~ .slider-prev-next-control-moc label:nth-child(1) {
  display: block;
  float: right;
  margin-right: 5px;
}

#slide2-moc:checked ~ .slider-prev-next-control-moc label:nth-child(1), #slide3-moc:checked ~ .slider-prev-next-control-moc label:nth-child(2), #slide1-moc:checked ~ .slider-prev-next-control-moc label:nth-child(3) {
  display: block;
  float: left;
  margin-left: 5px;
}

#slide2-moc:checked ~ .slider-prev-next-control-moc label:nth-child(1)::after, #slide3-moc:checked ~ .slider-prev-next-control-moc label:nth-child(2)::after, #slide1-moc:checked ~ .slider-prev-next-control-moc label:nth-child(3)::after {
  content: "+";
  padding-left: 9px;
}

#slide1-moc:checked ~ .slider-dot-control-moc label:nth-child(1), #slide2-moc:checked ~ .slider-dot-control-moc label:nth-child(2), #slide3-moc:checked ~ .slider-dot-control-moc label:nth-child(3) {
  background: #c1d12f;
}

#slide1-moc:checked ~ .slider-wrapper-moc .inner-moc {
  margin-left: 0%;
}

#slide2-moc:checked ~ .slider-wrapper-moc .inner-moc {
  margin-left: -100%;
}

#slide3-moc:checked ~ .slider-wrapper-moc .inner-moc {
  margin-left: -200%;
}





/*---- COS .    NUMBER OF SLIDE CONFIGURATION ----*/

.wrapper-cos {
  max-width: 60em;
  margin: 1em auto;
  position: relative;
  height:auto;
  margin-bottom:100px;
  
}

input-cos {
  display: none;
}

.inner-cos {
  width: 600%;
  line-height: 0;
}

/*---- SET UP CONTROL ----*/
.slider-prev-next-control-cos {
  height: 50px;
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slider-prev-next-control-cos label {
  display: none;
  width: 40px;
  height: 40px;
  background: #c1d12f;
  opacity: 0.7;
}
.slider-prev-next-control-cos label:hover {
  opacity: 1;
}

.slider-dot-control-cos {
  position: absolute;
  width: 100%;
  bottom: 10px;
  text-align: center;
}
.slider-dot-control-cos label {
  cursor: pointer;
  border-radius: 50%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left:5px;
  margin-right:5px;
  background: #eaeaea;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.slider-dot-control-cos label:hover {
  background: #c1d12f;
  border-color: #c1d12f;
}

/* Slider Styling */
.slider-wrapper-cos {
  width: 100%;
  overflow: hidden;
  border-radius: 0px;
  
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.slider-wrapper-cos .inner-cos {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}

/*---- SET POSITION FOR SLIDE ----*/
#slide1-cos:checked ~ .slider-prev-next-control-cos label:nth-child(2)::after, #slide2-cos:checked ~ .slider-prev-next-control-cos label:nth-child(3)::after, #slide3-cos:checked ~ .slider-prev-next-control-cos label:nth-child(4)::after, #slide4-cos:checked ~ .slider-prev-next-control-cos label:nth-child(5)::after, #slide5-cos:checked ~ .slider-prev-next-control-cos label:nth-child(6)::after, #slide6-cos:checked ~ .slider-prev-next-control-cos label:nth-child(1)::after, #slide2-cos:checked ~ .slider-prev-next-control-cos label:nth-child(1)::after, #slide3-cos:checked ~ .slider-prev-next-control-cos label:nth-child(2)::after, #slide4-cos:checked ~ .slider-prev-next-control-cos label:nth-child(3)::after, #slide5-cos:checked ~ .slider-prev-next-control-cos label:nth-child(4)::after, #slide6-cos:checked ~ .slider-prev-next-control-cos label:nth-child(5)::after, #slide1-cos:checked ~ .slider-prev-next-control-cos label:nth-child(6)::after {
  font-family: rubik;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right:5%;
  padding-left:5%;
  margin: 0;
  line-height: 38px;
  font-size: 38px;
  display: block;
  color: #fff;
}

#slide1-cos:checked ~ .slider-prev-next-control-cos label:nth-child(2)::after, #slide2-cos:checked ~ .slider-prev-next-control-cos label:nth-child(3)::after, #slide3-cos:checked ~ .slider-prev-next-control-cos label:nth-child(4)::after, #slide4-cos:checked ~ .slider-prev-next-control-cos label:nth-child(5)::after, #slide5-cos:checked ~ .slider-prev-next-control-cos label:nth-child(5)::after, #slide6-cos:checked ~ .slider-prev-next-control-cos label:nth-child(1)::after {
  content: "+";
  padding-left: 9px;
}

#slide1-cos:checked ~ .slider-prev-next-control-cos label:nth-child(2), #slide2-cos:checked ~ .slider-prev-next-control-cos label:nth-child(3), #slide3-cos:checked ~ .slider-prev-next-control-cos label:nth-child(4), #slide4-cos:checked ~ .slider-prev-next-control-cos label:nth-child(5), #slide5-cos:checked ~ .slider-prev-next-control-cos label:nth-child(6), #slide6-cos:checked ~ .slider-prev-next-control-cos label:nth-child(1) {
  display: block;
  float: right;
  margin-right: 5px;
}

#slide2-cos:checked ~ .slider-prev-next-control-cos label:nth-child(1), #slide3-cos:checked ~ .slider-prev-next-control-cos label:nth-child(2), #slide4-cos:checked ~ .slider-prev-next-control-cos label:nth-child(3), #slide5-cos:checked ~ .slider-prev-next-control-cos label:nth-child(4), #slide6-cos:checked ~ .slider-prev-next-control-cos label:nth-child(5), #slide1-cos:checked ~ .slider-prev-next-control-cos label:nth-child(6) {
  display: block;
  float: left;
  margin-left: 5px;
}

#slide2-cos:checked ~ .slider-prev-next-control-cos label:nth-child(1)::after, #slide3-cos:checked ~ .slider-prev-next-control-cos label:nth-child(2)::after, #slide4-cos:checked ~ .slider-prev-next-control-cos label:nth-child(3)::after, #slide5-cos:checked ~ .slider-prev-next-control-cos label:nth-child(4)::after, #slide6-cos:checked ~ .slider-prev-next-control-cos label:nth-child(5)::after, #slide1-cos:checked ~ .slider-prev-next-control-cos label:nth-child(6)::after {
  content: "+";
  padding-left: 9px;
}

#slide1-cos:checked ~ .slider-dot-control-cos label:nth-child(1), #slide2-cos:checked ~ .slider-dot-control-cos label:nth-child(2), #slide3-cos:checked ~ .slider-dot-control-cos label:nth-child(3), #slide4-cos:checked ~ .slider-dot-control-cos label:nth-child(4), #slide5-cos:checked ~ .slider-dot-control-cos label:nth-child(5), #slide6-cos:checked ~ .slider-dot-control-cos label:nth-child(6) {
  background: #c1d12f;
}

#slide1-cos:checked ~ .slider-wrapper-cos .inner-cos {
  margin-left: 0%;
}

#slide2-cos:checked ~ .slider-wrapper-cos .inner-cos {
  margin-left: -100%;
}

#slide3-cos:checked ~ .slider-wrapper-cos .inner-cos {
  margin-left: -200%;
}

#slide4-cos:checked ~ .slider-wrapper-cos .inner-cos {
  margin-left: -300%;
}

#slide5-cos:checked ~ .slider-wrapper-cos .inner-cos {
  margin-left: -400%;
}

#slide6-cos:checked ~ .slider-wrapper-cos .inner-cos {
  margin-left: -500%;
}





/*---- ECO .    NUMBER OF SLIDE CONFIGURATION ----*/

.wrapper-eco {
  max-width: 60em;
  margin: 1em auto;
  position: relative;
  height:auto;
  margin-bottom:100px;
  
}

input-eco {
  display: none;
}

.inner-eco {
  width: 600%;
  line-height: 0;
}

/*---- SET UP CONTROL ----*/
.slider-prev-next-control-eco {
  height: 50px;
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slider-prev-next-control-eco label {
  display: none;
  width: 40px;
  height: 40px;
  background: #c1d12f;
  opacity: 0.7;
}
.slider-prev-next-control-eco label:hover {
  opacity: 1;
}

.slider-dot-control-eco {
  position: absolute;
  width: 100%;
  bottom: 10px;
  text-align: center;
}
.slider-dot-control-eco label {
  cursor: pointer;
  border-radius: 50%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left:5px;
  margin-right:5px;
  background: #eaeaea;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.slider-dot-control-eco label:hover {
  background: #c1d12f;
  border-color: #c1d12f;
}

/* Slider Styling */
.slider-wrapper-eco {
  width: 100%;
  overflow: hidden;
  border-radius: 0px;
  
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.slider-wrapper-eco .inner-eco {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}

/*---- SET POSITION FOR SLIDE ----*/
#slide1-eco:checked ~ .slider-prev-next-control-eco label:nth-child(2)::after, #slide2-eco:checked ~ .slider-prev-next-control-eco label:nth-child(3)::after, #slide3-eco:checked ~ .slider-prev-next-control-eco label:nth-child(4)::after, #slide4-eco:checked ~ .slider-prev-next-control-eco label:nth-child(5)::after, #slide5-eco:checked ~ .slider-prev-next-control-eco label:nth-child(6)::after, #slide6-eco:checked ~ .slider-prev-next-control-eco label:nth-child(1)::after, #slide2-eco:checked ~ .slider-prev-next-control-eco label:nth-child(1)::after, #slide3-eco:checked ~ .slider-prev-next-control-eco label:nth-child(2)::after, #slide4-eco:checked ~ .slider-prev-next-control-eco label:nth-child(3)::after, #slide5-eco:checked ~ .slider-prev-next-control-eco label:nth-child(4)::after, #slide6-eco:checked ~ .slider-prev-next-control-eco label:nth-child(5)::after, #slide1-eco:checked ~ .slider-prev-next-control-eco label:nth-child(6)::after {
  font-family: rubik;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right:5%;
  padding-left:5%;
  margin: 0;
  line-height: 38px;
  font-size: 38px;
  display: block;
  color: #fff;
}

#slide1-eco:checked ~ .slider-prev-next-control-eco label:nth-child(2)::after, #slide2-eco:checked ~ .slider-prev-next-control-eco label:nth-child(3)::after, #slide3-eco:checked ~ .slider-prev-next-control-eco label:nth-child(4)::after, #slide4-eco:checked ~ .slider-prev-next-control-eco label:nth-child(5)::after, #slide5-eco:checked ~ .slider-prev-next-control-eco label:nth-child(5)::after, #slide6-eco:checked ~ .slider-prev-next-control-eco label:nth-child(1)::after {
  content: "+";
  padding-left: 9px;
}

#slide1-eco:checked ~ .slider-prev-next-control-eco label:nth-child(2), #slide2-eco:checked ~ .slider-prev-next-control-eco label:nth-child(3), #slide3-eco:checked ~ .slider-prev-next-control-eco label:nth-child(4), #slide4-eco:checked ~ .slider-prev-next-control-eco label:nth-child(5), #slide5-eco:checked ~ .slider-prev-next-control-eco label:nth-child(6), #slide6-eco:checked ~ .slider-prev-next-control-eco label:nth-child(1) {
  display: block;
  float: right;
  margin-right: 5px;
}

#slide2-eco:checked ~ .slider-prev-next-control-eco label:nth-child(1), #slide3-eco:checked ~ .slider-prev-next-control-eco label:nth-child(2), #slide4-eco:checked ~ .slider-prev-next-control-eco label:nth-child(3), #slide5-eco:checked ~ .slider-prev-next-control-eco label:nth-child(4), #slide6-eco:checked ~ .slider-prev-next-control-eco label:nth-child(5), #slide1-eco:checked ~ .slider-prev-next-control-eco label:nth-child(6) {
  display: block;
  float: left;
  margin-left: 5px;
}

#slide2-eco:checked ~ .slider-prev-next-control-eco label:nth-child(1)::after, #slide3-eco:checked ~ .slider-prev-next-control-eco label:nth-child(2)::after, #slide4-eco:checked ~ .slider-prev-next-control-eco label:nth-child(3)::after, #slide5-eco:checked ~ .slider-prev-next-control-eco label:nth-child(4)::after, #slide6-eco:checked ~ .slider-prev-next-control-eco label:nth-child(5)::after, #slide1-eco:checked ~ .slider-prev-next-control-eco label:nth-child(6)::after {
  content: "+";
  padding-left: 9px;
}

#slide1-eco:checked ~ .slider-dot-control-eco label:nth-child(1), #slide2-eco:checked ~ .slider-dot-control-eco label:nth-child(2), #slide3-eco:checked ~ .slider-dot-control-eco label:nth-child(3), #slide4-eco:checked ~ .slider-dot-control-eco label:nth-child(4), #slide5-eco:checked ~ .slider-dot-control-eco label:nth-child(5), #slide6-cos:checked ~ .slider-dot-control-cos label:nth-child(6) {
  background: #c1d12f;
}

#slide1-eco:checked ~ .slider-wrapper-eco .inner-eco {
  margin-left: 0%;
}

#slide2-eco:checked ~ .slider-wrapper-eco .inner-eco {
  margin-left: -100%;
}

#slide3-eco:checked ~ .slider-wrapper-eco .inner-eco {
  margin-left: -200%;
}

#slide4-eco:checked ~ .slider-wrapper-eco .inner-eco {
  margin-left: -300%;
}

#slide5-eco:checked ~ .slider-wrapper-eco .inner-eco {
  margin-left: -400%;
}

#slide6-eco:checked ~ .slider-wrapper-eco .inner-eco {
  margin-left: -500%;
}





/*---- WNO .    NUMBER OF SLIDE CONFIGURATION ----*/

.wrapper-mcb {
  max-width: 60em;
  margin: 1em auto;
  position: relative;
  height:auto;
  margin-bottom:100px;
  
}

input-mcb {
  display: none;
}

.inner-mcb {
  width: 300%;
  line-height: 0;
}

/*---- SET UP CONTROL ----*/
.slider-prev-next-control-mcb {
  height: 50px;
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slider-prev-next-control-mcb label {
  display: none;
  width: 40px;
  height: 40px;
  background: #c1d12f;
  opacity: 0.7;
}
.slider-prev-next-control-mcb label:hover {
  opacity: 1;
}

.slider-dot-control-mcb {
  position: absolute;
  width: 100%;
  bottom: 10px;
  text-align: center;
}
.slider-dot-control-mcb label {
  cursor: pointer;
  border-radius: 50%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left:5px;
  margin-right:5px;
  background: #eaeaea;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.slider-dot-control-mcb label:hover {
  background: #c1d12f;
  border-color: #c1d12f;
}

/* Slider Styling */
.slider-wrapper-mcb {
  width: 100%;
  overflow: hidden;
  border-radius: 0px;
  
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.slider-wrapper-mcb .inner-mcb {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}

/*---- SET POSITION FOR SLIDE ----*/
#slide1-mcb:checked ~ .slider-prev-next-control-mcb label:nth-child(2)::after, #slide2-mcb:checked ~ .slider-prev-next-control-mcb label:nth-child(3)::after, #slide3-mcb:checked ~ .slider-prev-next-control-mcb label:nth-child(1)::after, #slide2-mcb:checked ~ .slider-prev-next-control-mcb label:nth-child(1)::after, #slide3-mcb:checked ~ .slider-prev-next-control-mcb label:nth-child(2)::after, #slide1-mcb:checked ~ .slider-prev-next-control-mcb label:nth-child(3)::after {
  font-family: rubik;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right:5%;
  padding-left:5%;
  margin: 0;
  line-height: 38px;
  font-size: 38px;
  display: block;
  color: #fff;
}

#slide1-mcb:checked ~ .slider-prev-next-control-mcb label:nth-child(2)::after, #slide2-mcb:checked ~ .slider-prev-next-control-mcb label:nth-child(3)::after, #slide3-mcb:checked ~ .slider-prev-next-control-mcb label:nth-child(1)::after {
  content: "+";
  padding-left: 9px;
}

#slide1-mcb:checked ~ .slider-prev-next-control-mcb label:nth-child(2), #slide2-mcb:checked ~ .slider-prev-next-control-mcb label:nth-child(3), #slide3-mcb:checked ~ .slider-prev-next-control-mcb label:nth-child(1) {
  display: block;
  float: right;
  margin-right: 5px;
}

#slide2-mcb:checked ~ .slider-prev-next-control-mcb label:nth-child(1), #slide3-mcb:checked ~ .slider-prev-next-control-mcb label:nth-child(2), #slide1-mcb:checked ~ .slider-prev-next-control-mcb label:nth-child(3) {
  display: block;
  float: left;
  margin-left: 5px;
}

#slide2-mcb:checked ~ .slider-prev-next-control-mcb label:nth-child(1)::after, #slide3-mcb:checked ~ .slider-prev-next-control-mcb label:nth-child(2)::after, #slide1-mcb:checked ~ .slider-prev-next-control-mcb label:nth-child(3)::after {
  content: "+";
  padding-left: 9px;
}

#slide1-mcb:checked ~ .slider-dot-control-mcb label:nth-child(1), #slide2-mcb:checked ~ .slider-dot-control-mcb label:nth-child(2), #slide3-mcb:checked ~ .slider-dot-control-mcb label:nth-child(3) {
  background: #c1d12f;
}

#slide1-mcb:checked ~ .slider-wrapper-mcb .inner-mcb {
  margin-left: 0%;
}

#slide2-mcb:checked ~ .slider-wrapper-mcb .inner-mcb {
  margin-left: -100%;
}

#slide3-mcb:checked ~ .slider-wrapper-mcb .inner-mcb {
  margin-left: -200%;
}





/*---- DEA .    NUMBER OF SLIDE CONFIGURATION ----*/

.wrapper-dea {
  max-width: 60em;
  margin: 1em auto;
  position: relative;
  height:auto;
  margin-bottom:100px;
  
}

input-dea {
  display: none;
}

.inner-dea {
  width: 200%;
  line-height: 0;
}

/*---- SET UP CONTROL ----*/
.slider-prev-next-control-dea {
  height: 50px;
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slider-prev-next-control-dea label {
  display: none;
  width: 40px;
  height: 40px;
  background: #c1d12f;
  opacity: 0.7;
}
.slider-prev-next-control-dea label:hover {
  opacity: 1;
}

.slider-dot-control-dea {
  position: absolute;
  width: 100%;
  bottom: 10px;
  text-align: center;
}
.slider-dot-control-dea label {
  cursor: pointer;
  border-radius: 50%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left:5px;
  margin-right:5px;
  background: #eaeaea;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.slider-dot-control-dea label:hover {
  background: #c1d12f;
  border-color: #c1d12f;
}

/* Slider Styling */
.slider-wrapper-dea {
  width: 100%;
  overflow: hidden;
  border-radius: 0px;
  
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.slider-wrapper-dea .inner-dea {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}

/*---- SET POSITION FOR SLIDE ----*/
#slide1-dea:checked ~ .slider-prev-next-control-dea label:nth-child(2)::after, #slide2-dea:checked ~ .slider-prev-next-control-dea label:nth-child(1)::after, #slide2-dea:checked ~ .slider-prev-next-control-dea label:nth-child(1)::after, #slide1-dea:checked ~ .slider-prev-next-control-dea label:nth-child(2)::after {
  font-family: rubik;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right:5%;
  padding-left:5%;
  margin: 0;
  line-height: 38px;
  font-size: 38px;
  display: block;
  color: #fff;
}

#slide1-dea:checked ~ .slider-prev-next-control-dea label:nth-child(2)::after, #slide2-dea:checked ~ .slider-prev-next-control-dea label:nth-child(1)::after {
  content: "+";
  padding-left: 9px;
}

#slide1-dea:checked ~ .slider-prev-next-control-dea label:nth-child(2), #slide2-dea:checked ~ .slider-prev-next-control-dea label:nth-child(1) {
  display: block;
  float: right;
  margin-right: 5px;
}

#slide2-dea:checked ~ .slider-prev-next-control-dea label:nth-child(1), #slide1-dea:checked ~ .slider-prev-next-control-dea label:nth-child(1) {
  display: block;
  float: left;
  margin-left: 5px;
}

#slide2-dea:checked ~ .slider-prev-next-control-dea label:nth-child(1)::after, #slide1-dea:checked ~ .slider-prev-next-control-dea label:nth-child(1)::after {
  content: "+";
  padding-left: 9px;
}

#slide1-dea:checked ~ .slider-dot-control-dea label:nth-child(1), #slide2-dea:checked ~ .slider-dot-control-dea label:nth-child(2) {
  background: #c1d12f;
}

#slide1-dea:checked ~ .slider-wrapper-dea .inner-dea {
  margin-left: 0%;
}

#slide2-dea:checked ~ .slider-wrapper-dea .inner-dea {
  margin-left: -100%;
}





/*---- CRC .    NUMBER OF SLIDE CONFIGURATION ----*/

.wrapper-crc {
  max-width: 60em;
  margin: 1em auto;
  position: relative;
  height:auto;
  margin-bottom:100px;
  
}

input-crc {
  display: none;
}

.inner-crc {
  width: 500%;
  line-height: 0;
}

/*---- SET UP CONTROL ----*/
.slider-prev-next-control-crc {
  height: 50px;
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slider-prev-next-control-crc label {
  display: none;
  width: 40px;
  height: 40px;
  background: #c1d12f;
  opacity: 0.7;
}
.slider-prev-next-control-crc label:hover {
  opacity: 1;
}

.slider-dot-control-crc {
  position: absolute;
  width: 100%;
  bottom: 10px;
  text-align: center;
}
.slider-dot-control-crc label {
  cursor: pointer;
  border-radius: 50%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left:5px;
  margin-right:5px;
  background: #eaeaea;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.slider-dot-control-crc label:hover {
  background: #c1d12f;
  border-color: #c1d12f;
}

/* Slider Styling */
.slider-wrapper-crc {
  width: 100%;
  overflow: hidden;
  border-radius: 0px;
  
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.slider-wrapper-crc .inner-crc {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}

/*---- SET POSITION FOR SLIDE ----*/
#slide1-crc:checked ~ .slider-prev-next-control-crc label:nth-child(2)::after, #slide2-crc:checked ~ .slider-prev-next-control-crc label:nth-child(3)::after, #slide3-crc:checked ~ .slider-prev-next-control-crc label:nth-child(4)::after, #slide4-crc:checked ~ .slider-prev-next-control-crc label:nth-child(5)::after, #slide5-crc:checked ~ .slider-prev-next-control-crc label:nth-child(1)::after, #slide2-crc:checked ~ .slider-prev-next-control-crc label:nth-child(1)::after, #slide3-crc:checked ~ .slider-prev-next-control-crc label:nth-child(2)::after, #slide4-crc:checked ~ .slider-prev-next-control-crc label:nth-child(3)::after, #slide5-crc:checked ~ .slider-prev-next-control-crc label:nth-child(4)::after, #slide1-crc:checked ~ .slider-prev-next-control-crc label:nth-child(5)::after {
  font-family: rubik;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right:5%;
  padding-left:5%;
  margin: 0;
  line-height: 38px;
  font-size: 38px;
  display: block;
  color: #fff;
}

#slide1-crc:checked ~ .slider-prev-next-control-crc label:nth-child(2)::after, #slide2-crc:checked ~ .slider-prev-next-control-crc label:nth-child(3)::after, #slide3-crc:checked ~ .slider-prev-next-control-crc label:nth-child(4)::after, #slide4-crc:checked ~ .slider-prev-next-control-crc label:nth-child(5)::after, #slide5-crc:checked ~ .slider-prev-next-control-crc label:nth-child(1)::after {
  content: "+";
  padding-left: 9px;
}

#slide1-crc:checked ~ .slider-prev-next-control-crc label:nth-child(2), #slide2-crc:checked ~ .slider-prev-next-control-crc label:nth-child(3), #slide3-crc:checked ~ .slider-prev-next-control-crc label:nth-child(4), #slide4-crc:checked ~ .slider-prev-next-control-crc label:nth-child(5), #slide5-crc:checked ~ .slider-prev-next-control-crc label:nth-child(1) {
  display: block;
  float: right;
  margin-right: 5px;
}

#slide2-crc:checked ~ .slider-prev-next-control-crc label:nth-child(1), #slide3-crc:checked ~ .slider-prev-next-control-crc label:nth-child(2), #slide4-crc:checked ~ .slider-prev-next-control-crc label:nth-child(3), #slide5-crc:checked ~ .slider-prev-next-control-crc label:nth-child(4), #slide1-crc:checked ~ .slider-prev-next-control-crc label:nth-child(5) {
  display: block;
  float: left;
  margin-left: 5px;
}

#slide2-crc:checked ~ .slider-prev-next-control-crc label:nth-child(1)::after, #slide3-crc:checked ~ .slider-prev-next-control-crc label:nth-child(2)::after, #slide4-crc:checked ~ .slider-prev-next-control-crc label:nth-child(3)::after, #slide5-crc:checked ~ .slider-prev-next-control-crc label:nth-child(4)::after, #slide1-crc:checked ~ .slider-prev-next-control-crc label:nth-child(5)::after {
  content: "+";
  padding-left: 9px;
}

#slide1-crc:checked ~ .slider-dot-control-crc label:nth-child(1), #slide2-crc:checked ~ .slider-dot-control-crc label:nth-child(2), #slide3-crc:checked ~ .slider-dot-control-crc label:nth-child(3), #slide4-crc:checked ~ .slider-dot-control-crc label:nth-child(4), #slide5-crc:checked ~ .slider-dot-control-crc label:nth-child(5) {
  background: #c1d12f;
}

#slide1-crc:checked ~ .slider-wrapper-crc .inner-crc {
  margin-left: 0%;
}

#slide2-crc:checked ~ .slider-wrapper-crc .inner-crc {
  margin-left: -100%;
}

#slide3-crc:checked ~ .slider-wrapper-crc .inner-crc {
  margin-left: -200%;
}

#slide4-crc:checked ~ .slider-wrapper-crc .inner-crc {
  margin-left: -300%;
}

#slide5-crc:checked ~ .slider-wrapper-crc .inner-crc {
  margin-left: -400%;
}



/*---- TABLET ----*/
@media only screen and (max-width: 850px) and (min-width: 450px) {
.slider-wrapper-pro {
    border-radius: 0;
  }

  .slider-wrapper-pro .info-pro {
    opacity: 0;
  }

  .lightyear {
	width:100%;
	margin-top:800px;
	overflow-x:scroll;
	overflow-y:hidden;	
}
	
  .portfoliowidth {
	width:2000%;
}

  .portfolioscroll {
	height:580px;
	overflow-y:scroll;
	overflow-x:hidden;
	margin-bottom:10%;
}
	
  .atom {
	width:100%;
	margin-top:-200px;
}
	
  .quantum {
	margin-top:-200px;
	background-image: url("rts-2018-portrait.png");
}
	
  .supernovahero {
	width:100%;
	}
	
  .advertisement {
	width:86%;
	margin-left:7%;
	padding-top:350px;
}
	
  .contact {
	width:86%;
	margin-left:7%;
	padding-top:600px;
}
  

	
  .beigeangle {
	margin-top:-250px;
}
	
  .tab {
	padding-top:-20px;
}
	
  h1 {
	font-size:105px;
	line-height:85px;
	letter-spacing:-2px;
	margin-top:-4px;
	margin-right: 0px;
}

  h2 {
	font-weight:300;
	font-size:32px;
	line-height:30px;
	letter-spacing:0px;
	padding-top:32px;
}
	
  h3 {
	font-size:22px;
	line-height:0px;
	margin-top:5px;
}
	
  h4 {
	color:#fef5e5;
	font-size:105px;
	line-height:85px;
	letter-spacing:-2px;
	margin-top:-4px;
	margin-right: 0px;
}
	
    h5 {
	color:#fef5e5;
	font-weight:300;
	font-size:32px;
	line-height:30px;
	letter-spacing:0.5px;
	padding-top:2px;
}
	
  .buttonbeige {
	height:45px;
	padding-left:10px;
	padding-right:10px;
	font-size:20px;
	line-height:46px;
	border-radius:7px;
}
	


  .material-icons {
  	font-size: 80px !important;
}

	
  p {
	margin-bottom:10px;
}
	
 

}
/*---- MOBILE----*/
@media only screen and (max-width: 450px) {
  .slider-wrapper-pro {
    border-radius: 0;
  }

  .slider-wrapper-pro .info-pro {
    opacity: 0;
  }

  .lightyear {
	width:100%;
	height:320px;
	margin-top:400px;
	overflow-x:scroll;
	overflow-y:hidden;	
}
	
  .portfoliowidth {
	width:2000%;
}
	
  .atom {
	width:100%;
	margin-top:-200px;
}
	
  .quantum {
	margin-top:-200px;
	background-image: url("rts-2018-portrait.png");
}
	
  .supernovahero {
	width:100%;
	}
	
  .advertisement {
	width:86%;
	margin-left:7%;
	padding-top:350px;
	
}
	
  .contact {
	width:86%;
	margin-left:7%;
	padding-top:150px;
}
  
  .contactdesktop {
	visibility:hidden;
	clear:both;
	display:none;
}

  .contactmobile {
	visibility:visible;
	display:block;
	clear:none;
}
	
  .beigeangle {
	margin-top:-250px;
}
	
  .tab {
	padding-top:500px;
}
	
  h1 {
	font-size:55px;
	line-height:50px;
	letter-spacing:-2px;
	margin-top:-4px;
	margin-right: 0px;
}

  h2 {
	font-weight:300;
	font-size:18px;
	line-height:18px;
	letter-spacing:0.5px;
	padding-top:62px;
}
	
  h3 {
	font-size:22px;
	line-height:0px;
	margin-top:5px;
}
	
  h4 {
	color:#ef5b66;
	font-size:55px;
	line-height:50px;
	letter-spacing:-2px;
	margin-top:-4px;
	margin-right: 0px;
}
	
    h5 {
	color:#ef5b66;
	font-weight:300;
	font-size:18px;
	line-height:18px;
	letter-spacing:0.5px;
	padding-top:2px;
}
	
  .buttonbeige {
	height:35px;
	padding-left:10px;
	padding-right:10px;
	font-size:16px;
	line-height:36px;
	border-radius:7px;
}
	
  .buttonbeigealt {
	background-color:#ef5b66;
	color:#fef5e5;
	height:35px;
	padding-left:10px;
	padding-right:10px;
	font-size:16px;
	line-height:36px;
	border-radius:7px;
}

  .material-icons {
  	font-size: 80px !important;
}

	
  p {
	margin-bottom:10px;
}
	
 .tabcontent {
	height:500px;
	overflow:scroll;

}
	
	::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
	
  
}
@media only screen and (min-width: 850px) {
  body {
    padding: 0 80px;
  }
	

}