/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/*---Background Amination----*/


.ct-dot-animated {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.ct-dot-animated.top-slider {
  height: calc(100% + 830px);
  height: -webkit-calc(100% + 830px);
  margin-top: 0px;
}
.ct-dot-animated .ct-dot-item {
  background-color: rgba(255, 216, 155, 0.4);
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-dot-animated .ct-dot-item span {
  width: 9px;
  height: 9px;
  -webkit-border-radius: 9px;
  -khtml-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  -o-border-radius: 9px;
  border-radius: 9px;
  background-color: #06ffdf;
  background-image: -webkit-gradient(linear, left top, right top, from(#06ffdf), to(#0042ff));
  background-image: -webkit-linear-gradient(left, #06ffdf, #0042ff);
  background-image: -moz-linear-gradient(left, #06ffdf, #0042ff);
  background-image: -ms-linear-gradient(left, #06ffdf, #0042ff);
  background-image: -o-linear-gradient(left, #06ffdf, #0042ff);
  background-image: linear-gradient(left, #06ffdf, #0042ff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#06ffdf', endColorStr='#0042ff', gradientType='1');
  position: absolute;
  bottom: 14%;
  left: -4px;
}
.ct-dot-animated .ct-dot-item:nth-child(1) span {
  -webkit-animation: dotAnimatedBottomToTop1 30s infinite linear;
  -moz-animation: dotAnimatedBottomToTop1 30s infinite linear;
  -o-animation: dotAnimatedBottomToTop1 30s infinite linear;
  animation: dotAnimatedBottomToTop1 30s infinite linear;
}
.ct-dot-animated .ct-dot-item:nth-child(2) {
  left: 20%;
}
.ct-dot-animated .ct-dot-item:nth-child(2) span {
  background-color: #ffe712;
  background-image: -webkit-gradient(linear, left top, right top, from(#ffe712), to(#ed585a));
  background-image: -webkit-linear-gradient(left, #ffe712, #ed585a);
  background-image: -moz-linear-gradient(left, #ffe712, #ed585a);
  background-image: -ms-linear-gradient(left, #ffe712, #ed585a);
  background-image: -o-linear-gradient(left, #ffe712, #ed585a);
  background-image: linear-gradient(left, #ffe712, #ed585a);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffe712', endColorStr='#ed585a', gradientType='1');
  bottom: 64%;
  -webkit-animation: dotAnimatedBottomToTop2 30s infinite linear;
  -moz-animation: dotAnimatedBottomToTop2 30s infinite linear;
  -o-animation: dotAnimatedBottomToTop2 30s infinite linear;
  animation: dotAnimatedBottomToTop2 30s infinite linear;
}
.ct-dot-animated .ct-dot-item:nth-child(3) {
  left: 40%;
}
.ct-dot-animated .ct-dot-item:nth-child(3) span {
  background-color: #f798fe;
  background-image: -webkit-gradient(linear, left top, right top, from(#f798fe), to(#612be1));
  background-image: -webkit-linear-gradient(left, #f798fe, #612be1);
  background-image: -moz-linear-gradient(left, #f798fe, #612be1);
  background-image: -ms-linear-gradient(left, #f798fe, #612be1);
  background-image: -o-linear-gradient(left, #f798fe, #612be1);
  background-image: linear-gradient(left, #f798fe, #612be1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f798fe', endColorStr='#612be1', gradientType='1');
  bottom: 5%;
  -webkit-animation: dotAnimatedBottomToTop3 30s infinite linear;
  -moz-animation: dotAnimatedBottomToTop3 30s infinite linear;
  -o-animation: dotAnimatedBottomToTop3 30s infinite linear;
  animation: dotAnimatedBottomToTop3 30s infinite linear;
}
.ct-dot-animated .ct-dot-item:nth-child(4) {
  left: 60%;
}
.ct-dot-animated .ct-dot-item:nth-child(4) span {
  background-color: #d8ff09;
  background-image: -webkit-gradient(linear, left top, right top, from(#d8ff09), to(#4ba116));
  background-image: -webkit-linear-gradient(left, #d8ff09, #4ba116);
  background-image: -moz-linear-gradient(left, #d8ff09, #4ba116);
  background-image: -ms-linear-gradient(left, #d8ff09, #4ba116);
  background-image: -o-linear-gradient(left, #d8ff09, #4ba116);
  background-image: linear-gradient(left, #d8ff09, #4ba116);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d8ff09', endColorStr='#4ba116', gradientType='1');
  bottom: 78%;
  -webkit-animation: dotAnimatedBottomToTop4 35s infinite linear;
  -moz-animation: dotAnimatedBottomToTop4 35s infinite linear;
  -o-animation: dotAnimatedBottomToTop4 35s infinite linear;
  animation: dotAnimatedBottomToTop4 35s infinite linear;
}
.ct-dot-animated .ct-dot-item:nth-child(5) {
  left: 80%;
}
.ct-dot-animated .ct-dot-item:nth-child(5) span {
  background-color: #ffe712;
  background-image: -webkit-gradient(linear, left top, right top, from(#ffe712), to(#ed585a));
  background-image: -webkit-linear-gradient(left, #ffe712, #ed585a);
  background-image: -moz-linear-gradient(left, #ffe712, #ed585a);
  background-image: -ms-linear-gradient(left, #ffe712, #ed585a);
  background-image: -o-linear-gradient(left, #ffe712, #ed585a);
  background-image: linear-gradient(left, #ffe712, #ed585a);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffe712', endColorStr='#ed585a', gradientType='1');
  bottom: 46%;
  -webkit-animation: dotAnimatedBottomToTop5 30s infinite linear;
  -moz-animation: dotAnimatedBottomToTop5 30s infinite linear;
  -o-animation: dotAnimatedBottomToTop5 30s infinite linear;
  animation: dotAnimatedBottomToTop5 30s infinite linear;
}
.ct-dot-animated .ct-dot-item:nth-child(6) {
  left: auto;
  right: 0;
}
.ct-dot-animated .ct-dot-item:nth-child(6) span {
  background-color: #6fd0ff;
  background-image: -webkit-gradient(linear, left top, right top, from(#6fd0ff), to(#059af7));
  background-image: -webkit-linear-gradient(left, #6fd0ff, #059af7);
  background-image: -moz-linear-gradient(left, #6fd0ff, #059af7);
  background-image: -ms-linear-gradient(left, #6fd0ff, #059af7);
  background-image: -o-linear-gradient(left, #6fd0ff, #059af7);
  background-image: linear-gradient(left, #6fd0ff, #059af7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#6fd0ff', endColorStr='#059af7', gradientType='1');
  bottom: 27%;
  -webkit-animation: dotAnimatedBottomToTop6 30s infinite linear;
  -moz-animation: dotAnimatedBottomToTop6 30s infinite linear;
  -o-animation: dotAnimatedBottomToTop6 30s infinite linear;
  animation: dotAnimatedBottomToTop6 30s infinite linear;
}
.ct-dot-animated .ct-dot-container {
  max-width: 1004px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
@keyframes dotAnimatedBottomToTop1 {
  0% {
    bottom: 14%;
  }
  50% {
    bottom: 100%;
  }
  100% {
    bottom: 14%;
  }
}
@keyframes dotAnimatedBottomToTop2 {
  0% {
    bottom: 64%;
  }
  50% {
    bottom: 0%;
  }
  100% {
    bottom: 100%;
  }
}
@keyframes dotAnimatedBottomToTop3 {
  0% {
    bottom: 5%;
  }
  50% {
    bottom: 100%;
  }
  100% {
    bottom: 5%;
  }
}
@keyframes dotAnimatedBottomToTop4 {
  0% {
    bottom: 78%;
  }
  50% {
    bottom: 0%;
  }
  100% {
    bottom: 78%;
  }
}
@keyframes dotAnimatedBottomToTop5 {
  0% {
    bottom: 46%;
  }
  50% {
    bottom: 0%;
  }
  100% {
    bottom: 46%;
  }
}
@keyframes dotAnimatedBottomToTop6 {
  0% {
    bottom: 27%;
  }
  50% {
    bottom: 100%;
  }
  100% {
    bottom: 27%;
  }

/*---Section_3 Amination----*/	
.section_3_animation .ct-dot-animated.top-slider {
    height: -webkit-calc(100% + 814px);
}