body {
  background: black;
	background-image:url('../png/Logo105x75wall.png');
	display: flex;
  width: 100%;
 	height: 100vh;
  align-items: center;
  justify-content: center;
  position:absolute;
  margin: 0 auto;
  place-items: center;
  overflow-y: hidden;
  overflow-x: hidden;
  animation-duration: 3s;



}

  .rounded {border-radius: 5%;
    z-index:1;
    

    
  }


#site{
	background-image:url('eng_background_nuvens.png');
 	width:1000px;
    height:600px;
    margin-top:0;
    margin-left:auto;
    margin-bottom:0;
    margin-right:auto;
    background-size:cover;

 }

#infiearlytoddlers {

	background-image:url('../png/english/eng_background_nuvens.png');
 	width:1000px;
    height:600px;
    margin-top:0;
    margin-left:auto;
    margin-bottom:0;
    margin-right:auto;
    background-size:cover;

}

#infii_toddlers {

	background-image:url('../png/english/infiitoddlers.png');
 	width:1000px;
    height:600px;
    margin-top:0;
    margin-left:auto;
    margin-bottom:0;
    margin-right:auto;
    background-size:cover;

}



#infiii_nursey {

	background-image:url('../png/english/infiii_nursey.png');
 	width:1000px;
    height:600px;
    margin-top:0;
    margin-left:auto;
    margin-bottom:0;
    margin-right:auto;
    background-size:cover;

}


#infiv_prekindergarten {

	background-image:url('../png/english/infiv_prekindergarten.png');
 	width:1000px;
    height:600px;
    margin-top:0;
    margin-left:auto;
    margin-bottom:0;
    margin-right:auto;
    background-size:cover;

}



#infv_kindergarten {

	background-image:url('../png/english/infv_kindergarten.png');
 	width:1000px;
    height:600px;
    margin-top:0;
    margin-left:auto;
    margin-bottom:0;
    margin-right:auto;
    background-size:cover;

}

.body2 {

  display: flex;
  width: 100%;
  height: 100vh;
  align-items: center;
  justify-content: center;
  position:absolute;
  margin: 0 auto;
  place-items: center;
  overflow-y: hidden;
  overflow-x: hidden;
  opacity: 0.2;
  

  background-image:url('../png/english/eng_elements_back.png');
         /* The image used */


  /* Full height */
  height: 100%;
  width: 100%;

  

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  z-index: 1;
  animation-name: example;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  transition: 1s ease-in-out;

  



}



.btn_voltar {position: absolute;z-index: 9949;width:25px;height:35px;margin-left:-900px;margin-top:325px;animation: move 1s ease-in-out infinite alternate;}
.fig_central {position: absolute;z-index: 9999;width:800px;height:580px;margin-left:90px;margin-top:1px;z-index: 9998;}

.btn_preschool {position: absolute;z-index: 9999;width:121px;height:70px;margin-left:148px;margin-top:300px;z-index: 9999;}
.btn_preschool:hover { transform: scale(1.2);transition: all 1s;opacity: 0.8;}
.btn_preschool::after{transition: 2s ease-in-out;}

    .btn_elementary_school {position: absolute;z-index: 9999;width:121px;height:70px;margin-left:428px;margin-top:160px;z-index: 9999;}
.btn_elementary_school:hover { transform: scale(1.2);transition: all 1s;opacity: 0.8;}


    .btn_middle_school {position: absolute;z-index: 9999;width:139px;height:70px;margin-left:698px;margin-top:300px;z-index: 9999;}
.btn_middle_school:hover { transform: scale(1.2);transition: all 1s;opacity: 0.8;}


/* css Bilingue Preschool */
.top_edinfpreschool {position: absolute;z-index: 9999;margin-left:170px;margin-top:25px;}

.eng_ed_inf_txt2 {position: absolute;width:315px;height:173px;margin-left:488px;margin-top:160px;z-index: 9999;filter: drop-shadow(-1px 1px 10px #4f95ff);}
.eng_ed_inf_txt {position: absolute;width:315px;height:173px;margin-left:198px;margin-top:160px;z-index: 9999;filter: drop-shadow(-1px 1px 10px #4f95ff);}
.btn_inf1 {position: absolute;z-index: 9995;width:141px;height:50px;margin-left:238px;margin-top:375px;}
.btn_inf2 {position: absolute;z-index: 9995;width:141px;height:50px;margin-left:438px;margin-top:375px;}
.btn_inf3 {position: absolute;z-index: 9995;width:141px;height:50px;margin-left:638px;margin-top:375px;}
.btn_inf4 {position: absolute;z-index: 9995;width:141px;height:50px;margin-left:340px;margin-top:480px;}
.btn_inf5 {position: absolute;z-index: 9995;width:141px;height:50px;margin-left:540px;margin-top:480px;}

/* css Bilingue elementary_school */
.top_edinfelementary_school {position: absolute;z-index: 9999;margin-left:210px;margin-top:25px;}

.eng_ed_elementary_txt2 {position: absolute;width:315px;height:173px;margin-left:488px;margin-top:160px;z-index: 9999;filter: drop-shadow(-1px 1px 10px #4f95ff);}
.eng_ed_elementary_txt {position: absolute;width:315px;height:173px;margin-left:198px;margin-top:160px;z-index: 9999;filter: drop-shadow(-1px 1px 10px #4f95ff);}
.btn_elementary1 {position: absolute;z-index: 9995;width:141px;height:50px;margin-left:238px;margin-top:375px;}
.btn_elementary2 {position: absolute;z-index: 9995;width:141px;height:50px;margin-left:438px;margin-top:375px;}
.btn_elementary3 {position: absolute;z-index: 9995;width:141px;height:50px;margin-left:638px;margin-top:375px;}

.btn_elementary4 {position: absolute;z-index: 9995;width:141px;height:50px;margin-left:340px;margin-top:480px;}
.btn_elementary5 {position: absolute;z-index: 9995;width:141px;height:50px;margin-left:540px;margin-top:480px;}

/* css Bilingue middle_school */
.top_edinfmiddle_school {position: absolute;z-index: 9999;margin-left:210px;margin-top:25px;}

.eng_ed_middle_txt2 {position: absolute;width:315px;height:173px;margin-left:488px;margin-top:160px;z-index: 9999;filter: drop-shadow(-1px 1px 10px #4f95ff);}
.eng_ed_middle_txt {position: absolute;width:315px;height:173px;margin-left:198px;margin-top:160px;z-index: 9999;filter: drop-shadow(-1px 1px 10px #4f95ff);}
.btn_middle1 {position: absolute;z-index: 9995;width:141px;height:50px;margin-left:338px;margin-top:375px;}
.btn_middle2 {position: absolute;z-index: 9995;width:141px;height:50px;margin-left:538px;margin-top:375px;}



/* ----------------------------------------------
 * Generated by Animista on 2021-6-8 10:28:59
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation text-focus-in
 * ----------------------------------------
 */

.text-focus-in {
  -webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
          animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}


@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

/**
 * ----------------------------------------
 * animation text-focus-in
 * ----------------------------------------
 */




/*Filter styles*/
.saturate { filter: saturate(3); }
.grayscale { filter: grayscale(100%); }
.contrast { filter: contrast(160%); }
.brightness { filter: brightness(0.25); }
.blur { filter: blur(3px); }
.invert { filter: invert(100%); }
.sepia { filter: sepia(100%); }
.huerotate { filter: hue-rotate(180deg); }
.rss.opacity { filter: opacity(50%); }

@keyframes move {
  from {
    transform: translateY(-10%);
  }
  to {
    transform: translateY(5%);
  }
}


@keyframes example {
  0%   {background-color:khaki; }
  50% {background-color:rgb(22, 5, 49);}
  100% {background-color:khaki;}
}



@keyframes slidein {
  from {
    margin-left:100%;
    width:300%
  }

  to {
    margin-left:0%;
    width:100%;
  }
}


.overlay {
	
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
  opacity: 1;


}

.overlay-content {

  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
  font-family: Tahoma, Arial, sans-serif;
  
 
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 26px;
  color: #818181;
  display: block;
  transition: 0.3s;


}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}




.btn-three {
	color: #FFF;
	transition: all 0.5s;
	position: relative;
}
.btn-three::before {
	content: '';
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: rgba(255,255,255,0.1);
	transition: all 0.3s;
}
.btn-three:hover::before {
	opacity: 0 ;
	transform: scale(0.5,0.5);
}
.btn-three::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	opacity: 0;
	transition: all 0.3s;
	border: 1px solid rgba(255,255,255,0.5);
	transform: scale(1.2,1.2);
}
.btn-three:hover::after {
	opacity: 1;
	transform: scale(1,1);
}



.moving {
  animation-duration: 3s;
  animation-name: slidein;
}




@keyframes slidein {
  from {
    margin-left: 60%;
    width: 300%;
  }

  to {
    margin-left: 50%;
    width: 100%;
  }
}


.slide-left {
  -webkit-animation: slide-left 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-left 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          transition: 0.9s ease-in-out;
}







@keyframes slide-left {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
  
  }
  100% {
    -webkit-transform: translateY(0x);
            transform: translateY(0px);
  }

 }
 
 @-webkit-keyframes slide-left {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
  
  }
  100% {
    -webkit-transform: translateY(0x);
            transform: translateY(0px);
  }

 }


 
 .flip-scale-2-hor-top{-webkit-animation:flip-scale-2-hor-top .5s linear both;animation:flip-scale-2-hor-top .5s linear both}

 @-webkit-keyframes flip-scale-2-hor-top{0%{-webkit-transform:translateY(0) rotateX(0) scale(1);transform:translateY(0) rotateX(0) scale(1);-webkit-transform-origin:50% 0;transform-origin:50% 0}50%{-webkit-transform:translateY(-50%) rotateX(-90deg) scale(2);transform:translateY(-50%) rotateX(-90deg) scale(2);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}100%{-webkit-transform:translateY(-100%) rotateX(-180deg) scale(1);transform:translateY(-100%) rotateX(-180deg) scale(1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}}@keyframes flip-scale-2-hor-top{0%{-webkit-transform:translateY(0) rotateX(0) scale(1);transform:translateY(0) rotateX(0) scale(1);-webkit-transform-origin:50% 0;transform-origin:50% 0}50%{-webkit-transform:translateY(-50%) rotateX(-90deg) scale(2);transform:translateY(-50%) rotateX(-90deg) scale(2);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}100%{-webkit-transform:translateY(-100%) rotateX(-180deg) scale(1);transform:translateY(-100%) rotateX(-180deg) scale(1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}}


  @media screen and (max-width: 1000px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}



/* ----------------------------------------------
 * Generated by Animista on 2021-6-8 10:35:1
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

.kenburns-bottom-left {
  -webkit-animation: kenburns-bottom-left 5s ease-in-out infinite alternate-reverse forwards;
          animation: kenburns-bottom-left 5s ease-in-out infinite alternate-reverse forwards;
}


/**
 * ----------------------------------------
 * animation kenburns-bottom-left
 * ----------------------------------------
 */
@-webkit-keyframes kenburns-bottom-left {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 16% 84%;
            transform-origin: 16% 84%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(-20px, 15px);
            transform: scale(1.25) translate(-20px, 15px);
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
  }
}
@keyframes kenburns-bottom-left {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 16% 84%;
            transform-origin: 16% 84%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(-20px, 15px);
            transform: scale(1.25) translate(-20px, 15px);
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
  }
}


.bookcreator {


  position:absolute;
  margin-left:120px;
  margin-top: 180px;;
  
  
  width:90px;
  height:135px;

  
  
  
  background:#fff;
  border:2px solid #ddd;
  line-height:1.2;
  text-decoration:none;
  padding:2px;

  border-radius: 9px;
  
  
  }
  
  .bookcreator:hover {   background:#fecb65;}
  
  .bookcreatorlnk {
  
 color:#333;line-height:1.2;
  text-decoration:none;text-align:left;padding:0;font-weight:normal;
  
  }
  
  .bookcreatorimg {
  
  max-height:90px;max-width:100%;
  margin:0 auto;padding:0;border:none;
  border-radius: 2px;
  }
  
  .bookcreatortxt {
  
  align-items: center;
  text-align: center;
  color:rgb(16, 6, 59);
  margin-top:2px;
  
  }