



.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:#C8A337;
 }
.color-2 .bg-fixed-pattern path{
   fill:#8699F8;
}
.color-3 .bg-fixed-pattern path{
    fill:#06CE6C;
 }
 .color-4 .bg-fixed-pattern path{
    fill:#FF8C99;
 }


.color-1 .bg-fixed-pattern ellipse{
    fill:#C8A337;
 }
.color-2 .bg-fixed-pattern ellipse{
   fill:#8699F8;
}
.color-3 .bg-fixed-pattern ellipse{
    fill:#06CE6C;
 }
 .color-4 .bg-fixed-pattern ellipse{
    fill:#FF8C99;
 }



 .color-1 .bg-fixed-pattern circle.st0,
	.color-1 .bg-fixed-pattern ellipse.st0{
	    fill: #C8A337 !important;
	    stroke: #C8A337 !important;
	}
	.color-2 .bg-fixed-pattern circle.st0,
	.color-2 .bg-fixed-pattern ellipse.st0{
	    fill: #8699F8 !important;
	    stroke: #8699F8 !important;
	}
	.color-3 .bg-fixed-pattern circle.st0,
	.color-3 .bg-fixed-pattern ellipse.st0{
	    fill: #06CE6C !important;
	    stroke: #06CE6C !important;
	}
	.color-4 .bg-fixed-pattern circle.st0,
	.color-4 .bg-fixed-pattern ellipse.st0{
	    fill: #FF8C99 !important;
	    stroke: #FF8C99 !important;
	}