.st0{fill:#3D71A2;}
    .st1{opacity:0.25;fill:#0C4D8B;enable-background:new    ;}
    .st2{opacity:0.15;fill:#FFFFFF;enable-background:new    ;}
    .st3{opacity:0.25;fill:#FFFFFF;enable-background:new    ;}
    .st4{fill:#6D6E71;}
    .st5{opacity:0.15;}
    .st6{clip-path:url(#SVGID_5_);}
    .st7{clip-path:url(#SVGID_6_);fill:#FFFFFF;}
    .st8{clip-path:url(#SVGID_11_);}
    .st9{clip-path:url(#SVGID_12_);fill:#FFFFFF;}
    .st10{clip-path:url(#SVGID_17_);}
    .st11{clip-path:url(#SVGID_18_);fill:#FFFFFF;}
    .st12{clip-path:url(#SVGID_23_);}
    .st13{clip-path:url(#SVGID_24_);fill:#FFFFFF;}
    .st14{clip-path:url(#SVGID_29_);}
    .st15{clip-path:url(#SVGID_30_);fill:#FFFFFF;}
    .st16{clip-path:url(#SVGID_35_);}
    .st17{clip-path:url(#SVGID_36_);fill:#FFFFFF;}
    .st18{fill:#FAAE32;}
    .st19{fill:none;stroke:#FFFFFF;stroke-width:1.4379;stroke-miterlimit:10;}
    .st20{fill:#D1D3D4;}
    .st21{fill:#E6E7E8;}
    .st22{fill:#FEF162;}
    .st23{fill:none;stroke:#FFFFFF;stroke-width:1.0536;stroke-linecap:round;stroke-miterlimit:10;}
    .st24{fill:#FFFFFF;}
    .st25{display:none;}
    .st26{enable-background:new    ;}
    .st27{fill:none;stroke:#FFFFFF;stroke-width:2.5;stroke-miterlimit:10;}
    .st28{fill:none;stroke:#FFFFFF;stroke-width:2.5;stroke-miterlimit:10;stroke-dasharray:20.5882,51.4706;}
    .st29{fill:none;stroke:#FFFFFF;stroke-width:1.753;stroke-miterlimit:10;}
    .st30{fill:#8C8F90;}
    .st31{display:none;opacity:0.2;enable-background:new    ;}
    .st32{opacity:0.75;fill:#FFFFFF;enable-background:new    ;}
    .st33{fill:#4E4E4E;}
    .st34{fill:#F3EFD4;}
    .st35{fill:#BE1E2D;}
    .st36{fill:#1B75BC;}
    .st37{fill:none;stroke:#727171;stroke-linecap:round;stroke-miterlimit:10;}
    .st38{fill:#414141;}
    .st39{fill:#939598;}
    .st40{fill:none;stroke:#939598;stroke-width:0.4031;stroke-miterlimit:10;}
    .st41{fill:none;stroke:#D1D3D4;stroke-width:0.2693;stroke-miterlimit:10;}
    .st42{fill:#F3BE9A;}
    .st43{fill:#00A0AF;}
    .st44{fill:#A8AAA8;}
    .st45{fill:#373A36;}
    .st46{fill:#80827F;}
    .st47{fill:#FFBD7B;}
    .st48{fill:#FF9015;}
    .st49{fill:none;}
    .st50{fill:#FFD2A6;}
    .st51{fill:#57C4C7;}
    .st52{fill:#784311;}
    .st53{fill:#488690;}
    .st54{fill:#F8D1B7;}
    .st55{fill:#D9D8D6;}
    .st56{fill:#E7E7E6;}
    .st57{fill:#4C8D98;}
    .st58{fill:#70B7C8;}
    .st59{fill:#875428;}
    .st60{fill:none;stroke:#373A36;stroke-width:0.15;stroke-miterlimit:10;}
    .st61{fill:#DA7F1C;}


    #buildings {
      -webkit-animation: 8s linear infinite 0s ease-in;
              animation: 8s linear infinite 0s ease-in;
      -webkit-animation-direction: normal;
              animation-direction: normal;     
    } 

    @-webkit-keyframes ease-in {
      from { -webkit-transform: translateX(0px); transform: translateX(0px); }
      to   { -webkit-transform: translateX(350px); transform: translateX(350px); }
    } 

    @keyframes ease-in {
      from { -webkit-transform: translateX(0px); transform: translateX(0px); }
      to   { -webkit-transform: translateX(350px); transform: translateX(350px); }
    }
    #clouds {
      -webkit-animation: 50s linear infinite 0s ease-in-out;
              animation: 50s linear infinite 0s ease-in-out;
      -webkit-animation-direction: normal;
              animation-direction: normal; 
    }
    @-webkit-keyframes ease-in-out {
      from { -webkit-transform: translateX(0px); transform: translateX(0px); }
      to   { -webkit-transform: translateX(100px); transform: translateX(100px); }
    }
    @keyframes ease-in-out {
      from { -webkit-transform: translateX(0px); transform: translateX(0px); }
      to   { -webkit-transform: translateX(100px); transform: translateX(100px); }
    }
    #streetLines {
      -webkit-animation: 1s linear infinite 0s ease;
              animation: 1s linear infinite 0s ease;
      -webkit-animation-direction: normal;
              animation-direction: normal; 
    }
    @-webkit-keyframes ease {
      from { -webkit-transform: translateX(0px); transform: translateX(0px); }
      to   { -webkit-transform: translateX(75px); transform: translateX(75px); }
    }
    @keyframes ease {
      from { -webkit-transform: translateX(0px); transform: translateX(0px); }
      to   { -webkit-transform: translateX(75px); transform: translateX(75px); }
    }
    #bikeAndLady {
      -webkit-animation: 50s linear infinite 0s ease-in-out;
              animation: 50s linear infinite 0s ease-in-out;
      -webkit-animation-direction: normal;
              animation-direction: normal; 
    }
    @keyframes ease-in-out {
      from { -webkit-transform: translateX(0px); transform: translateX(0px); }
      to   { -webkit-transform: translateX(500px); transform: translateX(500px); }
    }

    /* #buildings {
      animation: 8s linear infinite 0s ease-in;
      animation-direction: normal;     
    } 

    @keyframes ease-in {
      from { transform: translateX(0px); }
      to   { transform: translateX(350px); }
    }
    #clouds {
      animation: 50s linear infinite 0s ease-in-out;
      animation-direction: normal; 
    }
    @keyframes ease-in-out {
      from { transform: translateX(0px); }
      to   { transform: translateX(100px); }
    }
    #streetLines {
      animation: 1s linear infinite 0s ease;
      animation-direction: normal; 
    }
    @keyframes ease {
      from { transform: translateX(0px); }
      to   { transform: translateX(75px); }
    }
    #bikeAndLady {
      animation: 50s linear infinite 0s ease-in-out;
      animation-direction: normal; 
    }
    @keyframes ease-in-out {
      from { transform: translateX(0px); }
      to   { transform: translateX(500px); }
    } */


    /* <!-- <animateTransform attributeName="transform" type="translate" from="0 0"
    to="500 0" begin="0s" dur="50s" repeatCount="indefinite"/> */

  

    /* CAR WHEELS ROTATION  */
    .car-wheels {
      margin: 2% auto;
      width: 300px;
      height: 300px;
    }
    .tireF {
      -webkit-transform-origin: 610.1px 259.6px;
          -ms-transform-origin: 610.1px 259.6px;
              transform-origin: 610.1px 259.6px;
      -webkit-animation: spin-reverse 1s linear infinite;
              animation: spin-reverse 1s linear infinite;
      -webkit-animation-delay: 0.8s;
              animation-delay: 0.8s;
    }
    .tireR {
      -webkit-transform-origin: 679.9px 259.6px;
          -ms-transform-origin: 679.9px 259.6px;
              transform-origin: 679.9px 259.6px;
      -webkit-animation: spin-reverse 1s linear infinite;
              animation: spin-reverse 1s linear infinite;
      -webkit-animation-delay: 0.8s;
              animation-delay: 0.8s;
    }
    @-webkit-keyframes spin {
      100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
      }
    }
    @keyframes spin {
      100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
      }
    }
    
    @-webkit-keyframes spin-reverse {
      100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
      }
    }
    
    @keyframes spin-reverse {
      100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
      }
    }

    /* not compatible to Safari */
    .car-wheels {
      margin: 2% auto;
      width: 300px;
      height: 300px;
    }
    .tireF {
      transform-origin: 610.1px 259.6px;
      animation: spin-reverse 1s linear infinite;
      animation-delay: 0.8s;
    }
    .tireR {
      transform-origin: 679.9px 259.6px;
      animation: spin-reverse 1s linear infinite;
      animation-delay: 0.8s;
    }
    @keyframes spin {
      100% {
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
      }
    }
    
    @keyframes spin-reverse {
      100% {
        -moz-transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
      }
    }