/*****

WebQuântica Grid

Desenvolvido por profisionais da empresa Webquântica Outsourcing
Com finalidade de aumentar a velocidade e qualidade do desenvolvimento FrontEnd.

Utilização obrigatória do prefixo "wq-" nas classes do site 

*****/

/** Configurações Gerais para normalização **/

@charset "utf-8";

*{
	margin: 0;
	padding: 0;
}

html {
  	font-family: sans-serif;
  	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

article,aside,details,figcaption,figure,footer,
header,hgroup,main,menu,nav,section,summary {
	display: block;
}

audio,canvas,
progress,video {
	display: inline-block;
	vertical-align:middle;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden],
template {
	display: none;
}
a {
	text-decoration: none;
	color: inherit;
}
a:active,
a:hover,input:focus,
button:focus,textarea:focus,
select:focus{
	outline:0
}

li{list-style:none; }

abbr[title] {
	border-bottom: 1px dotted;
}
b,
strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}

mark {
	color: #000;
	background: #ff0;
}
small {
	font-size: 80%;
}
sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}
sup {
	top: -.5em;
}
sub {
	bottom: -.25em;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}

pre {
	overflow: auto;
}
code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
	margin: 0;
	font: inherit;
	color: inherit;
	line-height: normal;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

legend {
 	padding: 0;
  	border: 0;
}
textarea {
  	overflow: auto;
}
optgroup {
  	font-weight: bold;
}
table {
  	border-spacing: 0;
  	border-collapse: collapse;
}
td,
th {
  	padding: 0;
}

/** Configurações para impressão **/


@media print {
  	*,
	*:before,
	*:after {
    	color: #000 !important;
	    text-shadow: none !important;
	    background: transparent !important;
	    -webkit-box-shadow: none !important;
        box-shadow: none !important;
  	}
  	a,
  	a:visited {
    	text-decoration: underline;
  	}
  	a[href]:after {
    	content: " (" attr(href) ")";
  	}
  	abbr[title]:after {
    	content: " (" attr(title) ")";
  	}
  	a[href^="#"]:after,
  	a[href^="javascript:"]:after {
    	content: "";
  	}
	pre,
	blockquote {
    	border: 1px solid #999;
    	page-break-inside: avoid;
  	}
  	thead {
    	display: table-header-group;
  	}
  	tr,
  	img {
    	page-break-inside: avoid;
  	}
  	img {
   		max-width: 100% !important;
  	}
	p,
	h2,
	h3 {
	    orphans: 3;
	    widows: 3;
  	}
	h2,
	h3 {
    	page-break-after: avoid;
  	}
}

/** Configurações das classes do grid **/

.wq-container{
	width: 970px;
	max-width: calc(100% - 50px);
	margin:0 auto; 
}

.wq-flex{
	display: flex;
	justify-content: space-between;
}

.wq-lista-inline li{
	display: inline-block;
}

.wq-btn-menu{
	display: none;
}

.wq-btn-menu{
	/*background-color:#fff;*/
	width:40px;
	height:35px;
	cursor: pointer;
}
.wq-btn-menu hr {
    display: block;
    margin:2.5px 5px;
    width: calc(100% - 10px);
    height: 5px;
    border: none;
    background-color: #9b0f14;
    transition: all .45s ease;
    transform: scaleY(1);
}
.wq-btn-menu hr:last-child{transition:all .325s ease;}

.btn-fechar hr:last-child{transform:scaleY(0);}
.btn-fechar hr:nth-child(1){
	transform: rotate(45deg)translateY(7px)translateX(7px);
}
.btn-fechar hr:nth-child(2){
	transform: rotate(-45deg);
}

.wq-navbar-conteudo > div,
.wq-acordeon-conteudo,
.wq-modal{
	display: none;
	animation:none; 
}
.wq-navbar-conteudo > div.ver,
.wq-acordeon-conteudo.ver{
	display: block;
	animation:verNavBar .55s linear both;
}

.wq-modal.ver{
	display: flex;
	animation:verNavBar .35s linear both;
}

@keyframes verNavBar{
	from{opacity: 0;}
	to{opacity: 1;}
}

li[class*="wq-drop"]{
	position: relative;
}
li[class*="wq-drop"] ul{
	display: none;
	position: absolute;
	background-color:#f7f7f7;
	padding:10px;
	text-align: center;
}
li[class*="wq-drop"]:hover ul{
	display: block;
	z-index: 3;
	box-shadow: 1px 1px 4px rgba(0,0,0,.125)
}
li[class*="wq-drop"] ul li{
	display: block;
}
li.wq-dropright ul{
	top: 0;
    right:calc(-100% + 30px);
    left: auto;
}
li.wq-dropleft ul{
	top: 0;
    left:calc(-100% + 20px);
    right: auto;
}
li.wq-dropdown ul{
	/*width:calc(100% - 20px);*/
    left: 0;
}
li.wq-dropup ul{
	width:calc(100% - 20px);
    left: 0;
    top:-400%;
}

/*.wq-galeria-items li{
	transition: height .5s linear, width .5s linear, transform .55s linear, opacity .75s linear ;
}*/

.wq-galeria-items li.filtro{animation:filtro .35s both;}

.wq-galeria-items li.sem-filtro{animation:sem-filtro .35s both;position: absolute;}

.wq-galeria-items li.all{animation:todos .35s both;}


@keyframes filtro{
	from{
		transform:scale(0);opacity: 0;
	}
	to{
		transform:scale(1);opacity: 1;
	}
}
@keyframes sem-filtro{
	from{
		transform:scale(1);opacity: 1;
	}
	to{
		transform:scale(0);opacity: 0;
	}
}
@keyframes todos{
	from{
		transform:scale(0);opacity: 0;
	}
	to{
		transform:scale(1);opacity: 1;
	}
}

/** Configurações das box do grid **/

.wq-box-1_5 {width:calc(20% - 10px) !important;}

.wq-box-1_5f {width:20% !important;}

.wq-box-1  {width:calc( 8.33% - 17px) !important;}
.wq-box-2  {width:calc( 16.66% - 17px) !important;}
.wq-box-3  {width:calc( 25% - 17px) !important;}
.wq-box-4  {width:calc( 33.33% - 17px) !important;}
.wq-box-5  {width:calc( 41.66% - 17px) !important;}
.wq-box-6  {width:calc( 50% - 17px) !important;}
.wq-box-7  {width:calc( 58.33% - 17px) !important;}
.wq-box-8  {width:calc( 66.66% - 17px) !important;}
.wq-box-9  {width:calc( 75% - 17px) !important;}
.wq-box-10 {width:calc( 83.33% - 17px) !important;}
.wq-box-11 {width:calc( 91.66% - 17px) !important;}
.wq-box-12 {width:100% !important;}

.wq-box-1f  {width: 8.33% !important;}
.wq-box-2f  {width: 16.666667% !important;}
.wq-box-3f  {width: 25% !important;}
.wq-box-4f  {width: 33.333333% !important;}
.wq-box-5f  {width: 41.666667% !important;}
.wq-box-6f  {width: 50% !important;}
.wq-box-7f  {width: 58.333333% !important;}
.wq-box-8f  {width: 66.666667% !important;}
.wq-box-9f  {width: 75% !important;}
.wq-box-10f {width: 83.333333% !important;}
.wq-box-11f {width: 91.666667% !important;}
.wq-box-12f {width: 100% !important;}

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

.wq-box-lg-1  {width:calc( 8.33% - 10px) !important;}
.wq-box-lg-2  {width:calc( 16.66% - 10px) !important;}
.wq-box-lg-3  {width:calc( 25% - 10px) !important;}
.wq-box-lg-4  {width:calc( 33.33% - 10px) !important;}
.wq-box-lg-5  {width:calc( 41.66% - 10px) !important;}

.wq-box-lg-6  {width:calc( 50% - 10px)!important;margin-bottom:20px !important;}
.wq-box-lg-6:nth-last-child(2) {margin-bottom:0px !important;}
.wq-box-lg-6:nth-last-child(1) {margin-bottom:0px !important;}

.wq-box-lg-7  {width:calc( 58.33% - 10px) !important;}
.wq-box-lg-8  {width:calc( 66.66% - 10px) !important;}
.wq-box-lg-9  {width:calc( 75% - 10px) !important;}
.wq-box-lg-10 {width:calc( 83.33% - 10px) !important;}
.wq-box-lg-11 {width:calc( 91.66% - 10px) !important;}

.wq-box-lg-12 {width:100%;margin:10px 0 !important;}
.wq-box-lg-12:first-child {margin-top:0 !important;}
.wq-box-lg-12:last-child {margin-bottom:0 !important;}

.wq-box-lg-1f  {width: 8.33% !important;}
.wq-box-lg-2f  {width: 16.66% !important;}
.wq-box-lg-3f  {width: 25% !important;}
.wq-box-lg-4f  {width: 33.33% !important;}
.wq-box-lg-5f  {width: 41.66% !important;}
.wq-box-lg-6f  {width: 50% !important;}
.wq-box-lg-7f  {width: 58.33% !important;}
.wq-box-lg-8f  {width: 66.66% !important;}
.wq-box-lg-9f  {width: 75% !important;}
.wq-box-lg-10f {width: 83.33% !important;}
.wq-box-lg-11f {width: 91.66% !important;}
.wq-box-lg-12f {width: 100% !important;}

}

@media screen and (max-width: 999px) and (min-width: 500px) {

.wq-box-tb-1  {width:calc( 8.33% - 10px) !important;}
.wq-box-tb-2  {width:calc( 16.66% - 10px) !important;}
.wq-box-tb-3  {width:calc( 25% - 10px) !important;}
.wq-box-tb-4  {width:calc( 33.33% - 10px) !important;}
.wq-box-tb-5  {width:calc( 41.66% - 10px) !important;}

.wq-box-tb-6  {width:calc( 50% - 10px) !important;margin-bottom:20px !important;}
.wq-box-tb-6:nth-last-child(2) {margin-bottom:0px;}
.wq-box-tb-6:nth-last-child(1) {margin-bottom:0px;}

.wq-box-tb-7  {width:calc( 58.33% - 10px) !important;}
.wq-box-tb-8  {width:calc( 66.66% - 10px) !important;}
.wq-box-tb-9  {width:calc( 75% - 10px) !important;}
.wq-box-tb-10 {width:calc( 83.33% - 10px) !important;}
.wq-box-tb-11 {width:calc( 91.66% - 10px) !important;}

.wq-box-tb-12 {width:100% !important;margin:10px 0 !important;}
.wq-box-tb-12:first-child {margin-top:0 !important;}
.wq-box-tb-12:last-child {margin-bottom:0 !important;}

.wq-box-tb-1f  {width: 8.33% !important;}
.wq-box-tb-2f  {width: 16.66% !important;}
.wq-box-tb-3f  {width: 25% !important;}
.wq-box-tb-4f  {width: 33.33% !important;}
.wq-box-tb-5f  {width: 41.66% !important;}
.wq-box-tb-6f  {width: 50% !important;}
.wq-box-tb-7f  {width: 58.33% !important;}
.wq-box-tb-8f  {width: 66.66% !important;}
.wq-box-tb-9f  {width: 75% !important;}
.wq-box-tb-10f {width: 83.33% !important;}
.wq-box-tb-11f {width: 91.66% !important;}
.wq-box-tb-12f {width: 100% !important;}

}

@media screen and (max-width: 499px) {

.wq-box-cl-1  {width:calc( 8.33% - 10px)!important;}
.wq-box-cl-2  {width:calc( 16.66% - 10px)!important;}
.wq-box-cl-3  {width:calc( 25% - 10px)!important;}
.wq-box-cl-4  {width:calc( 33.33% - 10px)!important;}
.wq-box-cl-5  {width:calc( 41.66% - 10px)!important;}

.wq-box-cl-6  {width:calc( 50% - 10px)!important;margin-bottom:20px !important;}
.wq-box-cl-6:nth-last-child(2) {margin-bottom:0px !important;}
.wq-box-cl-6:nth-last-child(1) {margin-bottom:0px !important;}

.wq-box-cl-7  {width:calc( 58.33% - 10px)!important;}
.wq-box-cl-8  {width:calc( 66.66% - 10px)!important;}
.wq-box-cl-9  {width:calc( 75% - 10px)!important;}
.wq-box-cl-10 {width:calc( 83.33% - 10px)!important;}
.wq-box-cl-11 {width:calc( 91.66% - 10px)!important;}

.wq-box-cl-12 {width:100% !important;margin:10px 0 !important;}
.wq-box-cl-12:first-child {margin-top:0 !important;}
.wq-box-cl-12:last-child {margin-bottom:0 !important;}

.wq-box-cl-1f  {width: 8.33% !important;}
.wq-box-cl-2f  {width: 16.66% !important;}
.wq-box-cl-3f  {width: 25% !important;}
.wq-box-cl-4f  {width: 33.33% !important;}
.wq-box-cl-5f  {width: 41.66% !important;}
.wq-box-cl-6f  {width: 50% !important;}
.wq-box-cl-7f  {width: 58.33% !important;}
.wq-box-cl-8f  {width: 66.66% !important;}
.wq-box-cl-9f  {width: 75% !important;}
.wq-box-cl-10f {width: 83.33% !important;}
.wq-box-cl-11f {width: 91.66% !important;}
.wq-box-cl-12f {width: 100% !important;}

}

/** Configurações de texto do grid **/

.wq-esq {
  text-align: left;
}
.wq-dir {
  text-align: right;
}
.wq-cto {
  text-align: center;
}
.wq-jus {
  text-align: justify;
}
.wq-lowercase {
  text-transform: lowercase;
}
.wq-uppercase {
  text-transform: uppercase;
}
.wq-capitalize {
  text-transform: capitalize;
}

/** Configurações repansivas do grid **/

@media screen and (max-width: 999px) {

	.wq-flex{flex-wrap: wrap;}

	.wq-menu-principal{display: none;}

	.aberto{display: block;}

	.wq-btn-menu{display:flex;}

	/* Configurações para header convencional de visualizao mobile na horizontal */

	.wq-header-horizontal{position: relative;}

	.wq-header-horizontal .wq-btn-menu{
		flex-wrap: wrap;
		flex-direction: column;
		margin-left: auto;
		margin-right:0;
		justify-content:center;
	}

	/* Configurações para header convencional de visualizao mobile na vertical */

	.wq-header-vertical{position: relative;}

	.wq-header-vertical .wq-flex{
		flex-direction: column;
	}
	.wq-header-vertical .wq-main{width: 100%;}
	.wq-header-vertical .wq-btn-menu{
		flex-wrap: wrap;
		flex-direction: column;
		justify-content:center;
		margin:10px auto 0px; 
	}

	/* Configurações para header com logo no centro */

	.wq-header-centro .wq-flex{
		flex-direction:column-reverse;
	}

}