@charset "UTF-8";
.delivery-page .main-block::before {
  display: none; }
.delivery-page .main-block {
  height: 865px;
  margin-bottom: 70px;
  overflow: hidden; }
.delivery-page .main-block::after {
  content: '';
  background: url("../img/delivery-icon/iron-road.svg") center center no-repeat;
  position: absolute;
  bottom: 0;
  background-size: cover;
  width: 100%;
  height: 161px; }

.delivery_mountains .delivery_mountains-4,
.delivery_mountains .delivery_mountains-3,
.delivery_mountains .delivery_mountains-2,
.delivery_mountains .delivery_mountains-1 {
  position: absolute; }
.delivery_mountains .delivery_mountains-4 {
  right: 0;
  bottom: 0;
  animation: riseUpFirst 0.5s ease-out forwards;
  opacity: 0; }
.delivery_mountains .delivery_mountains-3 {
  right: 600px;
  bottom: 70px;
  animation: riseUpFirst 2s ease-out forwards;
  opacity: 0; }
.delivery_mountains .delivery_mountains-2 {
  right: 1200px;
  bottom: 70px;
  animation: riseUpFirst 3s ease-out forwards;
  opacity: 0; }
.delivery_mountains .delivery_mountains-1 {
  right: 1600px;
  bottom: 30px;
  animation: riseUpFirst 3s ease-out forwards;
  opacity: 0; }

@keyframes train-slide-in {
  from {
    transform: translateX(-200%); }
  to {
    transform: translateX(0); } }
.train {
  position: absolute;
  z-index: 99;
  bottom: 23px;
  left: 10%;
  animation: train-slide-in 2s ease-out forwards; }

.cloud-3,
.cloud-2,
.cloud-1 {
  position: absolute; }

.cloud-3 {
  left: 1200px !important;
  top: 230px !important; }

.cloud-2 {
  left: 530px !important;
  top: 312px !important; }

.cloud-1 {
  left: 120px !important;
  top: 470px !important; }

.delivery-section {
  position: relative; }
  .delivery-section .h2-title-wrapper h2::before {
    content: 'Доставка';
    top: -80px; }

li {
  list-style: none; }

.delivery-section {
  margin-bottom: 240px; }

.delivery_content {
  display: flex;
  flex-direction: column;
  margin-top: 50px;
  gap: 80px; }
  .delivery_content__top {
    display: flex;
    gap: 80px;
    justify-content: space-between; }
  .delivery_content__bottom {
    display: flex;
    gap: 80px;
    justify-content: space-between; }
  .delivery_content .delivery_content__img {
    border-radius: 30px;
    overflow: hidden; }
    .delivery_content .delivery_content__img img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .delivery_content .delivery_content__img.seccound {
    width: 30%; }
  .delivery_content .delivery_content__img.one {
    width: 65%; }
  .delivery_content .delivery_content__text {
    width: 78%;
    line-height: 30px; }

.delivery_content__top .delivery_content__img img {
  height: auto; }

.services_content .delivery_content__bottom {
  height: auto; }
  .services_content .delivery_content__bottom .delivery_content__img {
    width: 65%;
    height: auto; }
    .services_content .delivery_content__bottom .delivery_content__img img {
      height: auto; }
  .services_content .delivery_content__bottom .seccound {
    width: auto;
    height: auto; }

.service-page .delivery-section .h2-title-wrapper h2::before {
  content: 'Обслуживание'; }

.service-page .main-block::after {
  content: '';
  background: url("../img/delivery-icon/road.png") center center no-repeat;
  position: absolute;
  bottom: 0;
  background-size: cover;
  width: 100%;
  height: 470px; }

.tractor {
  position: absolute;
  z-index: 9;
  bottom: 250px;
  left: 200px;
  animation: tractor-move 3s ease-out forwards; }

@keyframes tractor-move {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-100px); } }
.track-services {
  position: absolute;
  z-index: 9;
  bottom: 200px;
  right: 500px;
  animation: track-move 3s ease-out forwards; }

@keyframes track-move {
  from {
    transform: translateX(-400px); }
  to {
    transform: translateX(0); } }
@media (max-width: 991px) {
  .train {
    display: none; }

  .cloud {
    display: none; }

  .delivery_mountains {
    display: none; }

  .delivery-page .main-block::after {
    display: none; }

  .delivery-page .main-block::after {
    display: block;
    content: '';
    background: url("../img/dev-mob.svg") center center no-repeat;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    width: 100%;
    background-size: cover;
    height: 100%; }

  .delivery-page .main-block::before {
    display: none; }

  .delivery_content .delivery_content__img.one {
    display: none; }

  .delivery_content__top {
    flex-direction: column; }

  .delivery_content .delivery_content__img.seccound {
    width: 100%; }

  .delivery-page .main-block {
    margin-bottom: 0;
    height: 700px; }

  .delivery-section {
    padding-top: 40px; }

  .delivery-section .h2-title-wrapper h2::before {
    top: 0px; }

  .delivery_content .delivery_content__text {
    width: 100%; }

  .delivery-section {
    margin-bottom: 60px; }

  .service-page .main-block::after {
    display: none; }

  .service-page .main-block::after {
    display: block;
    content: '';
    background: url(../img/mob-main.jpg) center center no-repeat;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    width: 100%;
    background-size: cover;
    height: 100%; }

  .delivery-section .delivery_content .delivery_content__img.one {
    display: block;
    width: 100%; }

  .delivery_content__bottom {
    flex-direction: column;
    gap: 30px; }

  .delivery_content__top {
    gap: 30px; }

  .contact-text {
    padding: 30px; }

  .contact-section .delivery_content .delivery_content__img {
    display: none; } }
@media (max-width: 768px) {
  .delivery_content {
    margin-top: 30px; }

  .delivery-page .main-block {
    height: 550px; } }
@media (max-width: 576px) {
  .delivery-page .main-block {
    height: 530px; }

  .delivery_content {
    gap: 30px; }

  .contact-section {
    margin-bottom: 40px; }

  .contact-page .map-wrapp {
    padding: 20px 10px; }

  .contact-section {
    padding-top: 30px; }

  .contact-section .h2-title-wrapper h2::before {
    top: 0px; }

  .delivery_content {
    margin-top: 10px; } }
@media (max-width: 460px) {
  .popup-body .close-btn {
    width: 20px;
    height: 20px;
    top: 10px;
    right: 10px; }
    .popup-body .close-btn img {
      width: 80%; }

  .header-classic .logo img {
    height: 45px; } }