html{
    scroll-behavior: smooth;
}
body{
  font-family: sans-serif;
}
.zoom{
    overflow: hidden;
    transition-duration: 1s;
}
.zoom img{
    transition: all 2.s ease-in;
}
.zoom:hover img{
    transform: scale(1.2);
}
.change-img{
    overflow: hidden;
    transition-duration: 1s;
}
.change-img img{
    transition: all 2.s ease-in;
}
.change-img:hover img{
    transform: scale(1.1);
    /* opacity: 0.3; */
}
.facebook{
    overflow: hidden;
    transition-duration: 0.9s;
}
.facebook:hover {
    transform: scale(1.1);
    color: rgb(255, 255, 255);
    /* opacity: 0.3; */
}

.horizontal-line{
  background-color: white;
}

.transform{
    animation-name: animation1;
    animation-duration: 0.9s;
    animation-iteration-count: 1;
}

.electric-support{
  max-height: 450px;
}


@keyframes  animation1 {
    from{
        height: 100px;
    }
    to{
        height: 40px;
    }
    
}


@-webkit-keyframes slide-bottom{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(100px);transform:translateY(100px)}}@keyframes slide-bottom{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(100px);transform:translateY(100px)}}

.slide-bottom{-webkit-animation:slide-bottom .5s cubic-bezier(.25,.46,.45,.94) reverse both;animation:slide-bottom .50s cubic-bezier(.25,.46,.45,.94) reverse both}



/* ----------------------------------------------
 * Generated by Animista on 2021-11-10 0:38:36
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */



/**
 * ----------------------------------------
 * animation slide-right
 * ----------------------------------------
 */
 @-webkit-keyframes slide-right {
    0% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(100px);
              transform: translateX(100px);
    }
  }
  @keyframes slide-right {
    0% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(100px);
              transform: translateX(100px);
    }
  }
  
  .slide-right {
	-webkit-animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) reverse both;
	        animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) reverse both;
}


/************************************** cctv *****************************************/
/* ----------------------------------------------
 * Generated by Animista on 2021-11-10 2:8:13
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-bck-center
 * ----------------------------------------
 */
 @-webkit-keyframes slide-bck-center {
    0% {
      -webkit-transform: translateZ(0);
              transform: translateZ(0);
    }
    100% {
      -webkit-transform: translateZ(-400px);
              transform: translateZ(-400px);
    }
  }
  @keyframes slide-bck-center {
    0% {
      -webkit-transform: translateZ(0);
              transform: translateZ(0);
    }
    100% {
      -webkit-transform: translateZ(-400px);
              transform: translateZ(-400px);
    }
  }



  /* ----------------------------------------------
 * Generated by Animista on 2021-11-11 22:45:5
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-bck-center
 * ----------------------------------------
 */
@-webkit-keyframes slide-bck-center {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  100% {
    -webkit-transform: translateZ(-400px);
            transform: translateZ(-400px);
  }
}
@keyframes slide-bck-center {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  100% {
    -webkit-transform: translateZ(-400px);
            transform: translateZ(-400px);
  }
}
.slide-bck-center {
	-webkit-animation: slide-bck-center 0.45s cubic-bezier(0.470, 0.000, 0.745, 0.715) reverse both;
	        animation: slide-bck-center 0.45s cubic-bezier(0.470, 0.000, 0.745, 0.715) reverse both;
}