/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 25 2020 | 15:54:23 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

/*Comment or uncomment section to edit scroll*/
/*Start here*/

.bounce-up .elementor-container {
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 1000ms ease-out;
  -webkit-transition: all 1000ms ease-out;
  -o-transition: all 1000ms ease-out;
  transition: all 1000ms ease-out;
  
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.bounce-up.in-view .elementor-container {
  opacity: 1;
  visibility: visible;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.bounce-up.out-view .elementor-container {
  opacity: 0;
  visibility: hidden;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200px, 0px);
}

/*end*/

@media only screen and (min-width:992px) {
  .why-elixir-section-9 .security-item {
      padding-bottom: 40px;
  }
  .why-elixir-section-9 .first-row .security-item {
      min-height: 488px;
  }
  .why-elixir-section-9 .second-row .security-item {
      min-height: 395px;
  }
  .why-elixir-section-9 .third-row .security-item {
      min-height: 455px;
  }
  .why-elixir-section-9 .fourth-row .security-item {
    min-height: 430px;
  }
}

@media only screen and (min-width:1200px) {
  .fixed-column .content-container, .fixed-column .heading-section {
     position: sticky;
  }
  .fixed-column .heading-section {
    top: 150px;
  }
  .fixed-column .content-container {
      top: 235px;
      background-color: #ebe9e1;
  }
}