.parallax-bodnar-wrapper {
  position: relative;
  z-index: 4;
  margin: 0 auto;
  width: 100%;
  max-width: 1264px;
  overflow: hidden;
  height: 400px;
  border-radius: 15px;
}

.parallax-bodnar {
  position: absolute;
  top: -41%;
  left: 0;
  will-change: transform;
  -webkit-transition: all linear 0.1s;
  -moz-transition: all linear 0.1s;
  -o-transition: all linear 0.1s;
  transition: all linear 0.1s;
  width: 100%;
}

.parallax-bodnar img {
  width: 100%;
  height: auto;
}

.para-mobile {
	display: none;
  margin: 0;
}

@media (max-width: 1200px) {
  .parallax-bodnar {
    top: -15%;
  }
  .parallax-bodnar-wrapper {
	 border-radius: 0;
   }
}

@media (max-width: 990px) {
  .parallax-bodnar-wrapper {
    height: 300px;
  }
  .parallax-bodnar {
    top: -8%;
  }
}

@media (max-width: 850px) {
  .parallax-bodnar-wrapper {
    height: 300px;
  }
  .parallax-bodnar {
    top: 0;
  }
}

@media (max-width: 766px) {
  .parallax-bodnar-wrapper {
    display: none;
  }

  .para-mobile {
    display: block;
  }
}


.wide,
.wide img {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.para_wrap {
  overflow: hidden;
  max-width: 1430px;
  margin-right: auto;
  margin-left: auto;
  height: 400px;
  border-radius: 15px;
}

.para {
  background: url(sbs-navigation-anons-advise.jpg);
  padding: 0 0 40%;
  background-size: 100%;
  background-position: 30% 50%;
  width: 100%;
  margin-top: -20%;
  height: 50%;
}

.parallax {
  background: url(sbs-navigation-anons-advise.jpg);
  background-position: 50% 0;
  height: 400px;
  border-radius: 15px;
  max-width: 1430px;
  margin: 0 auto;
}


.table {
	margin: 10px auto 20px;
}

.footer-img {
  width: 100%;
  padding-top: 66%;
  background: url(sbs-navigation-anons-footer.jpg) no-repeat top center;
  background-size: 100%;
  margin: 0;
  transform: scale(1, 1);
  transition: all 700ms;
}

.footer-img:hover {
  padding-top: 66%;
  transition: all 700ms;
  transform: scale(1.1, 1.1);
}

.footer-img_wrapper {
  width: 100%;
  overflow: hidden;
}

.sprite-sprite, .sprite_1, .sprite_2, .sprite_3, .sprite_4, .sprite_5, .sprite_6, .sprite_7, .sprite_8, .sprite_9, .sprite_10, .sprite_11, .sprite_12, .sprite_13, .sprite_14, .sprite_15, .sprite_16, .sprite_17, .sprite_18, .sprite_19, .sprite_20, .sprite_21, .sprite_22, .sprite_23, .sprite_24, .sprite_25 {
  background-image: url('sprite-s1f821549d8.png');
  background-repeat: no-repeat;
}

.sprite-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  width: 425px;
  background: #000;
  margin: 25px;
}

.sprite-wrapper li {
  border: solid 1px #000;
  box-sizing: border-box;
}

.large-sprite-wrapper {
	margin: 25px;
}

.sprite_1, .sprite_2, .sprite_3, .sprite_4, .sprite_5, .sprite_6, .sprite_7, .sprite_8, .sprite_9, .sprite_10, .sprite_11, .sprite_12, .sprite_13, .sprite_14, .sprite_15, .sprite_16, .sprite_17, .sprite_18, .sprite_19, .sprite_20, .sprite_21, .sprite_22, .sprite_23, .sprite_24, .sprite_25 {
  width: 85px;
  height: 85px;
  display: inline-block;
  border-radius: 5px;
  cursor: pointer;
}

.sprite_1:hover, .sprite_2:hover, .sprite_3:hover, .sprite_4:hover, .sprite_5:hover, .sprite_6:hover, .sprite_7:hover, .sprite_8:hover, .sprite_9:hover, .sprite_10:hover, .sprite_11:hover, .sprite_12:hover, .sprite_13:hover, .sprite_14:hover, .sprite_15:hover, .sprite_16:hover, .sprite_17:hover, .sprite_18:hover, .sprite_19:hover, .sprite_20:hover, .sprite_21:hover, .sprite_22:hover, .sprite_23:hover, .sprite_24:hover, .sprite_25:hover {
border: 1px solid #fff;
box-sizing: border-box;
}

.sprite_1 {
  background-position: -1px -1px;
}
.sprite_2 {
  background-position: -1px -936px;
}
.sprite_3 {
  background-position: -1px -1531px;
}
.sprite_4 {
  background-position: -1px -1616px;
}
.sprite_5 {
  background-position: -1px -1701px;
}
.sprite_6 {
  background-position: -1px -1786px;
}
.sprite_7 {
  background-position: -1px -1871px;
}
.sprite_8 {
  background-position: -1px -1956px;
}
.sprite_9 {
  background-position: -1px -2041px;
}
.sprite_10 {
  background-position: -1px -86px;
}
.sprite_11 {
  background-position: -1px -171px;
}
.sprite_12 {
  background-position: -1px -256px;
}
.sprite_13 {
  background-position: -1px -341px;
}
.sprite_14 {
  background-position: -1px -426px;
}
.sprite_15 {
  background-position: -1px -511px;
}
.sprite_16 {
  background-position: -1px -596px;
}
.sprite_17 {
  background-position: -1px -681px;
}
.sprite_18 {
  background-position: -1px -766px;
}
.sprite_19 {
  background-position: -1px -851px;
}
.sprite_20 {
  background-position: -1px -1021px;
}
.sprite_21 {
  background-position: -1px -1106px;
}
.sprite_22 {
  background-position: -1px -1191px;
}
.sprite_23 {
  background-position: -1px -1276px;
}
.sprite_24 {
  background-position: -1px -1361px;
}
.sprite_25 {
  background-position: -1px -1446px;
}

.large_sprite-sprite, .large-sprite_1, .large-sprite_2, .large-sprite_3, .large-sprite_4, .large-sprite_5, .large-sprite_6, .large-sprite_7, .large-sprite_8, .large-sprite_9, .large-sprite_10, .large-sprite_11, .large-sprite_12, .large-sprite_13, .large-sprite_14, .large-sprite_15, .large-sprite_16, .large-sprite_17, .large-sprite_18, .large-sprite_19, .large-sprite_20, .large-sprite_21, .large-sprite_22, .large-sprite_23, .large-sprite_24, .large-sprite_25 {
  background-image: url('large_sprite-s2f1246a056.png');
  background-repeat: no-repeat;
}
.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	background: #000;
	width: 100%;
	max-width: 950px;
	margin: 10px auto 20px;
}

.large-sprite_1, .large-sprite_2, .large-sprite_3, .large-sprite_4, .large-sprite_5, .large-sprite_6, .large-sprite_7, .large-sprite_8, .large-sprite_9, .large-sprite_10, .large-sprite_11, .large-sprite_12, .large-sprite_13, .large-sprite_14, .large-sprite_15, .large-sprite_16, .large-sprite_17, .large-sprite_18, .large-sprite_19, .large-sprite_20, .large-sprite_21, .large-sprite_22, .large-sprite_23, .large-sprite_24, .large-sprite_25 {
  width: 425px;
  height: 425px;
}
.large-sprite_1 {
  background-position: 0 0;
}
.large-sprite_2 {
  background-position: 0 -4675px;
}
.large-sprite_3 {
  background-position: 0 -7650px;
}
.large-sprite_4 {
  background-position: 0 -8075px;
}
.large-sprite_5 {
  background-position: 0 -8500px;
}
.large-sprite_6 {
  background-position: 0 -8925px;
}
.large-sprite_7 {
  background-position: 0 -9350px;
}
.large-sprite_8 {
  background-position: 0 -9775px;
}
.large-sprite_9 {
  background-position: 0 -10200px;
}
.large-sprite_10 {
  background-position: 0 -425px;
}
.large-sprite_11 {
  background-position: 0 -850px;
}
.large-sprite_12 {
  background-position: 0 -1275px;
}
.large-sprite_13 {
  background-position: 0 -1700px;
}
.large-sprite_14 {
  background-position: 0 -2125px;
}
.large-sprite_15 {
  background-position: 0 -2550px;
}
.large-sprite_16 {
  background-position: 0 -2975px;
}
.large-sprite_17 {
  background-position: 0 -3400px;
}
.large-sprite_18 {
  background-position: 0 -3825px;
}
.large-sprite_19 {
  background-position: 0 -4250px;
}
.large-sprite_20 {
  background-position: 0 -5100px;
}
.large-sprite_21 {
  background-position: 0 -5525px;
}
.large-sprite_22 {
  background-position: 0 -5950px;
}
.large-sprite_23 {
  background-position: 0 -6375px;
}
.large-sprite_24 {
  background-position: 0 -6800px;
}
.large-sprite_25 {
  background-position: 0 -7225px;
}

.selected {
	border: solid 1px red !important;
	box-sizing: border-box;
}

@media (max-width: 1450px) {
	.parallax {
		border-radius: 0;
	} 
}

@media (max-width: 970px) {
	.flex {
		max-width: 500px;
	}
}

@media (max-width: 485px) {
	.large-sprite-wraper {
		width: 100%;
		oreder: 1;
	}
	.sprite-wrapper {
		order: 2;
	}

	.flex {
		background: #000;
		margin: 10px 0 20px;
    overflow: hidden;
	}
}


/*Paralax*/
#stellas-paralax {
  position: relative;
  height: 1000px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
}

#stellas-paralax .background,
#stellas-paralax .stellas {
  position: absolute;
}

#stellas-paralax .background {
  top: -5%;
  left: -5%;
  background: url(sbs-navigation-anons-background.jpg);
  background-size: cover;
  background-position: center;
  width:110%;
  height:1371px;
}

#stellas-paralax .stellas {
  top: 0;
  left: 0%;
  width: 100%;
  height: 1000px;
  margin: 0 auto;
  margin-top: 100px;
}

#stellas-paralax .stellas .picture-wrapper {
  width: 1036px;
  height: 950px;
  position: relative;
  margin: 0 auto;
}


.stellas-text_1,
.stellas-text_2,
.stellas-text_3,
.stellas-text_4 {
  position: absolute;
  width: 120px;
  color: #fff !important;
  z-index: 999;
  font-size: 65%;
  font-style: italic;
}

.stellas-text_1 {
  top: 14%;
  left: -12%;
}

.stellas-text_2 {
  top: 35%;
  left: -2%;
}

.stellas-text_3 {
  top: 54%;
  left: 0;
}

.stellas-text_4 {
  top: 32%;
  left: 68%;
}

.stellas-mobile {
  display: none;
  margin: 0;
}

@media (max-width: 1300px) {
  #stellas-paralax {display: none;}
  .stellas-mobile {display: block;}
}

/*Switcher*/
.descr {
  margin: 0 auto;
  max-width: 800px;
  display: flex;
  justify-content: center;
}

.switch {
  border: 2px solid #fff;
}

.switch.active {
  background: #fff;
  border: 2px solid red;
  border-radius: 5px;
}

.row {
	max-width: 1220px;
  display: flex;
  justify-content: space-between;
  margin: -30px auto -30px;
}

@media (max-width: 800px) {
  .row {
    display: block;
    margin: 0;
  }
}

@media (min-width: 1700px) {	
	.table img{
		border-radius: 12px !important;
	}
}