@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Display:wght@100;200;300;400;500;600;700;800;900&display=swap');

@font-face {
	font-family: 'NotoSans-Regular';
	font-weight: normal;
	src: url('../fonts/noto/NotoSans-Regular.ttf');
}

@font-face {
	font-family: 'NotoSans-Bold';
	font-weight: bold;
	src: url('../fonts/noto/NotoSans-Bold.ttf');
}

@font-face {
	font-family: 'NotoSans-Italic';
	font-weight: lighter;
	src: url('../fonts/noto/NotoSans-Italic.ttf');
}


@media(min-width: 800px){
	.home{
		background: url('../img/fundo_home.jpg') -150px -80px no-repeat;
	}
}

@media(min-width: 1600px){
	.home{
		background: url('../img/fundo_home.jpg') 0px -80px no-repeat;
	}
}

* {
	font-family: 'Noto Sans Display', sans-serif;
}

.main {
	padding: 0;
}

/*Topo*/
.main .logo a img {
	width: 100%;
	margin-top: 10px;
}

/*Menu*/
.menu-topo .btnMobile .btns-mobile {
	padding-top: 36px;
	color: #031B7D;
	font-weight: lighter;
}

.main .topo .btns,
.main .topo .btns:hover {
	box-shadow: none;
	border: none;
}

.main .topo .btn-cadastro {
	background: url(../img/icones/cadastro_ico.svg) 10px 10px no-repeat;
	background-size: 24px;
	
}

.main .topo .btn-login {
	background: url(../img/icones/conta_ico.svg) 10px 10px no-repeat;
	background-size: 24px;
	min-height: 44px;
	
}

/* .main .topo .texto span {
	color: #fff;
}

.main .topo .clique {
	color: #fff;
} */


.main .topo .texto strong{
	color: #031B7D;
}

.menu .btn-close,
.login .btn-close {
	position: absolute;
	right: -10%;
	top: 3%;
	padding: 10px 18px;
	background: #031B7D;
	border-radius: 100px;
	font-size: 2rem;
	color: #fff;
}

.btnMobile {
	z-index: 0;
}

@media screen and (min-width: 768px) {
	.btnMobile {
		margin-top: 30px;
	}
}

@media screen and (min-width: 1200px) {
	.menu ul {
		text-align: center;
	}

	.menu #menu-login {
		/* background: #AA000C;
		position: absolute;
		top: 32px;
		right: 0; */
		border-radius: 20px;
		padding: 0px 0 20px 0px;
		border: 2px solid #fff;
	}

	/* .menu #menu-login:before {
		width: 55px;		
		content: '';
		position: absolute;
		left: -16px;
		top: 0;
		bottom: -2px;
		-webkit-transform: skew( -10deg );
		-ms-transform: skew(-10deg);
		transform: skew( -10deg );
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
		background: #AA000C;
		border-left: 2px solid #fff;
		border-bottom: 2px solid #ffff;
	} */

	#menu-login .texto:hover {
		text-decoration: underline;
	}

	#menu-login .esqueceu .clique:hover {
		text-decoration: underline;
	}

	/* .menu ul li a:hover {
		background: #aa000c;		
	} */

	.menu a {
		font-size: 14px;
		padding: 10px 14px;
		
	}

	.menu ul {
		margin-top: 10px;
	}

	.menu-topo .col-lg-10 {
		padding-right: 0;
	}

	.main .topo .btns {
		padding: 10px 10px 10px 50px;
	}

	.main .topo .btn-cadastro,
	.main .topo .btn-login {
		background-size: 30px;
	}

	#menu-itens li a.ativo {
		color: #810009;
		font-weight: bold;
	}

	#menu-itens li a.ativo:hover {
		/* color: #fff; */
		font-weight: bold;
	}
}

/*Banners Home*/

.banner-home{
	position: relative;	
	padding-bottom: 50px;	
}
.banner-home .produtos-banner-home{	
	margin-top: 20px;	
	cursor: pointer;
}
.banner-home .cont-produtos{	
	position: relative;			
}

@media(min-width: 768px){
	.cont-produtos .descricao-item{
		padding-left: 40px;
		width: 500px;	
	}
}

.cont-produtos .descricao-item p{
	font-size: 18px;
	margin-top: 5px;
}

.cont-produtos h2{
	font-weight: bold;
	font-size: 34.5614px;
	line-height: 40px;
	color: #00076F;
	opacity: 0.9;	
}

/*.banner-home .cont-produtos .prod-banner{	
	display: table;	
}*/
.banner-home .cont-produtos .prod-banner img{
	width: 100%;
}


.owl-theme .owl-nav {
	margin-top: 0;
	position: relative;
	top: -40px;
}
.owl-theme .owl-dots {
	position: relative;
	top: -40px;
}

.banner-home .links-banners {
	position: relative;
	top: -30px;
}
.banner-home .links-banners a{
	padding: 0;
	margin: 0;
	display: table;	
	/* position: absolute; */
}
.banner-home .links-banners a:last-child{
	/* position: absolute; */
	right: 20px;
	top: -30px
}

.produtos-home{
	display: block;
	
}

@media(min-width: 768px){
	.banner-home .links-banners a{
		position: absolute;
	}
	.banner-home .links-banners a:last-child{
		position: absolute;
	}
	.produtos-home{
		margin-top: 150px;
	}
}

.container-home .container{
	max-width: 1080px;	
}

.produtos-home .titulo{	
	text-align: center;
	padding: 20px 0px;	
	max-width: 530px;
	margin: auto;
} 

.produtos-home .titulo p{
	color: #000;
	font-size: 20px;
	margin: 10px 0 0 0;
}

.produtos-home .titulo h1{
	color: #000;
	font-weight: bold;
	font-size: 36px;
}

.produtos-home ul a{
	display: table;
	padding: 0 20px;	
}
.produtos-home img{
	display: table;
	
}
.produtos-home strong{
	color: #0F385E;
}
.produtos-home p{
	color: #4D4D4D;
}
.produtos-home img.btn{	
	padding: 0;
	margin-top: 20px;
}

.produtos-home img.prod{
	margin: auto;
}

.cont-marcas .list{
	margin: 50px 0;
	display: block;
}

.cont-marcas img{
	width: 100%;
}

.cont-marcas li{
	margin-bottom: 10px;
}

.container-inst{
	background: url('../img/faixas_fundo.svg') no-repeat left bottom 120px;
}
.container-inst img{
	width: 100%;
}
.container-inst .img-inst{
	width: 100%;
	margin: auto;
}
.img-inst{
	display: none;
}

@media(min-width: 800px){
	.img-inst{
		display: block;
	}
	.img-inst-mobile{
		display: none;
	}
}




.servicos{	
	color: #000;
	max-width: 80%;
	margin: 20px auto;
}
.servicos .titulo{
	margin: 20px auto;
	display: table;
	text-align: center;
	
}

.servicos .titulo h1{
	font-weight: bold;	
	font-size: 46px;
}

.servicos .titulo h3{		
	font-weight: lighter;
	font-size: 42px;
}


.servicos strong{
	display: table;
}


.servicos li{	
	margin: 10px 0;	
	padding: 20px 0px 20px 120px;
	position: relative;
}

@media(min-width: 768px){
	.servicos li{
		padding: 20px 100px 20px 120px;
	}
}

.servicos li::before{
	content: '';
	width: 100px;
	height: 100px;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 10px;	
	background: #0AA6B3;
}

.servicos li.ico-b2b::before{
	background: url('../img/icones/servicos/car.svg') no-repeat #031B7D center center;	
}

.servicos li.ico-aplicacao::before{
	background: url('../img/icones/servicos/predio.svg') no-repeat #031B7D center center;	
}

.servicos li.ico-contato::before{
	background: url('../img/icones/servicos/msg.svg') no-repeat #031B7D center center;	
}

.servicos li.ico-treinamentos::before{
	background: url('../img/icones/servicos/treinamentos.svg') no-repeat #031B7D center center;	
}

/*Home Institucional*/
.institucional p {
	font-size: 1.4rem;
	line-height: 2.4rem;
}

.institucional p.h1 {
	font-family: 'NotoSans-Bold';
	font-size: 2.5rem;
	color: #AA000C;
	line-height: 3.2rem;
}

.institucional img {
	width: 100%;
	display: none;
}

@media screen and (min-width: 768px) {
	.institucional img {
		width: 100%;
		display: block;
		margin-top: 10%;
	}

	.institucional p {
		text-align: right;
	}

	.institucional p.h1 {
		margin-top: 0;
	}
}

@media screen and (min-width: 1024px) {
	.institucional p.h1 {
		margin-top: 10%;
	}

	.institucional img {
		margin-top: 0;
	}
}

@media screen and (min-width: 1200px) {
	.institucional img {
		width: 75%
	}

	.institucional p {
		padding-left: 25%;
	}
}


.banner-box{
	margin: 100px auto;
	max-width: 750px;
}

.banner-box img{
	width: 100%;
}
/*Banner Baixo*/
/*.banner-baixo {
	background: url(../img/banner-baixo-mobile.jpg) #AA000C no-repeat;
	background-size: contain;
	margin-top: 15%;
	padding-top: 10%;
	padding-bottom: 10%;
	color: #fff;
}

.banner-baixo p {
	font-size: 1.4rem;
	line-height: 2.4rem;
}

.banner-baixo p.h1 {
	font-size: 4rem;
	font-family: 'NotoSans-Bold';
	margin-bottom: 25%;
}

.banner-baixo p.h1 small {
	display: block;
	color: #fff;
	margin-top: 20px;
	font-size: 2rem;
	font-weight: lighter;
}

@media screen and (min-width: 768px) {
	.banner-baixo {
		background: none;
		margin-top: 0;
	}

	.banner-baixo .banner-box {
		background-image: url(../img/banner-baixo.jpg);
		background-size: contain;
		background-repeat: no-repeat;
		padding: 30px;
	}

	.banner-baixo p.h1 {
		margin-bottom: 0;
	}
}

@media screen and (min-width: 1024px) {
	.banner-baixo .banner-box {
		background: url(../img/banner-baixo.jpg) #aa000b;
		background-size: 93%;
		background-repeat: no-repeat;
	}

	.banner-baixo p {
		margin-bottom: 0;
	}
}

@media screen and (min-width: 1200px) {
	.banner-baixo {
		padding-top: 5%;
		padding-bottom: 5%;
	}

	.banner-baixo .banner-box {
		padding: 65px 120px;
	}

	.banner-baixo p.h1 {
		margin-top: 0;
		font-size: 6rem;
		line-height: 4rem;
	}
}*/
	/*Infos*/
	.infos {
		background-color: #F2F2F2;
		padding-top: 10%;
		padding-bottom: 10%;
	}

.infos .col-md-4 {
	border-bottom: 1px dashed #959595;
	padding-bottom: 2%;
}

.infos p {
	line-height: 29px;
}

.infos p.h3 {
	font-size: 1.5rem;
	font-family: 'NotoSans-Bold';
	line-height: 2rem;
	margin-bottom: 0;
}

@media (min-width: 768px) {
	.container.infos {
		width: auto;
	}
}

@media screen and (min-width: 1024px) {
	.infos .col-md-4 {
		border-bottom: none;
		border-right: 1px dashed #959595;
		padding-bottom: 2%;
	}

	.infos .col-md-8 {
		padding-left: 7%;
	}
}

@media screen and (min-width: 1200px) {
	.container.infos {
		padding: 30px 15%;
	}
}

@media screen and (min-width: 1920px) {
	.container.infos {
		padding: 30px 20%;
	}
}

/*Footer*/
.rodape {
	background-color: #0AA6B3;
	margin-top: 0;
}

@media (min-width: 768px) {
	.rodape .links {
		display: block;
		/* background: url(../img/fdo_rodape-v2.jpg) no-repeat top center; */
		display: block;
		height: auto;
	}
}

.rodape .selo {
	display: none;
}

/*Login*/
.login input[type="button"] {
	background-color: #031B7D;
}

.login ul a.esqueceu {
	background: none;
	color: #031B7D;
	border: 0;
	padding: 0;
}

.login input[type="button"]:hover {
	color: #fff;
	background: #0028ca;
}

.login .cont-login p {
	font-size: 1.3rem;
	color: #000;
	margin-top: 20px;
}

.login .cont-login {
	width: 100%;
	padding: 20px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 200;
	color: #000;
	box-sizing: border-box;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	background: #fff;
}

.login .btn-close {
	right: -10px;
	top: -10px;
}

@media screen and (min-width: 1024px) {
	.login .cont-login {
		font-size: 20px;
		height: auto;
		top: 10%;
		left: 50%;
		width: 600px;
		margin-left: -300px;
		color: #000;
		padding: 20px;
		box-shadow: 0 0 40px #000;
	}
}

.cont-esqueceu input[type='submit'],
input[type='button'] {
	border: 0;
	background: #911c2c;
	padding: 3px 10px;
}

.btn-form-pd {
	color: #fff;
	border-radius: 5px;
	background: #911c2c;
	padding: 7px 10px !important;
	font-size: 16px;
	box-shadow: 0px 5px 5px #ccc;
}

.btn-form-pd:hover {
	color: #fff;
	text-decoration: none;
	background: #e13e40 !important;
}

.owl-theme .owl-dots .owl-dot {
	outline: none;
}

.owl-theme .owl-dots .owl-dot span {
	width: 12px !important;
	height: 12px !important;
	background: #0AA6B3 !important;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #031B7D !important;
}

.produtos-banner {
	margin-top: -4px;
	display: none;
}

.produto-descricao {
	width: 45%;
	position: absolute;
	padding: 20px;
	top: 10%;
	left: 7%;
	color: #fff;
	margin-top: -2px;
}
.produto-descricao p {
	font-size: 18px;
}
.produto-descricao p.h3 {
	font-family: 'NotoSans-Bold';
	font-size: 36px;
	text-transform: uppercase;
}
.produto-descricao img {
	margin-left: 15px;
	margin-top: -5px;
}
.owl-carousel .owl-item .produto-descricao  img {
	display: initial;
	width: auto;
}
.produto-descricao .produto-btn {
	background-color: #0000;
	color: #fff;
	border: none;
	overflow: hidden;
	box-shadow: none;
	position: relative;
	padding: 15px 30px;
	z-index: 99;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 15px;
	outline: none;
	display: none;
}
.produto-descricao .produto-btn:hover {
	color: #1b1b20;
}
.produto-descricao .produto-btn:hover img {
	filter: invert(.6);
}
.produto-descricao .produto-btn:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 2px solid #fff;
	transition: opacity 0.3s, border 0.3s;
}
.produto-descricao .produto-btn:hover:before {
	opacity: 0;
}
.produto-descricao .produto-btn:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 200px;
	background-color: #fff;
	border-color: transparent;
	border-radius: 50%;
	transform: translate(-10px, -70px) scale(0.1);
	opacity: 0;
	z-index: -1;
	transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}
.produto-descricao .produto-btn:hover:after {
	opacity: 1;
	transform-origin: 100px 100px;
	transform: scale(1) translate(-10px, -70px);
}

.produtos-slide .owl-dots {
	display: none;
}

@media screen and (min-width: 990px) {
	.produtos-banner {
		margin-top: -4px;
		display: block;
	}
}

/*LOJAS*/

.home-lojas {
	margin-top: 0;
	/* margin-bottom: 100px; */
}

.home-lojas {
	display: block;
	position: relative;
	background: url('../img/banners/bannersHome/banner_loja.jpg');
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	cursor: pointer;
}

.home-lojas .loja {
	display: flex;
	position: relative;
	padding: 64px 16px 24px 16px;
	/* margin: 16px; */
	box-shadow: 0px 4px 8px rgb(89 9 24 / 12%);
	border-radius: 20px;
	text-align: left;
	flex-direction: row;
	align-content: center;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
}

.home-lojas .loja a {
	display: block;
	width: 100%;
}

.home-lojas .loja a:hover {text-decoration: none;}

.home-lojas .loja a .h1 {
	margin: 0;
	font-style: normal;
	font-weight: 800;
	font-size: 80px;
	line-height: 80px;
	text-align: center;
	color: #fff;
}

.home-lojas .loja a .h1 small {
	display: block;
	margin: 0;
	font-style: normal;
	font-weight: 300;
	font-size: 32px;
	line-height: 48px;
	letter-spacing: .01em;
	text-align: center;
	color: #fff;
}

.home-lojas .loja a .slogan {
	display: block;
	min-width: 75%;
	position: relative;
	bottom: -56px;
	background: transparent;
	padding: 18px 24px;
	border-radius: 16px;
	font-weight: 500;
	font-size: 16px;
	line-height: 27px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: left;
	z-index: 1;
}

.home-lojas .loja a .slogan:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #031B7D;
	border-radius: 16px;
	z-index: -1;
	transform: skewX(351deg);
	border: 4px solid #fff;
	font-weight: bold;
}

.home-lojas .loja a .slogan:after {
	content: '';
	width: 64px;
	height: 64px;
	background-image: url(../img/icones/loja-icon.svg);
	background-position: center;
	background-size: cover;
	position: absolute;
	bottom: 0;
    right: -25px;
	transition: all .3s;
}

.home-lojas .loja a:hover .slogan:after,
.home-lojas:hover .loja a .slogan:after {
	background-image: url(../img/icones/loja-icon-hover.svg);
	transition: all .3s;
}

.home-lojas .loja p.loja-txt {
	padding-left: 60px;
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 28px;
	color: #FFFFFF;
	border-left: 1px solid rgb(255 255 255 / 20%);
	display: none;
}

.home-lojas .loja p.loja-txt strong {
	font-style: normal;
	font-weight: bold;
	font-size: 42px;
	line-height: 53px;
	letter-spacing: 0.02em;
	color: #FFFFFF;
	display: block;
	margin-bottom: 8px;
}

@media screen and (min-width: 990px) {

	.home-lojas .loja a {
		display: block;
		width: auto;
	}

	.home-lojas .loja a .h1 {
		margin: 0 80px;
		font-size: 142px;
		line-height: 142px;
	}

	.home-lojas .loja p.loja-txt { display: block; }
}