.t-input__vis-ph {
    opacity: 0.75;
}
.text-outline .tn-atom {
    text-shadow: 1px 0 #5e544b, 0 -1px #5e544b, -1px 0 #5e544b, 0 1px #5e544b;
}
button.t-submit {
    text-transform: uppercase;
}
.link-more  {
    z-index: 99!important;
}
.link-more a {
    display: block;
}
.link-more-icon {
    transition: transform 0.2s ease-in-out;
}
.link-more:hover + .link-more-icon {
        transform: translateX(5px);
}
.arrow-left-1, .arrow-right-1, .arrow-left-2, .arrow-right-2, .arrow-left-3, .arrow-right-3 {
    cursor: pointer;
    transition: transform 0.2s ease-in-out;
}
.arrow-left-1 .tn-atom, .arrow-right-1 .tn-atom, .arrow-left-2 .tn-atom, .arrow-right-2 .tn-atom, .arrow-left-3 .tn-atom, .arrow-right-3 .tn-atom {
    background-size: auto!important;
}
.arrow-left-1:hover, .arrow-right-1:hover, .arrow-left-2:hover, .arrow-right-2:hover, .arrow-left-3:hover, .arrow-right-3:hover {
    transform: scale(1.3);
}
.primary_btn, .primary_btn-2, button.t-submit {
    transition: transform 0.2s ease-in-out;
}
.primary_btn:hover, .primary_btn-2:hover, button.t-submit:hover {
    transform: scale(1.1);
}
.bg_transition-1 {
    background-image: url(https://files.jarptica.school/bg_trasition-1.png);
    background-repeat: repeat;
    background-position: center top;
    background-size: contain;
}
.bg_transition-2 {
    background-image: url(https://files.jarptica.school/bg_trasition-2.png);
    background-repeat: repeat;
    background-position: center bottom;
    background-size: contain;
}
.bg_transition-3 {
    background-image: url(https://files.jarptica.school/bg_trasition-3.png);
    background-repeat: repeat;
    background-position: center bottom;
    background-size: contain;
}
.bg-3 .tn-atom {
    background-image: url(https://files.jarptica.school/bg-3_min.png);    
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.bg-2 .tn-atom {
    background-position: center top!important;
}
.border-page .tn-atom {
    background-position: left!important;
}
.primary_btn .tn-atom, button.t-submit {
  clip-path: 
    polygon(
      0 20px,     /* верхняя левая */
      20px 0,     /* верхняя левая */
      100% 0,    /* верхняя правая */
      100% 0,   /* верхняя правая */
      100% 54px,  /* нижняя правая */
      226px 100%,  /* нижняя правая */
      0 100%,   /* нижняя левая */
      0 100%      /* нижняя левая */
    );
}
.primary_btn-2 .tn-atom {
  clip-path: 
    polygon(
      0 20px,     /* верхняя левая */
      20px 0,     /* верхняя левая */
      100% 0,    /* верхняя правая */
      100% 0,   /* верхняя правая */
      100% 54px,  /* нижняя правая */
      278px 100%,  /* нижняя правая */
      0 100%,   /* нижняя левая */
      0 100%      /* нижняя левая */
    );
}
.bg_card-1 .tn-atom {
  clip-path: 
    polygon(
      0 50px,     /* верхняя левая */
      50px 0,     /* верхняя левая */
      100% 0,    /* верхняя правая */
      100% 0,   /* верхняя правая */
      100% 395px,  /* нижняя правая */
      378px 100%,  /* нижняя правая */
      0 100%,   /* нижняя левая */
      0 100%      /* нижняя левая */
    );   
}
.bg_card-2 .tn-atom {
  clip-path: 
    polygon(
      0 402px,     /* верхняя левая */
      0 0,     /* верхняя левая */
      0 0,    /* верхняя правая */
      378px 0,   /* верхняя правая */
      100% 50px,  /* нижняя правая */
      100% 100%,  /* нижняя правая */
      0 100%,   /* нижняя левая */
      50px 100%      /* нижняя левая */
    );   
}
.bg_card-3 .tn-atom {
  clip-path: 
    polygon(
      0 50px,     /* верхняя левая */
      50px 0,     /* верхняя левая */
      100% 0,    /* верхняя правая */
      100% 0,   /* верхняя правая */
      100% 555px,  /* нижняя правая */
      742px 100%,  /* нижняя правая */
      0 100%,   /* нижняя левая */
      0 100%      /* нижняя левая */
    );      
}
.card_flag-1 .tn-atom {
  clip-path: 
    polygon(
      0 25px,     /* верхняя левая */
      25px 0,     /* верхняя левая */
      100% 0,    /* верхняя правая */
      100% 0,   /* верхняя правая */
      100% 25px,  /* нижняя правая */
      113px 100%,  /* нижняя правая */
      0 100%,   /* нижняя левая */
      0 100%      /* нижняя левая */
    );    
}
.card_flag-2 .tn-atom {
  clip-path: 
    polygon(
      0 25px,     /* верхняя левая */
      0 0,     /* верхняя левая */
      0 0,    /* верхняя правая */
      113px 0,   /* верхняя правая */
      100% 25px,  /* нижняя правая */
      100% 100%,  /* нижняя правая */
      0 100%,   /* нижняя левая */
      25px 100%      /* нижняя левая */
    );    
}
.card_flag-1 .tn-atom {
  clip-path: 
    polygon(
      0 25px,     /* верхняя левая */
      25px 0,     /* верхняя левая */
      100% 0,    /* верхняя правая */
      100% 0,   /* верхняя правая */
      100% 25px,  /* нижняя правая */
      113px 100%,  /* нижняя правая */
      0 100%,   /* нижняя левая */
      0 100%      /* нижняя левая */
    );    
}
.card_flag-small .tn-atom {
  clip-path: 
    polygon(
      0 4px,     /* верхняя левая */
      2px 0,     /* верхняя левая */
      100% 0,    /* верхняя правая */
      100% 0,   /* верхняя правая */
      100% 4px,  /* нижняя правая */
      8px 100%,  /* нижняя правая */
      0 100%,   /* нижняя левая */
      0 100%      /* нижняя левая */
    );    
}
.about {
  clip-path: 
    polygon(
      0 75px,     /* верхняя левая */
      90px 0,     /* верхняя левая */
      100% 0,    /* верхняя правая */
      100% 0,   /* верхняя правая */
      100% 445px,  /* нижняя правая */
      616px 100%,  /* нижняя правая */
      0 100%,   /* нижняя левая */
      0 100%      /* нижняя левая */
    );   
}
.gallery-1, .gallery-2, .gallery-3 {
  clip-path: 
    polygon(
      0 75px,     /* верхняя левая */
      90px 0,     /* верхняя левая */
      100% 0,    /* верхняя правая */
      100% 0,   /* верхняя правая */
      100% 411px,  /* нижняя правая */
      578px 100%,  /* нижняя правая */
      0 100%,   /* нижняя левая */
      0 100%      /* нижняя левая */
    );   
}
@media screen and (max-width: 1439px) {
    .about {
      clip-path: 
        polygon(
          0 75px,     /* верхняя левая */
          90px 0,     /* верхняя левая */
          100% 0,    /* верхняя правая */
          100% 0,   /* верхняя правая */
          100% 445px,  /* нижняя правая */
          406px 100%,  /* нижняя правая */
          0 100%,   /* нижняя левая */
          0 100%      /* нижняя левая */
        );   
    }
    .gallery-1, .gallery-2, .gallery-3 {
      clip-path: 
        polygon(
          0 75px,     /* верхняя левая */
          90px 0,     /* верхняя левая */
          100% 0,    /* верхняя правая */
          100% 0,   /* верхняя правая */
          100% 329px,  /* нижняя правая */
          468px 100%,  /* нижняя правая */
          0 100%,   /* нижняя левая */
          0 100%      /* нижняя левая */
        );   
    }
}
@media screen and (max-width: 1199px) {
    .link-more:hover + .link-more-icon {
            transform: none;
    } 
    .arrow-left-1:hover, .arrow-right-1:hover, .arrow-left-2:hover, .arrow-right-2:hover, .arrow-left-3:hover, .arrow-right-3:hover {
        transform: none;
    }
    .primary_btn:hover, .primary_btn-2:hover, button.t-submit:hover {
        transform: none;
    }
    .bg-form .tn-atom {
        background-position: center top!important;
        background-size: contain!important;
    }    
    .primary_btn .tn-atom, button.t-submit {
      clip-path: 
        polygon(
          0 20px,     /* верхняя левая */
          20px 0,     /* верхняя левая */
          100% 0,    /* верхняя правая */
          100% 0,   /* верхняя правая */
          100% 50px,  /* нижняя правая */
          292px 100%,  /* нижняя правая */
          0 100%,   /* нижняя левая */
          0 100%      /* нижняя левая */
        );
    }
    .about {
      clip-path: 
        polygon(
          0 75px,     /* верхняя левая */
          90px 0,     /* верхняя левая */
          100% 0,    /* верхняя правая */
          100% 0,   /* верхняя правая */
          100% 360px,  /* нижняя правая */
          508px 100%,  /* нижняя правая */
          0 100%,   /* нижняя левая */
          0 100%      /* нижняя левая */
        );   
    }
    .bg_card-1 .tn-atom {
      clip-path: 
        polygon(
          0 40px,     /* верхняя левая */
          40px 0,     /* верхняя левая */
          100% 0,    /* верхняя правая */
          100% 0,   /* верхняя правая */
          100% 282px,  /* нижняя правая */
          348px 100%,  /* нижняя правая */
          0 100%,   /* нижняя левая */
          0 100%      /* нижняя левая */
        );   
    }
    .bg_card-2 .tn-atom {
      clip-path: 
        polygon(
          0 317px,     /* верхняя левая */
          0 0,     /* верхняя левая */
          0 0,    /* верхняя правая */
          348px 0,   /* верхняя правая */
          100% 40px,  /* нижняя правая */
          100% 100%,  /* нижняя правая */
          0 100%,   /* нижняя левая */
          40px 100%      /* нижняя левая */
        );   
    }
    .bg_card-3 .tn-atom {
      clip-path: 
        polygon(
          0 40px,     /* верхняя левая */
          40px 0,     /* верхняя левая */
          100% 0,    /* верхняя правая */
          100% 0,   /* верхняя правая */
          100% 454px,  /* нижняя правая */
          560px 100%,  /* нижняя правая */
          0 100%,   /* нижняя левая */
          0 100%      /* нижняя левая */
        );   
    } 
    .card_flag-1 .tn-atom {
      clip-path: 
        polygon(
          0 15px,     /* верхняя левая */
          15px 0,     /* верхняя левая */
          100% 0,    /* верхняя правая */
          100% 0,   /* верхняя правая */
          100% 35px,  /* нижняя правая */
          123px 100%,  /* нижняя правая */
          0 100%,   /* нижняя левая */
          0 100%      /* нижняя левая */
        );    
    }
    .card_flag-2 .tn-atom {
      clip-path: 
        polygon(
          0 35px,     /* верхняя левая */
          0 0,     /* верхняя левая */
          0 0,    /* верхняя правая */
          123px 0,   /* верхняя правая */
          100% 15px,  /* нижняя правая */
          100% 100%,  /* нижняя правая */
          0 100%,   /* нижняя левая */
          15px 100%      /* нижняя левая */
        );    
    }    
}
@media screen and (max-width: 639px) {
    .bg-form .tn-atom {
        background-position: center top!important;
        background-size: cover!important;
    }      
    .primary_btn .tn-atom {
      clip-path: 
        polygon(
          0 14px,     /* верхняя левая */
          14px 0,     /* верхняя левая */
          100% 0,    /* верхняя правая */
          100% 0,   /* верхняя правая */
          100% 48px,  /* нижняя правая */
          280px 100%,  /* нижняя правая */
          0 100%,   /* нижняя левая */
          0 100%      /* нижняя левая */
        );
    }
    button.t-submit {
      clip-path: 
        polygon(
          0 14px,     /* верхняя левая */
          14px 0,     /* верхняя левая */
          100% 0,    /* верхняя правая */
          100% 0,   /* верхняя правая */
          100% 48px,  /* нижняя правая */
          316px 100%,  /* нижняя правая */
          0 100%,   /* нижняя левая */
          0 100%      /* нижняя левая */
        );
    }    
    .about {
      clip-path: 
        polygon(
          0 60px,     /* верхняя левая */
          75px 0,     /* верхняя левая */
          100% 0,    /* верхняя правая */
          100% 0,   /* верхняя правая */
          100% 208px,  /* нижняя правая */
          293px 100%,  /* нижняя правая */
          0 100%,   /* нижняя левая */
          0 100%      /* нижняя левая */
        );   
    }
    .bg_card-1 .tn-atom {
      clip-path: 
        polygon(
          0 30px,     /* верхняя левая */
          30px 0,     /* верхняя левая */
          100% 0,    /* верхняя правая */
          100% 0,   /* верхняя правая */
          100% 246px,  /* нижняя правая */
          270px 100%,  /* нижняя правая */
          0 100%,   /* нижняя левая */
          0 100%      /* нижняя левая */
        );   
    }
    .bg_card-2 .tn-atom {
      clip-path: 
        polygon(
          0 276px,     /* верхняя левая */
          0 0,     /* верхняя левая */
          0 0,    /* верхняя правая */
          270px 0,   /* верхняя правая */
          100% 30px,  /* нижняя правая */
          100% 100%,  /* нижняя правая */
          0 100%,   /* нижняя левая */
          30px 100%      /* нижняя левая */
        );   
    }
    .bg_card-3 .tn-atom {
      clip-path: 
        polygon(
          0 30px,     /* верхняя левая */
          30px 0,     /* верхняя левая */
          100% 0,    /* верхняя правая */
          100% 0,   /* верхняя правая */
          100% 299px,  /* нижняя правая */
          340px 100%,  /* нижняя правая */
          0 100%,   /* нижняя левая */
          0 100%      /* нижняя левая */
        );   
    }
    .gallery-1, .gallery-2, .gallery-3 {
      clip-path: 
        polygon(
          0 60px,     /* верхняя левая */
          75px 0,     /* верхняя левая */
          100% 0,    /* верхняя правая */
          100% 0,   /* верхняя правая */
          100% 206px,  /* нижняя правая */
          293px 100%,  /* нижняя правая */
          0 100%,   /* нижняя левая */
          0 100%      /* нижняя левая */
        );   
    } 
    .primary_btn-2 .tn-atom {
      clip-path: 
        polygon(
          0 14px,     /* верхняя левая */
          14px 0,     /* верхняя левая */
          100% 0,    /* верхняя правая */
          100% 0,   /* верхняя правая */
          100% 48px,  /* нижняя правая */
          280px 100%,  /* нижняя правая */
          0 100%,   /* нижняя левая */
          0 100%      /* нижняя левая */
        );
    }    
}
@media screen and (max-width: 399px) {
    .about {
      clip-path: 
        polygon(
          0 60px,     /* верхняя левая */
          75px 0,     /* верхняя левая */
          100% 0,    /* верхняя правая */
          100% 0,   /* верхняя правая */
          100% 187px,  /* нижняя правая */
          263px 100%,  /* нижняя правая */
          0 100%,   /* нижняя левая */
          0 100%      /* нижняя левая */
        );   
    } 
    .gallery-1, .gallery-2, .gallery-3 {
      clip-path: 
        polygon(
          0 60px,     /* верхняя левая */
          75px 0,     /* верхняя левая */
          100% 0,    /* верхняя правая */
          100% 0,   /* верхняя правая */
          100% 185px,  /* нижняя правая */
          263px 100%,  /* нижняя правая */
          0 100%,   /* нижняя левая */
          0 100%      /* нижняя левая */
        );   
    }
    .bg_card-3 .tn-atom {
      clip-path: 
        polygon(
          0 30px,     /* верхняя левая */
          30px 0,     /* верхняя левая */
          100% 0,    /* верхняя правая */
          100% 0,   /* верхняя правая */
          100% 276px,  /* нижняя правая */
          310px 100%,  /* нижняя правая */
          0 100%,   /* нижняя левая */
          0 100%      /* нижняя левая */
        );   
    }
    button.t-submit {
      clip-path: 
        polygon(
          0 14px,     /* верхняя левая */
          14px 0,     /* верхняя левая */
          100% 0,    /* верхняя правая */
          100% 0,   /* верхняя правая */
          100% 48px,  /* нижняя правая */
          286px 100%,  /* нижняя правая */
          0 100%,   /* нижняя левая */
          0 100%      /* нижняя левая */
        );
    }    
}
@media screen and (max-width: 359px) {
    .about {
      clip-path: 
        polygon(
          0 60px,     /* верхняя левая */
          75px 0,     /* верхняя левая */
          100% 0,    /* верхняя правая */
          100% 0,   /* верхняя правая */
          100% 164px,  /* нижняя правая */
          233px 100%,  /* нижняя правая */
          0 100%,   /* нижняя левая */
          0 100%      /* нижняя левая */
        );   
    }
    .bg_card-1 .tn-atom {
      clip-path: 
        polygon(
          0 30px,     /* верхняя левая */
          30px 0,     /* верхняя левая */
          100% 0,    /* верхняя правая */
          100% 0,   /* верхняя правая */
          100% 246px,  /* нижняя правая */
          280px 100%,  /* нижняя правая */
          0 100%,   /* нижняя левая */
          0 100%      /* нижняя левая */
        );   
    }
    .bg_card-2 .tn-atom {
      clip-path: 
        polygon(
          0 276px,     /* верхняя левая */
          0 0,     /* верхняя левая */
          0 0,    /* верхняя правая */
          280px 0,   /* верхняя правая */
          100% 30px,  /* нижняя правая */
          100% 100%,  /* нижняя правая */
          0 100%,   /* нижняя левая */
          30px 100%      /* нижняя левая */
        );   
    }
    .bg_card-3 .tn-atom {
      clip-path: 
        polygon(
          0 30px,     /* верхняя левая */
          30px 0,     /* верхняя левая */
          100% 0,    /* верхняя правая */
          100% 0,   /* верхняя правая */
          100% 263px,  /* нижняя правая */
          280px 100%,  /* нижняя правая */
          0 100%,   /* нижняя левая */
          0 100%      /* нижняя левая */
        );   
    }
    .gallery-1, .gallery-2, .gallery-3 {
      clip-path: 
        polygon(
          0 60px,     /* верхняя левая */
          75px 0,     /* верхняя левая */
          100% 0,    /* верхняя правая */
          100% 0,   /* верхняя правая */
          100% 165px,  /* нижняя правая */
          233px 100%,  /* нижняя правая */
          0 100%,   /* нижняя левая */
          0 100%      /* нижняя левая */
        );   
    }
    button.t-submit {
      clip-path: 
        polygon(
          0 14px,     /* верхняя левая */
          14px 0,     /* верхняя левая */
          100% 0,    /* верхняя правая */
          100% 0,   /* верхняя правая */
          100% 48px,  /* нижняя правая */
          276px 100%,  /* нижняя правая */
          0 100%,   /* нижняя левая */
          0 100%      /* нижняя левая */
        );
    } 
}