.security-animation { position:absolute; top:0; left:0; width:100%;     position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    -ms-transform: translate(-50%, -50%);    max-width:800px;  }
.security-animation img, .security-animation svg {  margin:0 auto; }
  #car-1, #car-2security, #car-1security, 
  #men-check, #men-check-1,  #metal-detector,   #men-in-metal-detector,  #men-in-metal-detector-1, 
  #men-with-gun, #men-suitcace-1, #men-suitcace, 
  #light-1, #light-2, #announcement-table, #mike, #women-mike,#women-hand, #men-announcement,
  #car-2, #car-sec-3, #car-sec-1, #car-sec-2, #redcarpet, #monitoring,
  #sec-service-text, #security-line-1, #security-line-2, #security-line-3, #security-line-4,
  #misc-line-1, #security-shadow, #security-line-1-blurred, #security-line-2-blurred, #security-line-3-blurred, #security-line-4-blurred, .door-mask, #opendoor, #door-mask
    { opacity: 0;}  
  .start-animation #sec-service-text {  transform: translate3d(0px, 78px, 0); animation: showLetter 2s ease-in  forwards; }
  @keyframes showLetter {
      0% {  transform: translate3d(0px, 78px, 0); opacity: 0;}
    100% { transform: translate3d(0px, 0px, 0); opacity: 1;} 
    } 
  .start-animation #car-1, .start-animation #car-2security,.start-animation  #car-1security, .start-animation #men-in-metal-detector, .start-animation #men-suitcace, .start-animation #men-suitcace-1, .start-animation #women-mike, .start-animation #women-hand
    { transform: translate(-35px,-50px); animation: car1Animation 2s ease-in  forwards; animation-delay: 1s;  }  
  @keyframes car1Animation {
      0% { opacity: 0; transform: translate(-35px,-50px);}
    10% { opacity: 0; transform: translate(-35px,-50px);}
    100% { opacity: 1; transform: translate(0px,0px);} 
    }  
  .start-animation #men-suitcace, .start-animation  #men-suitcace-1 {  animation-delay: 1.3s;  } .start-animation #men-suitcace-1 {  animation-delay: 1.4s;  }
    .start-animation #car-2security, .start-animation  #car-1security { animation-delay: 1.5s;  }  
  .start-animation #men-check { animation: showManHide 2s ease-in; animation-delay: 1.5s; }  
  @keyframes showManHide {
      0% { opacity: 0;}
    100% { opacity: 1;}
  }  
  .start-animation #men-check-1, .start-animation #men-in-metal-detector-1 {   animation: checkAnimation 2s cubic-bezier(0.32, 0, 0.67, 0) 0s infinite normal forwards; animation-delay: 2.5s; }
    @keyframes checkAnimation {
      0% { 
          transform: translate(0); opacity:1;
      }  
      20% {
          transform: translate(2px, -2px);
      }
        40% {
          transform: translate(2px, 2px);
      }
        60% {
          transform: translate(-2px, 2px);
      }
        80% {
          transform: translate(-2px, -2px);
      }
        100% {
          transform: translate(0); opacity:100%;
      }
  }  
  .start-animation #security-line-1, .start-animation #security-line-2, .start-animation #security-line-3, .start-animation #security-line-4 {     transform: translate3d(0px, 78px, 0);  animation: showLine 1s ease-in  forwards; animation-delay: 1.2s; }
  @keyframes showLine {
      0% {    transform: translate3d(0px, 78px, 0); opacity: 0;}
    100% {    transform: translate3d(0px, 0px, 0); opacity: 1;}
  }
  .start-animation #security-line-1 { animation-delay: 1.4s; }
  .start-animation #security-line-3 { animation-delay: 1.6s; }
  .start-animation #security-line-4 { animation-delay: 1.8s; }
  .start-animation #men-in-metal-detector  { animation-delay: 2.1s; }  
  .start-animation #metal-detector {         transform: translate3d(36px, 0, 0);  animation: showmetalDetect 1s ease-in  forwards; animation-delay: 2s; }
  @keyframes showmetalDetect {
      0% {       transform: translate3d(36px, 0, 0); opacity: 0;}
    100% {    transform: translate3d(0px, 0px, 0); opacity: 1;}
  }  
  .start-animation #color-blink { fill: red;   animation: 1s blink ease infinite;   }
    @keyframes blink {
    from, to {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }    
  }
  .start-animation #green-color-ani { fill:#4D2232; animation: 10s greenblink ease infinite;   }
    @keyframes greenblink {
    0% {
      fill:#4D2232;
    }
    50% {
      fill:green;
    }
    100% {
      fill:#4D2232;
    }
  }
  
  
  .start-animation  #security-line-1-blurred, .start-animation  #security-line-2-blurred, .start-animation #security-line-3-blurred, .start-animation #security-line-4-blurred {  animation: 2s blurAnim ease infinite; filter: blur(5px); fill:#fff; opacity: 0; animation-delay: 2s; }
  
  
    @keyframes blurAnim  {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  .start-animation #security-line-1-blurred { animation-delay: 2.4s; }
  .start-animation #security-line-3-blurred { animation-delay: 2.6s; }
  .start-animation #security-line-4-blurred { animation-delay: 2.8s; }
  
  
  .start-animation #light-1, .start-animation #light-2, .start-animation #mike, .start-animation  #announcement-table {
  
  
    animation: 2s announceAnim ease-in forwards;
    transform: translate3d(-38px, 0px, 0); animation-delay: 1.9s;
  
  
   }
  
  
   @keyframes announceAnim  {
    0% {
      opacity: 0;   transform: translate3d(-38px, 0px, 0);
    }
    100% {
      opacity: 1;
      transform: translate3d(0px, 0px, 0);
    }
  
  }
  .start-animation #women-mike, .start-animation #women-hand  {  animation-delay: 2.2s;}
  
  .start-animation #car-2 { 
  
    animation: 2s carCelebrity-ani ease-in forwards;
    transform: translate(158px,-10px); animation-delay: 1.9s;
  
  
   }
  
   @keyframes carCelebrity-ani  {
    0% {
      opacity: 0;    transform: translate(158px,-10px);
    }
    100% {
      opacity: 1;
      transform: translate(0px,0px);
    }
  
  }
  
  
  
  
  .start-animation #opendoor, .start-animation #door-mask, .start-animation .door-mask, .start-animation #redcarpet, .start-animation #car-sec-1, .start-animation #car-sec-2, .start-animation #car-sec-3, .start-animation #monitoring  { animation: door-show 1s ease-in  forwards; animation-delay: 3s; }
  @keyframes door-show{
      0% {  opacity: 0;}
    100% {  opacity: 1;}
  
  }
  .start-animation #redcarpet { animation-delay: 3.2s; }
  .start-animation #car-sec-1  { animation-delay: 4s;  }
  .start-animation #car-sec-2, .start-animation #car-sec-3  { animation-delay: 4.2s;  }
  .start-animation #monitoring { animation-delay: 2.5s;  }
  
  
  .start-animation #monitor-9, .start-animation #monitor-8, .start-animation #monitor-7, .start-animation #monitor-6, .start-animation #monitor-5, .start-animation #monitor-4, .start-animation #monitor-3, .start-animation #monitor-2, .start-animation #monitor-1
  { fill: #8AA2FF;
    animation: monitor-anim 0.5s ease infinite; animation-delay: 3.5s; opacity:1 }
  @keyframes monitor-anim {
      0% {  opacity:0.5;}
    50% {  opacity:1}
    100% {  opacity:0.5;}
  
  }
  .start-animation #monitor-8
  {animation-delay: 3.7s; }
  .start-animation #monitor-7
  {animation-delay: 3.8s; }
  .start-animation #monitor-6
  {animation-delay: 3.9s; }
  
  .start-animation #monitor-5
  {animation-delay: 3.9s; }
  
  .start-animation #monitor-4
  {animation-delay: 4s; }
  
  .start-animation  #monitor-3
  {animation-delay: 4.2s; }
  
  .start-animation #monitor-2
  {animation-delay: 4.5s; }
  
  .start-animation  #monitor-1
  {animation-delay: 5s; }    
  .start-animation .brkLight-anim {  fill:#960909;  animation: brkLight-anim 0.5s ease infinite; animation-delay: 3.5s; opacity:1; filter: blur(5px); }
  @keyframes brkLight-anim {
      0% { filter: blur(5px);}     50% {  filter: blur(0px);}    100% {  filter: blur(5px);} 
  }