.wrap {
  position: absolute;
  overflow: hidden;
  top: auto;
  right: 10%;
  
  left: 10%;
  padding: 20px 50px;
  display: block;
  border-radius: 4px;
  transform: translateY(20px);
  transition: all 0.5s;
  visibility: hidden;
  z-index:1000;
}
.wrap .content {
  opacity: 0;
}
.wrap:before {
  position: absolute;
  width: 1px;
  height: 1px;
  background: white;
  content: "";
  
  left: 50%;
  top: 5%;
  color: #fff;
  border-radius: 50%;
  -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.wrap.active {
  display: block;
  visibility: visible;
  box-shadow: 2px 3px 16px silver;
  transition: all 600ms;
  transform: translateY(0px);
  transition: all 0.5s;
}
.wrap.active:before {
  height: 2000px;
  width: 2000px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin-left: -1000px;
  margin-top: -1000px;
  display: block;
  -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.wrap.active .content {
  position: relative;
  z-index: 1;
  opacity: 1;
  transition: all 600ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.wrap1 {
  position: absolute;
  overflow: hidden;
  top: auto;
  right: 10%;
  
  left: 10%;
  padding: 20px 50px;
  display: block;
  border-radius: 4px;
  transform: translateY(20px);
  transition: all 0.5s;
  visibility: hidden;
  z-index:1000;
}
.wrap1 .content {
  opacity: 0;
}
.wrap1:before {
  position: absolute;
  width: 1px;
  height: 1px;
  background: white;
  content: "";
  
  left: 50%;
  top: 5%;
  color: #fff;
  border-radius: 50%;
  -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.wrap1.active {
  display: block;
  visibility: visible;
  box-shadow: 2px 3px 16px silver;
  transition: all 600ms;
  transform: translateY(0px);
  transition: all 0.5s;
}
.wrap1.active:before {
  height: 2000px;
  width: 2000px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin-left: -1000px;
  margin-top: -1000px;
  display: block;
  -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.wrap1.active .content {
  position: relative;
  z-index: 1;
  opacity: 1;
  transition: all 600ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

a.button {
  /*
  padding: 11px 22px 11px 22px;
  outline: none;
  
  */
  
  border-radius: 50%;
  
  color: #41464a !important;
  font-size: 40px;
  
  display: block;
  position: absolute;
  left: 50%;
  
  top: auto;
  margin-left: -25px;
  /*transition: transform 0.25s;*/
  
  z-index: 2;

}


a.button1 {
  /*
  padding: 11px 22px 11px 22px;
  outline: none;
  
  */
  
  border-radius: 50%;
  
  color: #41464a !important;
  font-size: 40px;
  
  display: block;
  position: absolute;
  left: 50%;
  
  top: auto;
  margin-left: -25px;
  /*transition: transform 0.25s;*/
  
  z-index: 2;

}

#bordapulsante {
  position: absolute;
  display: block;
  content: '';
  left: 50%;
  top: auto;
  margin-left:-24.5px;
  margin-top:11px;
  width: 33px;
  height: 33px;
  border-radius: 100%;
  background: #5f6367;
  animation: pulse 1.2s ease infinite;
  z-index:1;
}

#bordapulsante1 {
  position: absolute;
  display: block;
  content: '';
  left: 50%;
  top: auto;
  margin-left:-24.5px;
  margin-top:11px;
  width: 33px;
  height: 33px;
  border-radius: 100%;
  background: #5f6367;
  animation: pulse 1.2s ease infinite;
  z-index:1;
}

a.button:hover {
  text-decoration: none;
  color: #5b5e60;
}
a.button.active {
  /*transform: rotate(135deg);
  transition: transform 0.5s;*/
  animation-play-state: paused;
}

.button::before.active {
	animation-play-state:paused;
}

.smn {
	background-color:#edeaea;
	padding:5px;
	padding-top:0px;
	padding-right:0px;
	padding-left:0px;
	margin-left:10%;
	margin-right:10%;
}

.smn p {
	padding-right:25px;
	padding-left:25px;
}

.smn .smnConteiner {
    width: 100%;
    padding-left: 10%;
	
	
}

.smn .smnBotao {
	border:1px solid #d11f44;
	background-color:#d11f44;
	padding:5px;
	/*text-align:right;*/
	color:#ffffff;
	margin-bottom:3px;
	/*border-radius: 25px;*/
	cursor:pointer;
}

.smn .smnBotao img {
	width:50px;
	height:auto;
}

.smn .smnTitulo {
	margin: 0px;
	padding: 0px;
	background-color: #565a5d;
	
}

.smn .smnTitulo p {
	font-size:20px;
	font-weight: bold;
	color:#fff;
}

.link-lightbox img {
	width:100px;
	height:auto;
}

.smn .smnTitulo .smnTituloTexto {
	width:93%;
	margin: 0px;
	padding: 7px;
	height:41px;
}

.smn .smnTitulo .smnTituloIcone {
	width:auto;
	float:right;
	margin: 0px;
	padding: 0px;
}

/* Animation */
/* --------- */
@keyframes growing {
  0% {
    transform: scale(1, 1);
  }
  10% {
    transform: scale(0.925, 0.925);
  }
  30% {
    transform: scale(1.025, 1.025);
  }
  50% {
    transform: scale(1, 1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1, 1);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}