.cl-scroll-indicator{
    position:absolute;
    top:50%;
    height:80px;
    width:36px;
    opacity:1;
    z-index:9999;
    @include transition( all 0.3s );

    @include transform( translateY(-50%) );

    &.hide-scroll{
      opacity:0;
    }

    span{
      position:absolute;
      text-align:center;
      
    }
    svg{
      position: absolute;
      bottom: -4px;
      right: 10px;
    }

    &.style-left_side_light{
      left:10px;
      @include lg{
        left:25px;
      }
      span{
        color:#fff;
        @include transform( rotate(-90deg) );
      }
      svg path{
        fill:#fff;
      }
    }

    &.style-left_side_dark{
      left:10px;
      @include lg{
        left:25px;
      }
      span{
        color:#000;
        @include transform( rotate(-90deg) );
      }
      svg path{
        fill:#000;
      }
    }

    &.style-right_side_light{
      right:10px;
      @include lg{
        right:25px;
      }
      span{
        color:#fff;
        @include transform( rotate(90deg) );
      }
      svg path{
        fill:#fff;
      }
    }

    &.style-right_side_dark{
      right:10px;
      @include lg{
        right:25px;
      }
      span{
        color:#fff;
        @include transform( rotate(90deg) );
      }
      svg path{
        fill:#fff;
      }
    }
}

/* Animations */

html:not(.no-cssanimations) .ce-animation{
  &:not(.ce-animation--reveal-right):not(.ce-animation--reveal-left):not(.ce-animation--reveal-top):not(.ce-animation--reveal-bottom):not(.ce-animation-start) {
    opacity: 0;
    -webkit-animation-duration: 0.6s;
    -moz-animation-duration: 0.6s;
    -o-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  &.ce-animation-start:not(.ce-animation--zoom-reverse) {
    &.ce-animation--top-t-bottom {
      -webkit-animation-name: anim_ttb;
      -moz-animation-name: anim_ttb;
      -o-animation-name: anim_ttb;
      animation-name: anim_ttb;
      opacity: 1;
    }

    &.ce-animation--bottom-t-top {
      -webkit-animation-name: anim_btt;
      -moz-animation-name: anim_btt;
      -o-animation-name: anim_btt;
      animation-name: anim_btt;
      opacity: 1;
    }

    &.ce-animation--left-t-right {
      -webkit-animation-name: anim_ltr;
      -moz-animation-name: anim_ltr;
      -o-animation-name: anim_ltr;
      animation-name: anim_ltr;
      opacity: 1;
    }

    &.ce-animation--right-t-left {
      -webkit-animation-name: anim_rtl;
      -moz-animation-name: anim_rtl;
      -o-animation-name: anim_rtl;
      animation-name: anim_rtl;
      opacity: 1;
    }

    &.ce-animation--zoom-in {
      -webkit-animation-name: zoom-in;
      -moz-animation-name: zoom-in;
      -o-animation-name: zoom-in;
      animation-name: zoom-in;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }

    &.ce-animation--zoom-out {
      -webkit-animation-name: zoom-out;
      -moz-animation-name: zoom-out;
      -o-animation-name: zoom-out;
      animation-name: zoom-out;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }
  }

  &.ce-animation--zoom-reverse {
    -webkit-animation-name: zoom-reverse;
    -moz-animation-name: zoom-reverse;
    -o-animation-name: zoom-reverse;
    animation-name: zoom-reverse;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
  }

  &.ce-animation-start:not(.ce-animation--zoom-reverse) {
    &.ce-animation--alpha-anim {
      -webkit-animation-name: alpha-in;
      -moz-animation-name: alpha-in;
      -o-animation-name: alpha-in;
      animation-name: alpha-in;
      opacity: 1;
    }

    &.ce-animation--flip-in {
      -webkit-animation-name: flip-in;
      -moz-animation-name: flip-in;
      -o-animation-name: flip-in;
      animation-name: flip-in;
      opacity: 1;
    }
  }

  &.ce-animation--reveal-left {
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    opacity: 0;
    transition: opacity 1.3s ease 167ms, -webkit-clip-path 1.1s cubic-bezier(0.778, 0.128, 0.15, 0.84);
    transition: clip-path 1.1s cubic-bezier(0.778, 0.128, 0.15, 0.84), opacity 1.3s ease 167ms;
    transition: clip-path 1.1s cubic-bezier(0.778, 0.128, 0.15, 0.84), opacity 1.3s ease 167ms, -webkit-clip-path 1.1s cubic-bezier(0.778, 0.128, 0.15, 0.84);

    &.ce-animation-start {
      opacity: 1;
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
  }

  &.ce-animation--reveal-right {
    overflow: hidden;
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    opacity: 0;
    transition: opacity 1.1s ease 167ms, -webkit-clip-path 1.1s cubic-bezier(0.778, 0.128, 0.15, 0.84);
    transition: clip-path 1.1s cubic-bezier(0.778, 0.128, 0.15, 0.84), opacity 1.1s ease 167ms;
    transition: clip-path 1.1s cubic-bezier(0.778, 0.128, 0.15, 0.84), opacity 1.1s ease 167ms, -webkit-clip-path 1.1s cubic-bezier(0.778, 0.128, 0.15, 0.84);
  }

  &.ce-animation-start.ce-animation--reveal-right {
    opacity: 1;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }

  &.ce-animation--reveal-top {
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    opacity: 0;
    transition: opacity 1.1s ease 167ms, -webkit-clip-path 1.1s cubic-bezier(0.778, 0.128, 0.15, 0.84);
    transition: clip-path 1.1s cubic-bezier(0.778, 0.128, 0.15, 0.84), opacity 1.1s ease 167ms;
    transition: clip-path 1.1s cubic-bezier(0.778, 0.128, 0.15, 0.84), opacity 1.1s ease 167ms, -webkit-clip-path 1.1s cubic-bezier(0.778, 0.128, 0.15, 0.84);
  }

  &.ce-animation-start.ce-animation--reveal-top {
    opacity: 1;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }

  &.ce-animation--reveal-bottom {
    overflow: hidden;
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    opacity: 0;
    transition: opacity 1.1s ease 167ms, -webkit-clip-path 1.1s cubic-bezier(.165,.84,.44,1);
    transition: clip-path 1.1s cubic-bezier(.165,.84,.44,1), opacity 1.1s ease 167ms;
    transition: clip-path 1.1s cubic-bezier(.165,.84,.44,1), opacity 1.1s ease 167ms, -webkit-clip-path 1.1s cubic-bezier(.165,.84,.44,1);
  }

  &.ce-animation-start.ce-animation--reveal-bottom {
    opacity: 1;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}

html:not(.no-cssanimations) .ce-animation {
  &[data-speed="100"] {
    -webkit-animation-duration: 0.1s;
    -moz-animation-duration: 0.1s;
    -o-animation-duration: 0.1s;
    animation-duration: 0.1s;
  }

  &[data-speed="200"] {
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    -o-animation-duration: 0.2s;
    animation-duration: 0.2s;
  }

  &[data-speed="300"], &[data-speed="400"] {
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
  }

  &[data-speed="500"] {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
  }

  &[data-speed="600"] {
    -webkit-animation-duration: 0.6s;
    -moz-animation-duration: 0.6s;
    -o-animation-duration: 0.6s;
    animation-duration: 0.6s;
  }

  &[data-speed="700"] {
    -webkit-animation-duration: 0.7s;
    -moz-animation-duration: 0.7s;
    -o-animation-duration: 0.7s;
    animation-duration: 0.7s;
  }

  &[data-speed="800"] {
    -webkit-animation-duration: 0.8s;
    -moz-animation-duration: 0.8s;
    -o-animation-duration: 0.8s;
    animation-duration: 0.8s;
  }

  &[data-speed="900"] {
    -webkit-animation-duration: 0.9s;
    -moz-animation-duration: 0.9s;
    -o-animation-duration: 0.9s;
    animation-duration: 0.9s;
  }

  &[data-speed="1000"] {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
  }
}

/* Top to bottom keyframes */
@-webkit-keyframes anim_ttb {
  0% {
    -webkit-transform: translate3d(0, -100px, 0);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes anim_ttb {
  0% {
    -moz-transform: translate3d(0, -100px, 0);
    opacity: 0;
  }

  100% {
    -moz-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes anim_ttb {
  0% {
    -o-transform: translate3d(0, -100px, 0);
    opacity: 0;
  }

  100% {
    -o-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes anim_ttb {
  0% {
    transform: translate3d(0, -100px, 0);
    opacity: 0;
  }

  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

/* Bottom to top keyframes */
@-webkit-keyframes anim_btt {
  0% {
    -webkit-transform: translate3d(0, 100px, 0);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes anim_btt {
  0% {
    -moz-transform: translate3d(0, 100px, 0);
    opacity: 0;
  }

  100% {
    -moz-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes anim_btt {
  0% {
    -o-transform: translate3d(0, 100px, 0);
    opacity: 0;
  }

  100% {
    -o-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes anim_btt {
  0% {
    transform: translate3d(0, 100px, 0);
    opacity: 0;
  }

  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

/* Left to right keyframes */
@-webkit-keyframes anim_ltr {
  0% {
    -webkit-transform: translate3d(-100px, 0, 0);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes anim_ltr {
  0% {
    -moz-transform: translate3d(-100px, 0, 0);
    opacity: 0;
  }

  100% {
    -moz-transform: translate3d(0, 0);
    opacity: 1;
  }
}

@-o-keyframes anim_ltr {
  0% {
    -o-transform: translate3d(-100px, 0);
    opacity: 0;
  }

  100% {
    -o-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes anim_ltr {
  0% {
    transform: translate3d(-100px, 0, 0);
    opacity: 0;
  }

  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

/* Right to left keyframes */
@-webkit-keyframes anim_rtl {
  0% {
    -webkit-transform: translate3d(100px, 0, 0);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes anim_rtl {
  0% {
    -moz-transform: translate3d(100px, 0, 0);
    opacity: 0;
  }

  100% {
    -moz-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes anim_rtl {
  0% {
    -o-transform: translate3d(100px, 0, 0);
    opacity: 0;
  }

  100% {
    -o-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes anim_rtl {
  0% {
    transform: translate3d(100px, 0, 0);
    opacity: 0;
  }

  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

/* Appear from center in keyframes */
@-webkit-keyframes zoom-in {
  0% {
    -webkit-transform: scale(0.5);
    opacity: 0.1;
  }

  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}

@-moz-keyframes zoom-in {
  0% {
    -moz-transform: scale(0.5);
    opacity: 0.1;
  }

  100% {
    -moz-transform: scale(1);
    opacity: 1;
  }
}

@-o-keyframes zoom-in {
  0% {
    -o-transform: scale(0.5);
    opacity: 0.1;
  }

  100% {
    -o-transform: scale(1);
    opacity: 1;
  }
}

@keyframes zoom-in {
  0% {
    transform: scale(0.5);
    opacity: 0.1;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

/* Appear from center out keyframes */
@-webkit-keyframes zoom-out {
  0% {
    -webkit-transform: scale(1.5);
    opacity: 0.1;
  }

  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}

@-moz-keyframes zoom-out {
  0% {
    -moz-transform: scale(1.5);
    opacity: 0.1;
  }

  100% {
    -moz-transform: scale(1);
    opacity: 1;
  }
}

@-o-keyframes zoom-out {
  0% {
    -o-transform: scale(1.5);
    opacity: 0.1;
  }

  100% {
    -o-transform: scale(1);
    opacity: 1;
  }
}

@keyframes zoom-out {
  0% {
    transform: scale(1.5);
    opacity: 0.1;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

/* Disappear from center keyframes */
@-webkit-keyframes zoom-reverse {
  0% {
    -webkit-transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(0.5);
    opacity: 0;
  }
}

@-moz-keyframes zoom-reverse {
  0% {
    -moz-transform: scale(1);
    opacity: 1;
  }

  100% {
    -moz-transform: scale(0.5);
    opacity: 0;
  }
}

@-o-keyframes zoom-reverse {
  0% {
    -o-transform: scale(1);
    opacity: 1;
  }

  100% {
    -o-transform: scale(0.5);
    opacity: 0;
  }
}

@keyframes zoom-reverse {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}

/* Alpha keyframes */
@-webkit-keyframes alpha-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes alpha-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes alpha-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes alpha-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* Flip-in keyframes */
@-webkit-keyframes flip-in {
  0% {
    opacity: 0;
    -webkit-transform: rotateX(-45deg) translateY(120px);
  }

  100% {
    -webkit-transform: rotateX(0deg) translate(0px, 0px);
    opacity: 1;
  }
}

@-moz-keyframes flip-in {
  0% {
    opacity: 0;
    -moz-webkit-transform: rotateX(-45deg) translateY(120px);
  }

  100% {
    -moz-transform: rotateX(0deg) translate(0px, 0px);
    opacity: 1;
  }
}

@-o-keyframes flip-in {
  0% {
    opacity: 0;
    -o-transform: rotateX(-45deg) translateY(120px);
  }

  100% {
    -o-transform: rotateX(0deg) translate(0px, 0px);
    opacity: 1;
  }
}

@keyframes flip-in {
  0% {
    opacity: 0;
    transform: rotateX(-45deg) translateY(120px);
  }

  100% {
    transform: rotateX(0deg) translate(0px, 0px);
    opacity: 1;
  }
}

/* reveal Right */
@-webkit-keyframes reveal-right {
  0% {
    -webkit-transform: translateX(-90%);
  }

  100% {
    -webkit-transform: translate(0px, 0px);
  }
}

@-moz-keyframes reveal-right {
  0% {
    -moz-transform: translateX(-90%);
  }

  100% {
    -moz-transform: translate(0px, 0px);
  }
}

@-o-keyframes reveal-right {
  0% {
    -o-transform: translateX(-90%);
  }

  100% {
    -o-transform: translate(0px, 0px);
  }
}

@keyframes reveal-right {
  0% {
    transform: translateX(-90%);
  }

  100% {
    transform: translate(0px, 0px);
  }
}

.elementor-widget-container > p{
  &:first-child{
    margin-top:0px;
  }
  &:last-child{
    margin-bottom:0px;
  }
}
.animated{
  -webkit-animation-duration: 0.6s;
    -moz-animation-duration: 0.6s;
    -o-animation-duration: 0.6s;
    animation-duration: 0.6s;
}
.animated.animated-fast{
  -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
}

.fadeInUp{
  -webkit-animation-name: anim_btt !important;
  -moz-animation-name: anim_btt !important;
  -o-animation-name: anim_btt !important;
  animation-name: anim_btt !important;
}

.heading_small_border{
  .elementor-widget-container:before{
      content: "";
      width: 30px;
      height: 2px;
      background: #e5e5e5;
      position: absolute;
      top: 50%;
      margin-top: -1px;
  }
  .elementor-heading-title{
    padding-left:45px;
  }
}

.hide_widget_title{
  h5{
    display:none;
  }
}
footer#colophon .custom_input_white .mc4wp-form .mc4wp-form-fields input[type="email"]{
  background:#fff;
}

.more_space_portfolio_items{
  .ce-portfolio-item{
    padding-left: 60px !important;
    padding-right:60px !important;
  }
}

.hide_entry_content{
  .entry-wrapper-content{
    display:none;
  }
}

.ce-horizontal-scroll-page .swiper-wrapper > .elementor-section{
  @include lg{
    height:100vh;
    > .elementor-container{
      height:100%;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
  }
}