/*
 Theme Name:     Astra Child
 Theme URI:      https://wpastra.com/
 Description:    Astra 
 Author:         Brainstorm Force
 Author URI:     https://wpastra.com/about/
 Template:       astra
 Version:        2.5.3
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
#particles-js3, .hero_preloader{
background: transparent!important;
}
/* header */
.btnhead a{
  width: 100%!important;
}
#masthead.f-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
}
/* slider */
.wordCarousel {
  font-size: 36px;
  font-weight: 100;
  color: #eee;
}
.wordCarousel div {
  overflow: hidden;
  position: relative;
  height: 100px;
  padding-top: 25px;
}
.wordCarousel div li {
  font-weight: 700;
  height: 49px;
  margin-bottom: 45px;
  display: block;
  font-size:60px;
}

.flip2 {
  -webkit-animation: flip2 6s cubic-bezier(0.23, 1, 0.32, 1.2) infinite;
          animation: flip2 6s cubic-bezier(0.23, 1, 0.32, 1.2) infinite;
}

.flip3 {
  -webkit-animation: flip3 8s cubic-bezier(0.23, 1, 0.32, 1.2) infinite;
          animation: flip3 8s cubic-bezier(0.23, 1, 0.32, 1.2) infinite;
}

.flip4 {
  -webkit-animation: flip4 6s cubic-bezier(0.23, 1, 0.32, 1.2) infinite;
          animation: flip4 6s cubic-bezier(0.23, 1, 0.32, 1.2) infinite;
        margin:0;
}

@-webkit-keyframes flip2 {
  0% {
    margin-top: -180px;
  }
  5% {
    margin-top: -90px;
  }
  50% {
    margin-top: -90px;
  }
  55% {
    margin-top: 0px;
  }
  99.99% {
    margin-top: 0px;
  }
  100% {
    margin-top: -270px;
  }
}

@keyframes flip2 {
  0% {
    margin-top: -180px;
  }
  5% {
    margin-top: -90px;
  }
  50% {
    margin-top: -90px;
  }
  55% {
    margin-top: 0px;
  }
  99.99% {
    margin-top: 0px;
  }
  100% {
    margin-top: -270px;
  }
}
@-webkit-keyframes flip3 {
  0% {
    margin-top: -270px;
  }
  5% {
    margin-top: -180px;
  }
  33% {
    margin-top: -180px;
  }
  38% {
    margin-top: -90px;
  }
  66% {
    margin-top: -90px;
  }
  71% {
    margin-top: 0px;
  }
  99.99% {
    margin-top: 0px;
  }
  100% {
    margin-top: -270px;
  }
}
@keyframes flip3 {
  0% {
    margin-top: -270px;
  }
  5% {
    margin-top: -180px;
  }
  33% {
    margin-top: -180px;
  }
  38% {
    margin-top: -90px;
  }
  66% {
    margin-top: -90px;
  }
  71% {
    margin-top: 0px;
  }
  99.99% {
    margin-top: 0px;
  }
  100% {
    margin-top: -270px;
  }
}
@-webkit-keyframes flip4 {
  0% {
    margin-top: -360px;
  }
  5% {
    margin-top: -270px;
  }
  25% {
    margin-top: -270px;
  }
  30% {
    margin-top: -180px;
  }
  50% {
    margin-top: -180px;
  }
  55% {
    margin-top: -90px;
  }
  75% {
    margin-top: -90px;
  }
  80% {
    margin-top: 0px;
  }
  99.99% {
    margin-top: 0px;
  }
  100% {
    margin-top: -270px;
  }
}
@keyframes flip4 {
  0% {
    margin-top: -360px;
  }
  5% {
    margin-top: -270px;
  }
  25% {
    margin-top: -270px;
  }
  30% {
    margin-top: -180px;
  }
  50% {
    margin-top: -180px;
  }
  55% {
    margin-top: -90px;
  }
  75% {
    margin-top: -90px;
  }
  80% {
    margin-top: 0px;
  }
  99.99% {
    margin-top: 0px;
  }
  100% {
    margin-top: -270px;
  }
}

/* home page */
.tabseael  span h3, .faqtabs span h3{
  font-size: 18px!important;
}
.contimg {
  position: relative;
  width: 360px;
  height: 640px;
  margin-top: 30px;
  background: rgba(0, 0, 0, 0);
  transform: rotate(-30deg) skew(25deg) scale(0.8);
  transition: 0.5s;
}
.contimg img {
  position: absolute;
  width: 300px;
  transition: 0.5s;
}
.contimg img:nth-child(4) {
  transform: translate(160px, -160px);
  opacity: 1;
}
.contimg img:nth-child(3) {
  transform: translate(120px, -120px);
  opacity: 0.8;
}
.contimg img:nth-child(2) {
  transform: translate(80px, -80px);
  opacity: 0.6;
}
.contimg img:nth-child(1) {
  transform: translate(40px, -40px);
  opacity: 0.4;
}

.contimg:hover img:nth-child(4) {
  transform: translate(40px, 0px);
  opacity: 1;
}
.contimg:hover img:nth-child(3) {
  transform: translate(40px, 0px);
  opacity: 0.8;
}
.contimg:hover img:nth-child(2) {
  transform: translate(40px, 0px);
  opacity: 0.6;
}
.contimg:hover img:nth-child(1) {
  transform: translate(40px, 0px);
  opacity: 0.4;
}

h1 strong{
  letter-spacing: 2px;
}
h1 span{
  font-size: 29px;
}
.website{
  margin-bottom:0!important;
}

.lesetapes .elementor-heading-title, .toplesetapes .elementor-heading-title{
  position: relative;
}
.lesetapes .elementor-heading-title:before, .toplesetapes .elementor-heading-title:before{
  content: "";
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-bottom-color: #00adee;
  border-width: 13px;
}
.lesetapes .elementor-heading-title:before{
  content: "";
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(
180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate( 
180deg);
  bottom: -31px;
}
.toplesetapes .elementor-heading-title:before{
  content: "";
  bottom: 25px;
}
/* internes */
.siteswebstypes .eael-pricing-tag{
  display:none;
}
.siteswebstypes .eael-pricing-item {
      min-height: 405px;
}
.siteswebstypes .eael-pricing-item .footer{
  position:absolute;
  bottom: 20px;
  left: 0;
  right: 0;
}
.siteswebinter .eael-pricing-item {
  min-height: 325px;
}
.siteswebvitrine .eael-pricing-item {
  min-height: 225px;
}

/* contact */
.formcontact #gform_fields_1 > li > label{
  display: none;
}
.formcontact #gform_fields_1 > li input, .formcontact #gform_fields_1 > li select, .formcontact #gform_fields_1 > li textarea{
  background: #fff;
  padding: 10px 7px;
  border-radius: 0;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #cecece;
}
.formcontact #gform_fields_1 > li{
  display: inline-block;
  width: 100%;
  margin-top: 16px;
  padding-right: 16px;
  float: left;
}
.formcontact #gform_fields_1 #field_1_5{
  width: 100%;
}
.gform_wrapper .gform_validation_container{
  display: none!important;
}
.gform_wrapper textarea.medium {
  height: 160px;
}
.gform_wrapper ul.gform_fields{
  margin-left: 0!important;
}
#gform_submit_button_1{
  background: #00adee;
}
#gform_submit_button_1:hover{
  background: #000;
}
.validation_message {
  color:red;
  font-size: 12px;
}
.category-actualite .entry-header{
  padding:0;
  margin-top: 0;
}
.category-actualite .site-content{
  padding-bottom: 400px;
}
.category-actualite .ast-archive-description{
  border-bottom: 0;
  text-align: center;
}
/*==========================
$$$$$$$$$  Iphone  $$$$$$$$$
==========================*/

@media (max-width: 767px) {
  .sub-menu .sub-menu-open{
    padding-left: 15px;
  }
  #menu-1-aebfc28{
    max-height:430px;
    overflow-y: scroll;
  }
  /* width */
  #menu-1-aebfc28::-webkit-scrollbar {
  width: 10px;
}

/* Track */
#menu-1-aebfc28::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
#menu-1-aebfc28::-webkit-scrollbar-thumb {
  background: #00adee;
}

/* Handle on hover */
#menu-1-aebfc28::-webkit-scrollbar-thumb:hover {
  background: #555;
}
  .slider-x-item-title3, .slider-x-item-title3 > p, .slider-x-item-title3 > * {
    font-size: 15px!important;
    line-height: 20px!important;
  }
  .wordCarousel div {
    height: 53px;
    padding-top: 15px;
  }
 .wordCarousel div li{
    height: 25px;
    margin-bottom: 22px;
    font-size: 20px;
  }
  h1 span {
    font-size: 19px;
  }
  .contimg img {
    width: 160px;
  }
  .contimg {
    height: 240px;
  }
  .contimg img:nth-child(4) {
    transform: translate(184px, -96px);
  }
  .contimg img:nth-child(3) {
    transform: translate(159px, -74px);
  }
  .contimg img:nth-child(2) {
    transform: translate(133px, -52px);
  }
  .contimg img:nth-child(1) {
    transform: translate(110px, -32px);
  }
  
  .contimg:hover img:nth-child(4) {
    transform: translate(110px, 0px);
  }
  .contimg:hover img:nth-child(3) {
    transform: translate(110px, 0px);
  }
  .contimg:hover img:nth-child(2) {
    transform: translate(110px, 0px);
  }
  .contimg:hover img:nth-child(1) {
    transform: translate(110px, 0px);
  }
  .tabseael .eael-advance-tabs .eael-tabs-nav>ul li{
    width: 12%;
    min-height: 100px;
  }
  .tabseael span h3, .faqtabs span h3 {
    font-size: 9px!important;
  }
  .faqtabs .eael-advance-tabs .eael-tabs-nav>ul li{
    width: 32%;
  }
  .toplesetapes .elementor-heading-title:before{
    content: "";
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(
  180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate( 
  180deg);
    bottom: -31px;
  }
  .siteswebstypes .eael-pricing-item {
    min-height: 356px;
    margin-bottom: 0;
  }
  .formcontact #gform_fields_1 > li{
    width: 100%;
  }
  #paracontact, #paracontact p{
    margin-bottom: 0;
  }
  #gform_fields_1{
    margin:0;
  }
}
@media (min-width: 768px) {
  .tabseael span h3, .faqtabs span h3 {
    font-size: 15px!important;
  }
  #contsuivre .suivre .elementor-column{
    width:19.6%!important
  }
  .page-id-414 #contsuivre .suivre .elementor-column{
    width:19.6%!important
  }
  #contsuivre .suivre .elementor-hidden-desktop{
    width:0!important
  }
  .contimg {
    height: 262px;
  }
  .contimg img {
    width: 159px;
  }
  .contimg img:nth-child(4) {
    transform: translate(11px, 89px);
  }
  .contimg img:nth-child(3) {
    transform: translate(-10px, 106px);
  }
  .contimg img:nth-child(2) {
    transform: translate(-28px, 121px);
  }
  .contimg img:nth-child(1) {
    transform: translate(-44px, 133px);
  }
  
  .contimg:hover img:nth-child(4) {
    transform: translate(-44px, 133px);
  }
  .contimg:hover img:nth-child(3) {
    transform: translate(-44px, 133px);
  }
  .contimg:hover img:nth-child(2) {
    transform: translate(-44px, 133px);
  }
  .contimg:hover img:nth-child(1) {
    transform: translate(-44px, 133px);
  }
  .toplesetapes .elementor-heading-title:before {
    content: "";
    bottom: 22px;
  }
  h1 span {
    font-size: 22px;
  }
  .siteswebstypes .eael-pricing-item {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .siteswebstypes .eael-pricing-item {
    min-height: 325px;
  }
 
}
@media (min-width: 1200px) {
  .tabseael span h3, .faqtabs span h3 {
    font-size: 18px!important;
  }
  .contimg {
    height: 640px;
  }
  .contimg img {
    width: 300px;
  }
  .contimg img:nth-child(4) {
    transform: translate(160px, -160px);
    opacity: 1;
  }
  .contimg img:nth-child(3) {
    transform: translate(120px, -120px);
    opacity: 0.8;
  }
  .contimg img:nth-child(2) {
    transform: translate(80px, -80px);
    opacity: 0.6;
  }
  .contimg img:nth-child(1) {
    transform: translate(40px, -40px);
    opacity: 0.4;
  }
  
  .contimg:hover img:nth-child(4) {
    transform: translate(40px, 0px);
    opacity: 1;
  }
  .contimg:hover img:nth-child(3) {
    transform: translate(40px, 0px);
    opacity: 0.8;
  }
  .contimg:hover img:nth-child(2) {
    transform: translate(40px, 0px);
    opacity: 0.6;
  }
  .contimg:hover img:nth-child(1) {
    transform: translate(40px, 0px);
    opacity: 0.4;
  }
  .siteswebstypes .eael-pricing-item {
    min-height: 384px;
  }
}
@media (min-width: 1360px) {
    
}
@media (min-width: 1500px) {
    
}
@media (min-width: 1700px) {
    
}