@charset "utf-8";
/* CSS Document */

.pi-section-dark h3 a.pi-link-dark:hover{
	color: #b5b5b5 !important;
}
.cover{
	background-image: url(../img/slider/cover.jpg); 
	background-position: center center; 
	background-repeat: no-repeat; 
	background-size: cover;
}
.sfondo{
	background-image: url(../img/slider/slide.png);
	background-position: center center; 
	background-repeat: no-repeat; 
	background-size: cover;
}
.sfondo2{
	background-image: url(../img/slider/slide-2.png);
	background-position: center center; 
	background-repeat: no-repeat; 
	background-size: cover;
}
.sfondo3{
	background-image: url(../img/slider/slide-3.png);
	background-position: center center; 
	background-repeat: no-repeat; 
	background-size: cover;
}
.section-2{
	
    background: url("../img/dr-content/svg/footer-onda-01.svg") no-repeat;
    background-size: cover;
	background-size: contain;
    background-position: bottom;
}
.title{
  font-family: 'Amatic SC', cursive;
}
.sm-link{
	text-decoration: underline;
	color: #fff !important;
}
.sm-link:hover{
	text-decoration: underline;
	color: #666e70 !important;
}
.pi-section-white .pi-simple-menu > li:hover > a {
    color: #666e70;
}
.pi-section-white .pi-simple-menu.pi-has-hover-border > li:hover > a > span::before {
	border-color: #212121;
}
.pi-icon-box-hover:hover .pi-icon-box-icon {
    color: #212121;
}
.quote::before{
	content: url("../img/quote.png");
	position: absolute;
	width: 50px;
	height: 50px;
	z-index: 0;
	max-width: 50px;
}

.quote p{
	position: relative;
	z-index: 1;
}
.btn-whatsapp {
  z-index: 999999;
  background: #1bd741;
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  box-shadow: 0px 0px 1px 1px rgba(27, 215, 65, 0.5);
}
.pulse {
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(27, 215, 65, 0.5);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(27, 215, 65, 0);
  }
}
.wa-center{
	display: block;
	margin: 10px auto;
}


@media screen and (max-width: 991px) {
	
}
@media screen and (max-width: 767px) {
	.propic-mobile{
		max-width: 50%;
		margin: 0 auto;
	}
	.cover{
		background-position: center right; 
	}
}
@media screen and (max-width: 479px) {
	h1, .h1{
		font-size: 30px !important;
	}
	.cover{
	background-image: url(../img/dr-content/cover-xs.jpg); 
	
}
}

