body{
	margin: 0px;
	font-family: "brown-regular";
	overflow-x: hidden;
	width: 100%;
	height: auto;
}







@font-face {
  font-family: "brown-regular";
  src: url("/MULTIQUALITA/CAT/WEB/FONTES/FONTES/BrownEntrataWeb-Regular.woff") format('woff');
}

@font-face {
  font-family: "brown-bold";
  src: url("/MULTIQUALITA/CAT/WEB/FONTES/FONTES/BrownEntrataWeb-Bold.woff") format('woff');
  font-weight: bold;
}


@font-face {
  font-family: "brown-light";
  src: url("/MULTIQUALITA/CAT/WEB/FONTES/FONTES/BrownEntrataWeb-Light.woff") format('woff');
  font-weight: lighter;
}

@font-face {
  font-family: "brown-thin";
  src: url("/MULTIQUALITA/CAT/WEB/FONTES/FONTES/BrownEntrataWeb-Thin.woff") format('woff');
}


@font-face {
  font-family: "brown-display";
  src: url("/MULTIQUALITA/CAT/WEB/FONTES/FONTES/BrownEntrataWeb-Display.woff") format('woff');
  font-weight: lighter;
}


.FONT_REGULAR{
    font-family: "brown-regular";
}

.FONT_BOLD, b, strong{
    font-family: "brown-bold";
}

.FONT_LIGHT{
    font-family: "brown-light";
}

.FONT_THIN{
    font-family: "brown-thin";
}

.FONT_DISPLAY{
    font-family: "brown-display";
}




.SODESKTOP{
	
}

.SOMOBILE{
	display: none;
}






#BUSCAPLACAS{
	width: calc(100% - 20px - 30px);
	position: relative;
	float: left;
	margin-bottom: 30px;
	min-height: 100px;
	margin-top: 0px;
	padding-top: 0px;
	background: none;
	padding-bottom: 0px;
}



#PLAC{
	width: 400px;
	max-width: 400px;
	position: relative;
}





.ENCAIXE{
    position: relative;
    width: auto;
    display: inline-block;
    top: -2px;
}

.ENCAIXE span{
    color: #fff;
    padding: 5px;
    padding-bottom: 3px;
    background: #222;
    border: 1px solid #999;
    border-radius: 3px;
}




.TXTPLAC{
	width: 250px;
	font-weight: 900;
	position: absolute;
	z-index: 99;
	height: 60px;
	background: none;
	line-height: 60px;
	right: 15px;
	bottom: 8px;
	font-size: 42px;
	border: none;
	text-align: center;
	text-transform: uppercase;
	color: #222;
	font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif';
}




.NEWBANNER{
	width: calc(100% - 650px - 40px);
	top: 100px;
	left: 40px;
	height: auto;
	position: absolute;
	flex-flow: 0px;
}

#MYSHADOW{
	width: 140%;
	height: 100px;
	position: absolute;
	bottom: -40px;
	left: -20%;
}



.PRODU{
    width: 100%;
    height: auto;
    min-height: 100vh;
    background: none;
    position: relative;
    z-index: 0;
    display: flex;
    padding-top: 0px;
}


.highlight {
	background-color: yellow !important;
	color: #000 !important;
}


.MODEL_LINHAS{
	font-weight: 700;
	color: #333;
}


.BLOCKTHIS{
	width: 100%;
	height: calc(100% - 20px);
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: none;
	z-index: 99;
	cursor: not-allowed;
	display: none;
}

.HONI .BLOCKTHIS{
	display: block;
}


.HONI{
	/*opacity: 0.4;*/
}



.NOSCROLL{
	overflow: hidden !important;
}


#THEMENUMOB{
	position: absolute;
	right: 50px;
	top: 0px;
}


.CLONE_LINKS a .PAGPR{
	display: none !important;
}



.CONH{
	display: none !important;
}



.COSU{
	width: 200px;
	height: 50px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	text-align: center;
	line-height: 55px;
	font-size: 28px;
	font-family: 'Brown-Bold';
	z-index: 99;
	color: rgb(255, 255, 255);
}

.UI{
	width: calc(100% - 200px - 8px);
	border-left: 8px solid rgba(0,0,0,0.2);
	margin-left: 200px;
	float: left;
	height: auto;
	text-align: left;
	line-height: 45px;
	font-size: 12px;
	letter-spacing: 1px;
	color: #fff;
	position: absolute;
	bottom: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.PAK{
	width: calc(100% - 130px - 3px);
	background: #e1e1e1;
	margin-left: 0px;
	left: 130px;
	position: absolute;
	bottom: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
	float: left;
	height: auto;
	text-align: left;
	line-height: 45px;
	font-size: 10px;
	letter-spacing: 1px;
	color: #fff;
	display: none;
	border-left: 3px solid #888;
}

.JAI{
	padding-left: 12px;
	opacity: 0.7;
	color: #666;
	font-size: 14px;
	line-height: 16px;
	display: block;
}


.TOM{
	margin-bottom: -70px;
	width: 100%;
	float: left;
	position: relative;
	font-size: 22px;
	height: 30px;
	color: rgba(0,0,0,0.35);
}



.OAI{
	width: calc(100% - 50px);
	margin-bottom: 30px; 
	position: relative;
	float: left;
}


.MAMUT{
	width: calc(100%);
	padding-left: 50px;
	padding-top: 100px;
	float: left;
	padding-bottom: 100px;
	position: relative;
}

.MAMUT_2{
	width: 100%;
	margin-left: 50px;
	margin-top: 50px;
	position: relative;
	display: block;
	float: left;
	min-height: 500px;
}


.FALL{
	max-width: 2000px;
}


.SKEW{
	width: 100%;
	height: 100vh;
	background: #222 url(/MULTIQUALITA/CAT/WEB/images/FUNDO_MULTIQUALITA_MARCAS.svg?x=43) no-repeat center top;
	background-size: 100%;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	clip-path: polygon(
		0 0, 100% 0, 100% 60%, 0 150px
		/*0 0, 100% 0, 100% 60%, 0 150px*/
	);
}



#DESTAQUE_MQ{
	width: 100%;
	display: none;
	height: auto;
	position: absolute;
	top: 0px;
	background: #222 url(/MULTIQUALITA/CAT/WEB/images/FUNDO_MULTIQUALITA_MARCAS.svg?x=43) no-repeat center top;
	background-size: 100%;
	padding-bottom: 50px;
	z-index: 99;
	opacity:1
}


#SOBREMARCA{
	width: 100%;
	display: none;
	height: auto;
	position: absolute;
	top: 0px;
	background: #222 url(/MULTIQUALITA/CAT/WEB/images/FUNDO_MULTIQUALITA_MARCAS.svg?x=43) no-repeat center top;
	background-size: 100%;
	padding-bottom: 50px;
	z-index: 1;
	opacity:1
}



#PRODUTOWEB{
	width: 100%;
	min-height: 495px;
	background: #ccff00;
	margin-top: 100px;
	display: none;
}

.BASE_PRODUTO #PRODUTOWEB{
	display: block;
}



#ALLDESTAQUES{
	transition: opacity 1s;
	min-height: auto;
	position: relative;
	z-index: 99;
}



.BASE_MARCA #ALLDESTAQUES{
	opacity: 0;
}




#DEAM{
	width: 100%;
	position: relative;
	height: calc(600px + 40px);
	transition: height 0.4s;
}



.BASE_PRODUTO #DEAM{
	height: 0px;
}


.BASE_PRODUTO .DESTAQUE_MARCAS{
	opacity: 0 !important;
}




.PASSO_MARCAS{
	display: none !important;
}

.BASE_MARCA .PASSO_MARCAS{
	display: block !important;
}


.NOSSASMARCAS{
	opacity: 1;
	transition: opacity 1s;
}


.BASE_MARCA .NOSSASMARCAS{
	opacity: 0;
}



.QUAD{
	width: 20px;
	height: 20px;
	background: #222;
	float: left;
	margin-right: 10px;
	cursor: pointer;
	opacity: 0.6;
}


.QUAD:hover{
	opacity: 1;
}


.QUAD_1{
	background: url(/MULTIQUALITA/CAT/WEB/images/arrow-left.svg) no-repeat center center;
	background-size: 100%;
}


.QUAD_2{
	background: url(/MULTIQUALITA/CAT/WEB/images/arrow-right.svg) no-repeat center center;
	background-size: 100%;
}




.DESTAQUE{
	opacity: 0;
	transition: opacity 1.5s;
}

.DESTAQUE_OK{
	opacity: 1 !important;
}



.KONA{
	width: calc(100% - 100px);
	margin-left: 50px;
	height: auto;
	background: #fff;
	border-radius: 10px;
	-webkit-font-smoothing: antialiased;
	text-rendering: text-rendering;
	box-shadow:  0 4px 4px 0 rgba(0,0,0,0.15);
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 30px;
	position: relative;
}

.MYPROD{
	width: calc(100% - 600px - 50px);
	height: auto;
	margin-left: 50px;
	margin-top: 0px;
	margin-bottom: 30px;
}



#MENUWEB{
	width: 100%;
	height: 70px;
	background: rgba(255,255,255,0);
	position: fixed;
	top: 0px;
	z-index: 99999999999;
	transition: background 0.2s;
}

.MENUWEB_FLOATING{
	background: rgba(255,255,255,1) !important;
}

.BASE_PRODUTO #MENUWEB{
	background: rgba(255,255,255,1) !important;
}


.KONAIMAGE{
	width: 200px;
	height: 100px;
	background: #fff;
	min-height: 200px;
	float: left;
	position: relative;
	mix-blend-mode: multiply;
}

.KONAIMAGE_INSIDE{
	width: 180px;
	height: 180px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	position: relative;
	left: 0px;
	top: 0px;
}


.MOS_1{
	width: calc(100% - 200px);
	position: relative;
	float: left;
}



.AH{
	color: #000 !important;
	cursor: pointer;
}

.AH:hover{
	color: #000 !important;
}

.MENUWEB_FLOATING .AH{
	color: #222;
}

#LOGOPRINC{
	position: absolute;
	left: 50px;
	top: 30px;
	height: 50px;
	transition: height 0.3s, top 0.3s, opacity 0.3s;
	filter: invert(1);
}


.BODY_MARCAS #BASE{
	height: 90px;
}

.MENUWEB_FLOATING #LOGOPRINC{
	top: 15px !important;
	height: 40px !important;
}


.BASE_PRODUTO #LOGOPRINC{
	top: 15px !important;
	height: 40px !important;
}





.BASE_MARCA #LOGOPRINC{
	height: 90px;
	top: 20px;
}



.LISTAPRODUTOS{
	padding-top: 50px;
}



.HI{
	width: 600px;
	height: 100vh;
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 999;
}

/*
.HI{
	width: 600px;
	position: sticky;
	height: fit-content;
	top: 0px;
}
*/



.DOMENU{
	position: relative;
	width: 70px;
	height: 70px;
	line-height: 70px;
	float: right;
	cursor: pointer;
	text-align: center;
	border-left:1px solid #444;
}

.DOMENU_OK{
	background: #333;
}


.BTOPEN{
	display: block;
}

.BTCLOSE{
	display: none;
}

.DOMENU_OK .BTOPEN{
	display: none;
}

.DOMENU_OK .BTCLOSE{
	display: block;
}






#ARIANE{
	max-height: 450px;
	padding: 0px;
	background: none;
	box-shadow: none;
	position: absolute;
	bottom: 0px;
}



.TIR{
	font-weight: 900;
	color: #222;
}


.MARISCAL{
	padding-right: 50px;
}


.SURF{
	width: calc(  (100% / 4) + 1px );
	height: auto;
	float: left;
	border: 1px dotted rgba(0,0,0,0.3);
	margin-top: -1px;
	margin-left: -1px;
	position: relative;
	cursor: pointer !important;
	
}


.SURF_MQ:hover{
	background: #ff9d62;
	filter: invert(1);
}

.SURF_APX:hover{
	background: #29cecb;
	filter: invert(1);
}

.SURF_WDC:hover{
	background: #f8b74d;
	filter: invert(0);
}

.SURF_ATON:hover{
	background: #ff8f90;
	filter: invert(1);
}

.SURF_ORPARTS:hover{
	background: #ff7e31;
	filter: invert(0);
}








.SURF_IMG{
	opacity: 0.5;
}

.SURF:hover > .SURF_IMG{
	opacity: 1;
}





.SURF_TIT{
	font-weight: 900;
	color: #222;
	text-align: center;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	height: 60px;
	font-size: .9rem;
}




.AH_MULTIQUALITA{
	display: none !important;
}

.AH_MULTIQUALITA:hover{
	border: none !important;
}

.BODY_MARCAS .AH_MULTIQUALITA{
	display: inline-block !important;
}

.BODY_MARCAS .AH_HOME{
	display: none !important;
}



.DESTCONT{
	color: #fff;
	font-weight: 900;
}




.BG_MQ{
	background: #00629c;
	color: #fff;
}

.BG_APX{
	background: #d63135;
	color: #fff;
}

.BG_WDC{
	background: #f8b74d;
	color: #222;
}

.BG_ATON{
	background: #007070;
	color: #fff;
}

.BG_ORPARTS{
	background: #ff7e31;
	color: #fff;
}



#MARCAS_MENU{
	position: absolute;
	left: 0px;
	top: 55px;
	background: #fff;
	width: 400px;
	height: 400px;
	padding: 30px;
	padding-left: 30px;
	padding-right: 30px;
	display: none;
	filter: invert(1);
}



.AH_MARCAS:hover > #MARCAS_MENU{
	display: block
}


.AH_MARCAS{
	display: none !important;
}


.BASE_MARCA .AH_MARCAS{
	display: inline-block !important;
}


.BODY_PRODUTO .AH_MARCAS{
	display: inline-block !important;
}


#CAPA{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background: rgba(0,0,0,0.8);
	z-index: 99999999;
	display: none;
}





.THI{
	position: absolute;
	left: 450px;
	top: -40px;
	height: 680px;
}

.THI_SHADOW{
	position: absolute;
	left: 450px;
	top: -40px;
	height: 680px;
	mix-blend-mode: darken;
}


.THI2{
	position: absolute;
	left: 450px;
	top: -20px;
	height: 580px;
}

.THI2_SHADOW{
	position: absolute;
	left: 450px;
	top: -20px;
	height: 580px;
	mix-blend-mode: darken;
}



.THIRIGHT{
	position: absolute;
	width: 500px;
	right: 0px;
	top: 70px;
}



#PRODUTO_ESPECIFICO{
	width: calc(100% - 650px);
	height: auto;
	float: left;
	position: absolute;
	z-index: 9999999
}





.MONST_1{
	width: calc(100% - 650px);
	height: auto;
	position: relative;
	margin-left: 50px;
	float: left;
}

.CARREGANDO_MONST_1{
	min-height: 100vh;
	background: url(/MULTIQUALITA/CAT/images/LOADING.gif) no-repeat left top 0px;
	background-size: 52px;
}



.LOADINGPLACAS{
	background: url(/MULTIQUALITA/CAT/images/LOADING.gif) no-repeat center center;
	background-size: 52px;
}




.MYGO_1{
	width: 600px;
	height: 600px;
	float: left;
	position: sticky;
	top: 100px
}


.MYGO_2{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background: #fff;
	border: 1px dotted #222;
	border-radius: 10px;
	overflow: hidden;
}


.CARREGANDO_MONST_1 .CCLO{
	display: none;
}



.AUTOMEC{
	position: absolute;
	bottom: 100px;
	left: 50px;
	width: 500px;
}



.COMB_1_MOB{
	height: auto;
	position: relative;
	display: none;
}




.COMB_1{
	position: absolute;
	width: calc(100% - 0px);
	height: 600px;
	left: 0px;
	top: 0px;
}

.COMB_2{
	width: 450px;
	border-bottom: 1px solid #999;
	padding-bottom: 10px;
	margin-top: 270px;
	margin-left: 50px;
	position: relative;
}

.COMB_3{
	font-size: 36px;
	line-height: 36px;
	color: #222;
}

.COMB_4{
	width: 15px;
	height: 15px;
	border-radius: 50%;
	position: absolute;
	right: -7.5px;
	bottom: -7.5px;
	background: #999;
}

.COMB_5{
	width: 400px;
	padding-bottom: 10px;
	margin-top: 20px;
	font-size: 16px;
	margin-left: 50px;
	position: relative;
}

.COMB_6{
	margin-top: 10px;
	margin-left: 50px;
}




.NAI_1{
	position: relative;
	width: calc(100% - 570px);
	height: auto;
	left: 0px;
	top: 0px;
}

.NAI_2{
	width: calc(100% - 500px);
	position: relative;
	float: left;
}

.NAI_3{
	width: 100%;
	max-width: 550px;
	border-bottom: 1px solid #999;
	padding-bottom: 10px;
	margin-top: 300px;
	margin-left: 50px;
	position: relative;
}

.NAI_4{
	font-size: 42px;
	line-height: 42px;
	color: #fff;
}

.NAI_5{
	width: 15px;
	height: 15px;
	border-radius: 50%;
	position: absolute;
	right: -7.5px;
	bottom: -7.5px;
	background: #999;
}

.NAI_6{
	width: 100%;
	max-width: 550px;
	position: relative;
	color: #999;
	font-weight: 400;
	margin-left: 50px;
	margin-top: 20px;
	height: 20px;
	font-size: 26px;
}

.NAI_7{
	width: 420px;
	height: 420px;
	position: relative;
	margin-top: 100px;
	border: 1px dotted #999;
	border-radius: 10px;
	float: left;
}

.NAI_8{
	width: calc(100% - 60px);
	height: calc(100% - 60px);
	position: absolute;
	left: 30px;
	top: 30px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	filter: invert(1);
}



.ION{
	width: calc(100% - 30px);
	margin-left: 15px;
	float: left;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 0px;
	border-top:1px solid #e1e1e1;
	display: none;
}


.MOCA_1{
	width: calc(100% / 3);
	float: left;
	padding-left: 20px;
	padding-top: 20px;
}

.MOCA_2{
	width: calc(100% / 3);
	min-height: 100px;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 20px;
}

.MOCA_3{
	width: calc(100% / 3);
	min-height: 100px;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 20px;
}






.WAVE_1{
	position: relative;
	width: calc(100% - 570px);
	height: auto;
	min-height: 200px;
	left: 0px;
	top: 0px;
}

.WAVE_2{
	width: calc(100% - 0px);
	position: relative;
	float: left;
}

.WAVE_3{
	width: 500px;
	border-bottom: 1px solid #999;
	padding-bottom: 10px;
	margin-top: 200px;
	margin-left: 50px;
	position: relative;
}


.WAVE_4{
	font-size: 32px;
	line-height: 32px;
	color: #fff;
}

.WAVE_5{
	width: 15px;
	height: 15px;
	border-radius: 50%;
	position: absolute;
	right: -7.5px;
	bottom: -7.5px;
	background: #999;
}

.WAVE_6{
	width: 100%;
	max-width: 400px;
	padding-bottom: 10px;
	text-align: justify;
	margin-top: 20px;
	margin-left: 50px;
	position: relative;
	color: #B4B4B4
}

.WAVE_7{
	width: 100%;
	position: relative;
	color: #999;
	font-weight: 400;
	margin-left: 50px;
	margin-top: 20px;
	height: 20px;
	font-size: 26px;
}




.JUNG_1{
	position: absolute;
	bottom: 20px;
	left: 0px
}

.JUNG_2{
	font-size: 32px;
	line-height: 26px;
	letter-spacing: 0px;
	color: #222;
}

.JUNG_3{
	width: 270px;
	padding-bottom: 20px;
	margin-top: 10px;
	font-size: 16px;
	line-height: 22px;
	margin-left: 0px;
	position: relative;
	letter-spacing: 0px;
}

.JUNG_4{
	zoom:0.8;
}


#LISTALINHAS{
	z-index: 99999;
	position: relative;
}


.SETAS{
	position: absolute;
	bottom: -35px;
	zoom: 2;
	width: 100%;
	text-align: center;
}

.SETA_1{
	float: inherit;
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
}

.SETA_2{
	float: inherit;
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
}



#CLONE_LISTAPRODUTOS{
	width: calc(100% - 0px);
	height: calc(100vh - 70px - 100px);
	float: left;
	background: #e1e1e1;
	padding: 20px;
	overflow: scroll;
	padding-bottom: 100px;
	display: none;
}


#OPTS_MENUMOB{
	width: 100%;
	height: calc(100vh - 70px);
	position: fixed;
	top: 70px;
	left: 0px;
	background: #fff;
	z-index: 9999999999;
	overflow: auto;
	display: none;
}



.VETMENU{
	width: 100%;
	position: relative;
	height: 30px;
	line-height: 30px;
	color: #fff;
	opacity: 0.7;
	text-align: left;
	float: left;
}

.VETMENU:hover{
	color: #fff;
}


.VERT_MULTIQUALITA{
	display: none;
}

.BASE_MARCA .VERT_MULTIQUALITA{
	display: block;
}



.RES{
	width: calc(100% - 50px);
	margin-bottom: 20px;
	border-bottom: 5px solid #222;
	margin-top: 0px;
	padding-bottom: 5px;
	font-size: 16px;
	display: flow-root;
}

.RES_1{
	display: inline-block;
	float: left;
}

.RES_2{
	display: inline-block;
	float: right;
}


#THEMENUMOB{
	position: absolute;
	right: 0px;
	top: 0px;
	filter: invert(1);
}



#THEMENU{
	display: block;	
}

#THEMENUMOB{
	display: none;	
}






.ONAY{
	width: auto;
	position: relative;
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #f4f4f4;
	border-radius: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	border: 1px solid #999;
	font-size: 12px;
	color: #222;
	cursor: default;
}


.ONAY_OK{
	background: #222 !important;
	color: #fff !important;
}












@media only screen and (max-height: 850px) {


	.CONG{
		display: none !important;
	}
	
	#MARCAS_HORIZONTAL{
		display: none;
	}
	
	.AH_MARCAS{
		display: inline-block !important;
	}
	
	
	
	.BR_JUNG1{
		display: none;
	}
	
	.JUNG_1{
		position: absolute;
		bottom: 10px;
		left: 0px
	}

	.JUNG_2{
		font-size: 26px;
		line-height: 26px;
		letter-spacing: 0px;
		color: #222;
	}

	.JUNG_3{
		width: 270px;
		padding-bottom: 10px;
		margin-top: 5px;
		font-size: 16px;
		line-height: 22px;
		margin-left: 0px;
		position: relative;
		letter-spacing: 0px;
	}

	.JUNG_4{
		zoom:0.7;
	}


	
}





@media only screen and (max-height: 799px) {


	.BR_JUNG1{
		display: none;
	}
	
	.JUNG_1{
		position: absolute;
		bottom: 0px;
		left: 0px
	}

	.JUNG_2{
		font-size: 26px;
		line-height: 26px;
		letter-spacing: 0px;
		color: #222;
		margin-bottom: 10px;
	}

	.JUNG_3{
		display: none;
	}

	.JUNG_4{
		zoom:0.8;
	}
	
}




@media only screen and (max-height: 740px) {

	.KONA_4{
		display: none;
	}
	
}



@media only screen and (max-height: 700px) {

	#MAH{
		display: none !important;
	}
	
}