/*initial animation*/
 .body_overlay {
     position: fixed;
     width: 100%;
     height: 100%;
     pointer-events: none;
     background: rgba(255, 255, 255, 0);
     z-index: 3;
 }

 .load {
     background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjY3IiBoZWlnaHQ9IjY4NCIgdmlld0JveD0iMCAwIDY2NyA2ODQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02NjYuOTc4IDM0Ny41MjdDNjY2Ljk3OCAxNTcuMzk0IDYxNS43NzIgNjUuMDAxOSA1NzAuMzMgNjMuMDM0MkM0OTcuNzQ5IDU5Ljg5NDggNDk0LjE1IDIyNC4yMDYgNDI1LjIxMyAyMjAuMjdDMzU2LjI3NyAyMTYuMzM1IDQwNy4wODUgNTcuMzk2NSAzMTIuNzU1IDU3LjM5NjVDMjI1LjY5IDU3LjM5NjUgMjU0LjcwNCAzMTQuNjA4IDE5My4wMzIgMzIyLjQ3OEMxMzEuMzYgMzMwLjMyNyAxNjAuMzc0IC03LjczNTMxIDgwLjU3MzUgMC4xMzUzNDFDMTMuNjI0IDYuNzIzNjkgMS4wMzc4MSAyMzguMTc4IDAuMTc2NjQ4IDMzNi40NzNIMEMwIDQyNy4xMTggMTAuODE5NyA2NzcuMDExIDgwLjQ0MSA2ODMuODY1QzE2MC4yNDIgNjkxLjczNSAxMzEuMjI3IDM1My42NzMgMTkyLjg5OSAzNjEuNTIyQzI1NC41NzIgMzY5LjM5MyAyMjUuNTU3IDYyNi42MDQgMzEyLjYyMiA2MjYuNjA0QzQwNi45NTIgNjI2LjYwNCAzNTYuMTY2IDQ2Ny42NjUgNDI1LjA4MSA0NjMuNzNDNDk0LjAxOCA0NTkuNzk0IDQ5Ny41OTUgNjI0LjEwNSA1NzAuMTk3IDYyMC45NjZDNjE0Ljc1NiA2MTkuMDQyIDY2NC44MzYgNTMwLjE4OCA2NjYuODAxIDM0Ny41MjdINjY3SDY2Ni45NzhaIiBmaWxsPSIjQkJBODY4Ii8+Cjwvc3ZnPgo=) no-repeat;
     position: absolute;
     height: 684px;
     width: 100%;
     max-width: 667px;
     transform: translate(-50%, -50%) scale(0.5);
     opacity: 0.3;
     top: 50%;
     transform-origin: center center;
 }

 .load.load_left {
     left: 70px;
     transform: translate(-100%, -50%) scale(1);
     opacity: 1;
 }

 .load.load_right {
     right: 70px;
     transform: translate(100%, -50%) scale(1);
     opacity: 1;
 }

 @media (max-width: 1199px) {
     .load.load_left {
         width: 667px;
         left: 40px;
     }

     .load.load_right {
         right: 40px;
     }
 }

 @media (max-width: 480px) {
     .load.load_left {
         left: 20px;
         width: 667px;
     }

     .load.load_right {
         right: 20px;
     }
 }