.fundo-pratic-sider { float: left; width: 100%; margin: 50px 0 0 0}
.container-pratic-sider { float: left; width: 90%; margin: 0 5% 0; position: relative; text-align: center}
.container-pratic-sider span { float: left; width: 100%; font: 50px Montserrat-bold; color: #0f613f; line-height: 45px; padding: 55px 0 0 0; margin: 0 0 20px 0; background: url(../img/home/barra-deitada.jpg) no-repeat top center;}
.container-pratic-sider i { float: left; width: 100%; font: 16px Montserrat-Bold; line-height: 25px; color: #0f613f; margin: 0 0 35px;}
.container-pratic-sider p { float: left; width: 100%; font: 16px Montserrat-Regular; color: #5d5d5d; line-height: 26px;}
.container-videos{ width: 900px; display: inline-block; height: 475px; margin: 50px 0 0}
.container-engloba-por-que-escolher { float: left; width: 100%; margin: 0; padding: 100px 0 0;}
.engloba-pq-escolher{ float: left; margin: 0 40px}
.pq-escolher1{ width: 250px; height: 290px; float: left; margin: 0 15px 0; background: url(../img/institucional/pq-escolher1.png) no-repeat center top}
.pq-escolher2{ width: 250px; height: 290px; float: left; margin: 55px 15px 0; background: url(../img/institucional/pq-escolher2.png) no-repeat center top}
.pq-escolher3{ width: 250px; height: 290px; float: left; margin: 0 15px 0; background: url(../img/institucional/pq-escolher3.png) no-repeat center top}
.pq-escolher4{ width: 250px; height: 290px; float: left; margin: 55px 15px 0; background: url(../img/institucional/pq-escolher4.png) no-repeat center top}
.pq-escolher1 p{ width: 100%; float: left; margin: 55px 0 0 0; text-align: center; color: #fff; font: 16px Montserrat-Bold; line-height: 22px}
.pq-escolher2 p{ width: 100%; float: left; margin: 55px 0 0 0; text-align: center; color: #fff; font: 16px Montserrat-Bold; line-height: 22px}
.pq-escolher3 p{ width: 100%; float: left; margin: 55px 0 0 0; text-align: center; color: #fff; font: 16px Montserrat-Bold; line-height: 22px}
.pq-escolher4 p{ width: 100%; float: left; margin: 55px 0 0 0; text-align: center; color: #fff; font: 16px Montserrat-Bold; line-height: 22px}
.pq-escolher1 b{ width: 202px; float: left; margin: 30px 24px 0; text-align: center; color: #fff; font: 15px Montserrat-Regular; line-height: 22px}
.pq-escolher2 b{ width: 202px; float: left; margin: 30px 24px 0; text-align: center; color: #fff; font: 15px Montserrat-Regular; line-height: 22px}
.pq-escolher3 b{ width: 202px; float: left; margin: 30px 24px 0; text-align: center; color: #fff; font: 15px Montserrat-Regular; line-height: 22px}
.pq-escolher4 b{ width: 202px; float: left; margin: 30px 24px 0; text-align: center; color: #fff; font: 15px Montserrat-Regular; line-height: 22px}
.texto-pq-escolher{ float: left; width: 100%; margin: 0; height: 235px}
.texto-pq-escolher p{ float: right; text-align: right; color: #0f613f; font: 50px Montserrat-Bold; line-height: 51px;}
.texto-pq-escolher span{ float: left; width: 770px; margin: 30px 0 0 85px; text-align: right; font: 16px Montserrat-Regular; color: #5d5d5d; line-height: 28px}
.texto-pq-escolher span b{ font: 16px Montserrat-Bold;}
.container-engloba-fotos-institucionais{ float: left; width: 100%; text-align: center; margin: 115px 0 0 0}
.container-engloba-fotos-institucionais div{ display: inline-block; width: 530px; height: 297px; margin: 15px}
.container-engloba-fotos-institucionais div p{ float: left; margin: 42px 0 0 0; color: #fff; font: 14px Montserrat-Bold; padding: 20px 30px 20px 22px; border-top-right-radius: 35px; border-bottom-right-radius: 35px;}
.institucional-empresa{ background: url(../img/institucional/institucional-empresa.jpg) no-repeat center; background-size: 530px}
.institucional-empresa2{ background: url(../img/institucional/institucional-empresa2.jpg) no-repeat center; background-size: 530px}
.institucional-localizacao{ background: url(../img/institucional/institucional-localizacao.jpg) no-repeat center; background-size: 530px}
.institucional-localizacao2{ background: url(../img/institucional/institucional-localizacao2.jpg) no-repeat center; background-size: 530px}
.cor-empresa{ background: #4d8a4b}
.cor-localizacao{ background: #a3cd75}
.popup-institucional{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999999; background: rgba(0, 0, 0, 0.5); display: none}
.popup-institucional a{ color: #fff; position: absolute; right: 0; padding: 1% 1% 99% 99%; cursor: pointer; font-family: sans-serif; font-size: 40px; user-select: none;}
.popup-institucional div{ width: 800px; position: absolute; top: 50%; left: 50%; height: 449px; margin: -234.5px 0 0 -410px; border: solid 10px #FFF; border-radius: 5px;}
.popup-institucional div img{ width: 100%; float: left}

@media(max-width: 1220px){
	.container-engloba-fotos-institucionais div { width: 450px; height: 250px; margin: 5px;}
	.institucional-empresa{ background: url(../img/institucional/institucional-empresa.jpg) no-repeat center; background-size: 450px}
	.institucional-empresa2{ background: url(../img/institucional/institucional-empresa2.jpg) no-repeat center; background-size: 450px}
	.institucional-localizacao{ background: url(../img/institucional/institucional-localizacao.jpg) no-repeat center; background-size: 450px}
	.institucional-localizacao2{ background: url(../img/institucional/institucional-localizacao2.jpg) no-repeat center; background-size: 450px}	
    .engloba-pq-escolher { margin: 0; width: 100%; text-align: center}
    .pq-escolher1{ width: 220px; height: 290px; float: none; margin: 0 5px 0; display: inline-block}
    .pq-escolher2{ width: 220px; height: 290px; float: none; margin: 0 5px 0; display: inline-block}
    .pq-escolher3{ width: 220px; height: 290px; float: none; margin: 0 5px 0; display: inline-block}
    .pq-escolher4{ width: 220px; height: 290px; float: none; margin: 0 5px 0; display: inline-block}
    .pq-escolher1 b { width: 202px; margin: 30px 9px 0; font: 12px Montserrat-Regular; line-height: 20px;}
    .pq-escolher2 b { width: 202px; margin: 30px 9px 0; font: 12px Montserrat-Regular; line-height: 20px;}
    .pq-escolher3 b { width: 202px; margin: 30px 9px 0; font: 12px Montserrat-Regular; line-height: 20px;}
    .pq-escolher4 b { width: 202px; margin: 30px 9px 0; font: 12px Montserrat-Regular; line-height: 20px;}
    .fundo-pratic-sider { margin: 20px 0 0 0;}
    .container-pratic-sider { width: 96%; margin: 0 2%;}
    .texto-pq-escolher span { width: 670px;}
	.container-videos { width: 400px; display: inline-block; height: 220px; margin: 20px 0 0;}
}
@media(max-width: 1090px){
    .texto-pq-escolher span { margin: 30px 0 0 20px;}
} 
@media(max-width: 990px){
    .container-pratic-sider { width: 96%; margin: 0 2%; text-align: center}
    .container-pratic-sider p { font: 14px Montserrat-Regular; line-height: 22px;}
    .container-pratic-sider i { font: 16px Montserrat-Bold; line-height: 25px; margin: 0 0 15px;}
    .container-pratic-sider i br{ display: none}
    .container-pratic-sider span { font: 20px Montserrat-bold; padding: 0; margin: 0; background: none;}
    .container-engloba-por-que-escolher { margin: 20px 0 0 0; padding: 0; background: none;}
    .texto-pq-escolher{ height: auto; margin: 0 0 20px}
    .texto-pq-escolher p { font: 20px Montserrat-Bold; width: 96%; margin: 0 2%; text-align: center;}
    .texto-pq-escolher p br{ display: none}
    .texto-pq-escolher span { margin: 15px 2% 0; width: 96%; text-align: justify; font: 14px Montserrat-Regular; line-height: 24px;}
    .texto-pq-escolher span b { font: 14px Montserrat-Bold;}
	.container-engloba-fotos-institucionais { margin: 50px 0 0 0;}
	.container-engloba-fotos-institucionais div { width: 300px; height: 165px; margin: 5px;}
	.container-engloba-fotos-institucionais div p { margin: 20px 0 0 0; font: 10px Montserrat-Bold; padding: 10px 20px 10px 10px; border-top-right-radius: 35px; border-bottom-right-radius: 35px;}
	.institucional-empresa{ background: url(../img/institucional/institucional-empresa.jpg) no-repeat center; background-size: 300px}
	.institucional-empresa2{ background: url(../img/institucional/institucional-empresa2.jpg) no-repeat center; background-size: 300px}
	.institucional-localizacao{ background: url(../img/institucional/institucional-localizacao.jpg) no-repeat center; background-size: 300px}
	.institucional-localizacao2{ background: url(../img/institucional/institucional-localizacao2.jpg) no-repeat center; background-size: 300px}	
	
	.popup-institucional div { width: 580px; height: 324px; margin: -172px 0 0 -300px;}
	
}
@media(max-width: 670px){
	.container-engloba-fotos-institucionais { margin: 20px 0 0 0;}
	.container-engloba-fotos-institucionais div { width: 150px; height: 78px; margin: 0px 0 33px;}
	.container-engloba-fotos-institucionais div p { margin: 78px 0 0 0; padding: 10px 0; width: 100%; text-align: center; border-top-right-radius: 0; border-bottom-right-radius: 0;}
	.institucional-empresa{ background: url(../img/institucional/institucional-empresa.jpg) no-repeat center; background-size: 150px}
	.institucional-empresa2{ background: url(../img/institucional/institucional-empresa2.jpg) no-repeat center; background-size: 150px}
	.institucional-localizacao{ background: url(../img/institucional/institucional-localizacao.jpg) no-repeat center; background-size: 150px}
	.institucional-localizacao2{ background: url(../img/institucional/institucional-localizacao2.jpg) no-repeat center; background-size: 150px}	
	
	.popup-institucional div { width: 280px; height: 156px; margin: -78px 0 0 -140px; border: solid 0px #FFF;}
	
}
@media(max-width: 630px){
	.container-videos { width: 270px; height: 145px;}
    .pq-escolher1{ width: 100%; height: auto; float: left; margin: 0; background: #004320}
    .pq-escolher2{ width: 100%; height: auto; float: left; margin: 0; background: #1e904e}
    .pq-escolher3{ width: 100%; height: auto; float: left; margin: 0; background: #6faf50}
    .pq-escolher4{ width: 100%; height: auto; float: left; margin: 0; background: #004362}
    .pq-escolher1 b { width: 90%; margin: 20px 5%;}
    .pq-escolher2 b { width: 90%; margin: 20px 5%;}
    .pq-escolher3 b { width: 90%; margin: 20px 5%;}
    .pq-escolher4 b { width: 90%; margin: 20px 5%;}
    .pq-escolher1 p { margin: 20px 0 0 0;}
    .pq-escolher2 p { margin: 20px 0 0 0;}
    .pq-escolher3 p { margin: 20px 0 0 0;}
    .pq-escolher4 p { margin: 20px 0 0 0;}
}