.jarallax-keep-img {
    position: relative;
    z-index: 0;
}
.jarallax-keep-img > .jarallax-img {

   position: relative;

   display: block;

   max-width: 100%;

   height: auto;

   z-index: -100;

}
span[data-jarallax-element] {

   display: inline-block;

}




.jarallax {

   min-height: 450px;

}


.jarallax-keep-img.demo-float-left {

   margin-right: 15px;

   margin-left: -60px;

}

.jarallax-keep-img.demo-float-right {

   margin-left: 15px;

   margin-right: -60px;

}



@media screen and (max-width: 600px) {

   .jarallax-keep-img.demo-float-left,

   .jarallax-keep-img.demo-float-right {

       margin-right: 0;

       margin-left: 0;

       float: none;

   }

}




.jarallax {

   position: relative;

   z-index: 0;
   clear: both;

}

.jarallax > .jarallax-img {

   position: absolute;

   object-fit: cover;

   /* support for plugin https://github.com/bfred-it/object-fit-images */

   font-family: 'object-fit: cover;';

   top: 0;

   left: 0;

   width: 100%;

   height: 100%;

   z-index: -1;

}

.jarallax-img {
   height: auto !important;
   min-height: 100%;
}
.jarallax-img.less-height {
   min-width: 140vw;
}
@media(max-width:767px){
   .jarallax-img {
      width: 350% !important;
      left: -130% !important;
  }
  .jarallax-img.less-height {
   width: 500% !important;
}
}
.color-1 .bg-fixed-pattern path{
    fill:#e7e7d5;
 }
.color-2 .bg-fixed-pattern path{
   fill:#d3ecec;
}
.color-3 .bg-fixed-pattern path{
    fill:#6f8776;
 }
 .color-4 .bg-fixed-pattern path{
    fill:#c86c5f;
 }
 .jarallax-img {
    transform: none !important;
}


.color-1 .bg-fixed-pattern ellipse{
    fill:#e7e7d5;
 }
.color-2 .bg-fixed-pattern ellipse{
   fill:#d3ecec;
}
.color-3 .bg-fixed-pattern ellipse{
    fill:#6f8776;
 }
 .color-4 .bg-fixed-pattern ellipse{
    fill:#c86c5f;
 }