/*
** HEADER NAV
*/
.header-home-link svg{
	fill: #fff;
}
@media (max-width: 750px){
	#header-nav-toggle-checkbox:checked ~ .header-home-link svg{
		fill: #000;
	}
	.header-nav-toggle-menu-icon:before,
	.header-nav-toggle-menu-icon:after,
	.header-nav-toggle-menu-icon {
		background-color: #fff;
	}
	#header-nav-toggle-checkbox:checked ~ .header-nav-toggle-label .header-nav-toggle-menu-icon:before,
	#header-nav-toggle-checkbox:checked ~ .header-nav-toggle-label .header-nav-toggle-menu-icon:after{
		background-color: #000;
	}
}
@media (min-width: 750px){
	.header-nav-link{
		color:#fff;
	}
}

/*
** GENERAL
*/
.page-home{
	padding: 0 0 15em;
}
.home-text{
	position:relative;
	z-index:1;
	line-height: 1.8em;
	text-align: center;
	padding: 4em 1em 4em;
	max-width: 25em;
	color: #fff;
	font-size: 1.3em;
}
.home-subtitle{
	padding: 2.5em .5em;
	text-align:center;
	background:#ff5e00;
	color:#fff;
}
.home-final-text{
	font-size:1.2em;
	color:#555;
	padding: 2em 1em;
	max-width: 20em;
	margin:auto;
}
.home-final-text a{
	color:#006add;
}
@media (min-width: 1250px){
	.home-text{
		max-width: 25em;
		font-size: 1.5em;
	}
	.home-subtitle{
		font-size:1.8em;
	}
	.home-final-text{
		max-width: 20em;
	}
}
@media (min-width: 1440px){
	.home-capa .home-text{
		font-size: 1.7em;
	}
}

/*
** INITIAL LOGO ANIMATION
*/
.logo-anima{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:99999;
	background-color: #000;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	animation: moveout .5s ease-in forwards;
	animation-delay: 1.6s;
}
@keyframes moveout{ to{ transform:translateY(-110%) } }

.logo-anima #logo-bsabr-small{
	width:80%;
	max-width:50em;
	overflow:visible;
	fill: #fff;
}

.bsa-b{
	transform-origin: 45px 15px;
	animation: zoom-b 1s ease forwards;
}
.bsa-s{
	transform-origin: 73px 15px;
	animation: zoom-s 1s ease forwards;
}
.bsa-a{
	transform-origin: 95px 15px;
	animation: zoom-a 1s ease forwards;
}

@keyframes zoom-b {
	0%   { transform: scale(4); opacity:0; }
	100% { transform: scale(1); opacity:1; }
}
@keyframes zoom-s {
	0%   { transform: scale(8); opacity:0; }
	100% { transform: scale(1); opacity:1; }
}
@keyframes zoom-a {
	0%   { transform: scale(12); opacity:0; }
	100% { transform: scale(1); opacity:1; }
}

#stroke-mask-path{
	fill: none;
	stroke: #fff;
	stroke-width: 8px;
	stroke-dasharray: 140;
	stroke-dashoffset: 140;
	animation: stroke 1s ease forwards;
	animation-delay: .5s;
}
@keyframes stroke { to { stroke-dashoffset: 0; } }

#stroke {
	mask:url(#stroke-mask);
}

/*
** CAPA
*/
.home-capa{
	position: relative;
	min-height: 95vh;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	background: rgba(0,0,0,0.75);
	background: linear-gradient(
		rgba(0,0,0,.8),
		rgba(0,0,0,0.7),
		rgba(0,0,0,0.7),
		rgba(0,0,0,0.3)
	);
}
.home-capa-bg-image,
.home-capa-bg,
.home-capa:after{
	content:"";
	background-position: center;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.home-capa-bg{
	background-color:#000;
}
.home-capa:after{
	opacity: 0.3;
	background-size: contain;
}

/*
** CAPA ANIMATION
*/
.home-capa .home-text{
	animation-duration: 1.5s;
	animation: fadeinCapa 1.5s ease forwards;
	animation-delay:2s;
	opacity: 0;
	transform: translateY(2em);
}
@keyframes fadeinCapa {
	0%   { opacity: 0; transform: translateY(2em); }
	100% { opacity: 1; transform: translateY(0); }
}
@-webkit-keyframes fadeinCapa {
	0%   { opacity: 0; transform: translateY(2em); }
	100% { opacity: 1; transform: translateY(0); }
}

/*
** SERVICOS
*/
.home-servicos-cards{
	list-style: none;
	padding: 0;
	/* opacity and translateY used on page scroll animation */
	opacity: 0;
	transform: translateY(5em);
	max-width: 33em;
	margin: auto;
}
.home-servicos-cards.no-js,
.home-servicos-cards.fadeinCards{
	transition: 1.5s;
	opacity: 1;
	transform: translateY(0);
}
.home-servicos-card{
	padding: 1.4em 1em;
	padding-left: 5em;
	margin: 1em;
	font-weight: bold;
	line-height: 1.6;
	color: #333;
	border: 2px solid;
	/* border-color: #ffa162; */
	/* border-color: #ff8532; */
	border-color: #fb7216;
	border-radius: 8px;
	background-repeat: no-repeat;
	background-position: center left 0.75em;
	background-size: 3.5em;
}
@media (min-width: 660px){
	.home-servicos-cards{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
		/* justify-content: center; */
		max-width: 50em;
		margin: 0 auto;
		padding: 1.5em 0;
	}
	.home-servicos-card{
		display: flex;
		align-items: center;
		flex: 0 0 47%;
		margin: 1% 0;
	}
}
@media (min-width: 950px){
	.home-servicos-cards{
		padding: 2em 0;
		max-width: 70em;
	}
	.home-servicos-card{
		flex: 0 0 31%;
	}
}
@media (min-width: 1250px){
	.home-servicos-cards{
		font-size: 1.2em;
	}
}

/*
** CLIENTS
*/
.home-clients{
	display: flex;
	flex-wrap: wrap;
	padding: 1em 0 1em;
}
.home-client{
	position: relative;
	overflow: hidden;
	flex: 0 0 33.33%;
	padding-top: 20%;
}
.home-client-image{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 80%;
	margin: auto;
}

.client-agibank{
	transform: scale(1.4);
}
.client-jbj-investimentos{
	transform: scale(0.8);
}
.client-m2m-saber{
	transform: scale(0.7);
}
.client-realpec{
	transform: scale(0.9);
}
@media (min-width: 600px){
	.home-clients{
		padding: 1em 0 3em;
	}
	.home-client{
		flex: 0 0 25%;
		padding-top: 18%;
	}
}
@media (min-width: 900px){
	.home-clients{
		max-width: 75em;
		margin: auto;
	}
	.home-client{
		flex: 0 0 20%;
		padding-top: 15%;
	}
}