.websiteBody{
    margin: 0;
  }
  .Page{
    display:block;
    margin:auto;
    width:100%;
    height:auto;

  }
  .Page-outer{

    z-index:1;
  }
  .Frame{
    position:relative;
    z-index:2;

    width:100%;
    margin-left:0;
    /*height:896px;*/
    height:730px;
    min-width:200px;
    max-width:414px;
    margin:auto;
    background:linear-gradient(180deg, rgba(200, 200, 200, 1) -3.0616171314629196e-15%, rgba(51, 199, 255, 0) 99.99999999999999%);
    overflow:hidden;
  }
  .Frame-outer{

    z-index:2;
  }

  .pngwing-1{
    position:relative;
    z-index:21;
    margin-left:20px;
    width:395px;
  /*  height: 250px;*/
   /* min-width:153px;*/
   /* height:80px;*/
    margin-top:1px;

    /*min-height:97px;*/
    top:17px;
    bottom:0;
    filter:drop-shadow(3px 3px 3px #222);
    -webkit-filter: drop-shadow(3px 3px 3px #222);
    /*max-width:1920px;*/
    /*background-color:rgb(255, 255, 255);*/
  }
  .pngwing-1-outer{

    z-index:21;
    position:relative;
    display:flex;
  }
  .pngwing-1-1{
    position:relative;
    z-index:22;

    margin-left:0%;
    width:240px;
    height:100px;
    margin-top:0%;
      /*content:url(assets/images/pngwing_1.png);*/
  }
  .litro{
    position:relative;
    z-index:21;
    margin-left:135px;
    width:130px;
    height: 70px;
    top:-30px;
    filter:drop-shadow(3px 3px 3px #222);
    -webkit-filter: drop-shadow(3px 3px 3px #222);
    /*max-width:1920px;*/
    /*background-color:rgb(255, 255, 255);*/
  }
  
.btn1 {
  margin-left: 220px;
  background-color: #FFD51B;
  margin-top:1px;
  /*background-image:url('assets/images/memtec.png');
  background-repeat:no-repeat;*/
  position:absolute;
  height:150px;
  width:150px;
  font-family: Inter;
  font-weight: Regular;
  font-size: 13px;
  /*padding-top: -30%;*/
  background-size: 38px 33px;
  background-position:bottom;
  border: 1px solid rgba(0,0,0,1);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.btn1:focus {
  box-shadow: #FFD51B 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
}

.btn1:hover {
  box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
  transform: translateY(-2px);
}

.btn1:active {
  box-shadow: #FFD51B 0 3px 7px inset;
  transform: translateY(2px);
}

.btn2:active {
  box-shadow: #FFD51B 0 3px 7px inset;
  transform: translateY(2px);
}
.textonor {
  margin-left: 20px;
  margin-top:370px;
  height:90px;
  width: 380px;
  color: rgba(0,0,0,1);
  position: absolute;
  /*top: 615px;
  left: 159px;*/
  font-family: Inter;
  font-weight: Regular;
  font-size: 13px;
  opacity: 1;
  text-align: left;
}

.linea2-1{
  position:relative;
  z-index:22;

  margin-left:-360px;
  width:250px;
  height: 250px;
 /* min-width:153px;*/
  height:80px;
  margin-top:265px;
  margin-bottom:782px;
  /*min-height:97px;*/
  top:380px;
  bottom:0;
  display: flex;
  /*max-width:1920px;*/
  /*background-color:rgb(255, 255, 255);*/
}
.linea2-1-outer{

  z-index:21;
  position:relative;
  display:flex;
}
.linea2-1-1{
  position:relative;
  z-index:22;

  margin-left:0%;
  width:400px;
  height:10px;
  margin-top:0%;
    /*content:url(assets/images/pngwing_1.png);*/
}

.linea3-1{
  position:relative;
  z-index:22;
  margin-left:-250px;
  width:250px;
  height: 250px;
 /* min-width:153px;*/
  height:80px;
  margin-top:225px;
  margin-bottom:782px;
  /*min-height:97px;*/
  top:440px;
  bottom:0;
  display: flex;
  /*max-width:1920px;*/
  /*background-color:rgb(255, 255, 255);*/
}
.linea3-1-outer{

  z-index:21;
  position:relative;
  display:flex;
}
.linea3-1-1{
  position:relative;
  z-index:22;

  margin-left:0%;
  width:400px;
  height:10px;
  margin-top:0%;
    /*content:url(assets/images/pngwing_1.png);*/
}



.rectangle {
	width: 370px;
	height: 40px;
	margin-top: 10px;
	margin-left: 10px;
	font-family: Inter;
  font-weight: Regular;
  font-size: 13px;
	border: 1px solid #000;
	position: relative;
	text-align: center;
	background: #FFD51B;
	padding: 10px;
	filter:drop-shadow(5px 5px 5px #222);
    -webkit-filter: drop-shadow(5px 5px 5px #222);
}

.rectangle1 {
	width: 370px;
	height: 40px;
	margin-top: 5px;
	margin-left: 24px;
  left: -10px;
	font-family: Inter;
  font-weight: Regular;
  font-size: 13px;
	border: 1px solid #000;
	position: relative;
	text-align: center;
	background: #FFD51B;
	padding: 10px;
	filter:drop-shadow(5px 5px 5px #222);
    -webkit-filter: drop-shadow(5px 5px 5px #222);
}

/****************ENGIEEEEEE*********************/

.Texto-3{
  position:absolute;
  z-index:6;
  margin-left:190px;
  width:208.98px;
  min-width:200px;
  margin-top:10px;
  margin-bottom:772.61px;
  min-height:73.39px;
  top:25px;
  bottom:0;
  max-width:1920px;
  text-align:left;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  color:rgba(0, 0, 0, 1);
  font-style:italic;
  font-family:Inter;
  font-weight:400;
  font-size:16px;
  line-height:19.199996948242188px;
  -webkit-text-stroke:1px rgba(0, 0, 0, 0.5);
}

.imagen-4{
  position:absolute;
  z-index:11;

  margin-left:30px; /* recorrer izquierda*/
  width:80px;
  height:80px; /* largo imagen/*/
  top:145px;
  bottom:0;
  content:url(assets/images/hogar.png);
}

.imagen-4:focus {
  box-shadow: #FFD51B 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
}

.imagen-4:hover {
  box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
  transform: translateY(-2px);
}

.imagen-4:active {
  box-shadow: #FFD51B 0 3px 7px inset;
  transform: translateY(2px);
}

.imagen-5{
  position:absolute;
  z-index:13;

  margin-left:156px;
  width:80px;
  height:80px;
  top:145px;
  bottom:0;
  content:url(assets/images/comercio.png);
}

.imagen-5:focus {
  box-shadow: #FFD51B 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
}

.imagen-5:hover {
  box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
  transform: translateY(-2px);
}

.imagen-5:active {
  box-shadow: #FFD51B 0 3px 7px inset;
  transform: translateY(2px);
}

.imagen-6{
  position:absolute;
  z-index:15;

  margin-left:278px;
  width:80px;
  height:80px;
  top:145px;
  bottom:0;
  content:url(assets/images/industrial.png);
}
.imagen-6:focus {
  box-shadow: #FFD51B 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
}

.imagen-6:hover {
  box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
  transform: translateY(-2px);
}

.imagen-6:active {
  box-shadow: #FFD51B 0 3px 7px inset;
  transform: translateY(2px);
}

.Engie-Market-1{
  position:absolute;
  z-index:19;
  margin-left:10px;
  width:391px;
  min-width:200px;
  height:156px;
  margin-top:280px;
  margin-bottom:448px;
  min-height:156px;
  top:-40px;
  bottom:0;
  max-width:1920px;
  overflow:hidden;
  content:url(assets/images/Engie_Market_1.jpg);
}

.Texto-2{
  position:absolute;
  z-index:7;
  margin-left:20px;
  width:231px;
  min-width:200px;
  margin-top:94px;
  margin-bottom:360px;
  min-height:34px;
  top:350px;
  bottom:0;
  max-width:1920px;
  text-align:center;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  color:rgba(0, 0, 0, 1);
  font-style:normal;
  font-family:Inter;
  font-weight:600;
  font-size:20px;
  line-height:24px;
}

.kisspng-chatbot-logo{
  position:absolute;
  z-index:17;

  margin-left:270px;
  width:65px;
  height:65px;
  margin-top:186px;
  margin-bottom:337px;
  top:235px;
  bottom:0;
  max-width:1920px;
  content:url(assets/images/kisspng_chatbot_logo_robotics_brobo_kabutack_5b3d2b676f1499_1.png);
}
.Boton-Informacion{
  position:absolute;
  z-index:23;

  margin-left:28px;
  width:247px;
  min-width:200px;
  height:55px;
  margin-top:378px;
  margin-bottom:255px;
  min-height:55px;
  top:86px;
  bottom:0;
  max-width:1920px;
}
.Engie-Medio-Ambiente-1{
  position:absolute;
  z-index:25;

  margin-left:3.2388663967611335%;
  width:78.94736842105263%;
  height:36.36363636363637%;
  margin-top:5.2631578947368425%;
  text-align:center;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  color:rgba(0, 0, 0, 1);
  font-style:italic;
  font-family:Inter;
  font-weight:400;
  font-size:16px;
  line-height:19.199996948242188px;
}

.btn2 {
  position:absolute;
  margin-left: 30px;
  margin-top: -10px;
  background-repeat:no-repeat;
  height:45px;
  width:210px;
  font-family: Inter;
  /*font-weight :Italic;*/
  font-size: 16px;
  background-size: 38px 33px;
  background-position:left;
  background-color:rgba(217, 217, 217, 1);
  border: 0px solid rgba(0,0,0,1);
  box-sizing:border-box;
  border-radius:20px;
  box-shadow: 5px 5px 5px lightblue;
}
.btn2:focus {
  box-shadow: lightblue 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, lightblue 0 -3px 0 inset;
}

.btn2:hover {
  box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, lightblue 0 -3px 0 inset;
  transform: translateY(-2px);
}


.btn3 {
  position:absolute;
  margin-left: 30px;
  margin-top:50px;
  background-repeat:no-repeat;
  height:45px;
  width:210px;
  font-family: Inter;
  /*font-weight :Italic;*/
  font-size: 16px;
  background-size: 38px 33px;
  background-position:left;
  background-color:rgba(217, 217, 217, 1);
  border: 0px solid rgba(0,0,0,1);
  box-sizing:border-box;
  border-radius:20px;
  box-shadow: 5px 5px 5px lightblue;
}
.btn3:focus {
  box-shadow: lightblue 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, lightblue 0 -3px 0 inset;
}

.btn3:hover {
  box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, lightblue 0 -3px 0 inset;
  transform: translateY(-2px);
}
.llama-1{
  position:absolute;
  z-index:3;
  margin-left:300px;
  width:60px;
  height:60px;
  margin-top:61px;
  margin-bottom:195px;
  top:455px;
  bottom:0;
  max-width:1920px;
  filter:drop-shadow(3px 3px 3px #222);
  -webkit-filter: drop-shadow(3px 3px 3px #222);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  mix-blend-mode:hard-light;
}

.face{
  position:absolute;
  z-index:3;
  margin-left:15px;
  width:60px;
  height:60px;
  margin-top:61px;
  margin-bottom:195px;
  top:455px;
  bottom:0;
  max-width:1920px;
  filter:drop-shadow(3px 3px 3px #222);
  -webkit-filter: drop-shadow(3px 3px 3px #222);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  mix-blend-mode:hard-light;
}

.whats{
  position:absolute;
  z-index:3;
  margin-left:110px;
  width:60px;
  height:60px;
  margin-top:61px;
  margin-bottom:195px;
  top:455px;
  bottom:0;
  max-width:1920px;
  filter:drop-shadow(3px 3px 3px #222);
  -webkit-filter: drop-shadow(3px 3px 3px #222);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  mix-blend-mode:hard-light;
}

.insta{
  position:absolute;
  z-index:3;
  margin-left:200px;
  width:60px;
  height:60px;
  margin-top:61px;
  margin-bottom:195px;
  top:455px;
  bottom:0;
  max-width:1920px;
  filter:drop-shadow(3px 3px 3px #222);
  -webkit-filter: drop-shadow(3px 3px 3px #222);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  mix-blend-mode:hard-light;
}
.power {
  margin-left: 140px;
  margin-top: 70px;
  height:90px;
  width: 380px;
  color: rgba(0,0,0,1);
  position: absolute;
  text-align: center;
  font-family: Inter;
  font-weight:bold;
  font-size: 14px;
  opacity: 1;
}

.btn4 {
  margin-left: 15px;
  background-color:rgba(217, 217, 217, 1);
  margin-top: 0px;
  position:absolute;
  /*background-image:url('assets/images/inventario.png');
  background-repeat:no-repeat;*/
  height:70px;
  width:190px;
  font-family: Inter;
  font-weight: bold;
  font-size: 16px;
  color: green;
  /*padding: -60%;*/
  box-sizing:border-box;
  border-radius:20px;
  box-shadow: 5px 5px 5px lightblue;
}
.btn4:focus {
  box-shadow: #FFD51B 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
}

.btn4:hover {
  box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
  transform: translateY(-2px);
}
.btn5 {
  margin-left: 220px;
  background-color:rgba(217, 217, 217, 1);
  margin-top: 0px;
  position:absolute;
  /*background-image:url('assets/images/inventario.png');
  background-repeat:no-repeat;*/
  height:70px;
  width:190px;
  font-family: Inter;
  font-weight: bold;
  font-size: 16px;
  color: green;
  /*padding: -60%;*/
  box-sizing:border-box;
  border-radius:20px;
  box-shadow: 5px 5px 5px lightblue;
}
.btn5:focus {
  box-shadow: #FFD51B 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
}

.btn5:hover {
  box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
  transform: translateY(-2px);
}

.power1 {
  margin-left: 20px;
  margin-top:75px;
  height:90px;
  width: 380px;
  color: rgba(0,0,0,1);
  position: absolute;
  text-align: center;
  font-family: Inter;
  font-weight:bold;
  font-size: 12px;
  opacity: 1;
}
.power2 {
  margin-left: -120px;
  margin-top: 80px;
  height:90px;
  width: 380px;
  color: rgba(0,0,0,1);
  position: absolute;
  text-align: center;
  font-family: Inter;
  font-weight:bold;
  font-size: 16px;
  opacity: 1;
}

.power3 {
  margin-left: 10px;
  margin-top: 80px;
  height:90px;
  width: 380px;
  color: rgba(0,0,0,1);
  position: absolute;
  text-align: center;
  font-family: Inter;
  font-weight:bold;
  font-size: 16px;
  opacity: 1;
}

.power4 {
  margin-left: 130px;
  margin-top: 80px;
  height:90px;
  width: 380px;
  color: rgba(0,0,0,1);
  position: absolute;
  text-align: center;
  font-family: Inter;
  font-weight:bold;
  font-size: 16px;
  opacity: 1;
}


/*---------- EMPIEZA EL CARRUSEL-------------*/
@import url('//netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/css/bootstrap-combined.min.css');

#myCarousel {
  margin-top:   130px;
}

.carousel-linked-nav,
.item img {
  display: block; 
  margin: 0 auto;
}

.carousel-linked-nav {
  width: 120px;
  margin-bottom: 20px;   
}



/*---------- TERMINA EL CARRUSEL-------------*/