/* --------------- BANNER --------------- */
.space-default-qs{
	padding-left: 6em;
	padding-right: 6em;
}
.qs-banner{
	width: 100%;
	height: 100vh;
	position: relative;
	z-index: -1;
	overflow: hidden;
}
/*.qs-banner video, .banner-img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}*/
.qs-banner video{
	width: 100%;
}
.banner-img{
	display: none;
}
.carousel-inner{
	height: 100%;
}
.mask-dark{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.5);
	z-index: 1;
	display: none;
}
/* --------------- CAROUSEL - CARDS --------------- */
#carouselExampleIndicators{
	cursor: pointer;
}
.qs-carousel{
	padding-top: 4em;
	padding-bottom: 4em;
}
.qs-carousel-edit li{
	width: 1em;
	height: 1em;
	border-radius: 50%;
	background-color: #979799;
}
.qs-carousel-edit .active{
	background-color: #4b4b4d;
}
.card-qs{
	background-color: #000;
	position: relative;
	height: 30vw;
}
.card-qs-top{
	position: absolute;
	background-color: rgba(0,0,0,.7);
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	min-height: 4em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: .8em;
}
.card-qs-top .card-qs-top-next img{
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.card-qs-top:hover .card-qs-top-next img{
	-webkit-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	        transform: scale(1.2);
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.card-qs-top-text{
	width: 90%;
	color: #fff;
}
.card-qs-top-text-title{
	text-transform: uppercase;
	display: inline-block;
	line-height: 1;
}
.card-qs-top-text-p{
	margin: 0;
	line-height: 1.2;
	font-size: .8em;
	text-align: justify;
}
.card-qs-top-next{
	width: 10%;
	padding-left: .7em;
}
.card-qs-background{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.card-qs-background img{
	width: 100%;
	height: 100%;
}
.opacityeffect{
	animation-name: opacityeffect;
	-webkit-animation-name: opacityeffect;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	visibility: visible;
}
@-webkit-keyframes opacityeffect{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
@keyframes opacityeffect{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
/* --------------- FADE --------------- */
.fade-effect{
	visibility:hidden;
}
.fade-effect-actv {
	animation-name: fade-effect-actv;
	-webkit-animation-name: fade-effect-actv;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	visibility: visible;
}
@keyframes fade-effect-actv {
	0% {
		opacity: 0;
		-webkit-transform: translateY(70%);
		        transform: translateY(70%);
  	} 
	100% {
		opacity: 1;
		-webkit-transform: translateY(0%);
		        transform: translateY(0%);
  	}
}
@-webkit-keyframes fade-effect-actv {
	0% {
		opacity: 0;
		-webkit-transform: translateY(70%);
  	} 
    100% {
		opacity: 1;
		-webkit-transform: translateY(0%);
  	}
}
/* --------------- ZOOM --------------- */
.zoom{
    overflow: hidden;
}
.zoom img{
    max-width: 100%;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.zoom:hover img{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
        transform: scale(1.1);
}
/* --------------- O QUE FAZEMOS --------------- */
.qs-oqf{
	background-color: #282828;
	padding-top: 2em;
	padding-bottom: 2em;
	position: relative;
}
.qs-oqf-title{
	color: #ffcc2a;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 2em;
	margin-bottom: .8em;
}
.qs-oqf-p{
	color: #fff;
	text-align: justify;
	font-size: 1.2em;
	line-height: 1.2;
}
.qs-oqf-content-icon{
	/*display: flex;
	justify-content: space-between;*/
	padding-top: 1em;
}
.qs-oqf-content-icon a:hover{
	text-decoration: none;
}
.qs-oqf-icon{
	width: 100%;
	height: 100%;
	border-radius: 5px;
	padding: 1em;
	border: 1px solid transparent;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.qs-oqf-icon img{
	width: 100%;
	max-width: 3.5em;
}
.qs-oqf-icon-text{
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-size: .8em;
	margin-top: 1em;
}
#qs-oqf-icon1{
	background-color: #273e4c;
}
#qs-oqf-icon1:hover{
	background-color: #324b5b;
	border: 1px solid #fff;
}
#qs-oqf-icon2{
	background-color: #364957;
}
#qs-oqf-icon2:hover{
	background-color: #404f59;
	border: 1px solid #fff;
}
#qs-oqf-icon3{
	background-color: #5c4526;
}
#qs-oqf-icon3:hover{
	background-color: #815b24;
	border: 1px solid #fff;
}
#qs-oqf-icon4{
	background-color: #523429;
}
#qs-oqf-icon4:hover{
	background-color: #5f463c;
	border: 1px solid #fff;
}
#qs-oqf-icon5{
	background-color: #502e2c;
}
#qs-oqf-icon5:hover{
	background-color: #553936;
	border: 1px solid #fff;
}
.qs-oqf-faixa{
	position: absolute;
	bottom: -1.15em;
	right: 0;
	z-index: 1;
}
.qs-oqf-faixa img{
	max-width: 14em;
}
.qs-clientes{
	background-color: #000;
	background-image: url(../img/quem-somos/banner-logo.png);
	background-size: cover;
	background-attachment: fixed;
	background-position: center bottom;
	background-repeat: no-repeat;
	height: 35em;
	padding-top: 2em;
	padding-bottom: 2em;
}
.qs-clientes-content{
	background-color: rgba(255,255,255,.5);
	padding: 1em;
}
.qs-clientes-content-text{
	line-height: 1.2;
	color: #fff;
	font-size: 1.2em;
}
.qs-clientes-align-logos{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.qs-clientes-logos{
	background-color: #d4d5d7;
	width: 20%;
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 4em;
}
.qs-clientes-logos:first-child{
	margin-bottom: 1em;
}
.qs-clientes-logos img{
	max-width: 6em;
	max-height: 3.2em;
}
/* ----------- RESPONSIVO ----------- */
@media (max-width: 1139px){
	.qs-oqf-icon{
		padding: .5em;
	}
	.qs-oqf-faixa{
		bottom: -.5em;
	}
	.qs-oqf-faixa img{
		max-width: 6em;
	}
	.qs-oqf-icon-text{
		font-size: .7em;
	}
}
@media (max-width: 991px){
	.card-qs{
		height: 30vw;
	}
	
	.qs-oqf-faixa{
		bottom: -.7em;
	}
	.qs-oqf-faixa img{
		max-width: 9em;
	}
	.card-qs-top-text-title{
		font-size: .8em;
	}
}
@media (max-width: 950px){
	.qs-banner video{
		display: none;
	}
	.banner-img{
		display: block;
		width: 100%;
	}
	.mask-dark{
		display: block;
	}
}
@media (max-width: 767px){
	.banner-img{
		width: auto;
		height: 100%;
	}
	.card-qs{
		height: 40vh;
	}
}
@media (max-width: 575px){
	.banner-img{
		margin-left: -8em;
		height: 100%;
	}
	.navbar-top-contact li:first-child{
		padding-right: .5em;
	}
	.navbar-top-contact li:last-child{
		padding-left: .5em;
	}
	.navbar-top-contact-link{
		font-size: .7em;
	}
	.card-qs{
		height: 60vh;
	}
	.qs-oqf-title{
		font-size: 1.8em;
	}
	.qs-oqf-p{
		font-size: 1em;
	}
	.footer-direitos-text{
		font-size: .8em;
	}
}