/* seccion1 */
#seccion1{
  background-color: #fbbf05;
  background-position-x: 0%;
  background-position-y: 0% !important;
  background-attachment: fixed;
  background-size:auto  100%;
  min-height: auto;
  z-index: 1;
}

.imgprincipal {
  position: inherit;
  width: 100%;
}

.imgprincipal img {
  width: 100%;
  object-fit: cover;
  height: 215px;
  object-position: 65px 0px;
}

#seccion1 .elementos-secc1{
  width: 95%;
  margin-bottom: 0px;
}

#seccion1 .tituloprincipal{
  position: relative;
  color: #002e5c;
}

#seccion1 h1{
  line-height: .8em;
  font-size: 2.5em;
  margin: 13px 0 20px 0 ;
}

#seccion1 p{
  line-height: 1.3em;
  font-size: 1.2em;
  margin: 0px;
}

#seccion1 h5{
  font-size: 1.5em;
  margin: 5px 0 5px 0;
}

#seccion1 .tituloprincipal .btn{
  margin: 25px 0;
  width: 140px;
  text-transform: initial;
  border-radius: 20px;
  background-color:#002e5c !important;
  transition: background-color .12s ease-in-out;
}

#seccion1 .tituloprincipal .btn:hover{
  color: #fdb733;
  background-color: #fff !important;
}

#seccion1 .input-field {
  margin-top: 7px;
  margin-bottom: 0px;
}

#seccion1 .form-seccion1{
  position:relative;
  z-index: 3;
  margin-top: 50px;
}

#seccion1 .card-panel{
  border-radius: 25px;
  box-shadow: 0px 8px 25px -8px #000 !important;
  padding: 15px;
}

#seccion1 .card-panel img{
  position: relative;
  width: 56px;
  top: -15px;
  margin-top: -57px;
  margin-left: 245px;
}

#seccion1 .card-panel p{
  font-size: 1.5em;
  margin: 0;
  color: #002e5c;
  margin: 15px 0px;
  margin-bottom: 10px !important;
}

#seccion1 .card-panel .btn {
  width: 140px;
  margin-top: 15px;
  border-radius: 20px;
  background-color: #fbbf05;
  background-image: none;
  transition: background-color .12s ease-in-out;
}

#seccion1 .card-panel .btn:hover{
  background-color:#002e5c;
}

#seccion1 .form-seccion1{
  position: relative;
  z-index: 3;
  margin-top: 0px;
  margin-bottom: 27px;
}

#seccion1 .card-panel{
  border-radius: 25px;
  box-shadow: 0px 8px 25px -8px #000 !important;
}

#seccion1 .card-panel p{
  font-size: 1.5em;
  margin: 0;
  color: #002e5c
}

#seccion1 .card-panel .btn {
  width: 140px;
  margin-top: 15px;
  border-radius: 20px;
  background-color: #fbbf05;
}

#seccion1 .card-panel .btn:hover{
  background-color:#002e5c;
}


/* seccion2 "Como Funciona"*/
#seccion2{
  position: relative;
  z-index: 2;
  height: 560px;
}


#seccion2 .inter{
  position: relative;
  padding-top: 22px;
}

#seccion2 .inter img{
  width: 150px;
}

#seccion2 .titulocomo h1 {
  color: #ffffff;
  text-shadow: 0.1em 0.1em 0.2em black;
  text-transform: uppercase;
  font-size: 1.5em;
  background-image: url(../img/titulocomo.png);
  padding: 31px 46px;
  -webkit-background-size: 130% 250%;
  -moz-background-size: 130% 250%;
  -o-background-size: 130% 250%;
  background-size: 104% 230%;
  background-position: center -72px;
  background-repeat: no-repeat;
  margin: 0px auto 0px;
}

#seccion2 .parrafocomo{
  background-color: #fff !important;
  background-image: url(../img/textura/textura2.png);
  background-attachment: inherit;
  background-repeat: repeat;
  background-size: 900px auto;
  box-shadow: 0px 8px 25px -8px #000 !important;
  position: relative;
  margin: 0px auto 0 0 ;
  width: 100%;
  height: auto;
  padding: 25px 25px;
  font-size: 1.5em;
  text-align: center;
}

#seccion2 .parrafocomo span{
  color: #ef3c35;
  font-size: 1em;
  margin: 0;
}

#seccion2 .parrafocomo p{
  font-size: .8em;
  margin:auto 0;
}

#seccion2 .parrafocomo .span{
  font-family: GROBOLD;
  background: #ef3c35;
  color: #ffffff;
}

#seccion2 .parrafocomo .bionic{
  font-family: GROBOLD;
  text-shadow: 0.1em 0.1em 0.2em black;
  color: #fbbf05;
  font-size: 1.2em;
}

#seccion2 .parrafocomo .bienvenido{
  position: relative;
  text-shadow: 0.1em 0.1em 0.2em black;
  font-family: FONTH !important;
  color: #fbbf05;
  text-align: center;
  font-size: 1.2em;
  line-height: 30px;
  top: 10px;
}


/* seccion3 "values books" */
#seccion3{
  position: relative;
  background-color: #e63737 !important;
  background-image: url(../img/textura/textura2.png);
  background-attachment: inherit;
  background-repeat: repeat;
  background-size: 900px auto;
  border: solid 5px #8a2925;
}

#seccion3 .card_book{
  position: relative;
  padding: 0;
}

#seccion3 .card_book img{
  position: relative;
  margin: auto;
  width: 50%;
  height: auto;
}

#seccion3 .titulonuestros h1{
  position: relative;
  color: #ffffff;
  text-shadow: 0.1em 0.1em 0.2em black;
  text-transform: uppercase;
  font-size: 1.5em;
  background-image: url(../img/titulonosotros.png);
  padding: 28px 20px;
  -webkit-background-size: 130% 250%;
  -moz-background-size: 130% 250%;
  -o-background-size: 130% 250%;
  background-size: 90% 89%;
  background-position: center 6px;
  background-repeat: no-repeat;
  max-width: 800px;
  margin: -12px auto 0px;
}

#seccion3 .parrafomaterial{
  margin: auto;
  width: 90%;
  left:  0;
}

#seccion3 .parrafomaterial p{
  font-size:1.2em;
  color: #fff;
  text-align: justify;
}

#seccion3 .parrafomaterial span{
  background: #fbbf05;
  color: #e63737;
  font-family: GROBOLD;
}

#seccion3 .parrafomaterial span.bionic{
  background: transparent;
  font-family: GROBOLD;
  text-shadow: 0.1em 0.1em 0.2em black;
  color: #fbbf05;
  font-size: 1.2em;
}

#seccion3 .librosdescrip{
  margin-bottom: 0;
}
#seccion3 .librosdescrip img {
  position: relative;
  margin: auto;
  width: 100%;
  height: auto;
}

#seccion3 .btn-ver {
  position: relative;
  margin: auto;
}

#seccion3 .btn-ver button{
  position: relative;
  margin: auto;
  margin-top: 15px;
  width: 140px;
  height: 40px;
  color: #fff;
  background-color: #8a2925;
  border: none;
  border-radius: 20px;
  transition: background-color .30s ease-in-out, color .30s ease-in-out;
}

#seccion3 .btn-ver button:hover{
  color: #8a2925;
  background-color: #fff;
  border-radius: 5px;
}

.niño-lente1{
  display: none;
}

.niño-lente2{
  display: none;
}

.niño-lente3{
  display: none;
}


/* seccion4 Vocabulario */
#seccion4{
  position: relative;
  width: 100%;
  height: auto;
  background-color: #c8a5cd !important;
  background-image: url(../img/textura/textura2.png);
  background-attachment: inherit;
  background-repeat: repeat;
  background-size: 900px auto;
  border: none;
  margin-bottom: 0 !important;
  padding:20px 0;
}

.imgsecc4{
  position: relative;
  margin: auto;
  width: 90%;
  height: auto;
}

#seccion4 .titulovocab h1 {
  position: relative;
  color: #fdb733;
  text-shadow: 0.1em 0.1em 0.2em black;
  text-transform: uppercase;
  font-size: 1.5em;
  background-image: url(../img/titulovocab.png);
  padding: 15px 87px;
  -webkit-background-size:90% 94%;
  -moz-background-size: 90% 94%;
  -o-background-size: 90% 94%;
  background-size: 90% 94%;
  background-position: center 7px;
  background-repeat: no-repeat;
  max-width: 800px;
  margin: 0px auto 0px;
}



#seccion4 .titulovocab p{
  font-size:1.2em;
  color: #000;
  text-align: justify;
  padding: 0px 15px;
}

#seccion4 .titulovocab span{
  background:#ffb819;
  color: #50045a;
}

#seccion4 .titulovocab span.bionic{
  background: transparent;
  font-family: GROBOLD;
  text-shadow: 0.1em 0.1em 0.2em black;
  color: #ffb819;
  font-size: 1.2em;
}

#seccion4 .img-avion{
  width: 280px;
}

#seccion4 .btn-vocab button {
  position: relative;
  margin: auto;
  margin-top: 15px;
  width: 140px;
  height: 40px;
  color: #fff;
  background-color: #50045a;
  border: none;
  border-radius: 20px;
  transition: background-color .30s ease-in-out, color .30s ease-in-out;
}

#seccion4 .btn-vocab button:hover {
  color: #50045a;
  background-color: #fdb733;
  border-radius: 5px;
}

#seccion4 .contenedor {
  margin-bottom: 0 !important;
}


/* seccion5 sedes */
#seccion5{
  position: relative;
  width: 100%;
  height: auto;
  background-color: #3797d0 !important;
  background-image: url(../img/textura/texturapuntos2.png);
  background-attachment: inherit;
  background-repeat: repeat;
  background-size: 600px auto;
  border: none;
  margin-bottom: 0 !important;
}

#seccion5 .contenedor{
  height:644px;
  margin-bottom: 0 !important;
}

#seccion5 .img-sedes{
  padding: 0;
}

#seccion5 .img-sedes img{
  width: 100%;
}

#seccion5 h1{
  position: relative;
  width: 100%;
  color: #fdb733;
  text-shadow: 0.1em 0.1em 0.2em black;
  font-size: 3em;
  word-spacing: auto;
  margin: 15px auto 0px;
}

#seccion5 h1 span{
  color: #fff;
}

#seccion5 p{
  position: relative;
  margin: auto;
  margin-top: 14px;
  width: 90%;
  text-align: justify;
  color: #fff;
  font-size: 1.4em;
  padding: 0px 0px 0 0px;
  line-height: 1.4em;
}

#seccion5 p span{
  color: #006cff;
  background: #fdb733;
}

#seccion5 button {
    position: relative;
    margin: auto;
    margin-top: 23px;
    margin-left: 16px;
    float: left;
    width: 120px;
    height: 40px;
    color: #fff;
    background-color: #fdb733;
    border: none;
    border-radius: 20px;
    transition: background-color .30s ease-in-out, color .30s ease-in-out;
}

#seccion5 button:hover{
  color: #fff;
  background-color: #002d59;
  border-radius: 5px;
}

#seccion5 .img-ubicacion{
  width: 107px;
  margin-left: 0px;
  margin-bottom: 12px;
}

/* seccion6 Amigos Flynn */
  #seccion6 .contenedor{
    margin-bottom: 10px;
  }
  #seccion6 h1{
    margin-top: 20px;
    font-size: 5em;
    line-height: .8em;
    color: #fdb733;
  }

  #seccion6 span{
    color: #f86c20;
  }


  #seccion6 h3{
    line-height: 0em;
    color: #fdb733;
  }

  #seccion6 img {
    width: 100%;
  }

  #seccion6 button{
    position: relative;
    margin-top: 15px;
    width: 140px;
    height: 40px;
    color: #fff;
    background-color: #fdb733;
    border: none;
    border-radius: 20px;
    transition: background-color .60s ease-in-out, color .30s ease-in-out;
  }

  #seccion6 button:hover{
    color: #fff;
    background-color: #f86c20;
    border-radius: 5px;
  }

  #seccion6 .flyn{
    display: none;
  }




/*tablet*/
@media (min-width: 700px){

/* seccion1 */
  #seccion1 .elementos-secc1{
    width: 90%;
  }

  .imgprincipal {
    position: absolute;
  }

  .imgprincipal img {
    height: 290px;
    object-position: 41px 0px;
  }

  #seccion1 .card-panel img{
    width: 74px;
    top: 16px;
    left: auto;
    margin-top: 0;
    margin-left: 0;
  }

  #seccion1 .card-panel p{
    margin: -5px 0;
  }


/* seccion2 "Como Funciona" */
  #seccion2{
    height: 460px;
  }

  #seccion2 .inter{
    padding-top: 25px;
  }

  #seccion2 .inter img{
    width: 200px;
  }

  #seccion2 .titulocomo h1 {
    font-size: 1.7em;
    padding: 37px 30px;
    -webkit-background-size: 104% 230%;
    -moz-background-size: 104% 230%;
    -o-background-size: 104% 230%;
    background-size: 104% 230%;
    background-position: center -70px;
    margin: 80px auto 0px;
  }

  #seccion2 .parrafocomo{
    position: relative;
    margin: auto;
    background-size: 900px auto;
    box-shadow: 0px 8px 25px -8px #000 !important;
    margin: 20px auto 30px auto ;
    width: 90%;
    height: auto;
    padding: 25px 25px;
    font-size: 1.8em;
  }

  #seccion2 .parrafocomo p{
    font-size: .7em;
  }

  #seccion2 .parrafocomo .bienvenido {
    top: 8px;
}


/* seccion3 Values Books */
  #seccion3 .card_book img{
    width: 100%;
  }

  #seccion3 .titulonuestros h1{
    font-size: 1.8em;
    background-size: 78% 100%;
    background-position: center 1px;
    margin: 0px auto 0px;
  }

  #seccion3 .parrafomaterial{
    margin: auto;
    width: 90%;
  }

  #seccion3 .parrafomaterial p{
    font-size:1.2em;
  }

  #seccion3 .librosdescrip{
    margin-bottom: 20px;
  }

  #seccion3 .librosdescrip img {
    width: 100%;
    padding: 0 25px;
  }

  #seccion3 .btn-ver button{
    margin-top: 10px;
  }


  /* seccion4 Vocabulario */
  .imgsecc4{
    width: 100%;
  }

  #seccion4 .titulovocab h1 {
    font-size: 1.8em;
    padding: 23px 84px;
    background-position: center 7px;
  }

  #seccion4 .titulovocab p{
    margin: 0;
  }

  #seccion4 .img-avion{
    display: none;
  }


  /* seccion5 sedes */

  #seccion5 .contenedor{
    height:auto;
    margin-bottom: 0 !important;
  }

  #seccion5 .img-sedes{
    margin-top: 28px;
    padding: 0;
  }

  #seccion5 h1{
    font-size: 3em;
  }

  #seccion5 p{
    margin-top: 14px;
    width: 90%;
    font-size: 1.2em;
  }

  #seccion5 button {
    margin-top: 31px;
    margin-left: 65px;
  }

  #seccion5 .img-ubicacion{
    margin-bottom: 12px;
  }

  /* seccion6  */
    #seccion6 .txt{
      text-align: center;
    }

    #seccion6 h1{
      font-size: 4em;
      line-height: .8em;
    }

    #seccion6 h3{
      font-size: 2.3em;
    }

    #seccion6 button{
      margin-top: 30px;
    }

    #seccion6 .flyn{
      display: block;
      position: relative;
    }

    #seccion6 .flyn img{
      position: absolute;
      margin-top: 31px;
      margin-left: -127px;
    }

}

/*laptop*/
@media (min-width: 1000px){

  #seccion1{
    min-height: 479px;
  }

  .imgprincipal {
    position: absolute;
    width: auto;
  }

  .imgprincipal img {
    height: 479px;
    object-position: -11px 0px;
  }

  #seccion1 .tituloprincipal{
    margin: 70px 0 0 0;
  }

  #seccion1 h1 {
    line-height: .8em;
    font-size: 3.5em;
    margin-left: 35px;
  }

  #seccion1 h5 {
    margin: 0;
    font-size: 1.5em;
    margin-left: 35px;
  }

  #seccion1 p {
    margin: 0;
    font-size: 1.4em;
    margin-left: 35px;
  }

  #seccion1 .tituloprincipal .btn{
    margin: 25px 0;
    margin-left: 33px;
    width: 140px;
    border-radius: 20px;
  }

  #seccion1 .tituloprincipal .btn:hover{
    border-radius: 5px;
  }

  #seccion1 .input-field {
    margin-top: 0;
    margin-bottom: 10px;
  }

  #seccion1 .form-seccion1{
    position:relative;
    z-index: 3;
    margin-top: 50px;
  }

  #seccion1 .card-panel{
    border-radius: 25px;
    box-shadow: 0px 8px 25px -8px #000 !important;
    padding: 15px;
  }

  #seccion1 .card-panel img{
    position: absolute;
    width: 74px;
    top: 11px;
    left: 284px;
  }

  #seccion1 .card-panel p{
    font-size: 1.5em;
    margin: 0;
    margin: 15px 0px;
  }

  #seccion1 .card-panel .btn {
    width: 140px;
    margin-top: 15px;
    border-radius: 20px;
  }

  #seccion1 .card-panel .btn:hover{
    background-color:#002e5c;
    border-radius: 5px;
  }

  #seccion2{
    height: 550px;
  }

  #seccion2 .inter{
    padding-top: 36px;
  }

  #seccion2 .inter img{
    width: 320px;
  }

  #seccion2 .titulocomo img{
    position: absolute;
    width: 961px;
    height: 367px;
    top: 86px;
    left: 321px;
  }

  #seccion2 .titulocomo h1 {
    font-size: 2.5em;
    padding: 31px 76px;
    -webkit-background-size: 88% 236%;
    -moz-background-size:88% 236%;
    -o-background-size: 88% 236%;
    background-size: 88% 236%;
    background-position: center -82px;
    max-width: 800px;
    margin: 20px auto 0px;
    /* animation-delay: 2s;
    animation-duration: 1s;
    animation: move-infinite 3s ease-in-out infinite;
    transform: rotate3d(-28, -9, 32, -26deg); */
  }

  #seccion2 .parrafocomo{
    background-size: 900px auto;
    box-shadow: 0px 8px 25px -8px #000 !important;
    margin: 12px auto;
    width: 700px;
    height: auto;
    padding: 30px;
    font-size: 1.3em;
    text-align: justify;
  }

  #seccion2 .parrafocomo span{
    font-size: 1em;
    margin: 0;
  }

  #seccion2 .parrafocomo .span{
    font-family: GROBOLD;
    background: #ef3c35;
    color: #ffffff;
  }

  #seccion2 .parrafocomo .bionic{
    font-family: GROBOLD;
    text-shadow: 0.1em 0.1em 0.2em black;
    color: #fbbf05;
    font-size: 1.2em;
  }

  #seccion2 .parrafocomo .bienvenido{
    position: relative;
    text-shadow: 0.1em 0.1em 0.2em black;
    color: #fbbf05;
    text-align: center;
    font-size: 1.5em;
    line-height: 30px;
    top: 10px;
  }

  #seccion2 .parrafocomo p{
    font-size: .899em;
    margin:auto 0;
  }



/* seccion3 books */
  #seccion3 .contenedor{
  margin-bottom: 0;
  }

  #seccion3 .card_book img{
    width: 230px;
  }

  #seccion3 .titulonuestros h1{
    font-size: 2.5em;
    background-size: 78% 102%;
    padding: 35px 22px;
    background-position: center 2px;
    margin-top: 0;
  }

  #seccion3 .parrafomaterial{
    margin: auto;
    width: 100%;
    padding: 0 0 0 66px;
  }

  #seccion3 .parrafomaterial p{
    font-size:1.4em;
  }

  #seccion3 .librosdescrip {
    margin-bottom: 20px;
  }

  #seccion3 .librosdescrip img {
    width: 100%;
    margin-top: 13px;
    padding: 0 40px;
  }

  #seccion3 .btn-ver button{
    margin-top: 22px;
  }

  .niño-lente1{
    display: block;
    position: relative;
    margin: auto;
  }

  .niño-lente1 img {
    position: absolute;
    margin: auto;
    width: 413px;
    margin-top: -105px;
    margin-left: 213px;
  }

  .niño-lente2{
    display: block;
    position: relative;
    margin: auto;
    width: 100%;
    height: 201px;
    background-color: #fff;
  }

  .niño-lente2 img {
    position: relative;
    width: 998px;
    margin-left: 276px;
  }

  .niño-lente3{
    display: block;
    position: relative;
    background-color: #e63737 !important;
    background-image: url(../img/textura/textura2.png);
    background-attachment: inherit;
    background-repeat: repeat;
    background-size: 900px auto;
    border: solid 5px #8a2925;
    margin-bottom: 0 !important;
  }

  .niño-lente3 .contenedor{
    height: 167px;
  }

  .niño-lente3 .lente {
    position: relative;
    width: 244px;
    margin-left: 783px;
    margin-top: -5px;
  }

  .niño-lente3 .logobionic{
    position: relative;
    margin: auto;
    top: -128px;
    width: 254px;
    height: auto;
    cursor: pointer;
  }


/* seccion4 vocabulario */
  .imgsecc4{
    width: 85%;
  }

  #seccion4 .titulovocab h1 {
    font-size: 2.5em;
    padding: 28px 87px;
    -webkit-background-size: 90% 89%;
    -moz-background-size: 90% 89%;
    -o-background-size: 90% 89%;
    background-size: 90% 89%;
    background-position: center 16px;

  }

  #seccion4 .titulovocab p{
    font-size:1.4em;
    padding: 0px 35px;
    margin: 10px 0;
  }

  #seccion4 .img-avion{
    position: absolute;
    display: block;
    width: 250px;
  }

  /* seccion5 sedes */

  #seccion5 .contenedor{
    height: 458px;
    margin-bottom: 0 !important;
  }

  #seccion5 .img-sedes {
    margin-top: 0px;
  }

  #seccion5 .img-sedes img{
    height: 458px;
    width: auto;
  }

  #seccion5 h1{
    width: 715px;
    color: #fdb733;
    font-size: 5.5em;
    word-spacing: 17px;
    margin: 15px auto 0px;
  }

  #seccion5 p{
    text-align: left;
    color: #fff;
    font-size: 1.4em;
    padding: 0px 0px 0 20px;
    margin: 14px 0;
    line-height: 1.4em;
  }

  #seccion5 button {
    margin-left: 20px;
    float: left;
    color: #fff;
    background-color: #fdb733;
    border: none;
    border-radius: 20px;
    transition: background-color .30s ease-in-out, color .30s ease-in-out;
  }

  #seccion5 button:hover{
    color: #fff;
    background-color: #002d59;
    border-radius: 5px;
  }

  #seccion5 .img-ubicacion{
    width: 125px;
    margin-left: 49px;
    margin-top: -5px;
  }


/* seccion6  */
  #seccion6 .txt{
    text-align: left;
  }

  #seccion6 h1{
    font-size: 6em;
    margin-top: 65px;
  }

  #seccion6 .flyn img{
    margin-top: 50px;
    margin-left: -201px;
  }
}