/* ==== HELPERS ==== */
@media screen and (min-width: 768px) {
    .oculta-mobile { display: block !important; }
    .oculta-desktop { display: none !important; }
}
@media screen and (min-width: 0px) and (max-width: 768px) {
    .oculta-mobile { display: none !important; }
    .oculta-desktop { display: block !important; }
}

.borda-redonda {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.sombra {
	box-shadow: 0px 0px 7px #9E9E9E;
}

body {
	/*background: url('../images/bg.jpg') repeat;*/
	background: #f8f8f8;
}
@media screen and (min-width: 0px) and (max-width: 768px) {
    body { background: #FFF; }
}



nav .menu-mobile {
	z-index: 99999999999 !important;
}


.action-case {
	top: 0 !important;
	z-index: 100 !important;
}


#qtd_carrinho_topo {
    background: #337ab7;
    color: #FFF;
    position: absolute;
    padding: 3px 5px;
    font-size: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-weight: bold;
    right: 0;
    margin-top: -25px;
    margin-right: -7px;
    cursor: pointer;
}

.icones-img a, .icones-img a:hover {
    text-decoration: none !important;
}


#random-btn.disabled {
	opacity: 0.3 !important;
    cursor: not-allowed !important;
}


/* ==== TOPO ==== */
header .topo {
	background: #00ABCF;
	color: #FFF;
}
header .topo a, header .topo a:hover {
	color: #FFF;
	text-decoration: underline;
}
header nav ul, header nav ul li {
	display: inline-block;
	list-style: none;
	padding: 0;
}
header nav ul li {
	padding-right: 10px;
} 
header nav ul li a {
	text-decoration: none !important;
}
header .logo img {
	margin: 20px 0;
	max-width: 100%;
}
header .icone-menu-mobile {
	position: absolute;
	margin-top: 35px;
	margin-left: 15px;
	z-index: 9999;
}
header .login {
	text-align: center;
	padding-top: 44px;
	font-size: 13px;
	width: 20% !important;
	position: static !important;
	height: auto !important;
	top: auto !important;
	left: auto !important;
}
header .menu {
	padding-top: 44px;
	text-transform: uppercase;
	font-size: 13px;
	width: 50%;
}
header .menu nav ul li a, header .login {
	font-weight: bold;
}
header .icones {
	width: 5%;
	padding-top: 35px;
}
header .icones img {
	width: 25px;
	margin: 3px;
}
header .icones .icones-img {
	position: absolute;
	margin-left: -31px;
}

/* ajustes mobile */
@media screen and (min-width: 0px) and (max-width: 768px) {
    header .logo { text-align: center; width: 100%; }
    header .logo img { width: 100% !important; max-width: 220px !important; padding-bottom: 20px; }
    header .icone-menu-mobile img { width: 25px; }
}

@media screen and (max-width: 1234px) {
    header .menu { padding-top: 34px; }
}
@media screen and (max-width: 1168px) {
	header .login { padding-top: 34px; }
}
@media screen and (max-width: 997px) {
	header .icones .icones-img { margin-left: -42px; width: 70px; }
}

.conteudo .nome-categoria {
	margin-bottom: 20px;
}
.conteudo .nome-categoria h1 {
	font-family: 'Passion One', cursive;
	font-size: 32px;
	text-transform: uppercase;
	color: #F7053F;
	border-bottom: 1px #F7053F solid;
	padding-bottom: 10px;
	margin-top: 40px;
	width: 100%;

	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform: capitalize !important;
	font-weight: normal !important;
	color: #000;
	border-bottom-color: rgba(0, 0, 0, 0.3);
}
.conteudo .nome-categoria h1.px28 {
	font-size: 28px;
}

.personalizador-novo .instrucoes-bg {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 99997;
	background: rgba(0, 0, 0, 0.8);
	top: 0;
	left: 0;
}
.personalizador-novo .instrucoes {
	width: 367px;
	height: 517px;
	max-width: 100%;
	background-image: url('../images/personalizador_instrucoes.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom;
	position: fixed;
	bottom: 0;
	z-index: 99999;
}

.personalizador-novo { margin-bottom: 40px; }

.personalizador-novo ul.itens_principais, .personalizador-novo ul.itens_principais li {
	list-style: none;
	padding: 0;
	margin: 0;
}
.personalizador-novo ul.itens_principais {
	width: 100%;
}
.personalizador-novo ul.itens_principais li {
	width: 33.3333%;
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	margin-left: -4px;
}
.personalizador-novo ul.itens_principais li a {
	color: #FFF;
	font-weight: bold;
	background: #3F3F3F;
	display: block;
	width: 100%;
	text-decoration: none;
	padding: 10px 0;
	margin: 0;
}
.personalizador-novo ul.itens_principais li a:hover {
	background: #5FA9CC;
}
.personalizador-novo ul.itens_principais li a.active {
	background: #5FA9CC;
}


.personalizador-novo ul.itens_secundarios, .personalizador-novo ul.itens_secundarios li {
	list-style: none;
	padding: 0;
	margin: 0;
}
.personalizador-novo ul.itens_secundarios {
	width: 100%;
}
.personalizador-novo ul.itens_secundarios li {
	width: 33.3333%;
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	margin-left: -4px;
}
.personalizador-novo ul.itens_secundarios li a {
	color: #4A4A4A;
	background: #DADADA;
	display: block;
	width: 100%;
	text-decoration: none;
	padding: 10px 0;
	margin: 0;
	font-size: 12px;
	min-height: 137px;
}
.personalizador-novo ul.itens_secundarios li a img {
	margin-left: -8px;
}
.personalizador-novo ul.itens_secundarios li a:hover {
	color: #00AACF;
}
.personalizador-novo ul.itens_secundarios li a.active {
	color: #00AACF;
	font-weight: bold;
}
.personalizador-novo ul.itens_secundarios li a div.icone-selecionado {
	position: absolute;
	width: 33.3333%;
	height: 11px;
	background: url('../images/personalizador_icone_selecionado.png') no-repeat center;
	margin-top: 127px;
	margin-left: -8px;
	display: none;
}
.personalizador-novo ul.itens_secundarios li a.active div.icone-selecionado {
	display: block;
}

.personalizador-novo ul.itens_secundarios li.item_fotos, .personalizador-novo ul.itens_secundarios li.item_extras {
	width: 50%;
	/* width: 33.33333%; */
}
.personalizador-novo ul.itens_secundarios li.item_fotos img, .personalizador-novo ul.itens_secundarios li.item_extras img {
	display: block;
	text-align: center;
	width: 57px;
	margin: 0 auto;
	margin-bottom: 22px;
	margin-top: 18px;
}
.personalizador-novo ul.itens_secundarios li.item_fotos a.active div.icone-selecionado, .personalizador-novo ul.itens_secundarios li.item_extras a.active div.icone-selecionado {
	margin-left: 18px;
}

.personalizador-novo .itens_conteudo {
	margin-left: -4px;
	padding-right: 1px;
	width: 100%;
}
.personalizador-novo .itens_conteudo .titulo {
	background: #5FA9CC;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	padding: 10px 0;
}
.personalizador-novo .itens_conteudo .voltar {
	position: absolute;
	margin-left: 5px;
	margin-top: 5px;
}
.personalizador-novo .itens_conteudo .voltar img {
	width: 30px;
	height: 30px;
}

.personalizador-novo ul.marcas_modelos, .personalizador-novo ul.marcas_modelos li {
	list-style: none;
	padding: 0;
	margin: 0;
}
.personalizador-novo ul.marcas_modelos li a {
	width: 100%;
	display: block;
	text-align: center;
	text-transform: uppercase;
	background: #DADADA;
	color: #333;
	padding: 10px 0;
	border-bottom: 1px solid #666;
	text-decoration: none;
}
.personalizador-novo ul.marcas_modelos li a:hover {
	color: #5FA9CC;
}


.personalizador-novo ul.marcas_modelos.acabamentos .row {
	padding: 0 30px;
}
.personalizador-novo ul.marcas_modelos.acabamentos .col-xs-4 {
	background: #333;
	height: 85px;
}
.personalizador-novo ul.marcas_modelos.acabamentos .col-xs-8 {
	text-align: left;
	font-size: 12px;
}
.personalizador-novo ul.marcas_modelos.acabamentos .col-xs-8 p {
	padding: 0;
	margin: 0;
	color: #5fa9cc;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 5px;
}


.personalizador-novo .produto-titulo, .personalizador-novo .produto-valor-riscado {
	font-family: 'Passion One', cursive;
	font-size: 32px;
	color: #F7053F;
	margin-top: 100px;
	text-transform: uppercase;

	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #000;
	font-size: 28px;
}
.personalizador-novo .produto-valor-riscado {
	text-decoration: line-through;
	margin-top: 0;
}
.personalizador-novo .produto-valor {
	font-family: 'Passion One', cursive;
	font-size: 50px;
	color: #5fa9cc;

	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color: green;
	font-size: 40px;
	margin-bottom: 30px;
}
.personalizador-novo .produto-botao button {
	width: 100%;
	max-width: 165px;
	text-transform: uppercase;
	color: #FFF;
	font-weight: bold;
	border: 0;
	background: #00B600;
	padding: 15px;
	box-shadow: 0px 0px 8px #999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


.personalizador-novo ul.layouts, .personalizador-novo ul.layouts li {
	padding: 0;
	margin: 0;
	text-align: center;
}
.personalizador-novo ul.layouts {
	padding-top: 10px;
	background: #dedede;
}
.personalizador-novo ul.layouts li {
	display: inline-block;
}
.personalizador-novo ul.layouts li a {
	display: block;
}
.personalizador-novo ul.layouts li a:hover {
	background: #5FA9CC;
}

.personalizador-novo .conteudo_outros, .personalizador-novo .fotos_facebook {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	background: #DADADA
}



.personalizador-novo ul.conteudo_filtros, .personalizador-novo ul.conteudo_filtros li {
	padding: 0;
	margin: 0;
	list-style: none;
}
.personalizador-novo ul.conteudo_filtros li {
	text-transform: uppercase;
	font-size: 13px;
	display: inline-block;
	width: 50%;
}
.personalizador-novo ul.conteudo_filtros li a {
	display: block;
	width: 90%;
	margin: 10px;
	color: #000;
	padding: 20px 0 0 0;
	text-decoration: none;
	height: 80px;
}
.personalizador-novo ul.conteudo_filtros li a.nenhum { background: #FFF; }
.personalizador-novo ul.conteudo_filtros li a.peb { background: #393939; }
.personalizador-novo ul.conteudo_filtros li a.noite { background: #6A74BA; }
.personalizador-novo ul.conteudo_filtros li a.ciano { background: #74B2CB; }
.personalizador-novo ul.conteudo_filtros li a.lomografia { background: #C8D8A2; }
.personalizador-novo ul.conteudo_filtros li a.natureza { background: #72914C; }
.personalizador-novo ul.conteudo_filtros li a.madeira { background: #EDBC8A; }
.personalizador-novo ul.conteudo_filtros li a.fimdetarde { background: #F6DF8C; }
.personalizador-novo ul.conteudo_filtros li a.aurora { background: #433B41; }

.personalizador-novo .itens_conteudo .seta {
	position: absolute;
	right: 0;
	margin-right: 30px;
	margin-top: 8px;
}


.personalizador-novo .coluna-2 { 
	text-align: center;
}
.personalizador-novo .personalizador-imagem {
	margin-bottom: 40px;
}

.personalizador-novo .conteudo_outros label {
	width: 90%;
	text-align: left;
	text-transform: uppercase;
	font-weight: normal;
}
.personalizador-novo .conteudo_outros input[type="text"], .personalizador-novo .conteudo_outros select {
	width: 90%;
	margin-bottom: 20px;
	border: 1px solid #CCC;
	padding: 5px;
}
.personalizador-novo .conteudo_outros button {
	width: 100%;
	max-width: 165px;
	text-transform: uppercase;
	color: #FFF;
	font-weight: bold;
	border: 0;
	background: #00B600;
	padding: 15px;
	box-shadow: 0px 0px 8px #999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.personalizador-novo .conteudo_personalizador {
	background: #DADADA;
}


@media screen and (min-width: 0px) and (max-width: 768px) {

	.personalizador-novo { margin-bottom: 80px; }

	.personalizador-novo ul.itens_principais { position: fixed; left: 0; bottom: 0; z-index: 99998; width: 102%; }
	.personalizador-novo ul.itens_secundarios { position: fixed; left: 0; bottom: 0; margin-bottom: 40px; z-index: 99998; border-top: 2px solid #F2F2F2; width: 102%; }
	.personalizador-novo ul.itens_secundarios li a img { display: none !important; }
	.personalizador-novo ul.itens_secundarios li a div.icone-selecionado { display: none !important; }

	.personalizador-novo ul.itens_secundarios li a { min-height: 0px; }

	.personalizador-novo .itens_conteudo { margin-top: 20px; }

	.personalizador-novo .coluna-2 { margin-top: 20px; text-align: center; }


}


@media screen and (min-width: 767px) {
	.personalizador-novo .conteudo_personalizador { display: block !important; }

	.personalizador-novo .instrucoes { display: none !important; }
	.personalizador-novo .instrucoes-bg { display: none !important; }
}



/* AJUSTES MOBILE */
@media screen and (min-width: 0px) and (max-width: 768px) {

	body { margin-bottom: 35px !important; }

	.btn-visualizar {
		position: fixed;
		bottom: 0;
		z-index: 9999999;
		display: block !important;
		margin-bottom: 47px;
	    width: 100%;
	    left: 0;
	    border-bottom: 1px solid #FFF;
	}
	.btn-visualizar button {
		margin: 0;
		width: 100%;
		background: #4682B4;
		color: #fff;
		padding: 5px;
	    text-transform: uppercase;
	    font-size: 12px;
	    border: 0;
	    border-right: 1px solid #FFF;
	    border-bottom: 1px solid #FFF;
	}
	.btn-visualizar button.fimcapinha {
		background: #008000;
		border-right: 0;
	}
	.btn-visualizar .col-xs-6 {
		margin: 0;
		padding: 0;
	}
    
	.personalizador-novo .f-height.absolute.bloqueado {
		left: 0;
		max-width: 100%;
		width: 100%;
	}

	.personalizador-novo .top-tabs.absolute {
		max-width: 100%;
	}

	.personalizador-novo .slider-element {
		width: 5000px;
	}
	.personalizador-novo #sub-nav-products, .personalizador-novo #sub-nav-photos, .personalizador-novo #sub-nav-extra {
		width: 100%;
	}

	.personalizador-novo .main-builder-nav {
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 9999999;
		margin-bottom: 0;
	}

	.personalizador-novo #sub-nav-products, .personalizador-novo #sub-nav-photos, .personalizador-novo #sub-nav-extra {
		margin-top: 22px;
	}


	.personalizador-novo .div-setup, .personalizador-novo .div-foto-case, .personalizador-novo .div-info-fim {
		position: static !important;
		left: 0 !important;
		border-bottom: 0;
	}


	.personalizador-novo div[nav-id="lista-marcas"] .titulo, .personalizador-novo div[nav-id="lista-modelos"] .titulo, .personalizador-novo div[nav-id="lista-acabamentos"] .titulo, .personalizador-novo div[nav-id="lista-layouts"] .titulo {
		background: #5fa9cc;
    	padding-top: 1px;
    	color: white;
	}

	.personalizador-novo div[nav-id="lista-modelos"] a, .personalizador-novo div[nav-id="lista-acabamentos"] a, .personalizador-novo div[nav-id="lista-layouts"] div {
		background: #FFF;
	}

	.personalizador-novo .sub-builder-nav>li>a.active:after, .personalizador-novo .sub-builder-nav>h2.active:after {
		display: none;
	}


	.personalizador-novo ul#fb-album-container li {
		width: 50%;
	}
	.personalizador-novo #facebook-photo-list {
		padding: 10px;
	}
	.personalizador-novo #facebook-photo-list ul {
		text-align: center;
	}
	.personalizador-novo #facebook-photo-list ul li {
		width: 100px;
		float: inherit;
		position: inherit;
		display: inline-block;
	}
	.personalizador-novo #facebook-photo-list ul li img {
		width: 90px;
		height: 90px;
		object-fit: cover;
    	object-position: center;
	}


	.personalizador-novo .div-foto-case {
		width: 100%;
		position: fixed !important;
		top: 0;
		margin-top: 0 !important;
		background: rgba(0, 0, 0, 0.6);
		z-index: 99999999;
		display: none;
		height: 100%;
		overflow: auto;
		padding-top: 290px !important;
	}
	.personalizador-novo .div-foto-case.para-visualizar {
		padding-top: 150px !important;
	}

	.personalizador-novo .slide-show {
		height: auto !important;
		margin-top: 116px;
	}

	.personalizador-novo ul.marcas_modelos, .personalizador-novo ul.featured-phone-list, .personalizador-novo ul.case-choice, .personalizador-novo ul.layout-choice, .personalizador-novo ul#fb-album-container, .personalizador-novo ul.facebook-photo-collection-view, .personalizador-novo div[nav-id="upload-page"], .personalizador-novo ul#filter-list-container, .personalizador-novo #text-edit-tool, .personalizador-novo div[nav-id="facebook-connect"] {
		margin-bottom: 90px !important;
	}



	.personalizador-novo .div-info-fim {
		width: 100%;
		top: 0 !important;
	    display: none;
	    position: fixed !important;
	    z-index: 99999999999;
	    margin-top: 0;
	    height: 0 !important;
	    text-align: center;
	}
	.personalizador-novo .div-info-fim .div-btn-finalizar {
		margin-top: 0 !important;
		height: auto !important;
		text-align: center;
	}
	.personalizador-novo .div-info-fim h4, .personalizador-novo .div-info-fim h2#txt_modelo {
		color: #FFF;
	}
	.personalizador-novo .div-info-fim #txt_acabamento, .personalizador-novo .div-info-fim #txt_preco_antigo {
		display: none !important;
	}
	.personalizador-novo .div-info-fim #txt_preco {
		line-height: 10px;
	}

	.personalizador-novo #btn-finalizar-mobile {
		display: block !important;
	}
	.personalizador-novo #btn-finalizar-mobile button {
		border: 0;
		background: #008000;
		color: #fff;
		padding: 10px 20px;
	    text-transform: uppercase;
	    font-size: 12px;
	    -moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		font-weight: bold;
		margin: 20px 0;
	}
	.personalizador-novo #btn-finalizar-mobile .aviso-mobile {
		font-size: 10px;
	    text-transform: uppercase;
	    color: #FFF;
	    margin: -5px 0 0 0;
	}


	.personalizador-novo footer {
		/* display: none !important; */
	}

	.personalizador-novo .produto-descricao {
		color: #FFF;
	}
	.personalizador-novo .produto-titulo {
		margin-top: 20px !important;
	}



	.info-visualizar-capinha-mobile {
		position: fixed;
		width: 100%;
		color: #FFF;
		text-align: center;
		z-index: 999999999;
		top: 0;
		padding-top: 20px;
	}
	.info-visualizar-capinha-mobile a, .info-visualizar-capinha-mobile a:hover, .info-visualizar-capinha-mobile a:active {
		color: #FFF;
		padding-top: 10px;
		text-transform: uppercase;
		font-weight: bold;
		display: block;
		text-decoration: none;
	}

}



input#busca {
    border-style: solid;
    border-width: thin;
    border-radius: 10px;
    padding-left: 15px;
    background-color: #FFF;
    color: #000;
    height: auto !important;
}
nav ul li.busca {
    padding: 0;
    position: absolute;
    right: 0;
    /*margin-top: -22px;*/
    margin-right: 20px;
    top: 0;
    margin-top: 43px;
}



.voltar.oculta-desktop {
	position: absolute;
	right: 0;
	margin-right: 15px;
	margin-top: 20px;
}
.voltar.oculta-desktop img {
	width: 35px;
}



#reset-btn i, #random-btn i {
	display: none;
}
#reset-btn, #random-btn {
	width: 100%;
    max-width: 165px;
    text-transform: uppercase;
    color: #FFF;
    font-weight: bold;
    border: 0;
    background: #F7053F;
    padding: 15px;
    box-shadow: 0px 0px 8px #999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    opacity: 1 !important;
    cursor: pointer !important;
}
#reset-btn:hover, #random-btn:hover, #reset-btn:active, #random-btn:active {
	text-decoration: none;
}
#reset-btn {
	padding: 25px 10px;
	margin-right: 10px;
}