@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:300,400,500,700');

html {
    font-size: 62.5%;	
}

p a:hover, a:visited, a:link, a:active
{
    color: inherit;
	text-decoration: none;
}

body {
  font-size: 1em;
  overflow-x: hidden;
  font-family: 'IBM Plex Sans', sans-serif;
  color: #505962;	
  max-width: 1400px;
  margin: auto;
  overscroll-behavior: contain;  
}



h1 {
	font-size: 500%;
	font-weight: 600;
	color: white;
}

h2 {
	font-size: 450%;	
}

h3 {
	font-size: 200%;
	font-weight: 400;
	line-height: 150%;	
}

p {
	font-size: 180%;	
}

itemmenu {
	font-size: 170%;	
}



@media (max-width: 300px) {
    html {
        font-size: 45%;
    }
}

@media (min-width: 400px) {
    html {
        font-size: 55%;
    }
}

@media (min-width: 700px) {
    html {
        font-size: 65%;
    }
}

@media (min-width: 1200px) {
    html {
        font-size: 65%;
    }
}



hr {
	padding: 10px;
}

/* Extra Padding for COL */
[class*="col-"] {
  padding: 1.5rem;
}
/* End of Extra Padding for COL */


.content-desktop {display: block;}
.content-mobile {display: none;}


@media only screen and (max-width: 740px) {
	
	.content-desktop {display: none;}
	.content-mobile {display: block;}
	
	
}


.quadrado-bordas-redondas {		
  border-radius: 25px;
  border-style: solid;
  border-width: medium;
  border-color: #e9ecef;
  background: #e9ecef;
  padding: 50px;
  margin: 10px;
  width: 358px;  
}

.quadrado-bordas-redondas:hover {
	/*box-shadow: 5px 10px;
	border-color: black;*/
	animation-name: bordatrocaacor;
	animation-duration: 1s;
	border-color: #40474e;
	
}

@keyframes bordatrocaacor {
	from {border-color: white;
	}
	
	to { border-color: #40474e;
	}
		
}

.carousel-inner img {
  width: 100%;
  height: 100%;
}

.feature img {
  padding: 1.5rem;
}

footer {
  background-color: #40474e;
  background-size: cover;
  color: white;

}
footer .row {
  padding: 1.5rem 0 4rem;
  line-height: 2rem;
}

footer img {
  margin: 0.5rem 0.8rem 2.5rem 0.8rem;
}

footer ul {
  	list-style-type: none;
  margin: 0;
  padding: 0;
  width: 200px;
  background-color: #40474e;  
	}

footer li a {
  display: block;
  color: #9a9da0;	
  padding: 3%;  
}

footer li {
  text-align: center;  
	border: none;	
}

footer li:last-child {
  border-bottom: none;	
}

footer li a.active {
  /*background-color: #4C545C;*/
    color: #40474;
	background-color: #9a9da0;
	text-decoration: none;
}

footer li a:hover:not(.active) {    
	color: #C1C3C5;	  
	text-decoration: none;
}


input {
	width: 100%;
}

.botaodeorcamento {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 5px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;

}

button:hover {
	background-color: #15DF48;
}

.chamadabottom {	
	font-family: 'Oswald', sans-serif;	
	margin: auto;
	padding: 15px;
	color: white;		
	background-color: black;
	font-weight: 700;
	letter-spacing: 10px;
	word-spacing: 15px;
	
}

/* Este código foi substituído pelo abaixo, para aplicar Drop Shadow em todas as imagens do Site
.dropshadow {
	filter: drop-shadow(3px 3px 0px rgba(0,0,0,0.15));
}
*/

img{
	filter: drop-shadow(3px 3px 0px rgba(0,0,0,0.15));
}

.salmo {
	font-size: 8px;
	color: rgba(0,0,0,0.00);
	line-height: 10px;
	
}

.botaowhatsapp {
    position: absolute;
    height: 50px;
    top: 115%;
    right: 1%;
    opacity: 90%;    
}

.botaowhatsapp:hover {	
	animation-name: btnzap;
	animation-duration: 0.4s;   
}

.botaowhatsappcel {
    position: absolute;
    height: 40px;
    top: 15px;
    right: 55px;
    opacity: 90%;    
}

.botaowhatsappcel:hover {	
	animation-name: btnzap;
	animation-duration: 0.4s;   
}


@keyframes btnzap {
	from {opacity: 70%;        
	}
	
	to {opacity: 90%;
	}
		
}