/*Вверх*/
.main-slider-marker:nth-child(1) {
    top: 25%;
    left: 5%;
}
.main-slider-marker:nth-child(1)::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: -12px;
    left: 50%;
    margin-left: -10px;
    transform: rotate(180deg);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.main-slider-marker:nth-child(1)::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #6BB7D6;
    border: 2px solid #fff;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
}
/*Влево*/
.main-slider-marker:nth-child(5) {
    right: 43%;
    top: 12%;
}
.main-slider-marker:nth-child(5)::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    left: -12px;
    transform: rotate(90deg);
    top: 50%;
    margin-top: -10px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.main-slider-marker:nth-child(5)::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #6BB7D6;
    border: 2px solid #fff;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
}
/*Вниз*/
.main-slider-marker:nth-child(8) {
    right: 48%;
    bottom: 16%;
}
.main-slider-marker:nth-child(8)::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.main-slider-marker:nth-child(8)::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #6BB7D6;
    border: 2px solid #fff;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
}
/*Вправо*/
.main-slider-marker:nth-child(9) {
    top: 9%;
    right: 14%;
}
.main-slider-marker:nth-child(9)::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    transform: rotate(270deg);
    right: -12px;
    top: 50%;
    margin-top: -10px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.main-slider-marker:nth-child(9)::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #6BB7D6;
    border: 2px solid #fff;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
}





/*SLIDE 2 **************************************************************/
.main-slider-marker2:nth-child(1) {
    top: 25%;
    left: 5%;
}
.main-slider-marker2:nth-child(1)::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: -12px;
    left: 50%;
    margin-left: -10px;
    transform: rotate(180deg);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.main-slider-marker2:nth-child(1)::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #6BB7D6;
    border: 2px solid #fff;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
}
.main-slider-marker2:nth-child(2) {
    top: 71%;
    left: 5%;
}
.main-slider-marker2:nth-child(2)::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: -12px;
    left: 50%;
    margin-left: -10px;
    transform: rotate(180deg);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.main-slider-marker2:nth-child(2)::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #6BB7D6;
    border: 2px solid #fff;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
}

.main-slider-marker2:nth-child(3) {
   left: 5%;
    top: 43%;
}
.main-slider-marker2:nth-child(3)::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    left: -12px;
    transform: rotate(90deg);
    top: 50%;
    margin-top: -10px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.main-slider-marker2:nth-child(3)::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #6BB7D6;
    border: 2px solid #fff;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
}
.main-slider-marker2:nth-child(4) {
    left: 39%;
    top: 18%;
    right:unset;
    bottom:unset;
}
.main-slider-marker2:nth-child(4)::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    left: -12px;
    transform: rotate(90deg);
    top: 50%;
    margin-top: -10px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.main-slider-marker2:nth-child(4)::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #6BB7D6;
    border: 2px solid #fff;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
}

.main-slider-marker2:nth-child(5) {
    right: 45%;
    top: 47%;
}
.main-slider-marker2:nth-child(5)::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    left: -12px;
    transform: rotate(90deg);
    top: 50%;
    margin-top: -10px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.main-slider-marker2:nth-child(5)::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #6BB7D6;
    border: 2px solid #fff;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
}
.main-slider-marker2:nth-child(6) {
    right: 19%;
    top: 37%;
}
.main-slider-marker2:nth-child(6)::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    left: -12px;
    transform: rotate(90deg);
    top: 50%;
    margin-top: -10px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.main-slider-marker2:nth-child(6)::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #6BB7D6;
    border: 2px solid #fff;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
}


.main-slider-marker2:nth-child(7) {
    right: 48%;
    bottom: 16%;
    top: unset;
}
.main-slider-marker2:nth-child(7)::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.main-slider-marker2:nth-child(7)::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #6BB7D6;
    border: 2px solid #fff;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
}

.main-slider-marker2:nth-child(8) {
    right: 26%;
    bottom: 20%;
}
.main-slider-marker2:nth-child(8)::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.main-slider-marker2:nth-child(8)::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #6BB7D6;
    border: 2px solid #fff;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
}
.main-slider-marker2:nth-child(9) {
    top: 9%;
    right: 14%;
}
.main-slider-marker2:nth-child(9)::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    transform: rotate(270deg);
    right: -12px;
    top: 50%;
    margin-top: -10px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.main-slider-marker2:nth-child(9)::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #6BB7D6;
    border: 2px solid #fff;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
}




/*SLIDE 3 **************************************************************/
.main-slider-marker3:nth-child(1) {
    top: 25%;
    left: 5%;
}
.main-slider-marker3:nth-child(1)::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: -12px;
    left: 50%;
    margin-left: -10px;
    transform: rotate(180deg);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.main-slider-marker3:nth-child(1)::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #6BB7D6;
    border: 2px solid #fff;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
}
.main-slider-marker3:nth-child(2) {
    top: 41%;
    left: 26%;
}
.main-slider-marker3:nth-child(2)::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: -12px;
    left: 50%;
    margin-left: -10px;
    transform: rotate(180deg);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.main-slider-marker3:nth-child(2)::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #6BB7D6;
    border: 2px solid #fff;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
}

.main-slider-marker3:nth-child(3) {
   left: 75%;
    top: 77%;
}
.main-slider-marker3:nth-child(3)::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: -12px;
    left: 50%;
    margin-left: -10px;
    transform: rotate(180deg);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.main-slider-marker3:nth-child(3)::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #6BB7D6;
    border: 2px solid #fff;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
}
.main-slider-marker3:nth-child(4) {
    left: 12%;
    top: 73%;
    right:unset;
    bottom:unset;
}
.main-slider-marker3:nth-child(4)::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.main-slider-marker3:nth-child(4)::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #6BB7D6;
    border: 2px solid #fff;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
}

.main-slider-marker3:nth-child(5) {
  right: 46%;
    top: 82%;
}
.main-slider-marker3:nth-child(5)::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.main-slider-marker3:nth-child(5)::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #6BB7D6;
    border: 2px solid #fff;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
}
.main-slider-marker3:nth-child(6) {
   right: 31%;
    top: 22%;
}
.main-slider-marker3:nth-child(6)::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    left: -12px;
    transform: rotate(90deg);
    top: 50%;
    margin-top: -10px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.main-slider-marker3:nth-child(6)::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #6BB7D6;
    border: 2px solid #fff;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
}


.main-slider-marker3:nth-child(7) {
      right: 25%;
    bottom: 45%;
    top: unset;
}
.main-slider-marker3:nth-child(7)::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    left: -12px;
    transform: rotate(90deg);
    top: 50%;
    margin-top: -10px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.main-slider-marker3:nth-child(7)::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #6BB7D6;
    border: 2px solid #fff;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
}

.main-slider-marker3:nth-child(8) {
    right: 12%;
    bottom: 79%;
}
.main-slider-marker3:nth-child(8)::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    left: -12px;
    transform: rotate(90deg);
    top: 50%;
    margin-top: -10px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.main-slider-marker3:nth-child(8)::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #6BB7D6;
    border: 2px solid #fff;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
}


/*SLIDE 4 **************************************************************/
/*Вверх*/
.main-slider-marker4:nth-child(1) {
    top: 25%;
    left: 5%;
}
.main-slider-marker4:nth-child(1)::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: -12px;
    left: 50%;
    margin-left: -10px;
    transform: rotate(180deg);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.main-slider-marker4:nth-child(1)::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #6BB7D6;
    border: 2px solid #fff;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
}
.main-slider-marker4:nth-child(2) {
     top: 78%;
    left: 14%;
}
.main-slider-marker4:nth-child(2)::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: -12px;
    left: 50%;
    margin-left: -10px;
    transform: rotate(180deg);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.main-slider-marker4:nth-child(2)::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #6BB7D6;
    border: 2px solid #fff;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
}
.main-slider-marker4:nth-child(3) {
    top: 41%;
    left: 23%;
}
.main-slider-marker4:nth-child(3)::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: -12px;
    left: 50%;
    margin-left: -10px;
    transform: rotate(180deg);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.main-slider-marker4:nth-child(3)::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #6BB7D6;
    border: 2px solid #fff;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
}
.main-slider-marker4:nth-child(4) {
    right: 16%;
    bottom: 80%;
}
.main-slider-marker4:nth-child(4)::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: -12px;
    left: 50%;
    margin-left: -10px;
    transform: rotate(180deg);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.main-slider-marker4:nth-child(4)::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #6BB7D6;
    border: 2px solid #fff;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
}
.main-slider-marker4:nth-child(5) {
    right: 10%;
    top: 77%;
}
.main-slider-marker4:nth-child(5)::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: -12px;
    left: 50%;
    margin-left: -10px;
    transform: rotate(180deg);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.main-slider-marker4:nth-child(5)::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #6BB7D6;
    border: 2px solid #fff;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
}
.main-slider-marker4:nth-child(6) {
    right: 42%;
    top: 78%;
}
.main-slider-marker4:nth-child(6)::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.main-slider-marker4:nth-child(6)::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #6BB7D6;
    border: 2px solid #fff;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
}
.main-slider-marker4:nth-child(7) {
    right: 33%;
    top: 44%;
}
.main-slider-marker4:nth-child(7)::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    left: -12px;
    transform: rotate(90deg);
    top: 50%;
    margin-top: -10px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.main-slider-marker4:nth-child(7)::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #6BB7D6;
    border: 2px solid #fff;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
}