@media (max-width: 500px) {
}@media (max-width: 991px) {
}@media (max-width: 991px) {
}.stage-of-process {
  min-height: 1013px;
  background: url("/local/templates/rutego/images/stage-of-process-bg-bottom-big.svg") 100% 100% no-repeat;
  position: relative;
  background-size: contain;
  margin-bottom: 100px;
}
@media (max-width: 1200px) {
  .stage-of-process {
    min-height: 768px;
  }
}
@media (max-width: 992px) {
  .stage-of-process {
    background: none;
    margin-bottom: 50px;
  }
}
.stage-of-process .stage-of-process-text {
  background: #F5F3F4;
  padding: 35px 55px 60px 100px;
  max-width: 600px;
  box-shadow: -5px 5px #E5E5E5;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0px 26px 26px 0px;
}
@media (max-width: 1200px) {
  .stage-of-process .stage-of-process-text {
    position: static;
    padding: 52px 66px;
    max-width: 458px;
    width: 100%;
  }
}
@media (max-width: 992px) {
  .stage-of-process .stage-of-process-text {
    padding: 20px 34px;
    max-width: unset;
  }
}
.stage-of-process .stage-of-process-text h2 {
  margin-bottom: 50px;
}
.stage-of-process .stage-of-process-text strong {
  color: #E5383B;
}
@media (max-width: 767px) {
  .stage-of-process .stage-of-process-text strong {
    font-size: 20px;
  }
}
.stage-of-process .stage-of-process-text p {
  font-size: 30px;
  line-height: 42px;
  margin-bottom: 0;
  text-align: left;
  text-indent: 0;
}
@media (max-width: 767px) {
  .stage-of-process .stage-of-process-text p {
    font-size: 26px;
  }
}
.stage-of-process .mountain {
  position: absolute;
  width: 1330px;
  height: 750px;
  bottom: 5%;
  right: 7%;
  counter-reset: number;
}
@media (max-width: 1200px) {
  .stage-of-process .mountain {
    top: 0;
    height: 720px;
  }
}
@media (max-width: 992px) {
  .stage-of-process .mountain {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    top: 20px;
    right: 0;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
  }
}
.stage-of-process .mountain > div {
  background: rgba(255, 255, 255, 0.8);
  padding: 10px;
  border: 1px solid #263238;
  position: absolute;
}
@media (max-width: 992px) {
  .stage-of-process .mountain > div {
    position: relative;
    width: 50%;
    margin-bottom: 15px;
  }
}
.stage-of-process .mountain .stage-1 {
  left: 0%;
  bottom: 9%;
}
@media (max-width: 2010px) {
  .stage-of-process .mountain .stage-1 {
    left: 1%;
  }
}
@media (max-width: 1990px) {
  .stage-of-process .mountain .stage-1 {
    left: 2%;
  }
}
@media (max-width: 1970px) {
  .stage-of-process .mountain .stage-1 {
    left: 4%;
  }
}
@media (max-width: 1930px) {
  .stage-of-process .mountain .stage-1 {
    left: 7%;
  }
}
@media (max-width: 1870px) {
  .stage-of-process .mountain .stage-1 {
    left: 10%;
  }
}
@media (max-width: 1830px) {
  .stage-of-process .mountain .stage-1 {
    left: 12%;
  }
}
@media (max-width: 1790px) {
  .stage-of-process .mountain .stage-1 {
    left: 12%;
    bottom: 8%;
  }
}
@media (max-width: 1770px) {
  .stage-of-process .mountain .stage-1 {
    left: 13%;
    bottom: 7%;
  }
}
@media (max-width: 1770px) {
  .stage-of-process .mountain .stage-1 {
    left: 15%;
    bottom: 6%;
  }
}
@media (max-width: 1622px) {
  .stage-of-process .mountain .stage-1 {
    left: 13%;
  }
}
@media (max-width: 1680px) {
  .stage-of-process .mountain .stage-1 {
    left: 6%;
  }
}
@media (max-width: 1720px) {
  .stage-of-process .mountain .stage-1 {
    left: 18%;
  }
}
@media (max-width: 1650px) {
  .stage-of-process .mountain .stage-1 {
    left: 21%;
  }
}
@media (max-width: 1610px) {
  .stage-of-process .mountain .stage-1 {
    left: 23%;
  }
}
@media (max-width: 1590px) {
  .stage-of-process .mountain .stage-1 {
    bottom: 5%;
    left: 25%;
  }
}
@media (max-width: 1520px) {
  .stage-of-process .mountain .stage-1 {
    bottom: 4%;
    left: 29%;
  }
}
@media (max-width: 1450px) {
  .stage-of-process .mountain .stage-1 {
    bottom: 2%;
    left: 32%;
  }
}
@media (max-width: 1400px) {
  .stage-of-process .mountain .stage-1 {
    left: 34%;
    bottom: 2%;
  }
}
@media (max-width: 1350px) {
  .stage-of-process .mountain .stage-1 {
    left: 36%;
  }
}
@media (max-width: 1320px) {
  .stage-of-process .mountain .stage-1 {
    left: 38%;
    bottom: 1%;
  }
}
@media (max-width: 1300px) {
  .stage-of-process .mountain .stage-1 {
    left: 39%;
  }
}
@media (max-width: 1250px) {
  .stage-of-process .mountain .stage-1 {
    left: 41%;
    bottom: 1%;
  }
}
@media (max-width: 1200px) {
  .stage-of-process .mountain .stage-1 {
    left: 43%;
  }
}
@media (max-width: 1150px) {
  .stage-of-process .mountain .stage-1 {
    left: 47%;
  }
}
@media (max-width: 1100px) {
  .stage-of-process .mountain .stage-1 {
    left: 49%;
    bottom: -1%;
  }
}
@media (max-width: 1170px) {
  .stage-of-process .mountain .stage-1 {
    left: 47%;
    bottom: 0%;
  }
}
@media (max-width: 1150px) {
  .stage-of-process .mountain .stage-1 {
    left: 47%;
  }
}
@media (max-width: 1100px) {
  .stage-of-process .mountain .stage-1 {
    left: 49%;
    bottom: -1%;
  }
}
@media (max-width: 1080px) {
  .stage-of-process .mountain .stage-1 {
    left: 50%;
  }
}
@media (max-width: 1050px) {
  .stage-of-process .mountain .stage-1 {
    left: 51%;
    bottom: -2%;
  }
}
@media (max-width: 1020px) {
  .stage-of-process .mountain .stage-1 {
    left: 53%;
    bottom: -3%;
  }
}
.stage-of-process .mountain .stage-1::after {
  content: '';
  width: 51px;
  height: 56px;
  background: url("/local/templates/rutego/images/flag-start.svg") no-repeat center;
  background-size: auto;
  background-size: contain;
  position: absolute;
  left: -55px;
  top: -56px;
}
@media (max-width: 1400px) {
  .stage-of-process .mountain .stage-1::after {
    height: 49px;
    left: -48px;
    top: -48px;
  }
}
@media (max-width: 1250px) {
  .stage-of-process .mountain .stage-1::after {
    left: -51px;
    top: -46px;
  }
}
@media (max-width: 992px) {
  .stage-of-process .mountain .stage-1::after {
    display: none;
  }
}
.stage-of-process .mountain .stage-2 {
  bottom: 5%;
  right: 35%;
}
@media (max-width: 1800px) {
  .stage-of-process .mountain .stage-2 {
    bottom: 2%;
    right: 29%;
  }
}
@media (max-width: 1700px) {
  .stage-of-process .mountain .stage-2 {
    bottom: 0%;
    right: 23%;
  }
}
@media (max-width: 1400px) {
  .stage-of-process .mountain .stage-2 {
    bottom: -2%;
    right: 20%;
  }
}
@media (max-width: 1350px) {
  .stage-of-process .mountain .stage-2 {
    bottom: -4%;
  }
}
@media (max-width: 1320px) {
  .stage-of-process .mountain .stage-2 {
    bottom: -5%;
  }
}
@media (max-width: 1300px) {
  .stage-of-process .mountain .stage-2 {
    right: 19%;
  }
}
@media (max-width: 1250px) {
  .stage-of-process .mountain .stage-2 {
    right: 17%;
    bottom: -4%;
  }
}
@media (max-width: 1200px) {
  .stage-of-process .mountain .stage-2 {
    right: 16%;
  }
}
@media (max-width: 1170px) {
  .stage-of-process .mountain .stage-2 {
    right: 15%;
    bottom: -5%;
  }
}
@media (max-width: 1050px) {
  .stage-of-process .mountain .stage-2 {
    right: 14%;
    bottom: -6%;
  }
}
@media (max-width: 1020px) {
  .stage-of-process .mountain .stage-2 {
    right: 13%;
  }
}
.stage-of-process .mountain .stage-3 {
  bottom: 15%;
  right: 6%;
}
@media (max-width: 1930px) {
  .stage-of-process .mountain .stage-3 {
    right: 4%;
  }
}
@media (max-width: 1770px) {
  .stage-of-process .mountain .stage-3 {
    right: 3%;
  }
}
@media (max-width: 1610px) {
  .stage-of-process .mountain .stage-3 {
    right: 0%;
    bottom: 10%;
  }
}
@media (max-width: 1590px) {
  .stage-of-process .mountain .stage-3 {
    right: 1%;
  }
}
@media (max-width: 1450px) {
  .stage-of-process .mountain .stage-3 {
    bottom: 6%;
  }
}
@media (max-width: 1430px) {
  .stage-of-process .mountain .stage-3 {
    bottom: 4%;
    right: 0%;
  }
}
@media (max-width: 1400px) {
  .stage-of-process .mountain .stage-3 {
    right: 1%;
  }
}
@media (max-width: 1300px) {
  .stage-of-process .mountain .stage-3 {
    right: 0%;
  }
}
@media (max-width: 1200px) {
  .stage-of-process .mountain .stage-3 {
    right: -1%;
  }
}
@media (max-width: 1070px) {
  .stage-of-process .mountain .stage-3 {
    right: -1%;
    bottom: 2%;
  }
}
@media (max-width: 1050px) {
  .stage-of-process .mountain .stage-3 {
    right: -2%;
    bottom: -1%;
  }
}
@media (max-width: 1020px) {
  .stage-of-process .mountain .stage-3 {
    right: -3%;
  }
}
.stage-of-process .mountain .stage-4 {
  bottom: 27%;
  left: 33%;
}
@media (max-width: 1930px) {
  .stage-of-process .mountain .stage-4 {
    left: 36%;
  }
}
@media (max-width: 1830px) {
  .stage-of-process .mountain .stage-4 {
    left: 38%;
  }
}
@media (max-width: 1790px) {
  .stage-of-process .mountain .stage-4 {
    bottom: 23%;
    left: 40%;
  }
}
@media (max-width: 1720px) {
  .stage-of-process .mountain .stage-4 {
    bottom: 21%;
    left: 42%;
  }
}
@media (max-width: 1680px) {
  .stage-of-process .mountain .stage-4 {
    bottom: 19%;
    left: 44%;
  }
}
@media (max-width: 1650px) {
  .stage-of-process .mountain .stage-4 {
    bottom: 18%;
    left: 45%;
  }
}
@media (max-width: 1610px) {
  .stage-of-process .mountain .stage-4 {
    bottom: 16%;
    left: 48%;
  }
}
@media (max-width: 1590px) {
  .stage-of-process .mountain .stage-4 {
    left: 49%;
  }
}
@media (max-width: 1520px) {
  .stage-of-process .mountain .stage-4 {
    bottom: 15%;
    left: 50%;
  }
}
@media (max-width: 1480px) {
  .stage-of-process .mountain .stage-4 {
    left: 51%;
  }
}
@media (max-width: 1450px) {
  .stage-of-process .mountain .stage-4 {
    left: 53%;
  }
}
@media (max-width: 1430px) {
  .stage-of-process .mountain .stage-4 {
    bottom: 14%;
  }
}
@media (max-width: 1400px) {
  .stage-of-process .mountain .stage-4 {
    bottom: 11%;
    left: 56%;
  }
}
@media (max-width: 1350px) {
  .stage-of-process .mountain .stage-4 {
    bottom: 10%;
  }
}
@media (max-width: 1320px) {
  .stage-of-process .mountain .stage-4 {
    bottom: 9%;
    left: 58%;
  }
}
@media (max-width: 1300px) {
  .stage-of-process .mountain .stage-4 {
    left: 59%;
    bottom: 8%;
  }
}
@media (max-width: 1250px) {
  .stage-of-process .mountain .stage-4 {
    left: 61%;
    bottom: 9%;
  }
}
@media (max-width: 1200px) {
  .stage-of-process .mountain .stage-4 {
    left: 62%;
  }
}
@media (max-width: 1150px) {
  .stage-of-process .mountain .stage-4 {
    left: 63%;
  }
}
@media (max-width: 1170px) {
  .stage-of-process .mountain .stage-4 {
    left: 63%;
    bottom: 7.5%;
  }
}
@media (max-width: 1100px) {
  .stage-of-process .mountain .stage-4 {
    left: 66%;
    bottom: 8%;
  }
}
@media (max-width: 1070px) {
  .stage-of-process .mountain .stage-4 {
    bottom: 7%;
  }
}
@media (max-width: 1150px) {
  .stage-of-process .mountain .stage-4 {
    bottom: 8%;
    left: 64%;
  }
}
@media (max-width: 1080px) {
  .stage-of-process .mountain .stage-4 {
    bottom: 7%;
    left: 65%;
  }
}
@media (max-width: 1050px) {
  .stage-of-process .mountain .stage-4 {
    bottom: 6%;
    left: 67%;
  }
}
@media (max-width: 1020px) {
  .stage-of-process .mountain .stage-4 {
    bottom: 5.5%;
    left: 68%;
  }
}
.stage-of-process .mountain .stage-5 {
  bottom: 49%;
  left: 43%;
}
@media (max-width: 1970px) {
  .stage-of-process .mountain .stage-5 {
    bottom: 47%;
  }
}
@media (max-width: 1930px) {
  .stage-of-process .mountain .stage-5 {
    left: 46%;
  }
}
@media (max-width: 1900px) {
  .stage-of-process .mountain .stage-5 {
    left: 45%;
    bottom: 44%;
  }
}
@media (max-width: 1840px) {
  .stage-of-process .mountain .stage-5 {
    bottom: 42%;
  }
}
@media (max-width: 1790px) {
  .stage-of-process .mountain .stage-5 {
    bottom: 39%;
  }
}
@media (max-width: 1740px) {
  .stage-of-process .mountain .stage-5 {
    left: 47%;
  }
}
@media (max-width: 1720px) {
  .stage-of-process .mountain .stage-5 {
    bottom: 37%;
  }
}
@media (max-width: 1680px) {
  .stage-of-process .mountain .stage-5 {
    bottom: 35%;
    left: 48%;
  }
}
@media (max-width: 1650px) {
  .stage-of-process .mountain .stage-5 {
    bottom: 34%;
  }
}
@media (max-width: 1610px) {
  .stage-of-process .mountain .stage-5 {
    bottom: 32%;
    left: 49%;
  }
}
@media (max-width: 1590px) {
  .stage-of-process .mountain .stage-5 {
    left: 52%;
  }
}
@media (max-width: 1520px) {
  .stage-of-process .mountain .stage-5 {
    bottom: 31%;
    left: 54%;
  }
}
@media (max-width: 1480px) {
  .stage-of-process .mountain .stage-5 {
    bottom: 30%;
    left: 55%;
  }
}
@media (max-width: 1450px) {
  .stage-of-process .mountain .stage-5 {
    left: 56%;
  }
}
@media (max-width: 1430px) {
  .stage-of-process .mountain .stage-5 {
    bottom: 29%;
  }
}
@media (max-width: 1400px) {
  .stage-of-process .mountain .stage-5 {
    bottom: 27%;
    left: 58%;
  }
}
@media (max-width: 1370px) {
  .stage-of-process .mountain .stage-5 {
    left: 59%;
  }
}
@media (max-width: 1350px) {
  .stage-of-process .mountain .stage-5 {
    bottom: 26%;
    left: 60%;
  }
}
@media (max-width: 1320px) {
  .stage-of-process .mountain .stage-5 {
    bottom: 24%;
  }
}
@media (max-width: 1300px) {
  .stage-of-process .mountain .stage-5 {
    left: 61%;
    bottom: 23%;
  }
}
@media (max-width: 1250px) {
  .stage-of-process .mountain .stage-5 {
    left: 62%;
  }
}
@media (max-width: 1200px) {
  .stage-of-process .mountain .stage-5 {
    left: 63%;
    bottom: 22%;
  }
}
@media (max-width: 1150px) {
  .stage-of-process .mountain .stage-5 {
    left: 65%;
  }
}
@media (max-width: 1100px) {
  .stage-of-process .mountain .stage-5 {
    left: 66%;
    bottom: 21%;
  }
}
@media (max-width: 1170px) {
  .stage-of-process .mountain .stage-5 {
    left: 64%;
  }
}
@media (max-width: 1150px) {
  .stage-of-process .mountain .stage-5 {
    left: 66%;
    bottom: 21%;
  }
}
@media (max-width: 1080px) {
  .stage-of-process .mountain .stage-5 {
    left: 67%;
    bottom: 20%;
  }
}
@media (max-width: 1050px) {
  .stage-of-process .mountain .stage-5 {
    left: 68%;
    bottom: 19%;
  }
}
@media (max-width: 1020px) {
  .stage-of-process .mountain .stage-5 {
    left: 68%;
    bottom: 18.5%;
  }
}
@media (max-width: 1010px) {
  .stage-of-process .mountain .stage-5 {
    left: 68.5%;
    bottom: 18%;
  }
}
.stage-of-process .mountain .stage-6 {
  top: 32%;
  right: 8%;
}
@media (max-width: 2049px) {
  .stage-of-process .mountain .stage-6 {
    top: 30%;
  }
}
@media (max-width: 1830px) {
  .stage-of-process .mountain .stage-6 {
    top: 32%;
    right: 7%;
  }
}
@media (max-width: 1800px) {
  .stage-of-process .mountain .stage-6 {
    top: 38%;
    right: 5%;
  }
}
@media (max-width: 1680px) {
  .stage-of-process .mountain .stage-6 {
    top: 43%;
    right: 4%;
  }
}
@media (max-width: 1550px) {
  .stage-of-process .mountain .stage-6 {
    top: 50%;
  }
}
@media (max-width: 1520px) {
  .stage-of-process .mountain .stage-6 {
    right: 2%;
  }
}
@media (max-width: 1500px) {
  .stage-of-process .mountain .stage-6 {
    top: 52%;
  }
}
@media (max-width: 1450px) {
  .stage-of-process .mountain .stage-6 {
    top: 53%;
    right: 1%;
  }
}
@media (max-width: 1450px) {
  .stage-of-process .mountain .stage-6 {
    top: 53%;
    right: 1%;
  }
}
@media (max-width: 1400px) {
  .stage-of-process .mountain .stage-6 {
    right: 3%;
  }
}
@media (max-width: 1370px) {
  .stage-of-process .mountain .stage-6 {
    top: 54%;
  }
}
@media (max-width: 1350px) {
  .stage-of-process .mountain .stage-6 {
    top: 55%;
    right: 2%;
  }
}
@media (max-width: 1320px) {
  .stage-of-process .mountain .stage-6 {
    top: 57%;
    right: 2%;
  }
}
@media (max-width: 1300px) {
  .stage-of-process .mountain .stage-6 {
    top: 58%;
    right: 1%;
  }
}
@media (max-width: 1270px) {
  .stage-of-process .mountain .stage-6 {
    top: 59%;
    right: 0%;
  }
}
@media (max-width: 1250px) {
  .stage-of-process .mountain .stage-6 {
    top: 59%;
  }
}
@media (max-width: 1200px) {
  .stage-of-process .mountain .stage-6 {
    top: 60%;
  }
}
@media (max-width: 1150px) {
  .stage-of-process .mountain .stage-6 {
    top: 61%;
  }
}
@media (max-width: 1100px) {
  .stage-of-process .mountain .stage-6 {
    top: 64%;
    right: -1%;
  }
}
@media (max-width: 1070px) {
  .stage-of-process .mountain .stage-6 {
    top: 65%;
  }
}
@media (max-width: 1150px) {
  .stage-of-process .mountain .stage-6 {
    right: 0%;
  }
}
@media (max-width: 1080px) {
  .stage-of-process .mountain .stage-6 {
    top: 65%;
    right: -1.5%;
  }
}
@media (max-width: 1050px) {
  .stage-of-process .mountain .stage-6 {
    top: 66%;
    right: -1.7%;
  }
}
@media (max-width: 1020px) {
  .stage-of-process .mountain .stage-6 {
    top: 67%;
    right: -2%;
  }
}
@media (max-width: 1000px) {
  .stage-of-process .mountain .stage-6 {
    right: -2.5%;
  }
}
.stage-of-process .mountain .stage-7 {
  top: 1%;
  right: 14.5%;
}
@media (max-width: 2049px) {
  .stage-of-process .mountain .stage-7 {
    top: 0%;
    right: 15.5%;
  }
}
@media (max-width: 1990px) {
  .stage-of-process .mountain .stage-7 {
    right: 14.5%;
  }
}
@media (max-width: 1970px) {
  .stage-of-process .mountain .stage-7 {
    top: 2%;
    right: 14%;
  }
}
@media (max-width: 1930px) {
  .stage-of-process .mountain .stage-7 {
    top: 4%;
    right: 13%;
  }
}
@media (max-width: 1900px) {
  .stage-of-process .mountain .stage-7 {
    top: 5%;
    right: 12.5%;
  }
}
@media (max-width: 1875px) {
  .stage-of-process .mountain .stage-7 {
    top: 6%;
    right: 12%;
  }
}
@media (max-width: 1855px) {
  .stage-of-process .mountain .stage-7 {
    top: 8%;
    right: 11.5%;
  }
}
@media (max-width: 1825px) {
  .stage-of-process .mountain .stage-7 {
    top: 9%;
  }
}
@media (max-width: 1810px) {
  .stage-of-process .mountain .stage-7 {
    top: 10%;
    right: 11%;
  }
}
@media (max-width: 1780px) {
  .stage-of-process .mountain .stage-7 {
    top: 12%;
    right: 10%;
  }
}
@media (max-width: 1740px) {
  .stage-of-process .mountain .stage-7 {
    top: 13%;
    right: 9.5%;
  }
}
@media (max-width: 1720px) {
  .stage-of-process .mountain .stage-7 {
    top: 14%;
    right: 9%;
  }
}
@media (max-width: 1700px) {
  .stage-of-process .mountain .stage-7 {
    top: 16%;
  }
}
@media (max-width: 1680px) {
  .stage-of-process .mountain .stage-7 {
    top: 17%;
    right: 8%;
  }
}
@media (max-width: 1660px) {
  .stage-of-process .mountain .stage-7 {
    right: 8%;
  }
}
@media (max-width: 1640px) {
  .stage-of-process .mountain .stage-7 {
    top: 18%;
    right: 7%;
  }
}
@media (max-width: 1620px) {
  .stage-of-process .mountain .stage-7 {
    top: 19%;
    right: 7%;
  }
}
@media (max-width: 1590px) {
  .stage-of-process .mountain .stage-7 {
    top: 21%;
    right: 8%;
  }
}
@media (max-width: 1550px) {
  .stage-of-process .mountain .stage-7 {
    top: 22%;
    right: 7.5%;
  }
}
@media (max-width: 1530px) {
  .stage-of-process .mountain .stage-7 {
    top: 24%;
    right: 7%;
  }
}
@media (max-width: 1490px) {
  .stage-of-process .mountain .stage-7 {
    top: 26%;
    right: 6%;
  }
}
@media (max-width: 1440px) {
  .stage-of-process .mountain .stage-7 {
    top: 28%;
    right: 5%;
  }
}
@media (max-width: 1400px) {
  .stage-of-process .mountain .stage-7 {
    top: 31%;
    right: 7%;
  }
}
@media (max-width: 1370px) {
  .stage-of-process .mountain .stage-7 {
    top: 32%;
  }
}
@media (max-width: 1350px) {
  .stage-of-process .mountain .stage-7 {
    top: 33%;
    right: 6.5%;
  }
}
@media (max-width: 1320px) {
  .stage-of-process .mountain .stage-7 {
    top: 34%;
    right: 6%;
  }
}
@media (max-width: 1300px) {
  .stage-of-process .mountain .stage-7 {
    top: 35.5%;
    right: 5%;
  }
}
@media (max-width: 1270px) {
  .stage-of-process .mountain .stage-7 {
    top: 37%;
  }
}
@media (max-width: 1250px) {
  .stage-of-process .mountain .stage-7 {
    top: 39%;
  }
}
@media (max-width: 1230px) {
  .stage-of-process .mountain .stage-7 {
    top: 40%;
  }
}
@media (max-width: 1200px) {
  .stage-of-process .mountain .stage-7 {
    right: 4%;
  }
}
@media (max-width: 1150px) {
  .stage-of-process .mountain .stage-7 {
    top: 42%;
  }
}
@media (max-width: 1130px) {
  .stage-of-process .mountain .stage-7 {
    top: 43%;
  }
}
@media (max-width: 1100px) {
  .stage-of-process .mountain .stage-7 {
    top: 44%;
    right: 3%;
  }
}
@media (max-width: 1070px) {
  .stage-of-process .mountain .stage-7 {
    top: 45%;
    right: 2.5%;
  }
}
@media (max-width: 1150px) {
  .stage-of-process .mountain .stage-7 {
    top: 42%;
    right: 4%;
  }
}
@media (max-width: 1120px) {
  .stage-of-process .mountain .stage-7 {
    top: 43%;
    right: 3.5%;
  }
}
@media (max-width: 1100px) {
  .stage-of-process .mountain .stage-7 {
    top: 45%;
    right: 3%;
  }
}
@media (max-width: 1080px) {
  .stage-of-process .mountain .stage-7 {
    top: 46%;
    right: 2.5%;
  }
}
@media (max-width: 1080px) {
  .stage-of-process .mountain .stage-7 {
    top: 47%;
    right: 2%;
  }
}
@media (max-width: 1020px) {
  .stage-of-process .mountain .stage-7 {
    top: 48%;
    right: 1.5%;
  }
}
.stage-of-process .mountain .stage-7::after {
  content: '';
  width: 38px;
  height: 38px;
  background: url("/local/templates/rutego/images/flag-finish.svg") no-repeat center;
  background-size: auto;
  background-size: contain;
  position: absolute;
  left: -55px;
  top: -37px;
}
@media (max-width: 1400px) {
  .stage-of-process .mountain .stage-7::after {
    height: 45px;
    left: -40px;
    top: -45px;
  }
}
@media (max-width: 1400px) {
  .stage-of-process .mountain .stage-7::after {
    left: -43px;
  }
}
@media (max-width: 992px) {
  .stage-of-process .mountain .stage-7::after {
    display: none;
  }
}
.stage-of-process .mountain .stage-1:before,
.stage-of-process .mountain .stage-2:before,
.stage-of-process .mountain .stage-3:before,
.stage-of-process .mountain .stage-4:before,
.stage-of-process .mountain .stage-5:before,
.stage-of-process .mountain .stage-6:before,
.stage-of-process .mountain .stage-7:before {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 62px;
  height: 62px;
  font-size: 38px;
  line-height: 46px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #263238;
  counter-increment: number;
  content: counter(number);
  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px #263238;
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #263238;
  position: absolute;
  top: 0;
  left: -82px;
}
@media (max-width: 992px) {
  .stage-of-process .mountain .stage-1,
  .stage-of-process .mountain .stage-2,
  .stage-of-process .mountain .stage-3,
  .stage-of-process .mountain .stage-4,
  .stage-of-process .mountain .stage-5,
  .stage-of-process .mountain .stage-6,
  .stage-of-process .mountain .stage-7 {
    left: 30%;
    right: unset;
    top: unset;
    bottom: unset;
  }
}
.stage-of-process .mountain .stage-1 h6,
.stage-of-process .mountain .stage-2 h6,
.stage-of-process .mountain .stage-3 h6,
.stage-of-process .mountain .stage-4 h6,
.stage-of-process .mountain .stage-5 h6,
.stage-of-process .mountain .stage-6 h6,
.stage-of-process .mountain .stage-7 h6,
.stage-of-process .mountain .stage-1 p,
.stage-of-process .mountain .stage-2 p,
.stage-of-process .mountain .stage-3 p,
.stage-of-process .mountain .stage-4 p,
.stage-of-process .mountain .stage-5 p,
.stage-of-process .mountain .stage-6 p,
.stage-of-process .mountain .stage-7 p {
  font-size: 20px;
  line-height: 24px;
}
@media (max-width: 1590px) {
  .stage-of-process .mountain .stage-1 h6,
  .stage-of-process .mountain .stage-2 h6,
  .stage-of-process .mountain .stage-3 h6,
  .stage-of-process .mountain .stage-4 h6,
  .stage-of-process .mountain .stage-5 h6,
  .stage-of-process .mountain .stage-6 h6,
  .stage-of-process .mountain .stage-7 h6,
  .stage-of-process .mountain .stage-1 p,
  .stage-of-process .mountain .stage-2 p,
  .stage-of-process .mountain .stage-3 p,
  .stage-of-process .mountain .stage-4 p,
  .stage-of-process .mountain .stage-5 p,
  .stage-of-process .mountain .stage-6 p,
  .stage-of-process .mountain .stage-7 p {
    font-size: 18px;
  }
}
@media (max-width: 1400px) {
  .stage-of-process .mountain .stage-1 h6,
  .stage-of-process .mountain .stage-2 h6,
  .stage-of-process .mountain .stage-3 h6,
  .stage-of-process .mountain .stage-4 h6,
  .stage-of-process .mountain .stage-5 h6,
  .stage-of-process .mountain .stage-6 h6,
  .stage-of-process .mountain .stage-7 h6,
  .stage-of-process .mountain .stage-1 p,
  .stage-of-process .mountain .stage-2 p,
  .stage-of-process .mountain .stage-3 p,
  .stage-of-process .mountain .stage-4 p,
  .stage-of-process .mountain .stage-5 p,
  .stage-of-process .mountain .stage-6 p,
  .stage-of-process .mountain .stage-7 p {
    font-size: 16px;
  }
}
@media (max-width: 1250px) {
  .stage-of-process .mountain .stage-1 h6,
  .stage-of-process .mountain .stage-2 h6,
  .stage-of-process .mountain .stage-3 h6,
  .stage-of-process .mountain .stage-4 h6,
  .stage-of-process .mountain .stage-5 h6,
  .stage-of-process .mountain .stage-6 h6,
  .stage-of-process .mountain .stage-7 h6,
  .stage-of-process .mountain .stage-1 p,
  .stage-of-process .mountain .stage-2 p,
  .stage-of-process .mountain .stage-3 p,
  .stage-of-process .mountain .stage-4 p,
  .stage-of-process .mountain .stage-5 p,
  .stage-of-process .mountain .stage-6 p,
  .stage-of-process .mountain .stage-7 p {
    font-size: 15px;
    line-height: 19px;
  }
}
@media (max-width: 1150px) {
  .stage-of-process .mountain .stage-1 h6,
  .stage-of-process .mountain .stage-2 h6,
  .stage-of-process .mountain .stage-3 h6,
  .stage-of-process .mountain .stage-4 h6,
  .stage-of-process .mountain .stage-5 h6,
  .stage-of-process .mountain .stage-6 h6,
  .stage-of-process .mountain .stage-7 h6,
  .stage-of-process .mountain .stage-1 p,
  .stage-of-process .mountain .stage-2 p,
  .stage-of-process .mountain .stage-3 p,
  .stage-of-process .mountain .stage-4 p,
  .stage-of-process .mountain .stage-5 p,
  .stage-of-process .mountain .stage-6 p,
  .stage-of-process .mountain .stage-7 p {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (max-width: 992px) {
  .stage-of-process .mountain .stage-1 h6,
  .stage-of-process .mountain .stage-2 h6,
  .stage-of-process .mountain .stage-3 h6,
  .stage-of-process .mountain .stage-4 h6,
  .stage-of-process .mountain .stage-5 h6,
  .stage-of-process .mountain .stage-6 h6,
  .stage-of-process .mountain .stage-7 h6,
  .stage-of-process .mountain .stage-1 p,
  .stage-of-process .mountain .stage-2 p,
  .stage-of-process .mountain .stage-3 p,
  .stage-of-process .mountain .stage-4 p,
  .stage-of-process .mountain .stage-5 p,
  .stage-of-process .mountain .stage-6 p,
  .stage-of-process .mountain .stage-7 p {
    line-height: 24px;
  }
}
.stage-of-process .mountain .stage-1 h6,
.stage-of-process .mountain .stage-2 h6,
.stage-of-process .mountain .stage-3 h6,
.stage-of-process .mountain .stage-4 h6,
.stage-of-process .mountain .stage-5 h6,
.stage-of-process .mountain .stage-6 h6,
.stage-of-process .mountain .stage-7 h6 {
  font-weight: 600;
}
@media (max-width: 992px) {
  .stage-of-process .mountain .stage-1 h6,
  .stage-of-process .mountain .stage-2 h6,
  .stage-of-process .mountain .stage-3 h6,
  .stage-of-process .mountain .stage-4 h6,
  .stage-of-process .mountain .stage-5 h6,
  .stage-of-process .mountain .stage-6 h6,
  .stage-of-process .mountain .stage-7 h6 {
    font-size: 22px;
  }
}
@media (max-width: 510px) {
  .stage-of-process .mountain .stage-1 h6,
  .stage-of-process .mountain .stage-2 h6,
  .stage-of-process .mountain .stage-3 h6,
  .stage-of-process .mountain .stage-4 h6,
  .stage-of-process .mountain .stage-5 h6,
  .stage-of-process .mountain .stage-6 h6,
  .stage-of-process .mountain .stage-7 h6 {
    font-size: 18px;
  }
}
@media (max-width: 420px) {
  .stage-of-process .mountain .stage-1 h6,
  .stage-of-process .mountain .stage-2 h6,
  .stage-of-process .mountain .stage-3 h6,
  .stage-of-process .mountain .stage-4 h6,
  .stage-of-process .mountain .stage-5 h6,
  .stage-of-process .mountain .stage-6 h6,
  .stage-of-process .mountain .stage-7 h6 {
    font-size: 14px;
  }
}
.stage-of-process .mountain .stage-1 p,
.stage-of-process .mountain .stage-2 p,
.stage-of-process .mountain .stage-3 p,
.stage-of-process .mountain .stage-4 p,
.stage-of-process .mountain .stage-5 p,
.stage-of-process .mountain .stage-6 p,
.stage-of-process .mountain .stage-7 p {
  margin-bottom: 0;
  text-indent: 0;
}
@media (max-width: 992px) {
  .stage-of-process .mountain .stage-1 p,
  .stage-of-process .mountain .stage-2 p,
  .stage-of-process .mountain .stage-3 p,
  .stage-of-process .mountain .stage-4 p,
  .stage-of-process .mountain .stage-5 p,
  .stage-of-process .mountain .stage-6 p,
  .stage-of-process .mountain .stage-7 p {
    font-size: 18px;
  }
}
@media (max-width: 510px) {
  .stage-of-process .mountain .stage-1 p,
  .stage-of-process .mountain .stage-2 p,
  .stage-of-process .mountain .stage-3 p,
  .stage-of-process .mountain .stage-4 p,
  .stage-of-process .mountain .stage-5 p,
  .stage-of-process .mountain .stage-6 p,
  .stage-of-process .mountain .stage-7 p {
    font-size: 16px;
  }
}
@media (max-width: 420px) {
  .stage-of-process .mountain .stage-1 p,
  .stage-of-process .mountain .stage-2 p,
  .stage-of-process .mountain .stage-3 p,
  .stage-of-process .mountain .stage-4 p,
  .stage-of-process .mountain .stage-5 p,
  .stage-of-process .mountain .stage-6 p,
  .stage-of-process .mountain .stage-7 p {
    font-size: 14px;
  }
}
@media (max-width: 1400px) {
  .stage-of-process .mountain .stage-1:before,
  .stage-of-process .mountain .stage-2:before,
  .stage-of-process .mountain .stage-3:before,
  .stage-of-process .mountain .stage-4:before,
  .stage-of-process .mountain .stage-5:before,
  .stage-of-process .mountain .stage-6:before,
  .stage-of-process .mountain .stage-7:before {
    width: 54px;
    height: 54px;
    font-size: 22px;
    line-height: 30px;
    left: -66px;
  }
}
@media (max-width: 1250px) {
  .stage-of-process .mountain .stage-1:before,
  .stage-of-process .mountain .stage-2:before,
  .stage-of-process .mountain .stage-3:before,
  .stage-of-process .mountain .stage-4:before,
  .stage-of-process .mountain .stage-5:before,
  .stage-of-process .mountain .stage-6:before,
  .stage-of-process .mountain .stage-7:before {
    width: 46px;
    height: 46px;
  }
}
.stage-of-process__marketing {
  background-image: url(/local/templates/rutego/images/marketing-stage-bg.png);
  background-position: left center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 770px;
  min-height: unset;
  margin-top: 100px;
  margin-bottom: 50px;
}
.stage-of-process__marketing .stage-of-process_inner {
  background-image: url(/local/templates/rutego/images/marketing-stage-people.png);
  background-position: left bottom;
  background-repeat: no-repeat;
  position: relative;
  right: 0;
  bottom: -30px;
}
.stage-of-process__marketing .stage-of-process_inner p {
  margin-bottom: 0;
}
.stage-of-process__marketing .stage-of-process_inner .stage-1,
.stage-of-process__marketing .stage-of-process_inner .stage-2,
.stage-of-process__marketing .stage-of-process_inner .stage-3,
.stage-of-process__marketing .stage-of-process_inner .stage-4 {
  font-size: 25px;
  line-height: 30px;
  font-style: italic;
  font-weight: 500;
  background-color: #fff;
  border: 2px solid #263238;
  border-radius: 25px;
  padding: 20px 30px;
  position: absolute;
}
.stage-of-process__marketing .stage-of-process_inner .stage-1 {
  top: 65px;
  left: 300px;
}
.stage-of-process__marketing .stage-of-process_inner .stage-2 {
  top: 200px;
  right: 50px;
}
.stage-of-process__marketing .stage-of-process_inner .stage-3 {
  bottom: 150px;
  right: 100px;
}
.stage-of-process__marketing .stage-of-process_inner .stage-4 {
  left: 230px;
  bottom: 100px;
}