/*!
Theme Name: Monstroid2 Child
Theme URI:
Author: Zemez
Author URI:
Description: Monstroid2 child theme.
Template: monstroid2
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: monstroid2-child
*/
header .jet-logo img {
    transition: all ease 0.3s;
}

header .elementor-sticky--effects .jet-logo img {
    max-width: 100px;
}

body .elementor-27 .elementor-element.elementor-element-1a33272.elementor-sticky--effects {
    background-color: #25232D50;
    background-image: linear-gradient(180deg, #25232D 0%, #25232D50 100%);
}

.shape-primary, .shape-secondary, .shape-accent,.shape-faf  {
    position: relative;
    z-index: initial !important;
    -moz-box-shadow: 0 3px 10px 0 #00000030;
    -webkit-box-shadow: 0 3px 10px 0 #00000030;
    box-shadow: 0 3px 10px 0 #00000030;
    border-radius: 9px;
}
.shape-primary:before, .shape-secondary:before, .shape-accent:before,.shape-faf:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 16px;
    top: 16px;
    border-radius: 9px;
    z-index: -1;
    -moz-box-shadow: 0 3px 10px 0 #00000030;
    -webkit-box-shadow: 0 3px 10px 0 #00000030;
    box-shadow: 0 3px 10px 0 #00000030;
    background-color: var( --e-global-color-primary);
    transition: all .5s ease;
}
.shape-secondary:before {background-color:var( --e-global-color-secondary );}
.shape-accent:before {background-color:var( --e-global-color-accent );}



.shape-cloud {    overflow: hidden;}

.shape-cloud .e-con-inner {
  z-index: 2;
  
}
.shape-cloud:before {
    z-index: 0;
    content:"";
    position: absolute;
    left: 0;
    top: auto;
    bottom: -1px;
    width: 100%;
    height: 30%;
    background: transparent;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}


.shape-cloud:after {
    content: "";
    position: absolute;
    width: 3000px;
    height: 70%;
    left: 0;
    top: auto;
    bottom: -10%;
     z-index: 0;
    opacity: 1;
    background-color: transparent;
    background-image: url(./images/nuages.png);
    background-position: top center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    animation: animationFrames linear 100s;
    -webkit-animation: animationFrames linear 100s;
    -moz-animation: animationFrames linear 100s;
    -o-animation: animationFrames linear 100s;
    -ms-animation: animationFrames linear 100s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
}

@keyframes animationFrames{
  0% {
    transform:  translate(0%) ;
  }
  50% {
    transform:  translate(-70%) ;
  }
  100% {
    transform:  translate(0%) ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    -moz-transform:  translate(0%) ;
  }
  50% {
    -moz-transform:  translate(-70%) ;
  }
  100% {
    -moz-transform:  translate(0%) ;
  }
}

@-webkit-keyframes animationFrames {
   0% {
    -webkit-transform:  translate(0%) ;
  }
  50% {
    -webkit-transform:  translate(-70%) ;
  }
  100% {
    -webkit-transform:  translate(0%) ;
  }
}

@-o-keyframes animationFrames {
   0% {
    -o-transform:  translate(0%) ;
  }
  50% {
    -o-transform:  translate(-70%) ;
  }
  100% {
    -o-transform:  translate(0%) ;
  }
}

@-ms-keyframes animationFrames {
   0% {
    -ms-transform:  translate(0%) ;
  }
  50% {
    -ms-transform:  translate(-70%) ;
  }
  100% {
    -ms-transform:  translate(0%) ;
  }
}