@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300&display=swap');
.pag.principal{
	/*background-color:#000;*/
}
.pag.principal .banner{
	width:100%;
}

.pag.principal .banner img{
	width:100%;
	height:auto;
}


.pag.principal #barTags{
	margin:0;
	background-image:linear-gradient(#000,#222);
	padding:0;
	overflow:hidden;
}

.pag.principal #barTags center{
	padding:0;
}

.pag.principal #barTags center > img{
	width:calc(100% / 4);
	height:auto;
	float:left;
	margin-top:1px;
}


@media only screen and (max-width:680px){
	.pag.principal #barTags center > img{
		width:50%;
	}
}

@media only screen and (max-width:420px){
	.pag.principal #barTags center > img{
		width:50%;
	}
}


.barQuadros{
	overflow:hidden;
	background-image:url(../images/bg-quadros.jpg);
	background-size:100% auto;
	background-position:center;
	background-attachment:fixed;
	padding:20px 0;	
}

.quadros{
	padding:0;
}

.quadros a{
	display:block;
	float:left;
	width:25%;
	height:0;
	padding-bottom:25%;
}

.quadros a img{
	width:100%;
	height:auto;
	padding:2px;
}

@media only screen and (max-width: 800px){
	.quadros a{
		width:50%;
		padding-bottom:50%;
	}
}

.slider {
	width: 100%;
	position:relative;
}

/*
@media only screen and (max-width:520px){
	.slider {
		width:80%;
		margin-left:10%;
	}
}
*/

.slick-slide {
  margin: 20px 10px 0 ;
}

.slick-slide img {
  width: 100%;
}

.slick-arrow{
	position:absolute;
	z-index:1;
	top:calc(50% - 25px);
	width:50px;
	height:50px;
	border-radius:50%;
	text-indent:-200px;
	overflow:hidden;
	border:solid 1px rgba(0,0,0,0.5);
	background:#FFF;
	background-image:url(../images/icon-seta-ant-prox.png);
	background-repeat:no-repeat;
	background-size:24px 24px;
	background-position:11px 11px;
}

.slick-arrow.slick-next {
	right:0px;
	transform:rotate(180deg);
}

/*.slick-next:before*/

.slick-slide {
  transition: all ease-in-out .3s;
  opacity: 1;
}

.slick-active {
  opacity: 1;
}

.slick-current {
  opacity: 1;
}

.noMob{
	display:block;
}
.mob{
	display:none;
}

@media only screen and (max-width:600px){
	.noMob{
		display:none;
	}
	.mob{
		display:block;
	}
	
	.pag.principal .banner{
		margin-top:100px;
	}
}


.bgPrincipal{
	background-image:url(../images/bgprincipal.jpg);
	background-repeat:no-repeat;
	background-size:100% auto;
	background-attachment:fixed;
	background-position:top center;
}

center.opac{
	background-color:rgba(255,255,255,0.7);
}

center.opac h1 span,
center.opac h2 span,
center.opac h3 span{
	background:none;
}


@media only screen and (max-width:600px){
	.bgPrincipal{
		background-size:auto 100%;
	}
}


.pag.principal .paralax{
	display:table;
	height:300px;
	width:100%;
	background-image:url(../images/paralax.jpg);
	background-position:top center;
	background-attachment:fixed;
	background-size:100% auto;	
}


.pag.principal .paralax .texto{
	display:table-cell;
	text-align:center;
	font-family: 'Titillium Web', sans-serif;
	font-size:48px;
	color:#FFF;
	text-shadow:2px 2px 2px #000;
	font-weight:200;
	vertical-align:middle;
}

@media only screen and (max-width:600px){
	.pag.principal .paralax .texto{
		font-size:28px;		
	}
}

@media only screen and (max-width:1200px){
	.pag.principal .paralax{	
		background-size:auto 100%;
	}
}