/*! 
 * Template Name: devAid - Bootstrap 4 Theme for developers
 * Version: 2.2
 * Author: Xiaoying Riley
 * Copyright: 3rd Wave Media
 * Twitter: @3rdwave_themes
 * Website: https://themes.3rdwavemedia.com/
*/
.img_preloader{
   width: 0px;
    height: 0px;
    display: inline-block;
    overflow: hidden;
}

@font-face {
  font-family: MrEavesXLModOT;
  src: url("../fonts/MrEavesXLModOT-Light.ttf");
}

/*===ANIMATION ISLANDS==*/
@keyframes floatislands {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}

/*promo section*/
.scene_promo {
    text-align: center;
    position: relative;
}
.img-floating-island {
    margin-top: 5vh;
    max-height: 50vh;
    max-width: 80vw;
    transform: translatey(0px);
    animation: floatislands 10s ease-in-out infinite;
}
/*animations promo*/
.cloud {
  display: block;
   position: absolute;
   /* Firefox */
   -moz-animation: cloudDrift linear infinite;
   /* WebKit - Chrome and Safari */
   -webkit-animation: cloudDrift linear infinite;
   /* Opera */
   -o-animation: cloudDrift linear infinite;
   /* general syntax */
   animation: cloudDrift linear infinite;
}

.size_a {
   /*width 130px*/
   top: 0px;
   left: -140px;
   /* Firefox */
   -moz-animation-duration: 50s;
   /* WebKit - Chrome and Safari */
   -webkit-animation-duration: 50s;
   /* Opera */
   -o-animation-duration: 50s;
   /* general syntax */
   animation-duration: 50s;
}
.size_b {
   /*width 70px*/
   top: 40px;
   left: -80px;
   /* Firefox */
   -moz-animation-duration: 40s;
   /* WebKit - Chrome and Safari */
   -webkit-animation-duration: 40s;
   /* Opera */
   -o-animation-duration: 40s;
   /* general syntax */
   animation-duration: 40s;
}
.size_c {
   /*width 100px*/
   top: 65px;
   left: -50px;
   /* Firefox */
   -moz-animation-duration: 80s;
   /* WebKit - Chrome and Safari */
   -webkit-animation-duration: 80s;
   /* Opera */
   -o-animation-duration: 80s;
   /* general syntax */
   animation-duration: 80s;
}
.size_d {
   /*width 100px*/
   top: 60px;
   left: -110px;
   /* Firefox */
   -moz-animation-duration: 60s;
   /* WebKit - Chrome and Safari */
   -webkit-animation-duration: 60s;
   /* Opera */
   -o-animation-duration: 60s;
   /* general syntax */
   animation-duration: 60s;
}
.size_e {
   /*width 100px*/
   top: 30px;
   left: -110px;
   /* Firefox */
   -moz-animation-duration: 70s;
   /* WebKit - Chrome and Safari */
   -webkit-animation-duration: 70s;
   /* Opera */
   -o-animation-duration: 70s;
   /* general syntax */
   animation-duration: 70s;
}
.size_f {
   top: -25px;
   left: -110px;
   max-height: 20vh;
  max-width: 35vw;
   /* Firefox */
   -moz-animation-duration: 30s;
   /* WebKit - Chrome and Safari */
   -webkit-animation-duration: 30s;
   /* Opera */
   -o-animation-duration: 30s;
   /* general syntax */
   animation-duration: 30s;
}
.size_g {
   /*width 100px*/
   top: -55px;
   left: -110px;
   max-height: 20vh;
  max-width: 35vw;
   /* Firefox */
   -moz-animation-duration: 20s;
   /* WebKit - Chrome and Safari */
   -webkit-animation-duration: 20s;
   /* Opera */
   -o-animation-duration: 20s;
   /* general syntax */
   animation-duration: 20s;
}

 @keyframes cloudDrift {
    from { transform: translateX(0px); }
    to { transform: translateX(700px); }
    0% { opacity: 0 }
    10% { opacity: 1 }
    90% {opacity: 1 }
    100% { opacity: 0 }
  }

/*Second island*/
.scene_carousel_columns_content{
  display: grid !important;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 20px;
}
.text-carousel-description {
    padding: 25% 10% 20px 0;
    text-align: left;
    
}
.scene_carousel{
  position: relative;
  grid-column: span 6;
}
.scene_carousel_texts {
  grid-column: span 6;
}
.tech_island {
    position: absolute;
    transform: translatey(0px);
}
.img-carousel-description {
    max-height: 100vh;
    max-width: 100vw;
    transform: translatey(0px);
    animation: floatislands 30s ease-in-out infinite;
}
.island_a {
  animation: floatislands 10s ease-in-out infinite;
}
.island_b {
  animation: floatislands 8s ease-in-out infinite;
}
.island_c {
  animation: floatislands 15s ease-in-out infinite;
}
.island_d {
  animation: floatislands 6s ease-in-out infinite;
}

.cloud_tech {
       position: absolute;
       /* Firefox */
       -moz-animation: cloudDrifttech linear infinite;
       /* WebKit - Chrome and Safari */
       -webkit-animation: cloudDrifttech linear infinite;
       /* Opera */
       -o-animation: cloudDrifttech linear infinite;
       /* general syntax */
       animation: cloudDrifttech linear infinite;
    }
.tech_a {
   /* Firefox */
   -moz-animation-duration: 40s;
   /* WebKit - Chrome and Safari */
   -webkit-animation-duration: 40s;
   /* Opera */
   -o-animation-duration: 40s;
   /* general syntax */
   animation-duration: 40s;
}
.tech_b {
   /* Firefox */
   -moz-animation-duration: 30s;
   /* WebKit - Chrome and Safari */
   -webkit-animation-duration: 30s;
   /* Opera */
   -o-animation-duration: 30s;
   /* general syntax */
   animation-duration: 30s;
}
.tech_c {
   /* Firefox */
   -moz-animation-duration: 90s;
   /* WebKit - Chrome and Safari */
   -webkit-animation-duration: 90s;
   /* Opera */
   -o-animation-duration: 90s;
   /* general syntax */
   animation-duration: 90s;
}
.tech_d {
   /* Firefox */
   -moz-animation-duration: 60s;
   /* WebKit - Chrome and Safari */
   -webkit-animation-duration: 60s;
   /* Opera */
   -o-animation-duration: 60s;
   /* general syntax */
   animation-duration: 60s;
}
.tech_e {
   /* Firefox */
   -moz-animation-duration: 70s;
   /* WebKit - Chrome and Safari */
   -webkit-animation-duration: 70s;
   /* Opera */
   -o-animation-duration: 70s;
   /* general syntax */
   animation-duration: 70s;
}
/*animations carrousel*/

/* Firefox */
    @-moz-keyframes cloudDrifttech {
       from { -moz-transform: translateX(100px); }
       to { -moz-transform: translateX(750px); }
       0% { opacity: 0 }
        10% { opacity: 1 }
        90% {opacity: 1 }
        100% { opacity: 0 }
    }
    /* WebKit - Chrome and Safari */
    @-webkit-keyframes cloudDrifttech {
       from { -webkit-transform: translateX(100px); }
       to { -webkit-transform: translateX(750px); }
       0% { opacity: 0 }
        10% { opacity: 1 }
        90% {opacity: 1 }
        100% { opacity: 0 }
    } 
    /* Opera */
    @-o-keyframes cloudDrifttech {
       from { -o-transform: translateX(100px); }
       to { -o-transform: translateX(750px); }
       0% { opacity: 0 }
        10% { opacity: 1 }
        90% {opacity: 1 }
        100% { opacity: 0 }
    }
    /* general syntax */
    @keyframes cloudDrifttech {
       from { transform: translateX(100px); }
       to { transform: translateX(750px); }
       0% { opacity: 0 }
        10% { opacity: 1 }
        90% {opacity: 1 }
        100% { opacity: 0 }
    }

/*Features*/
.col-island1{
  margin-top: 15vh;
  text-align: center;
}
.col-island2{
  margin-top: 20vh;
  text-align: center;
}
.col-island3 {
 text-align: right; 
 top:  -230px;  
}
.img-islands1, .img-islands2, .img-islands3{
  width: 95%;
  position: absolute;
  top: 0px;
  /*transform: translatey(0px);
  animation: floatislands 5s ease-in-out infinite;*/
}
.img-islands1, .img-islands2{
  left: 0px;
}
.img-islands3{
  right: -4.5vw;
}

.bubble_text{
  position: absolute;
  transform: translatey(0px);
  /*animation: floatislands 10s ease-in-out infinite;*/
}
.img_bubble_01{
  width: 8vw;
  top: 4vh;
  left: 2vw;
  opacity: 0;
  /*general*/
  animation: fadeInOut1 10s ease reverse forwards infinite;

}
.img_bubble_02{
  width: 8vw;
  top: -8vh;
  left: 9vw;
  opacity: 0;
  animation: fadeInOut1 10s ease reverse forwards infinite;
}
.img_bubble_03{
  width: 14vw;
top: 5vh;
left: 12vw;
opacity: 0;
animation: fadeInOut1 10s ease reverse forwards infinite;
}
.img_bubble_04{
  width: 8vw;
  top: -8vh;
  left: 0vw;
  opacity: 0;
  animation: fadeInOut2 11s ease reverse forwards infinite;
}
.img_bubble_05{
  width: 8vw;
top: -21vh;
left: 9vw;
opacity: 0;
animation: fadeInOut2 11s ease reverse forwards infinite;
}
.img_bubble_06{
  width: 16vw;
top: -4vh;
left: 10vw;
opacity: 0;
animation: fadeInOut2 11s ease reverse forwards infinite;
}
.img_bubble_07{
  width: 20vw;
top: 30vh;
left: 9vw;
opacity: 0;
animation: fadeInOut3 12s ease reverse forwards infinite;
}
.img_bubble_08{
  width: 20vw;
top: 15vh;
left: 10vw;
opacity: 0;
animation: fadeInOut3 12s ease reverse forwards infinite;
}
.cloud_border {
  top: -7vh;
  /* Firefox */
 -moz-animation-duration: 40s;
 /* WebKit - Chrome and Safari */
 -webkit-animation-duration: 40s;
 /* Opera */
 -o-animation-duration: 40s;
 /* general syntax */
 animation-duration: 40s;
}
/*animation texts*/
@keyframes fadeInOut1 {
    0% { opacity: 1 }
    5% { opacity: 1 }
    90% {opacity: 1 }
    95% { opacity: 0 }
}

@keyframes fadeInOut2 {
    0% { opacity: 1 }
    80% { opacity: 1 }
    90% { opacity: 0 }
}

@keyframes fadeInOut3 {
    0% { opacity: 1 }
    75% { opacity: 1 }
    80% { opacity: 0 }
}

@keyframes fadeInOut4 {
    0% { opacity: 1 }
    46% { opacity: 1 }
    48% { opacity: 1 }
    64% { opacity: 1 }
    65% { opacity: 0 }
}

@keyframes fadeInOut5 {
    0% { opacity: 1 }
    64% { opacity: 1 }
    66% { opacity: 1 }
    80% { opacity: 1 }
    83% { opacity: 0 }
}

@keyframes fadeInOut6 {
    80% { opacity: 1 }
    83% { opacity: 1 }
    99% { opacity: 1 }
    100% { opacity: 0 }
}

/*Are you ready*/
/*animations Are You Ready*/
.scene_areyouready_left{
  height: auto;
  margin: 0 auto;
  padding: 10px;

  text-align: center;
  position: relative;
  width: 300px;
}

#icon-img-take-our{
  opacity: 1;
    display: block;
    position: absolute;
    top: 200px;
    left: 58px;
    transition: transform 500ms;
    will-change: transform, opacity;
    
}
.icon-img-take-our-animation{
  transform: translateY(30%);
  opacity: 0 !important;
}
#icon-img-take-our-green{
  opacity: 0;
  display: block;
  position: absolute;
  top: 200px;
  left: 58px;
  transition: transform 500ms;
  will-change: transform, opacity;
}
.icon-img-take-our-green-animation{
  transform: translateY(30%);
  opacity: 1 !important;
}
.text-box1-animation {
    color: #460b60;
}
/*right side*/
.scene_areyouready_right{
  height: auto;
  margin: 0 auto;
  padding: 10px;

  text-align: center;
  position: relative;
  width: 300px;
}

#icon-img-upload-free{
  opacity: 1;
    display: block;
    position: absolute;
    top: 200px;
    left: 58px;
    transition: transform 500ms;
    will-change: transform, opacity;
    
}
.icon-img-upload-animation{
  transform: translateY(30%);
  opacity: 0 !important;
}
#icon-img-upload-free-green{
  opacity: 0;
  display: block;
    position: absolute;
    top: 200px;
    left: 58px;
    transition: transform 500ms;
    will-change: transform, opacity;
}
.icon-img-upload-green-animation{
  transform: translateY(30%);
  opacity: 1 !important;
}

#areyouready_cloud{
    display: block;
    position: absolute;
    top: 200px;
    left: 220px;
    width: 60%;
    transition: transform 500ms;
    will-change: transform, opacity;
}
.areyouready_cloud-animation{
  transform: translateY(-100%) translateX(100%);
  opacity: 0.2;
}
.text-box2-animation {
    color: #FFF !important;
}
/*MEDIAS*/
/*Desktop*/
@media all and (min-width: 1025px) and (max-width: 1280px) {
  
  /*promo*/
  .cloud {
    display: inline-block;
  }
  /* Keyframe animations */
  /* Clouds drifting */
  @keyframes cloudDrift {
    from { transform: translateX(100px); }
    to { transform: translateX(800px); }
    0% { opacity: 0 }
    10% { opacity: 1 }
    90% {opacity: 1 }
    100% { opacity: 0 }
  }

  /*second_island*/
  .island_a {
    width: 9vw;
    top: 34vh;
    left: 41vw;
  }
  .island_b {
    width: 5vw;
    top: 50vh;
    left: 10vw;
  }
  .island_c {
    width: 7vw;
    top: 65vh;
    left: 50vw;
  }
  .island_d{
    width: 12vw;
    top: 60vh;
    left: 5vw;
  }
  /*clouds*/
  .tech_a {
    top: 44vh;
    left: 0vw;
  }
  .tech_b {
    top: 55vh;
    left: -80px;
  }
  .tech_c {
    top: 35vh;
    left: 0vw;
  }
  .tech_d {
    top: 27vh;
    left: 0vw;
  }
  .tech_e {
    top: 40vh;
    left: -110px;
  }
}
@media all and (min-width: 1281px) and (max-width: 1349px) {
  /*BASE!!!!!*/

  /*PROMO*/
  .cloud {
    display: inline-block;
  }
  /* Keyframe animations */
  /* Clouds drifting */
  @keyframes cloudDrift {
    from { transform: translateX(100px); }
    to { transform: translateX(1000px); }
    0% { opacity: 0 }
    10% { opacity: 1 }
    90% {opacity: 1 }
    100% { opacity: 0 }
  }
  
  /*second_island*/
  .island_a {
    width: 9vw;
    top: 31vh;
    left: 30vw;
  }
  .island_b {
    width: 5vw;
    top: 40vh;
    left: 7vw;
  }
  .island_c {
    width: 7vw;
    top: 62vh;
    left: 47vw;
  }
  .island_d{
    width: 12vw;
    top: 58vh;
    left: 1vw;
  }
  /*clouds*/
  .tech_a {
    top: 44vh;
    left: 0vw;
  }
  .tech_b {
    top: 55vh;
    left: -80px;
  }
  .tech_c {
    top: 35vh;
    left: 0vw;
  }
  .tech_d {
    top: 27vh;
    left: 0vw;
  }
  .tech_e {
    top: 40vh;
    left: -110px;
  }
  
}
@media all and (min-width: 1350px) and (max-width: 1499px) {

  /*PROMO*/
  .cloud {
    display: inline-block;
  }
  /* Keyframe animations */
  /* Clouds drifting */
  @keyframes cloudDrift {
    from { transform: translateX(100px); }
    to { transform: translateX(1100px); }
    0% { opacity: 0 }
    10% { opacity: 1 }
    90% {opacity: 1 }
    100% { opacity: 0 }
  }
  /*second_island*/
  .island_a {
    width: 9vw;
    top: 31vh;
    left: 27vw;
  }
  .island_b {
    width: 5vw;
    top: 40vh;
    left: 7vw;
  }
  .island_c {
    width: 7vw;
    top: 62vh;
    left: 42vw;
  }
  .island_d{
    width: 12vw;
    top: 58vh;
    left: 0vw;
  }
  /*clouds*/
  .tech_a {
    top: 44vh;
    left: 0vw;
  }
  .tech_b {
    top: 55vh;
    left: -80px;
  }
  .tech_c {
    top: 35vh;
    left: 0vw;
  }
  .tech_d {
    top: 27vh;
    left: 0vw;
  }
  .tech_e {
    top: 40vh;
    left: -110px;
  }
}
@media all and (min-width: 1500px) and (max-width: 1919px) { 

  /*PROMO*/
  .cloud {
    display: inline-block;
  }
  /* Keyframe animations */
  /* Clouds drifting */
  @keyframes cloudDrift {
    from { transform: translateX(100px); }
    to { transform: translateX(1300px); }
    0% { opacity: 0 }
    10% { opacity: 1 }
    90% {opacity: 1 }
    100% { opacity: 0 }
  }
  /*second_island*/
  .island_a {
    width: 8vw;
    top: 28vh;
    left: 21vw;
  }
  .island_b {
    width: 5vw;
    top: 43vh;
    left: 4vw;
  }
  .island_c {
    width: 6vw;
    top: 62vh;
    left: 33vw;
  }
  .island_d{
    width: 9vw;
    top: 58vh;
    left: 0vw;
  }
  /*clouds*/
  .tech_a {
    top: 44vh;
    left: 0vw;
  }
  .tech_b {
    top: 55vh;
    left: -80px;
  }
  .tech_c {
    top: 35vh;
    left: 0vw;
  }
  .tech_d {
    top: 27vh;
    left: 0vw;
  }
  .tech_e {
    top: 40vh;
    left: -110px;
  }
}
@media all and (min-width: 1920px) {

  /*PROMO*/
  .cloud {
    display: inline-block;
  }
  /* Keyframe animations */
  /* Clouds drifting */
  @keyframes cloudDrift {
    from { transform: translateX(100px); }
    to { transform: translateX(1700px); }
    0% { opacity: 0 }
    10% { opacity: 1 }
    90% {opacity: 1 }
    100% { opacity: 0 }
  }

  /*second_island*/
  .island_a {
    width: 8vw;
    top: 28vh;
    left: 21vw;
  }
  .island_b {
    width: 5vw;
    top: 43vh;
    left: 4vw;
  }
  .island_c {
    width: 6vw;
    top: 62vh;
    left: 43vw;
  }
  .island_d{
    width: 9vw;
    top: 58vh;
    left: 0vw;
  }
  /*clouds*/
  .tech_a {
    top: 44vh;
    left: 0vw;
  }
  .tech_b {
    top: 55vh;
    left: -80px;
  }
  .tech_c {
    top: 35vh;
    left: 0vw;
  }
  .tech_d {
    top: 27vh;
    left: 0vw;
  }
  .tech_e {
    top: 40vh;
    left: -110px;
  }
}

/* iPad Portrait */
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */

/*@media screen and (min-device-width: 481px) and (orientation:portrait) {*/

  /*PROMO*/
  .cloud {
    display: inline-block;
  }
  /* Keyframe animations */
  /* Clouds drifting */
  @keyframes cloudDrift {
    from { transform: translateX(0px); }
    to { transform: translateX(550px); }
    0% { opacity: 0 }
    10% { opacity: 1 }
    90% {opacity: 1 }
    100% { opacity: 0 }
  }

  /*second_island*/
  .img-carousel-description{
    content:url("../images/tech-2-01mobile.webp");
  }
  .island_a, .island_b, .island_c, .island_d, .island_e {
    display: none;
  }
}

/* iPad Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/*@media screen and (min-device-width: 481px) and (orientation:landscape) {*/


  /*PROMO*/
  .cloud {
    display: inline-block;
  }
  /* Keyframe animations */
  /* Clouds drifting */
  @keyframes cloudDrift {
    from { transform: translateX(100px); }
    to { transform: translateX(800px); }
    0% { opacity: 0 }
    10% { opacity: 1 }
    90% {opacity: 1 }
    100% { opacity: 0 }
  }

  /*second_island*/
  .img-carousel-description{
    content:url("../images/tech-2-01mobile.webp");
  }
  .island_a, .island_b, .island_c, .island_d, .island_e {
    display: none;
  }
  /*.island_d{
    width: 19vw;
    top: 34vh;
    left: 3vw;
  }*/
}
/*iPad Pro 9.7"*/
/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
  
  /*second_island*/
  .img-carousel-description{
    content:url("../images/tech-2-01mobile.webp");
  }
  .island_a, .island_b, .island_c, .island_d, .island_e {
    display: none;
  }
}

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {

  /*second_island*/
  .features {
    height: 300vh;
  }
  /*second_island*/
  .img-carousel-description{
    content:url("../images/tech-2-01mobile.webp");
  }
  .island_a, .island_b, .island_c, .island_d, .island_e {
    display: none;
  }
}
/*iPad Pro 10.5"*/
/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 834px)
and (max-device-width: 834px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {

  .cloud {
  display: block;
  }
  @keyframes cloudDrift {
    from { transform: translateX(100px); }
    to { transform: translateX(730px); }
    0% { opacity: 0 }
    10% { opacity: 1 }
    90% {opacity: 1 }
    100% { opacity: 0 }
  }
  
  /*second_island*/
  .img-carousel-description{
    content:url("../images/tech-2-01mobile.webp");
  }
  .island_a, .island_b, .island_c, .island_d, .island_e {
    display: none;
  }
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 1112px)
and (max-device-width: 1112px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {

  /*promo*/
  .cloud {
  display: inline-block;
  }
  @keyframes cloudDrift {
    from { transform: translateX(100px); }
    to { transform: translateX(1000px); }
    0% { opacity: 0 }
    10% { opacity: 1 }
    90% {opacity: 1 }
    100% { opacity: 0 }
  }
  
  /*second_island*/
  .img-carousel-description{
    content:url("../images/tech-2-01mobile.webp");
  }
  .island_a, .island_b, .island_c, .island_d, .island_e {
    display: none;
  }
  
  /*clouds*/
  .tech_a {
    top: 44vh;
    left: 0vw;
  }
  .tech_b {
    top: 55vh;
    left: -80px;
  }
  .tech_c {
    top: 35vh;
    left: 0vw;
  }
  .tech_d {
    top: 27vh;
    left: 0vw;
  }
  .tech_e {
    top: 40vh;
    left: -110px;
  }
}
/*ipad PRo 12.9"*/
/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {

  

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 1366px)
and (max-device-width: 1366px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {

  
  /*second island*/
  .island_a {
    width: 10vw;
    top: 31vh;
    left: 38vw;
  }
  .island_b {
    width: 6vw;
    top: 50vh;
    left: 8vw;
  }
  .island_c {
    width: 7vw;
    top: 63vh;
    left: 57vw;
  }
  .island_d{
    width: 13vw;
    top: 58vh;
    left: 3vw;
  }
  /*clouds*/
  .tech_a {
    top: 44vh;
    left: 0vw;
  }
  .tech_b {
    top: 55vh;
    left: -80px;
  }
  .tech_c {
    top: 35vh;
    left: 0vw;
  }
  .tech_d {
    top: 27vh;
    left: 0vw;
  }
  .tech_e {
    top: 40vh;
    left: -110px;
  }
}
/*
@media (max-width: 767px) {
  
  .island_d{
    width: 12vw;
    top: 57vh;
    left: 0.5vw;
  }
}*/
/*Tablet*/
@media all and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait) {

  /*promo*/
  .cloud {
  display: block;
  }
  @keyframes cloudDrift {
    from { transform: translateX(100px); }
    to { transform: translateX(550px); }
    0% { opacity: 0 }
    10% { opacity: 1 }
    90% {opacity: 1 }
    100% { opacity: 0 }
  }
  /*second_island*/
  .island_a {
    width: 12vw;
    top: 26vh;
    left: 51vw;
  }
  .island_b {
    width: 7vw;
    top: 37vh;
    left: 12vw;
  }
  .island_c {
    width: 10vw;
    top: 48vh;
    left: 76vw;
  }
  .island_d{
    width: 19vw;
    top: 44vh;
    left: 3vw;
  }
  /*clouds*/
  .tech_a {
    top: 44vh;
    left: 0vw;
  }
  .tech_b {
    top: 55vh;
    left: -80px;
  }
  .tech_c {
    top: 35vh;
    left: 0vw;
  }
  .tech_d {
    top: 27vh;
    left: 0vw;
  }
  .tech_e {
    top: 40vh;
    left: -110px;
  }


}
@media all and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) {

  /*promo*/
  .cloud {
  display: inline-block;
  }
  @keyframes cloudDrift {
    from { transform: translateX(100px); }
    to { transform: translateX(550px); }
    0% { opacity: 0 }
    10% { opacity: 1 }
    90% {opacity: 1 }
    100% { opacity: 0 }
  }
  /*second_island*/
  /* .features {
    height: 300vh;
  }*/
  .island_a {
    width: 12vw;
    top: 31vh;
    left: 37vw;
  }
  .island_b {
    width: 7vw;
    top: 46vh;
    left: 8vw;
  }
  .island_c {
    width: 8vw;
    top: 62vh;
    left: 58vw;
  }
  .island_d{
    width: 13vw;
    top: 58vh;
    left: 3vw;
  }
  /*clouds*/
  .tech_a {
    top: 44vh;
    left: 0vw;
  }
  .tech_b {
    top: 55vh;
    left: -80px;
  }
  .tech_c {
    top: 35vh;
    left: 0vw;
  }
  .tech_d {
    top: 27vh;
    left: 0vw;
  }
  .tech_e {
    top: 40vh;
    left: -110px;
  }
}
/*Google Pixel3*/
@media only screen and (min-width: 1080px) and (max-width: 1080px) and (orientation:portrait) {

  /*second_island*/
  .img-carousel-description{
    content:url("../images/tech-2-01mobile.webp");
  }
  .island_a, .island_b, .island_c, .island_d, .island_e {
    display: none;
  }
}
@media only screen and (min-width: 1080px) and (max-width: 1080px) and (orientation:landscape) {

  /*promo*/
  .cloud {
  display: inline-block;
  }
  @keyframes cloudDrift {
    from { transform: translateX(100px); }
    to { transform: translateX(550px); }
    0% { opacity: 0 }
    10% { opacity: 1 }
    90% {opacity: 1 }
    100% { opacity: 0 }
  }
  /*second_island*/
   .features {
    height: 300vh;
  }
  .island_a {
    width: 12vw;
    top: 31vh;
    left: 37vw;
  }
  .island_b {
    width: 7vw;
    top: 46vh;
    left: 8vw;
  }
  .island_c {
    width: 8vw;
    top: 62vh;
    left: 58vw;
  }
  .island_d{
    width: 13vw;
    top: 58vh;
    left: 3vw;
  }
  /*clouds*/
  .tech_a {
    top: 44vh;
    left: 0vw;
  }
  .tech_b {
    top: 55vh;
    left: -80px;
  }
  .tech_c {
    top: 35vh;
    left: 0vw;
  }
  .tech_d {
    top: 27vh;
    left: 0vw;
  }
  .tech_e {
    top: 40vh;
    left: -110px;
  }
}
/*Movil*/
/*Screen 360 x 640 - 375 x 667 - 360 x 720 - IPhone X: 375 x 812*/
@media (max-width: 375px) and (orientation: landscape) {

  /*PROMO*/
  .cloud {
    display: inline-block;
  }
  /*second_island*/
  .img-carousel-description{
    content:url("../images/tech-2-01mobile.webp");
  }
  .island_a, .island_b, .island_c, .island_d, .island_e {
    display: none;
  }

}
@media (max-width: 375px) and (orientation: portrait) {

  /*PROMO*/
  .cloud {
    display: block;
  }
  /*second_island*/
  .img-carousel-description{
    content:url("../images/tech-2-01mobile.webp");
  }
  .island_a, .island_b, .island_c, .island_d, .island_e {
    display: none;
  }

}

/*Screen 411 x 731 - 412 x 869*/
@media screen and (max-width: 480px) and (orientation: landscape) {

  /*PROMO*/
  .cloud {
    display: inline-block;
  }

  @keyframes cloudDrift {
    from { transform: translateX(0px); }
    to { transform: translateX(300px); }
    0% { opacity: 0 }
    10% { opacity: 1 }
    90% {opacity: 1 }
    100% { opacity: 0 }
  }
  /*second_island*/
  .img-carousel-description{
    content:url("../images/tech-2-01mobile.webp");
  }
  .island_a, .island_b, .island_c, .island_d, .island_e {
    display: none;
  }


}
@media (max-width: 480px) and (orientation: portrait) {

  /*PROMO*/
  .cloud {
    display: inline-block;
  }
  @keyframes cloudDrift {
    from { transform: translateX(0px); }
    to { transform: translateX(300px); }
    0% { opacity: 0 }
    10% { opacity: 1 }
    90% {opacity: 1 }
    100% { opacity: 0 }
  }


  /*second_island*/
  .img-carousel-description{
    content:url("../images/tech-2-01mobile.webp");
  }
  .island_a, .island_b, .island_c, .island_d, .island_e {
    display: none;
  }

  /*clouds*/
  .tech_a {
    top: 44vh;
    left: 0vw;
  }
  .tech_b {
    top: 55vh;
    left: -80px;
  }
  .tech_c {
    top: 35vh;
    left: 0vw;
  }
  .tech_d {
    top: 27vh;
    left: 0vw;
  }
  .tech_e {
    top: 40vh;
    left: -110px;
  }
}

/* iPhone Portrait */
@media screen and (max-device-width: 480px) and (orientation:portrait) {

  /*PROMO*/
  .cloud {
    display: block;
  }
  @keyframes cloudDrift {
    from { transform: translateX(0px); }
    to { transform: translateX(300px); }
    0% { opacity: 0 }
    10% { opacity: 1 }
    90% {opacity: 1 }
    100% { opacity: 0 }
  }

  
  /*second_island*/
  .img-carousel-description{
    content:url("../images/tech-2-01mobile.webp");
  }
  .island_a, .island_b, .island_c, .island_d, .island_e {
    display: none;
  }
  
  /*clouds*/
  .tech_a {
    width: 20vw;
    top: 44vh;
    left: 0vw;
  }
  .tech_b {
    width: 20vw;
    top: 33vh;
    left: -80px;
  }
  .tech_c {
    top: 35vh;
    left: 0vw;
  }
  .tech_d {
    top: 27vh;
    left: 0vw;
  }
  .tech_e {
    top: 40vh;
    left: -110px;
  }
} 
/* iPhone Landscape */
@media screen and (max-device-width: 480px) and (orientation:landscape) {

  /*PROMO*/
  .cloud {
    display: inline-block;
  }
   @keyframes cloudDrift {
    from { transform: translateX(0px); }
    to { transform: translateX(300px); }
    0% { opacity: 0 }
    10% { opacity: 1 }
    90% {opacity: 1 }
    100% { opacity: 0 }
  }
  /*second_island*/
  .img-carousel-description{
    content:url("../images/tech-2-01mobile.webp");
  }
  .island_a, .island_b, .island_c, .island_d, .island_e {
    display: none;
  }


}
/* iPhone

*/
@media only screen
and (min-device-width: 1080px)
and (max-device-width: 1080px)
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 2) {
  /*PROMO*/
  .cloud {
    display: block;
  }
  @keyframes cloudDrift {
    from { transform: translateX(0px); }
    to { transform: translateX(800px); }
    0% { opacity: 0 }
    10% { opacity: 1 }
    90% {opacity: 1 }
    100% { opacity: 0 }
  }
  .img-carousel-description{
    content:url("../images/tech-2-01mobile.webp");
  }
  .island_a, .island_b, .island_c, .island_d, .island_e {
    display: none;
  }

  /*clouds*/
  .tech_a {
    top: 44vh;
    left: 0vw;
  }
  .tech_b {
    top: 31vh;
    left: -80px;
  }
  .tech_c {
    top: 35vh;
    left: 0vw;
  }
  .tech_d {
    top: 27vh;
    left: 0vw;
  }
  .tech_e {
    top: 40vh;
    left: -110px;
  }

}
/* iPhone*/
@media only screen
and (min-device-width: 1920px)
and (max-device-width: 1920px)
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 2) {
  /*PROMO*/
  .cloud {
    display: inline-block;
  }
  @keyframes cloudDrift {
    from { transform: translateX(0px); }
    to { transform: translateX(1700px); }
    0% { opacity: 0 }
    10% { opacity: 1 }
    90% {opacity: 1 }
    100% { opacity: 0 }
  }

  .img-carousel-description{
    content:url("../images/tech-2-01mobile.webp");
  }
  .island_a, .island_b, .island_c, .island_d, .island_e {
    display: none;
  }
  /*clouds*/
  .tech_a {
    top: 44vh;
    left: 0vw;
  }
  .tech_b {
    top: 55vh;
    left: -80px;
  }
  .tech_c {
    top: 35vh;
    left: 0vw;
  }
  .tech_d {
    top: 27vh;
    left: 0vw;
  }
  .tech_e {
    top: 40vh;
    left: -110px;
  }
}


/* Landscape GALAXY S8 PLUS, */
@media screen 
  and (device-width: 1440px) 
  and (device-height: 2960px) 
  and (orientation: landscape) {

  /*PROMO*/
  .cloud {
    display: inline-block;
  }
  @keyframes cloudDrift {
    from { transform: translateX(0px); }
    to { transform: translateX(700px); }
    0% { opacity: 0 }
    10% { opacity: 1 }
    90% {opacity: 1 }
    100% { opacity: 0 }
  }


  /*second_island*/
  .features{
    height: 180vh;
  }
  .img-carousel-description{
    content:url("../images/tech-2-01mobile.webp");
  }
  .island_a, .island_b, .island_c, .island_d, .island_e {
    display: none;
  }
  /*clouds*/
  .tech_a {
    top: 44vh;
    left: 0vw;
  }
  .tech_b {
    top: 55vh;
    left: -80px;
  }
  .tech_c {
    top: 35vh;
    left: 0vw;
  }
  .tech_d {
    top: 27vh;
    left: 0vw;
  }
  .tech_e {
    top: 40vh;
    left: -110px;
  }
}

@media only screen 
   and (max-width : 1080px) 
   and (max-height : 1920px) 
   and (orientation: landscape){
   /* Styles here */

  /*second_island*/
  .img-carousel-description{
    content:url("../images/tech-2-01mobile.webp");
  }
  .island_a, .island_b, .island_c, .island_d, .island_e {
    display: none;
  }
}

@media only screen
  and (max-width : 768px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2){
  /*DOCS*/

  .img-islands1 {
    content:url("../images/what-can-image1-2.webp");
    width: 100%;
    position: unset;
  }
  .img-islands2 {
    content:url("../images/what-can-image2-2.webp");
    width: 100%;
    position: unset;
  }
  .img-islands3 {
    content:url("../images/what-can-image3-2.webp");
  }
}

@media only screen 
  and (max-width : 768px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2){
  /*DOCS*/
  .bubble_text{
    display: none;
  }

  .img-islands1 {
    content:url("../images/what-can-image1-2.webp");
    width: 100%;
    position: unset;
  }
  .img-islands2 {
    content:url("../images/what-can-image2-2.webp");
    width: 100%;
    position: unset;
  }
  .img-islands3 {
    content:url("../images/what-can-image3-2.webp");
  }
}