body{
	margin: 0px;
	/*font-family: "brown-regular";*/
	font-family: "Encode Sans", sans-serif;
	height: auto;
	min-height: 100vh;
	width: 100vw;
}

.NOSCROLL{
	overflow: hidden;
}









.FONT_REGULAR{
    font-family: "Josefin Sans", sans-serif;
}

.FONT_BOLD, b, strong{
    font-family: "Josefin Sans", sans-serif;
	font-weight: 900;
}

.FONT_LIGHT{
    font-family: "Josefin Sans", sans-serif;
}

.FONT_THIN{
    font-family: "Josefin Sans", sans-serif;
}

.FONT_DISPLAY{
    font-family: "Josefin Sans", sans-serif;
}




@keyframes piscar {
	0% {
	opacity: 1; /* Totalmente visível no início */
	}
	50% {
	opacity: 0.6; /* Totalmente invisível no meio */
	}
	100% {
	opacity: 1; /* Volta a ser totalmente visível no final */
	}
}



#ERROLOGIN {
    /* Manter estilos existentes */
    width: 100%;
    height: 100%;
    z-index: 99999;
    position: absolute;
    background: rgba(255,255,255,0.9);
    font-weight: 900;
    font-size: 14px;
    color: #CC0000;
    text-align: center;
	display: none;
}

.MSGERROLOGIN {
    animation: piscar 0.8s linear infinite;
    line-height: 100%;
    text-align: center;

    /* Modificar para: */
    position: absolute; /* Mantenha 'absolute' ou defina se não estiver lá */
    top: 50%; /* Define o topo a 50% da altura do pai */
    left: 50%; /* (Opcional) Centraliza horizontalmente se necessário */
    transform: translate(-50%, -50%); /* Move de volta metade da própria largura e altura para centralização perfeita */
}


.USU_ERROR{
	text-align: left;
	font-size: 12px;
	line-height: 12px;
	color: #cc0000;
	font-weight: 900;
	width: 100%;
	position: relative;
	float: left;
	margin-bottom: 15px;
	display: none;
}




.CONFIRMARCADOS_1 .CONF_1{
	color: #ccff00 !important;
}

.CONFIRMARCADOS_2 .CONF_2{
	color: #cc0000 !important;
}

.CONFIRMARCADOS_3 .CONF_3{
	
}




.CONFIRMARCADOS{
	width: auto;
	display: inline-block;
	border-right:1px solid #999;
	border-left:1px solid #999;
	margin-right: 0px;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 14px;
	height: 59px;
	background: #333;
	line-height: 60px;
	color: #fff;
	position: relative;
	float: left;
	cursor: pointer;
}

.CONFIRMARCADOS i{
	color: #666;
}

.CONFIRMARCADOS i:hover{
	color: #999;
}



.CARREGANDOMODAL{
	background: url(/MOOD/MODELIC/images/loading.svg) no-repeat center center !important;
	background-size: 100px !important;
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 99999999;
	display: none;
}



.CARREGANDOALL{
	background: url(/MOOD/MODELIC/images/loading.svg) no-repeat center center !important;
	background-color: rgba(0, 0, 0, 0.8) !important;
	background-size: 100px !important;
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999999999999;
	display: none;
}



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

.BASE_PRODUTO #PRODUTOWEB{
	display: block;
}



#ALLDESTAQUES{
	transition: opacity 1s;
}



.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(/MOOD/MODELIC/images/arrow-left.svg) no-repeat center center;
	background-size: 100%;
}


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



.TAVAZIO{
	border: 2px solid #cc0000;
}


.KAR{
	position: relative;
	width: auto;
	margin-left: 30px;
	color: #fff;
	display: inline-block;
	cursor: pointer;
	float: right;
}

.KAR:hover{
	border-bottom: 1px solid #fff;
	
}


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

.DESTAQUE_OK{
	opacity: 1 !important;
}



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

.MYPROD{
	width: calc(100% - 600px - 50px);
	height: auto;
	min-height: 120vh;
	min-height: 100vh;
	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: 99999999;
	transition: background 0.2s;
}

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

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




.AH{
	color: #000 !important;
}

.MENUWEB_FLOATING .AH{
	color: #222;
}

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

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


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



.BASE_MARCA #LOGOPRINC{
	height: 70px;
}



.LISTAPRODUTOS{
	padding-top: 50px;
}


.TIRMODELOSSELECIONADAS{
	font-size: 22px;
	font-weight: 900;
	border-bottom: 1px dotted #222;
	position: sticky !important;
	top: -20px;
	padding-top: 30px;
	z-index: 999;
	background: #fff;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
}



.HI{
	width: 600px;
	position: sticky;
	max-height: calc(100vh - 60px);
	top: 70px;
	float: left;
}

.KONALIMITE{
	position: relative;
	max-height:inherit;
}


.HI2{
	width: 600px;
	position: sticky;
	height: fit-content;
	top: 30px;
}



.TIR{
	font-weight: 900;
	color: #222;
	width: 100%;
	position: relative;
	float: left;
}


.MARISCAL{
	padding-right: 50px;
}


.SURF{
	width: calc(  (100% / 1) + 1px );
	height: auto;
	float: left;
	position: relative;
	cursor: default !important;
	margin-bottom: 30px;
	
}


.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: 1;
}

.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;
}





.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: #222;
}




#CONTRATADAS{
	width: 100%;
	position: relative;
	display: flow-root;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 20px;
}


.CONTRATANDO_NOVA{
	background: #fff;
}



.MODELO_CART{
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	background: #f4f4f4;
	margin-top: 10px;
	border: 1px solid rgna(0,0,0,0.2);
	border-radius: 10px;
	overflow: hidden;
}

#FAKEMODEL{
	width: 100%;
	height: 1px;
	overflow: hidden;
	position: relative;
	float: left;
	opacity: 0;
	margin-top: 10px;
	background: #f4f4f4;
	border: 1px solid rgna(0,0,0,0.2);
	border-radius: 10px;
	display: none;
}


.CONTRATANDO_NOVA #FAKEMODEL{
	height: 100px;
	opacity: 1;
}

.shopping-cart{
	width: 100px;
	height: 100px;
	background: #ccc;
	float: left;
	position: relative;
}

.MODDI{
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.KONALIMITE .MODDI{
	padding: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}


.FOTO_MODELO_CART{
	width: 100px;
	height: 100px;
	background: #000;
	float: left;
	position: relative;
}

.KONALIMITE .FOTO_MODELO_CART{
	width: 65px;
	height: 65px;
	background: #000;
	float: left;
	position: relative;
}


.MYMORE{
	height: 50px;
	line-height: 50px;
	border-bottom: 1px dotted #222;
	display: none;
	cursor: pointer;
}


.FLOATINGIMAGE{
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}


.ADDMODEL{
	width: 180px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	background: #222;
	color: #fff;
	border: 1px solid #222;
	display: block;
	float: left;
	border-radius: 10px;
	transition: background 0.3s;
	cursor: pointer;
}

.ADDMODEL:hover{
	background: #333;
}


.MODELO_SELECIONADA .ADDMODEL{
	display: none;
}


.REMOVEMODEL{
	width: 180px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	background: #222 url(/MOOD/MODELIC/images/SELECIONADA2.svg) no-repeat center left;
	background-size: auto 100%;
	padding-left: 35px;
	color: #fff;
	border: 1px solid #222;
	display: none;
	float: left;
	border-radius: 10px;
	transition background 0.3s;
	font-weight: 900;
}


.MODELO_SELECIONADA .REMOVEMODEL{
	display: block;
}


.NOMODEL{
	width: 180px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	background: #ccc;
	color: #222;
	border: 1px solid #999;
	display: block;
	float: left;
	border-radius: 10px;
	transition: background 0.3s;
	cursor: pointer;
}

.OKMODEL{
	width: 180px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	background: #fff;
	color: #222;
	border: 1px solid #222;
	display: block;
	float: left;
	border-radius: 10px;
	transition: background 0.3s;
	cursor: pointer;
}



.MINHAFOTO{
	width: 500px;
	float: left;
	position: relative;
	transition: width 1s;
}


.MODELO_PAGE .MINHAFOTO{
	width: 700px;
	float: left;
	position: relative;
}


.CROPMODELO{
	width: 500px;
	height: 500px;
	position: relative;
	transition: width 1s;
}

.MODELO_PAGE .CROPMODELO{
	width: 700px;
	height: 700px;
	position: relative;
}


.ASPAS{
	padding-top: 0px;
	position: relative;
	display: flow-root;
	padding-left: 40px;
	margin-top: 0px;
	margin-left: -50px;
	background: #222;
	height: 0px;
	overflow: hidden;
	transition: height 2s, margin-top 0.3s;
	transition-delay: 1s;
}

.MODELO_PAGE .ASPAS{
	height: 330px;
	margin-top: 50px;
}


.ETISR{
	width: 500px;
	position: absolute;
	left: -500px;
	height: 32px;
	line-height: 32px;
	font-size: 32px;
	top:-20px;
	z-index: 999;
	font-weight: 900;
	color: #fff;
	padding-left: 0px;
	z-index: 200;
	transition: font-size 0.4s, top 0.4s, left 0.4s;
}


.MODELO_PAGE .ETISR{
	width: 700px;
	position: absolute;
	left: -700px;
	height: 62px;
	line-height: 62px;
	font-size: 62px;
	top:-50px;
	z-index: 999;
	font-weight: 900;
	color: #fff;
	padding-left: 0px;
}

.BACK{
	width: 1px; 
	height: 78px;
	background: #222 url(/MOOD/MODELIC/images/BACK.svg) no-repeat center center;
	background-size: 32px;
	display: inline-block;
	position: relative;
	top: 20px;
	margin-right: -10px;
	margin-left: -40px;
	opacity: 0;
	transition: width 0.3s, opacity 0.3s;
}

.TYPAGE .BACK{
	width: 78px;
	opacity: 1;
}


.GALERIA{
	position: relative;
	float: left;
	width: 100%;
	height: 0px;
	overflow: hidden;
	transition: height 1s;
	transition-delay: 0.5s;
}

.MODELO_PAGE .GALERIA{
	position: relative;
	float: left;
	width: 100%;
	height: 7000px;
}

.GALERIA img{
	margin-top: 3px;
}


.CADAMODEL{
	width: 100%; margin-bottom: 60px;
}


.STY{
	width: calc(100% - 500px - 0px);
	float: left;
	padding-top: 0px;
	position: relative;
	top: 0px;
}


.MODELO_PAGE .STY{
	width: calc(100% - 700px - 0px);
	float: left;
	padding-top: 0px;
	position: sticky;
	top: 120px;
}


.MAIS{
	width: 43px;
	height: 43px;
	border: 1px solid #222;
	float: left;
	margin-right: 20px;
	background: url(/MOOD/MODELIC/images/VER.svg) no-repeat center center;
	background-size: 28px;
	transition: background-size 0.3s, width 0.5s, border 0.5s, margin-right 0.5s;
	cursor: pointer;
	overflow: hidden;
	border-radius: 10px;
}

.MAIS:hover{
	background-size: 32px;
}


.MODELO_PAGE .MAIS{
	width: 0px;
	border: 1px solid rgba(0,0,0,0);
	background-size: 0px;
	margin-right: 0px;
}


.TAG{
	width: 100%;
	position: relative;
	height: calc(830px - 0px);
	display: none;
}


.YPIN{
	width: 32px;
	height: 32px;
	line-height: 36px;
	background: #fff;
	color: #222;
	text-align: center;
	position: relative;
	display: inline-block;
	border-radius: 50%;
	margin-right: 3px;
}


.ONDA{
	width: 350px;
	height: 60px;
	line-height: 63px;
	font-weight: 900;
	text-align: center;
	color: #7f00fd;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 9;
	border-bottom: 1px dotted rgba(0,0,0.2);
}

.ONDA_RESPONDEU{
	background: #7f00fd;
	color: #fff;
}


.EMBA{
	width: 100%;
	height: auto;
	min-height: 120vh;
	background: none;
	position: relative;
	z-index: 0;
	display: flex;
	padding-top: 0px;
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
	transition: max-width 1s;
	padding-top: 40px;
}


.TYPAGE .EMBA{
	max-width: 2000px !important;
}


#SLIDETOP{
	width: 100%;
	position: relative;
	height: auto;
	background: #222;
	margin-bottom: 0px;
}

.BT_MASTER{
	width: 100%;
	text-align: center;
	color: #fff; font-weight: 900;
	font-size: 16px;
	letter-spacing: 1px;
	height: 50px;
	line-height: 50px;
	background: #7f00fd;
	border-radius: 10px;
	margin-top: 20px;
	cursor: pointer;
	float: left;
	margin-bottom: 0px;
}


#MYCAIXA{
	display: none;
	width: calc(100% - 100px);
	margin-left: 50px;
	float: left;
	position: sticky;
	bottom: 0px;
	z-index: 999;
	margin-top: 0px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
	background: #fff;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-font-smoothing: antialiased;
	text-rendering: text-rendering;
	/*box-shadow:  0 4px 4px 0 rgba(0,0,0,0.35);*/
}


.FIXHI #MYCAIXA{
	position: sticky;
	top: 0px !important;
}







.PONK{
	width: calc(100% / 2);
	height: 30px;
	line-height: 32px;
	font-weight: 900;
	color: #777;
	text-align: center;
	display: inline-block;
	float: left;
	font-size: 14px;
	letter-spacing: 1px;
}

.PONK::before{
	content: "";
	width: calc( (100% / 2) - 1px);
	height: 100%;
	position: absolute;
	border-right: 1px solid #222;
	left: 0px;
}


.AUSTIN{
	height: 400px;
	position: relative;
}



.LIMIOT{
	width: 100%;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	transition: max-width 1s;
}


.TYPAGE .LIMIOT{
	max-width: 1800px !important;
	padding-left: 50px;
}







.MYTAGS{
	position: relative;
	display: inline-block;
	margin-right: 15px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
	background: #222;
	border: 1px solid #222;
	border-radius: 10px;
	padding-left: 10px;
	padding-right: 10px;
}


.CODE{
	font-size: 14px;
	line-height: 18px;
	font-weight: 900;
	width: 100%;
	float: left;
	display: flex;
	margin-bottom: 10px;
}

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



.CAO{
	display: none;
	position: relative;
	padding-left: 0px;
	padding-bottom: 40px;
	padding-top: 0px;
	width: 500px;
	display: inline-block;
	float: left;
	margin-right: 30px;
}


.NOGAH{
	width: 160px;
	text-align: right;
	color: #565656;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	padding-right: 10px;
	height: 30px;
	line-height: 30px;
	float: left;
	border-top-left-radius: 5px;
	
}

.NOGAH2{
	width: calc(100% - 160px);
	text-align: left;
	color: #222;
	border-bottom: 1px solid #999;
	border-left: none;
	padding-left: 10px;
	height: 30px;
	line-height: 30px;
	float: left;
}


.NOGAH3{
	width: 200px;
	text-align: right;
	color: #565656;
	border: 1px solid #999;
	padding-right: 10px;
	height: 50px;
	line-height: 50px;
	float: left;
}

.NOGAH4{
	width: 450px;
	text-align: left;
	color: #222;
	border: 1px solid #999;
	border-left: none;
	padding-left: 10px;
	padding-right: 10px;
	height: 50px;
	line-height: 50px;
	float: left;
}





.COUL{
	width: 200px;
	height: 130px;
	position: absolute;
	background: #ccff00;
	left: 0px;
	bottom: -55px;
	z-index: 999;
	border-radius: 10px;
	margin-left: 0px;
	transition: margin-left 0.4s;
}

.TYPAGE .COUL{
	margin-left: 50px;
}


.CONTA{
	width: 100%;
	height: 50px;
	position: relative;
	font-size: 32px;
	color: #7f00fd;
	margin-bottom: 50px;
	margin-top: 0px;
	opacity: 1;
	transition: height 0.3s, opacity 0.3s, margin-bottom 0.3s, margin-top 0.3s;
}


.TYPAGE .CONTA{
	height: 1px;
	opacity: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}





.TYPAGE #THELOGO{
	left: 50px;
}


.LINE_CALENDARIO{
	border: 1px solid rgba(0,0,0,1);
	min-height: 50px;
	margin-bottom: 40px;
	position: relative;
	background: #fff;
	transition: background 0.3s;
	width: calc(100% - 0px);
	margin-left: 0px;
	border-radius: 10px;
	overflow: hidden;
}

.LINE_CALENDARIO:hover{
	border: 1px solid #770083;
}



.CADADIA{
	height: 60px;
	min-height: 60px;
	line-height: 65px;
	width: 350px;
	padding-right: 0px;
	position: absolute;
	bottom: 0px;
	text-align: right;
	font-size: 18px;
	letter-spacing: 1px;
	font-weight: 900;
	color: #999;
	background: #f4f4f4;
	overflow: hidden;
}

.DAT{
	color: #222;
	width: calc(50% - 15px);
	text-align: center;
	margin-right: 0px;
	display: inline-block;
	float: left;
	font-size: 18px;
}

.SETA{
	color: #999;
	width: 30px;
	text-align: center;
	margin-right: 0px;
	display: inline-block;
	float: left;
	font-size: 32px;
}

.DAT2{
	color: #222;
	width: calc(50% - 15px);
	text-align: center;
	margin-right: 0px;
	display: inline-block;
	float: left;
	font-size: 18px;
}

.PONTO{
	color: #999;
	width: 20px;
	text-align: center;
	margin-right: 0px;
	display: inline-block;
}




.LINE_MES{
	width: 100%;
	position: relative;
	display: flow-root;
}


.CADAMES{
	background: #7f00fd !important;
	height: 60px;
	font-weight: 900;
	position: sticky;
	top: 60px;
	z-index: 9999;
	margin-bottom: 30px;
	margin-top: 30px;
}

.TEXTMES{
	width: 300px;
	padding-right: 0px;
	color: #fff;
	font-size: 32px;
	line-height: 70px;
	text-align: left;
	padding-left: 20px;
}


.CADAEVENTO{
	width: calc(100% - 290px);
	margin-left: 350px;
}


.NSOCALENDAR{
	
}


.SELECTFILT{
	height: 30px;
	padding-top: 4px;
	padding-left: 5px;
	font-size: 14px;
	width: 100%;
	margin-top: 10px;
}







.CADA_ICON{
	font-size: 22px; margin: 0px; margin-right: 7px; color: #fff; opacity: 0.7
}


.CADA_1{
	width: calc(100% - 60px); color: #fff; background: #444; border-left:1px dotted rgba(0,0,0,0.8); padding-left: 30px; height: 60px;line-height: 65px; font-size: 18px; overflow: hidden;
}

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

.CADA_3{
	position: relative; z-index: 9999; width: auto; height: 60px; padding-left: 20px; padding-right: 10px; background: #555; float: right;
}

.CADA_4{
	width: calc(100% - 60px); height: 60px; border-top:1px dotted rgba(0,0,0, 0.8);  border-left:1px dotted rgba(0,0,0,0.8); padding-top: 0px; padding-bottom: 0px;
}

.CADA_5{
	border-right: 1px dotted rgba(0,0,0,0.8); margin-left: 30px; height: 60px; line-height: 63px; padding-left: 25px; font-size: 14px; display: inline-block; padding-right: 30px; position: relative; color: #222; float: left;  margin-top: 0px;
}

.CADA_6{
	background: url(/MOOD/MODELIC/images/MAPA.svg) no-repeat center left; background-size: 16px; position: absolute; left: 0px; top: 0px; width: 30px; height: 60px; display: inline-block;
}


.CADA_8{
	background: url(/MOOD/MODELIC/images/MAPA.svg) no-repeat center left; background-size: 16px; position: absolute; left: 0px; top: 0px; width: 30px; height: 60px; display: inline-block;
}


.CADA_9{
	width: calc(100% - 0px); color: #fff; background: #444; border-left:1px dotted rgba(0,0,0.2); padding-left: 30px; height: 60px;line-height: 60px; font-size: 18px;
}

.CADA_10{
	width: calc(100% - 0px); height: 60px; border-top:1px dotted rgba(0,0,0.2);  border-left:1px dotted rgba(0,0,0.2); padding-top: 0px; padding-bottom: 0px;
}

.CADA_11{
	width: 100px;
	height: 100px;
	display: inline-block;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}

.CADA_12{
	width: calc(100% - 0px); height: auto; border-top:1px dotted rgba(0,0,0.2);  border-left:1px dotted rgba(0,0,0.2); padding-top: 0px; padding-bottom: 0px;
}

.CADA_13{
	height: 60px; line-height: 63px; font-size: 14px; display: inline-block; padding-right: 30px; position: relative; color: #222; float: right;  margin-top: 0px;
}

.CADA_14{
	font-size: 18px;
	display: inline-block;
	float: right;
}

.CADA_15{
	padding-left: 15px;
	display: inline-block;
	float: right;
}


.CADA_16{
	width: calc(100% - 0px);
	color: #222;
	background: #ccff00;
	border-left:1px dotted rgba(0,0,0.2);
	padding-left: 30px;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
}

.CADA_17{
	width: auto;
	height: 60px;
	line-height: 70px;
	background: url(/MOOD/MODELIC/images/hand-shake.svg) no-repeat center left;
	background-size: 60px;
	margin-left: 0px;
	padding-left: 70px;
}




.CADACASTING{
	
}



.BARRA_ROXA{
	width: 100%;
	position: relative;
	float: left;
	height: 10px;
	margin-bottom: 10px;
}

.BARRA_ROXA::before{
	content: "";
	width: 100px !important;
	height: 10px !important;
	background: #7f00fd;
	position: relative;
	display: block;
}


.ONION{
	color: #666
}



.FOTOSE_1::before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	border: 6px solid #7f00fd;
}



.SELECIONADOS_OK .ACADAFOTO_0{
	opacity: 0.4;
	filter: saturate(0);
}


.ACADAFOTO{
	width: auto;
	display: inline-block;
	border: 1px dotted rgba(0,0,0,0.8);
	position: relative;
	margin-right: 10px;
	padding: 0px;
	margin-bottom: 15px;
}

.CHAGPRICE{
	text-align: center;
	color: #222;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	background: #fff;
}

.ACADAFOTO_1 .CHAGPRICE{
	background: #7f00fd;
	color: #fff;
}

.CAND{
	font-weight: 900;
	color: #222;
	opacity: 0.5;
}


.ONAG{
	font-size: 12px; width: 100%; height: 30px; line-height: 36px; padding-left: 0px; display: inline-block; float: left; padding-right: 0px;
}

.KAOH_1{
	width: 36px; height: 36px; position: relative; display: inline-block; float: left;
}

.KAOH_2{
	height: 36px; line-height: 36px; position: relative; display: inline-block; float: left;
}



.CADA_LINEMODELO{
	width: 100%;
	position: relative;
	float: left;
	margin-bottom: 10px;
	border: 1px solid #222;
	border-radius: 10px;
	padding: 10px;
	background: #fff;
	box-shadow:  0 4px 4px 0 rgba(0,0,0,0);
	transition: background 0.3s, box-shadow 0.3s;
}

.CADA_LINEMODELO:hover{
	background: #fff;
	box-shadow:  0 4px 4px 0 rgba(0,0,0,0.65);
}

.CADA_LINEMODELO:hover > .MYBORDER{
	opacity: 1;
}

.MYBORDER{
	width: calc(100% + 6px);
	height: calc(100% + 6px);
	border: 3px solid #222;
	border-radius: 12px;
	position: absolute;
	left: -3px;
	top: -3px;
	z-index: 9;
	opacity: 0;
	transition: opacity 0.3s;
}


.LINEM_NOME{
	float: left;
	margin-left: 0px;
	width: calc(100% - 0px);
	border-bottom: 1px dotted rgba(0,0,0,0.5);
	background: none;
	margin-bottom: 5px;
	height: auto;
	min-height: 35px;
}

.LINEM_EDIT{
	float: left;
	margin-left: 20px;
	padding-top: 5px;
	margin-top: 10px;
	width: calc(100% - 20px);
	border-top: 1px dotted rgba(0,0,0,0.5);
	background: none;
	display: none;
}


.LINEM_1{
	width: 140px;
	height: 140px;
	margin-top: 7px;
	position: relative;
	float: left;
}

.LINEM_2{
	width: 50%;
	height: auto;
	position: relative;
	float: left;
	padding-left: 0px;
}

.LINEM_3{
	width: 50%;
	height: auto;
	position: relative;
	float: left;
	padding-left: 0px;
}

.LINEM_4{
	width: 250px;
	height: auto;
	position: relative;
	float: left;
	padding-left: 20px;
}

.ORDLINEM{
	width: 510px;
	margin-left: 20px;
	float: left;
	position: relative;
}


.OAUY{
	float: left;
	width: 100%; 
	min-height: inherit;
	border-left: none;
	margin-top: 0px;
}

.THEIMG{
	width: 140px;
	height: 140px;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: #e1e1e1;
}



.TPDIF{
	width:100%;
	max-width: calc(100% - 500px);
	margin-left: 30px;
	display: inline-block;
}




.MARKM{
	width: 25px;
	height: 25px;
	line-height: 25px;
	margin-right: 3px;
	margin-bottom: 3px;
	text-align: center;
	background: #ccc;
	opacity: 0.4;
	float: left;
	font-size: 12px;
	display: inline-block;
}

.MARKTHIS{
	opacity: 1 !important;
	background: #222;
	color: #fff;
}


.PEGA{
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
	letter-spacing: 0.5px;
	z-index: 99;
	position: relative;
	text-align: center;
	float: left;
	height: 25px;
	line-height: 27px;
	background: rgba(1,1,1,0.1);
	color: #222;
	font-size: 12px;
}

.PEGA_OK{ 
	background: #7f00fd !important;
	color: #fff;
}

.ARROWPEGA{
	width: 30px;
	text-align: center;
	color: #222;
	opacity: 0.4;
	display: inline-block;
	font-size: 18px;
}

.PEGA_OK .ARROWPEGA{
	color: #fff;
	opacity: 0.6;
}


.SELECT_MODELOS{
	width: 410px;
	max-height: 100vh;
	margin-right: 30px;
	height: auto;
	background: #e1e1e1;
	border-radius: 10px;
	overflow: hidden;
	position: sticky;
	top: 30px;
	float: right;
	display: inline-block;
}



.ORT_1{
	width: 100%;
	position: relative;
	display: flow-root;
}

.ORT_2{
	background-position: center center;
	background-size: cover;
	width: 100%;
	height:100%;
	position: absolute;
}

.ORT_3{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
	background: #7f00fd;
	color: #fff;
	display: inline-block;
}

.ORT_4{
	padding-top: 5px;
	margin-top: 0px;
	position: relative;
	display: flow-root;
	padding-left: 40px;
}

.ORT_5{
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: top 5px left;
	height: 30px;
	line-height: 36px;
	padding-left: 30px;
	display: inline-block;
	float: left;
	padding-right: 20px;
}


.ORT_7{
	background-size: 18px;
	background-position: top 5px left;
	background-repeat: no-repeat;
	height: 30px;
	line-height: 36px;
	padding-left: 30px;
	display: inline-block;
	float: left;
	padding-right: 20px;
	
}


.ORT_9{
	background-repeat:  no-repeat;
	background-position: top 7px left;
	height: 30px;
	line-height: 36px;
	background-size: 18px;
	padding-left: 30px;
	display: inline-block;
	float: left;
	padding-right: 20px;
}


.ORT_10{
	width: 100%;
	position: relative;
	float: left;
	padding: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-top: 10px;
}

.MAROC{
	height: 30px;
	line-height: 30px;
	display: inline-block;
	opacity: 0.6;
	float: initial;
	cursor: pointer;
}

.MAROC:hover{
	opacity: 1;
}


.CIFRAO{
	width: 22px;
	height: 40px;
	line-height: 40px;
	position: relative;
	text-align: left;
	display: inline-block;
	float: left;
	font-weight: 900;
	font-size: 14px;
	color: #666;
}

.PRI{
	width: 120px;
	height: 33px;
	position: relative;
	text-align: left;
	display: inline-block;
	float: left;
}

.PDIARIA{
	width: 100px;
	margin-left: 12px;
	height: 40px;
	line-height: 35px;
	position: relative;
	text-align: left;
	display: inline-block;
	float: left;
	font-size: 14px;
	color: #666;
	font-weight: 900;
}


.IMP_CACHE_VAZIO{
	border: 2px solid #CC0000;
}


#MENUTOPO{
	width: 100%;
	left: 0px;
	top: 0px;
	height: 60px;
	position: fixed;
	background: none;
	z-index: 999999;
	transition: background 0.2s
}

.BASEMENU{
	margin-top: 0px;
	transition: margin-top 0.5s;
}

.MENUTOPO_FLOAT{
	background: #7f00fd !important;
	border-bottom: 1px solid #fff;
}

.MENUTOPO_FLOAT .BASEMENU{
	margin-top: -10px;
}


.THELOGO{
	position: absolute;
	left: 0px;
	top: 40px;
	width: 165px;
	height: 80px;
	background-image: url(/MOOD/MODELIC/images/MODELIC_WHITE.svg);
	background-position: left top;
	background-size: auto 80px;
	background-repeat: no-repeat;
	transition: margin-top 0.3s, background-size 0.3s, background-size 0.3s;
}

.MENUTOPO_FLOAT .THELOGO{
	height: 43px;
	background-size: auto 43px;
	overflow: hidden;
	margin-top: -23px;
}


.MAROC_EDITS{
	width: auto;
	position: relative;
	float: left;
	text-align: left;
}

.TP_LISTAMODELOS .MAROC_EDITS{
	width: auto;
	position: absolute;
	top: 5px;
	right: 10px;
	background: none;
	text-align: right;
}


.SETATIT{
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	top: -3px;
	opacity: 0.5;
	font-weight: 900;
}


.CHAMUT{
	width: auto;
	margin-left: 0px;
	font-weight: 900;
	font-size: 32px;
	line-height: 82px;
	color: #fff;
	padding-bottom: 20px;
}


.CANON_1{
	width: 100%;
	position: relative;
	float: left;
	color: #222;
}

.CANON_2{
	width: auto;
	background: #7f00fd;
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
	float: left;
}

.CANON_3{
	padding: 10px;
	width: 100%;
	border: 1px dotted rgba(0,0,0,0.3);
	float: left;
}

.CANON_4{
	width: 100%;
	position: relative;
	float: left;
	color: #222;
	margin-bottom: 5px;
}

.CANON_5{
	width: 100%;
	position: relative;
	float: left;
	color: #666;
	padding-left: 14px;
}

.CANON_5::before{
	content: "";
	width: 7px;
	height: 7px;
	background: #222;
	opacity: 0.35;
	position: absolute;
	left: 0px;
	top: 7px;
}

.ENCERROU_EVENTO{
	opacity: 0.4;
	filter: saturate(0);
}


#MYMOD{
	background: rgba(0,0,0,0.8);
	width: 100vw;
	height: 100vh;
	z-index: 9999999;
	position: fixed;
	overflow: auto;
	display: none;
}


#MYMOD_INT{
	width: 100%;
	min-height: calc(100vh - 60px);
	margin-top: 0px;
	position: relative;
	z-index: 99999999;
	background: #f4f4f4;
	float: left;
}


.MYMOND_KONA{
	width: 100%;
	height: 60px;
	position: sticky;
	top: 0px;
	left: 0px;
	background: #7f00fd;
	z-index: 999999999;
}

.MYMOD_CLOSE{
	top: 0px;
	right: 0px;
	width: 60px;
	height: 60px;
	z-index: 9999999;
	position: absolute;
	background: rgba(0,0,0,0.2);
	text-align: center;
}

.MYMOD_TIT{
	width: calc(100% - 100px);
	height: 60px;
	line-height: 60px;
	font-size: 22px;
	color: #fff;
	margin-left: 30px;
	overflow: hidden;
	text-transform: uppercase;
}


.LOADING_PAGAMENTO{
	min-height: 300px;
	width: 100%;
	background: url(/MOOD/MODELIC/images/loading.svg) no-repeat center center !important;
	background-size: 50px !important;
}

#MYMENSAGENS{
	width: 450px;
	height: auto;
	min-height: 80px;
	max-height: calc(100vh - 70px);
	position: absolute;
	left: -190px;
	top: 40px;
	z-index: 99999;
	background: none;
	padding-top: 0px;
	padding: 0px;
	text-align: left;
	display: none;
}


#INT_MYMENSAGENS{
	background: #7f00fd;
	width: 100%;
	max-height: calc(100vh - 100px);
	overflow: auto;
	float: left;
	position: relative;
	padding: 20px;
	border-radius: 10px;
	margin-top: 10px;
}




.CADA_MENSAGEM{
	width: calc(100% - 0px);
	margin-left: 0px;
	margin-bottom: 10px;
	position: relative;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #222;
	border-radius: 5px;
	background: #e1e1e1;
	cursor: pointer;
	color: #666;
}

.CADA_MENSAGEM:hover{
	background: #fff;
}


.THE_REMETENTE{
	width: calc(100% - 20px);
	margin-left: 10px;
	margin-right: 10px;
	font-size: 14px;
	position: relative;
	float: left;
	margin-top: 5px;
	padding-top: 5px;
	height: auto;
	line-height: 15px;
	color: #222;
	border-top: 1px dotted rgba(0,0,0,0.3);
	display: none;
}

.THE_MENSAGEM{
	width: calc(100% - 20px);
	margin-left: 10px;
	margin-right: 10px;
	font-size: 14px;
	position: relative;
	float: left;
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px dotted rgba(0,0,0,0.3);
	line-height: 18px;
}

.DATA_MENSAGEM{
	width: 100%;
	height: 15px;
	position: relative;
	float: left;
	line-height: 15px;
	color: #999;
	font-size: 12px;
	margin-left: 10px;
}



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






.COUNT_MENSAGENS{
	width: 100%;
	height: 25px;
	line-height: 22px;
	position: absolute;
	left: 0px;
	bottom: -20px;
	z-index: 99;
	background: #ccff00;
	color: #222;
	text-align: center;
	display: none;
}


.HONEY{
	position: absolute;
	z-index: 9;
	width: 100%;
	height: 400px;
	top: 0px;
	left: 0px;
	overflow: hidden;
}

.NOMOBILE{
	width: 100vw;
	height: 100vh;
	text-align: center;
	line-height: 100vh;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999999999999;
	background: #fff;
	display: none;
	
}




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









/* Estilos aplicados quando a tela for MENOR que 1400px */
@media (max-width: 1450px) {
	.NOMOBILE{
		display: block;
	}
}