/***********************************************************************ARQUIVO CSS********************************************************************************************************************
*** @CLIENTE: MARINA DOS ANJOS                                                                                                                                                                      ***
*** @REPONSAVEL: EDUARDO CAMELO                                                                                                                                                                     ***
*** @PROGRAMADOR: GABRIEL A. PAIVA / GABRIELPAIVA44@HOTMAIL.COM                                                                                                                                     ***
*** @BY-> WEBLINCK                                                                                                                                                                                  ***
******************************************************************************************************************************************************************************************************/

/*BASE*/
a.navbar-brand{font-size:0 !important; color:#000 !important; background:url(../images/espaco_vilarejo_logo.png) center center/300px no-repeat; width:300px; height:180px;}
p{margin:0; padding:0;}
.mloogo{font-size:0 !important; color:#000 !important; background:url(../images/espaco_vilarejo_logo.png) center center/200px no-repeat; width:200px; height:120px; float:left;}
.list-group-item:first-child{border-top:none !important;}
.list-group-item:last-child{border-bottom:none !important;}

.pservices{transition:all .5s;}
.pservices:hover{transform:scale(1.2) !important; background:#FFF; border-radius:5px; padding:10px; border:1px solid rgba(255,102,0,1);}

/*.jp-card-unknown{background:#000 !important;}*/


.btn-laranja{background:rgba(255,102,0,1);}
.text-laranja{color:rgba(255,102,0,1);}
.btn-laranja:hover{background:rgba(255,102,0,0.9);}
.font-geral{font-size:xx-large !important;}
.font-media{font-size:x-large !important;}
.font-pequena{font-size:large !important; text-align:center !important;}

/*-- gallery --*/
.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	overflow: hidden;
	margin: 10px 0;
	height: auto;
	text-align: center;
	cursor: pointer;
	background: #000;
}

.grid figure img {
	position: relative;
	display: block;
	width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h3 {
    word-spacing: -0.15em;
    font-size: 1.5em;
    margin-top: 18%;
    color: #FFF;
    font-weight: 600;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
/*-----------------*/
/***** Apollo *****/
/*-----------------*/

.show li a{color:#000 !important;}


figure.effect-apollo img {
	opacity: 0.95;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.effect-apollo figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	    background: rgba(30, 28, 24, 0.41);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

figure.effect-apollo p {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 3em;
	padding: 0 1em;
	max-width: 150px;
	border-right: 3px solid #F60;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	color:#FFF
}
figure.effect-apollo p span{
	    color: #F60;
		font-weight:bold;
}
figure.effect-apollo h2 {
	text-align: left;
}

figure.effect-apollo:hover img {
	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-apollo:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

figure.effect-apollo:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.whatsapp-plug-icon{position: fixed; z-index: 1000; bottom: 120px; right:20px; width: 50px; height: 50px; -webkit-border-radius: 50%; cursor: pointer; background-color: #0ba360; transition: .3s; background-position: center; background-repeat: no-repeat; background-image:url(../images/whatsapp.svg); background-size: 50% auto;}

.superbto{position: fixed; z-index: 1000; bottom: 3px; right:0px; left:5%; width: 90%; height: 50px; -webkit-border-radius: 5px; cursor: pointer; background-image:  linear-gradient(to bottom, #F60, #F30); border:2px solid #FFF; color:#FFF; transition: .3s; font-size:x-large; text-align:center; font-weight:700; line-height:50px;}

.superbto i{animation: alertPulse 1s ease-out; animation-iteration-count: infinite;}


#toast-container > .toast-success:before {
	font-family: "Font Awesome 5 Free";
	background-image:none !important;
    content: "\f0f3";
	font-size:40px;
    color: crimson;
}




@-webkit-keyframes alertPulse {
    0% {transform:rotate(0deg);}
	25% {transform:rotate(20deg);}
    50% {transform:rotate(0deg); }
	75% {transform:rotate(-20deg); }
    100% {transform:rotate(0deg)}
}

.whatsapp-plug-icon:hover{background-color: #15cc74;}
.whatsapp-plug-icon::after,
.whatsapp-plug-icon::before{content: ''; position: absolute; opacity: 0; border: 4px solid #0ba360; left: -10px; top: -10px; right: -10px; bottom: -10px; -webkit-border-radius: 50%; animation: WaveWhatsApp 1.5s ease infinite;}
.whatsapp-plug-icon::after{animation-delay: .5s;}
.whatsapp-plug-icon:hover::after{border: 4px solid #15cc74;}
.whatsapp-plug-icon:hover::before{border: 4px solid #15cc74;}
/*@keyframes WaveWhatsApp {0%{ transform: scale(0.5); } 50%{ opacity: 1; } 100%{ transform: scale(1.2); opacity: 0; }}*/




@media screen and (min-width: 480px) {

}

@media screen and (min-width: 580px) {

}

@media screen and (min-width: 640px) {


}

@media screen and (min-width: 768px) {

.superbto{ right:0%; left:48%; width: 50%;}

}
@media (min-width: 992px) {
  .whatsapp-plug-icon{position: fixed; z-index: 1000; bottom: 130px; right:100px; width: 50px; height: 50px; -webkit-border-radius: 50%; cursor: pointer; background-color: #0ba360; transition: .3s; background-position: center; background-repeat: no-repeat; background-image:url(../images/whatsapp.svg); background-size: 50% auto;}

}
@media screen and (min-width: 1200px) {

.superbto{ right:0%; left:75%; width: 20%; border:1px solid #FFF; bottom:50px;}
}