@font-face {
font-family: 'newfont';
  src:url('font/YaelOkFch.ftt') ;


}
.body {
  	    font-family: newfont;
		 font-weight :bold;
}


  .image {
    position: absolute;
    left: 38%;
    top: 5%;

 
  }
    .image2 {
    position: absolute;
    left: 38%;
    top: 5%;
		opacity: 0;
 
  }
  .back {
    z-index: 1;
    position: absolute;
    left: 13%;
    top: 0%;

  }
  
.PageCenter {


    position: relative;
    left: 0%;
    top: 40px;
  z-index: 600;
  border-top: 8px solid #16679a;
      background-color: #ffffff;
      width: 1000px;
      height: 1470px;
    }
.PageBackground {
  display: flex;
align-items: center;
  justify-content: center;

      background-color: #f3f3f3;
      width: 1160px;
      height: 1600px;
    }
.logo {

    position: absolute;
    left: 0%;
    top : 0%;
 width: 100%;

 
    }

.st {
  display: flex;
    position: absolute;
    left: 0%;
    right: 0%;
align-items: center;
  justify-content: center;
    top: 0%;
 width: 100%;
 height: 380px;

}



.st2 {
  display: flex;
    position: relative;
    left: 0%;
    right: 0%;
align-items: center;
  justify-content: center;
    top: 3%;
 width: 1500px;
 height: 380px;

}
:root {
  --speed: 5s;
}



  .side-img22 {
		z-index: 2;
		opacity: 0%;
		animation: moveRight22 var(--speed) forwards 1s infinite;
  }

  .side-img2 {

		z-index: 2;
		opacity: 0%;
		animation: moveRight1 var(--speed) forwards 1s infinite;

  }
  .side-img1 {

		z-index: 3;
		opacity: 0%;
		animation: moveRight2 var(--speed) forwards 1s infinite;

  }
  .center-img {

		z-index: 5;
		opacity: 100%;
		animation: fadeIn 3s; 
  }
    .center-img2 {

		z-index: 5;
		opacity: 0%;
		animation: fadeIn 3s forwards 5s ; 
  }

  .side-img4 {

		z-index: 3;
		opacity: 0%;
		animation: moveLeft2 var(--speed) forwards 1s infinite;
  }
  .side-img3 {

		z-index: 2;
		opacity: 0%;
		animation: moveLeft1 var(--speed) forwards 1s infinite;
  }
  .side-img33 {

		z-index: 2;
		opacity: 0%;
		animation: moveLeft33 var(--speed) forwards 1s infinite;
  }



@keyframes fadeIn {
		0% { opacity: 0; }
		100% { opacity: 1; }
		visibility: visible;
}
@keyframes fadeIn2 {
		0% { opacity: 0; }
		100% { opacity: 1; }
		visibility: visible;
}

@keyframes moveRight2 {
	0% {
		opacity: 0%;
		transform: translate(0px);

	}

	50% {
		opacity: 40%;
		transform: translate(130px);

	}
  100% {
		0% { opacity: 0; }
		transform: translate(130px);

	}
}

@keyframes moveRight1 {
	0% {
		opacity: 0%;
		transform: translate(0px);

	}

	50% {
		opacity: 20%;
		transform: translate(270px);

	}
  100% {
		0% { opacity: 0; }
		transform: translate(270px);

	}
}

  @keyframes moveRight22 {
	0% {
		opacity: 0%;
		transform: translate(0px);

	}

	50% {
		opacity: 10%;
		transform: translate(410px);

	}
  100% {
		0% { opacity: 0; }
		transform: translate(410px);

	}
}


  @keyframes moveLeft33 {
	0% {
		opacity: 0%;
		transform: translate(0px);

	}

	50% {
		opacity: 10%;
		transform: translate(-420px);

	}
  100% {
		0% { opacity: 0; }
		transform: translate(-420px);

	}
}



  @keyframes moveLeft1 {
	0% {
		opacity: 0%;
		transform: translate(0px);

	}

	50% {
		opacity: 20%;
		transform: translate(-280px);

	}
  100% {
		0% { opacity: 0; }
		transform: translate(-280px);

	}
}

@keyframes moveLeft2 {
	0% {
		opacity: 0%;
		transform: translate(0px);

	}

	50% {
		opacity: 40%;
		transform: translate(-140px);

	}
  100% {
		0% { opacity: 0; }
		transform: translate(-140px);

	}
}
@keyframes up1 {
	0% {
		opacity: 0%;
		transform: translate(130px);

	}

  100% {
		opacity: 100%;
		transform: translate(0px);


	}
}
@keyframes up2 {
	0% {
		opacity: 0%;
		transform: translate(-130px);

	}

  100% {
		opacity: 100%;
		transform: translate(0px);


	}
}

.up1 {
		animation: up1 2s forwards;	
	
}
.up2 {
		animation: up2 2s forwards;	
	
}

  

  p,
h1, h2 {
  margin: 0px;
  padding: 0px;
}
    p,
h3 {
  margin: 0px;
  padding: 0px;
}
  






.btn-whatsapp-pulse {
	background: #25d366;
	color: white;
	position: relative;
		top: 628px;
	left: 540px;  z-index: 950;

	font-size: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0px;
	height: 0px;
	padding: 30px;
	text-decoration: none;
	border-radius: 50%;
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
	
		
	}
	80% {
		box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);

		
	}
}

.btn-whatsapp-pulse-border {

	animation-play-state: paused;
}

.btn-whatsapp-pulse-border::before {
	content: "";
	position: absolute;
	border-radius: 50%;
	padding: 20px;
	border: 5px solid #25d366;
	opacity: 0.75;
	animation-name: pulse-border;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}


@keyframes pulse-border {
	0% {
		padding: 25px;
		opacity: 0.75;
	}	75% {
		padding: 35px;
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}


.btn-call-pulse-border {

	animation-play-state: paused;
}

.btn-call-pulse-border::before {
	content: "";
	position: absolute;
	border-radius: 50%;
	padding: 20px;
	border: 5px solid #006AB7;
	opacity: 0.75;
	animation-name: pulse-border-call;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}
@keyframes pulse-border-call {
	0% {
		padding: 25px;
		opacity: 0.75;
	}	75% {
		padding: 35px;
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
.btn-call-pulse {
	background: #006AB7;
	color: white;
	position: relative;
		top: 488px;
	left: 540px;  z-index: 950;
	font-size: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0px;
	height: 0px;
	padding: 30px;
	text-decoration: none;
	border-radius: 50%;
	animation-name: pulse-call;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}




  .tooltip {
  position: relative;

}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 110px;
  background-color: #25d366;
  font-size: 30px;
  
  color: #fff;
  font-weight: bold; 
  text-align: center;
  border-radius: 10px;
  padding: 4px 0;
  position: absolute;  z-index: 950;
  top: 1px;
  right: 155%;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border-width: 14px;
  border-style: solid;
  border-color: transparent transparent transparent #25d366;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}







    .tooltipcall {
  position: relative;

}
.tooltipcall .tooltiptextcall {
  visibility: hidden;
  width: 110px;
  background-color: #006AB7;
  font-size: 30px;
  
  color: #fff;
  font-weight: bold; 
  text-align: center;
  border-radius: 10px;
  padding: 4px 0;
  position: absolute;  z-index: 950;
  top: 3px;
  right: 140%;
}

.tooltipcall .tooltiptextcall::after{
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -12px;
  border-width: 14px;
  border-style: solid;
  border-color: transparent transparent transparent #006AB7;
}
.tooltipcall:hover .tooltiptextcall {
  visibility: visible;
}




















.btn-back-pulse {
	background: #C00A0D;
	color: white;
	position: relative;
		top: 350px;
	left: 540px;  z-index: 950;

	font-size: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0px;
	height: 0px;
	padding: 30px;
	text-decoration: none;
	border-radius: 50%;
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}



.btn-back-pulse-border {

	animation-play-state: paused;
}

.btn-back-pulse-border::before {
	content: "";
	position: absolute;
	border-radius: 50%;
	padding: 20px;
	border: 5px solid #B71518;
	opacity: 0.75;
	animation-name: pulse-border-back;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}

      .tooltipback {
  position: relative;

}
.tooltipback .tooltiptextback {
  visibility: hidden;
  width: 150px;
  background-color: #C00A0D;
  font-size: 30px;
  
  color: #fff;
  font-weight: bold; 
  text-align: center;
  border-radius: 10px;
  padding: 4px 0;
  position: absolute;  z-index: 950;
  top: 3px;
  right: 140%;
}

.tooltipback .tooltiptextback::after{
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border-width: 14px;
  border-style: solid;
  border-color: transparent  transparent transparent #C00A0D ;
}
.tooltipback:hover .tooltiptextback {
  visibility: visible;
}

@keyframes pulse-border-back {
	0% {
		padding: 25px;
		opacity: 0.75;
	}	75% {
		padding: 35px;
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}




















.btn-next-pulse {
	background: #24B101;
	color: white;
	position: relative;
		top: 232px;
	left: -540px;
	  z-index: 950;

	font-size: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0px;
	height: 0px;
	padding: 30px;
	text-decoration: none;
	border-radius: 50%;
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
	
}



.btn-next-pulse-border {

	animation-play-state: paused;
}

.btn-next-pulse-border::before {
	content: "";
	position: absolute;
	border-radius: 50%;
	padding: 20px;
	border: 5px solid #24B101;
	opacity: 0.75;
	animation-name: pulse-border-next;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}

      .tooltipnext {
  position: relative;

}
.tooltipnext .tooltiptextnext {
  visibility: hidden;
  width: 150px;
  background-color: #24B101;
  font-size: 30px;
  
  color: #fff;
  font-weight: bold; 
  text-align: center;
  border-radius: 10px;
  padding: 4px 0;
  position: absolute;  z-index: 950;
  top: 3px;
  right: -354%;
}

.tooltipnext .tooltiptextnext::after{
  content: "";
  position: absolute;
  top: 50%;
  left: -19%;
  margin-top: -15px;
  border-width: 14px;
  border-style: solid;
  border-color: transparent #24B101  transparent transparent  ;
}
.tooltipnext:hover .tooltiptextnext {
  visibility: visible;
}

@keyframes pulse-border-next {
	0% {
		padding: 25px;
		opacity: 0.75;
	}	75% {
		padding: 35px;
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}



















.btn-home-pulse {
	background: #FFF;
	color: white;
	position: relative;
		top: 220px;
	left: 540px;
	  z-index: 950;

	font-size: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0px;
	height: 0px;
	padding: 30px;
	text-decoration: none;
	border-radius: 50%;
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
	
}



.btn-home-pulse-border {

	animation-play-state: paused;
}

.btn-home-pulse-border::before {
	content: "";
	position: absolute;
	border-radius: 50%;
	padding: 20px;
	border: 5px solid #FFF;
	opacity: 0.75;
	animation-name: pulse-border-home;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}

      .tooltiphome {
  position: relative;

}
.tooltiphome .tooltiptexthome {
  visibility: hidden;
  width: 150px;
  background-color: #FFF;
  font-size: 30px;
  
  color: #146b97;
  font-weight: bold; 
  text-align: center;
  border-radius: 10px;
  padding: 4px 0;
  position: absolute;  z-index: 950;
  top: 2px;
  right: 160%;
}

.tooltiphome .tooltiptexthome::after{
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border-width: 14px;
  border-style: solid;
  border-color: transparent transparent transparent #FFF;
}
.tooltiphome:hover .tooltiptexthome {
  visibility: visible;
}

@keyframes pulse-border-home {
	0% {
		padding: 25px;
		opacity: 0.75;
	}
	75% {
		padding: 35px;
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}


































.tooltiptextyoucen {
  position: absolute;
  display: block;
  width: 150px;
  background-color: #C00A0D;
  font-size: 30px;
  opacity: 0;
  color: #fff;
  font-weight: bold; 
  text-align: center;
  border-radius: 10px;
  padding: 4px 0;

    z-index: 950;
  top: -46px;
  right: -400%;
 animation: sss 20s ;
 
}

.tooltiptextyoucen::after{
  content: "";
  position: absolute;
  top: 50%;
  left: -38%;
  margin-top: -30px;
  border-width: 30px;
  border-style: solid;
  
  border-color: transparent #C00A0D transparent transparent ;
}

@keyframes sss {

		0% { opacity: 0; }
		10% { opacity: 1; }
		50% { opacity: 0; }	
		
}





























@media screen and (max-width: 600px) {

@font-face {
font-family: 'newfont';
  src:url('font/YaelOkFch.ftt') ;


}

.body {
  	    font-family: newfont;
		 font-weight :bold;

}


  .image {
    position: absolute;
    left: 38%;
    top: 5%;

 
  }
    .image2 {
    position: absolute;
    left: 38%;
    top: 5%;
		opacity: 0;
 
  }

:root {
  --speed: 5s;
  
}
:root {
  --sizeicon: 8%;
  --bubbleicon: 6%;
  --sizeiconhome: 9%;
}


  .side-img22 {
      
	   width: 100%;
 height: 100%;
		z-index: 2;
		opacity: 0%;
		animation: moveRight22 var(--speed) forwards 1s infinite;
  }

  .side-img2 {
 width: 100%;
 height: 100%;
		z-index: 2;
		opacity: 0%;
		animation: moveRight1 var(--speed) forwards 1s infinite;

  }
  .side-img1 {
 width: 100%;
 height: 100%;
		z-index: 3;
		opacity: 0%;
		animation: moveRight2 var(--speed) forwards 1s infinite;

  }
  .center-img {

	   width: 100%;
 height: 100%;

		z-index: 5;
		opacity: 100%;
		animation: fadeIn 3s; 
  }
    .center-img2 {
		 width: 100%;
 height: 100%;

		z-index: 5;
		opacity: 0%;
		animation: fadeIn 3s forwards 5s ; 
  }

  .side-img4 {
 width: 100%;
 height: 100%;
		z-index: 3;
		opacity: 0%;
		animation: moveLeft2 var(--speed) forwards 1s infinite;
  }
  .side-img3 {
 width: 100%;
 height: 100%;
		z-index: 2;
		opacity: 0%;
		animation: moveLeft1 var(--speed) forwards 1s infinite;
  }
  .side-img33 {
 width: 100%;
 height: 100%;
		z-index: 2;
		opacity: 0%;
		animation: moveLeft33 var(--speed) forwards 1s infinite;
  }



@keyframes fadeIn {
		0% { opacity: 0; }
		100% { opacity: 1; }
		visibility: visible;
}
@keyframes fadeIn2 {
		0% { opacity: 0; }
		100% { opacity: 1; }
		visibility: visible;
}

@keyframes moveRight2 {
	0% {
		opacity: 0%;
		transform: translate(0px);

	}

	50% {
		opacity: 40%;
		transform: translate(35px);

	}
  100% {
		0% { opacity: 0; }
		transform: translate(35px);

	}
}

@keyframes moveRight1 {
	0% {
		opacity: 0%;
		transform: translate(0px);

	}

	50% {
		opacity: 20%;
		transform: translate(70px);

	}
  100% {
		0% { opacity: 0; }
		transform: translate(70px);

	}
}

  @keyframes moveRight22 {
	0% {
		opacity: 0%;
		transform: translate(0px);

	}

	50% {
		opacity: 10%;
		transform: translate(100px);

	}
  100% {
		0% { opacity: 0; }
		transform: translate(100px);

	}
}


  @keyframes moveLeft33 {
	0% {
		opacity: 0%;
		transform: translate(0px);

	}

	50% {
		opacity: 10%;
		transform: translate(-100px);

	}
  100% {
		0% { opacity: 0; }
		transform: translate(-100px);

	}
}



  @keyframes moveLeft1 {
	0% {
		opacity: 0%;
		transform: translate(0px);

	}


	50% {
		opacity: 20%;
		transform: translate(-70px);

	}
  100% {
		0% { opacity: 0; }
		transform: translate(-70px);

	}
}

@keyframes moveLeft2 {
	0% {
		opacity: 0%;
		transform: translate(0px);

	}

	50% {
		opacity: 40%;
		transform: translate(-35px);

	}
  100% {
		0% { opacity: 0; }
		transform: translate(-35px);

	}
}
@keyframes up1 {
	0% {
		opacity: 0%;
		transform: translate(130px);

	}

  100% {
		opacity: 100%;
		transform: translate(0px);


	}
}
@keyframes up2 {
	0% {
		opacity: 0%;
		transform: translate(-130px);

	}

  100% {
		opacity: 100%;
		transform: translate(0px);


	}
}

.up1 {
		animation: up1 2s forwards;	
	
}
.up2 {
		animation: up2 2s forwards;	
	
}

::-webkit-scrollbar {
  width: 0px;
}
.PageCenterupfortitletop{

  display: block;
    position: absolute;
    top: 18.40%;
  z-index: 602;

      background-color: #FFF;
      width: 90%;
  border-radius: 1px;

  

	 
    }
.PageCenter {

  display: block;
    position: absolute;
    left: 5%;
    top: 18%;
  z-index: 600;
  border-top: 3px solid #1e4960;
      background-color: #FFF;
      width: 90%;
      height: 70%;
  overflow: scroll;
  border-radius: 1px;
  overflow-x: hidden; /* Hide horizontal scrollbar */
  

	 
    }
.PageBackground {
   position: relative;
  display: flex;
align-items: center;
  justify-content: center;
 z-index: 1;
      background-color: #f3f3f3;
      width: 100%;
      height: 100%;
max-width: 480px;
resize: both;
overflow: auto;
	  
	 
	  
	 
    }
  .back {
    z-index: 1;
    position: absolute;
    left: 13%;
    top: 0%;
    

  }
  

.logo {

    position: absolute;
	background-image: url("img/BACK.webp");
	  background-size: cover;
    left: 0%;
    top : 0%;
 width: 100%;
height: 22%;
 border: 0px solid blue;
    }

.imgbacklogo{
	 width: 100%;
height: 100%;
}



.st2 {
  display: flex;
    position: absolute;
    left: 0%;
    right: 45%;
align-items: center;
  justify-content: center;
    top: 5%;
 width: 30%;
 height: 65%;


}
  .menusmall
{
		position: absolute;
		display:flex;
			width: 100%;
			height: 10%;
			
			 z-index: 599;
			 top:89%;
		background-color: #FFF;
		justify-content:space-evenly;
		align-items:center;
		animation: menuup 2s forwards;
}
  .menusmall2
{
		position: relative;
		display:block;
			width: 1160px;
			height: 200px;
			 z-index: 700;
			 top:-1px;
			   z-index: 599;

		
      background-color: #f3f3f3;
		justify-content:space-evenly;
		align-items:center;
		animation: menuuppirsomot  s2 forwards;
}
.iconmenusmall {
	display:block;
	position: relative;
				
			width: 65px;
			 z-index: 500;
		
}
.iconmenusmallwathsupp {
	display:block;
	position: relative;
				
			width: 50px;
			 z-index: 500;
		
}
	
  p,
h2 {
  margin: 0px;
  padding: 0px;
 
}

h1 {
  margin: 0px;
  padding: 0px;
   font-size: 26px;
}

h3, h4 {
  margin: 0px;
  padding: 0px;
 
}

.btn-whatsapp-pulse-border {

	animation-play-state: paused;
}

.btn-whatsapp-pulse-border::before {
	content: "";
	position: absolute;
	border-radius: 50%;
	padding: 5px;
	border: 15px solid #24B101;
	opacity: 0.75;
	animation-name: pulse-border-whatsapp;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}
@keyframes pulse-border-whatsapp {
	0% {
		padding: 15px;
		opacity: 0.75;
	}	75% {
		padding: 30px;
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}


.btn-whatsapp-pulse {
	background: #25d366;
	color: white;
order: 2;
	z-index: 950;
	font-size: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0px;
	height: 0px;
	padding: var(--sizeicon);
	text-decoration: none;
	border-radius: 50%;
	animation-name: pulse-whatsapp;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}














.btn-call-pulse-border {

	animation-play-state: paused;
}

.btn-call-pulse-border::before {
	content: "";
	position: absolute;
	border-radius: 50%;
	padding: 5px;
	border: 15px solid #006AB7;
	opacity: 0.75;
	animation-name: pulse-border-call;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}
@keyframes pulse-border-call {
	0% {
		padding: 15px;
		opacity: 0.75;
	}	75% {
		padding: 30px;
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}


.btn-call-pulse {
	background: #006AB7;
	color: white;
order: 4;
	z-index: 950;
	font-size: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0px;
	height: 0px;
	padding: var(--sizeicon);
	text-decoration: none;
	border-radius: 50%;
	animation-name: pulse-call;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}

























.btn-back-pulse-border {

	animation-play-state: paused;
}

.btn-back-pulse-border::before {
	content: "";
	position: absolute;
	border-radius: 50%;
	padding: 5px;
	border: 15px solid #B71518;
	opacity: 0.75;
	animation-name: pulse-border-back;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}
@keyframes pulse-border-back {
	0% {
		padding: 15px;
		opacity: 0.75;
	}	75% {
		padding: 30px;
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}


.btn-back-pulse {
	background: #C00A0D;
	color: white;
order: 1;
	z-index: 950;
	font-size: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0px;
	height: 0px;
	padding: var(--sizeicon);
	text-decoration: none;
	border-radius: 50%;
	animation-name: pulse-back;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}












 	  	
	  
    




























.btn-next-pulse-border {

	animation-play-state: paused;
}

.btn-next-pulse-border::before {
	content: "";
	position: absolute;
	border-radius: 50%;
	padding: 5px;
	border: 15px solid #24B101;
	opacity: 0.75;
	animation-name: pulse-border-next;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}
@keyframes pulse-border-next {
	0% {
		padding: 15px;
		opacity: 0.75;
	}	75% {
		padding: 30px;
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}


.btn-next-pulse {
	background: #24B101;
	color: white;
order: 5;
	z-index: 950;
	font-size: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0px;
	height: 0px;
	padding: var(--sizeicon);
	text-decoration: none;
	border-radius: 50%;
	animation-name: pulse-next;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}


















.btn-home-pulse {
	background: #FFF;
	color: white;

	  z-index: 950;
order: 3;
	font-size: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0px;
	height: 0px;
	padding: var(--sizeiconhome);
	text-decoration: none;
	border: 10px solid #D5D5D5;
	border-radius: 50%;
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
	
}

.btn-home-pulse-border {

	animation-play-state: paused;
}

.btn-home-pulse-border::before {
	content: "";
	position: absolute;
	border-radius: 50%;
	padding: 5px;
	border: 15px solid #FFFF;
	opacity: 1;
	animation-name: pulse-border-home;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}



@keyframes pulse-border-home {
	0% {
		padding: 15px;
		opacity: 0.75;
	}	75% {
		padding: 30px;
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}






















.tooltiptextyoucen {
  position: absolute;
  display: block;
  width: 150px;
  background-color: #C00A0D;
  font-size: 30px;
  opacity: 0;
  color: #fff;
  font-weight: bold; 
  text-align: center;
  border-radius: 10px;
  padding: 4px 0;

    z-index: 950;
  top: -46px;
  right: -400%;
 animation: sss 20s ;
 
}

.tooltiptextyoucen::after{
  content: "";
  position: absolute;
  top: 50%;
  left: -38%;
  margin-top: -30px;
  border-width: 30px;
  border-style: solid;
  
  border-color: transparent #C00A0D transparent transparent ;
}

@keyframes sss {

		0% { opacity: 0; }
		0% { opacity: 1; }
		0% { opacity: 0; }	
		
}

}