@import "https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css";
@import "https://use.fontawesome.com/releases/v5.3.1/css/all.css";
@import "https://fonts.googleapis.com/css?family=Montserrat+Alternates&display=swap";
@import "https://fonts.googleapis.com/css2?family=Allura&family=Ephesis&family=Seaweed+Script&display=swap";
@import "/kc/css/header.css";
@import "/kc/css/leaflet.css";

body{
	background-image: url("/kc/img/borboletas.png");
}

#map { 
	height: 300px; 
}

.toolbar {
	border-bottom: 1px solid #eeeeee;
	width: 100%;
	padding: 10px 10px 10px 10px
}

.ball {
  position: absolute;
  border-radius: 100%;
  opacity: 0.7;
  z-index:50000;
}

.marmore{
	background-image: url("/kc/img/marmore.webp");
	background-size: cover;
	background-attachment: fixed;
}

.borboleta{
	background-color:black; 
	padding: 30 30 30 30;
	background-image: url("/kc/img/fundo-propaganda.jpg");
	background-repeat: no-repeat;
	background-position: left;
	text-align: center;
	color: white;	
}

.assinatura{
	font-family: 'Allura', cursive;
	font-family: 'Ephesis', cursive;
	font-family: 'Seaweed Script', cursive;
	font-size: 52px;
	background: linear-gradient(to right, gold 0%, black 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#loadingDiv{
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: block;
   opacity: 0.7;
   background-color: #fff;
   z-index: 99;
   text-align: center;
}

.carousel h1 {
	letter-spacing: .1em;
	z-index:3;
}

h1, h5{
	font-family: 'Montserrat Alternates', sans-serif;
}

.carousel-item {
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.carousel-item img {
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

div.collapse .fa-instagram:hover {
	color: gold;
}

div.collapse .fa-youtube:hover {
	color: red;
}

div.collapse .fa-facebook:hover {
	color: blue;
}

footer {
	background-color: #555555;
	color: white;
	margin-top:auto;
}

.taxado{
	text-decoration: line-through;
}


.pulse{
  box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
  cursor: pointer;
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
.pulse:hover 
{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}