body{
    background-image: url("../img/background-page.jpg");
}

:root{
    --primary: #b5714b;
    --secondary: #00ABBD;    
    --tertiary: #72F2EB;
    --success: #0099DD;
    --info: #A1C7E0;
    --warning: #FF9933;
    --danger: #E3371E;
}

.bg-primary, .btn-primary{
    background-color: var(--primary) !important;
}
.bg-secondary, .btn-secondary{
    background-color: var(--secondary) !important;
}
.bg-tertiary, .btn-tertiary{
    background-color: var(--tertiary) !important;
}
.bg-success, .btn-success{
    background-color: var(--success) !important;
}
.bg-info, .btn-info{
    background-color: var(--info) !important;
}
.bg-warning, .btn-warning{
    background-color: var(--warning) !important;
}
.bg-danger .btn-danger{
    background-color: var(--danger) !important;
}

.nav{
	text-align: center;
}
.nav-link {
    color: var(--primary) !important ;
    font-weight: bold; 
    font-size: 1.1rem;
}
.nav-link:hover{
    animation: TransformCircle 0.7s ease forwards ;
    color: gray!important; 
}
.navbar-nav > li > a::after {
    color: gray;
	content:'•';
    padding-left:12px;
    @media (max-width: 500px) {
        content: none;
        padding-left:0;
    }
}
 .navbar-nav > li:last-child > a::after {
         content:none;
}
.banner {
	height:650px;
	position:relative;
	width:100%;
	overflow: hidden;
	@media(max-width: 1920px){
		height: 90vh;
	}
	@media(max-width: 500px){
		height: 30vh;
	}
	
}
.banner video {
    width: 100%;
    position: absolute; 
    	overflow: hidden;
}
.banner-innner {
    padding: 200px 0;
}

.header{
	position:relative;
	width:100%;
	text-align:center;
	top:0;
	z-index:1;
}
.logo{
    height:5rem;
    background-color: #000000b3;
}
.banner-left {
    text-align: center;
    width: 65%;
    margin: 0 auto;
}

.overlay {
    background: #4f2e0200;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.banner-left h1 {
    color: #fff;
    text-transform: uppercase;
    font-size: 42px;
    font-weight: 800;
    line-height: 50px;
    text-shadow: 1px 2px #000;
	margin-bottom:15px;
}

.banner-left p {
    color: #fff;
    letter-spacing: 0.5px;
    line-height: 28px;
	margin-bottom:30px;
}

.custom-btn {
    width: 100%;
    background: #E91E63;
    color: #fff;
    letter-spacing: 2.5px;
	transition:0.8 ease;
}

.banner-left a {
    background: #e91e63;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    padding: 8px 35px;
    border-radius: 4px;
	transition:0.8 ease;
}

.banner-left a:hover{
	letter-spacing:3px;
	transition:0.8 ease;
}

.custom-btn:hover{
	letter-spacing:3px;
	transition:0.8 ease;
}

.sobrenos{
    padding: 1rem;
    text-align: center;
}
.sobrenos h2{
    color: #ffff;
	text-align: center;
	border: 0.3rem solid #a63b0e;
	padding: 1rem;
	
}
.sobrenos h3{
    color: #b5714b;
	text-align: center;
	padding: 1rem; 
    font-style: normal;
    font-weight: bold;
    height: 7rem;
}
.sobrenos h4{
    color: #b5714b;
	text-align: center;
	padding: 1rem; 
    font-style: normal;
    font-weight: bold;
    height: 7rem;
}
.sobrenos h5{
    color: white;
    text-align: justify;
    padding-left: 125px;
    padding-right: 125px;
    @media(max-width: 500px){
		padding: 1rem;
	}
}
.sobrenos p{
    color: white;
    padding-top: 2.3rem;
	
}



.areasdeatuacao{
    padding: 1rem;
    text-align: center;
}
.areasdeatuacao h2{
    color: #ffff;
	text-align: center;
	border: 0.3rem solid #a63b0e;
	padding: 1rem;
	
}
.areasdeatuacao h3{
    color: gray;
	text-align: center;
	padding: 1rem; 
    font-style: normal;
    font-weight: bold;
    height: 3rem;
}
.areasdeatuacao p{
    color: white;
	
}
.areasdeatuacao img{
    height: 10vh;	
}

.profissionais{
    display: flex;
    padding: 1rem;
    text-align: center;
    align-items: center;
}
.profissionais h2{
    color: #ffff;
	text-align: center;
	border: 0.3rem solid #a63b0e;
	padding: 1rem;
	
}
.profissionais h3{
    color: #b5714b;
	text-align: center;
	padding: 1rem; 
    font-style: normal;
    font-weight: bold;
    height: 4rem; 
}
.profissionais h4{ 
    color: gray;
	text-align: center;
	padding: 1rem; 
    font-style: normal;
    font-weight: bold;
    height: 3rem;
}
.profissionais p{
    color: white;
	
}
.profissionais img{
    height: 60vh; 
}
.profissionais hr.solid {
    border-top: 3px solid #bbb;
  }

.faleconosco{
    padding: 1rem;
    text-align: left;
}
.faleconosco h2{
    color: #ffff;
	text-align: left;
	border: 0.3rem solid #a63b0e;
	padding: 1rem;
	
}
.faleconosco h3{
    color: #b5714b;
	text-align: left;
	padding: 1rem; 
    font-style: normal;
    font-weight: bold;
    height: 4rem; 
}
.faleconosco h4{ 
    color: gray;
	text-align: left;
	padding: 1rem; 
    font-style: normal;
    font-weight: bold;
    height: 3rem;
}
.faleconosco p{
    color: white;
	
}
.faleconosco form{
    color: white;
}
@keyframes translateY{
    from{
        transform: translatey(0) scale(1);
    }
    to{
        transform: translatex(-8px) scale(1.1);
    }
}

@keyframes TransformCircle{
    to{
        transform: scale(1.1);
    }
}
@keyframes TransformCircle2{
    to{
        transform: scale(1.1);
    }
} 
.sobrePestalozzi{
    	padding: 1rem;
	
}
#container-circle{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px
}
#circle{
    display: flex; 
    justify-content: center;
    align-items: center;
    
} 
#circle:hover{
    animation: TransformCircle 0.7s ease forwards ;   
}
video {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  .circulonossosdiferenciais {
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	background: #a63b0e;	
	margin:3px auto;
	padding:5%
}
.footer{
    /* background-color: #080808;*/
	color: #b5714b;
	font-style:normal;
	font-weight: bold;
	padding-top: 10px;
}
.imagem-nossos{
    position: relative;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    margin-top: 10px;
     
 }
 .imagem-nossos img{
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     object-fit: cover;
     transition: all 0.4s ease;
 }
 .imagem-nossos:hover img{
     transform: scale(1.1);
 }

 .imagem-nossos h3{
    top: 145px;
    right: 20px;
    font-size: 30px;
    color: #b5714b;
  }
 .imagem-nosso-conteudo{
     position: absolute;
     bottom: 0;
     left: 0;
     width:100%;
     padding: 15px;
     background-color: rgb(0 0 0 / 77%);
 }
 
.portfolio-menu{
	text-align:center;
}
.portfolio-menu ul li{
	display:inline-block;
	margin:0;
	list-style:none;
	padding:10px 15px;
	cursor:pointer;
	-webkit-transition:all 05s ease;
	-moz-transition:all 05s ease;
	-ms-transition:all 05s ease;
	-o-transition:all 05s ease;
	transition:all .5s ease;
    
}


.portfolio-item .item{
	/*width:303px;*/
	float:left;
	margin-bottom:10px;
}