@import url("prettyPhoto.css") screen;

/*******************************************************************
				ESTRUTURA GERAL
*******************************************************************/

#logo_inicial {display: none;}

body {
	padding: 0px;
	margin-top: 50px;
	font-family: 'Lato', sans-serif;
	color: #384452; 
	background: #ffffff; 
	height: 100%; 
	font-size: 16px;
	text-align: center;
	}

h2 { font-size: 1.8rem}
h4 { font-size: 1.2rem}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
}
h2, h3 {
	margin-top: 10px;
	margin-bottom: 15px;
}

hr {
	border-bottom: 2px solid #384452 ;
	width: 60%;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
}

p { 
	margin-bottom: 12px; 
	line-height: 24px;
	margin-top: 10px; 
	font-size: 14px;
}

label {
	font-weight: 700;
	margin-top: 15px;
	min-width:200px;
}
.label-peq {
	font-weight: 700;
	margin-top: 15px;
	min-width:80px;
}


form2 {
	width: 50%;
	clear:both;
}

img {
	height: auto;
	max-width: 100%;
}

.img_det { margin-top:-4px }   /* Detalhe(+) Bases */

a { 
	font-size: 16px;
	text-decoration: none; 
	-webkit-transition: background-color .4s linear, color .4s linear;
	-moz-transition: background-color .4s linear, color .4s linear;
	-o-transition: background-color .4s linear, color .4s linear;
	-ms-transition: background-color .4s linear, color .4s linear;
	transition: background-color .4s linear, color .4s linear;
}
a:hover, a:focus {
  text-decoration: none;
  color:#01B2FE;
}

.centered {
	text-align: center;
}

.clear {
	clear:both;
}

ul { justify-content: center;}

.album { display: inline-block; margin: 10px; margin-left: 30px; margin-right: 30px;}
.album_titulo {font-size: 16px;}
.album_edit, .album_edit1 {display: none; }
.album_edit  input {padding: initial; width:150px; font-size: 16px;}
.album_edit1 input {padding: initial; width:150px; font-size: 16px;}
.box_album {display: inline-block;}
.box { display: inline-block;}
.box_img {cursor: move; width:200px ; margin:10px; z-index: 99999;}
.box.over {border-left: 3px dotted #666;} 
.box_img.over{border-left: 3px dotted #666;} 

/*******************************************************************
					MENU
*******************************************************************/
.navbar {
	min-height: 70px;
	padding-top: 10px;
	margin-bottom: 0px;
    display: flex;
    justify-content: center;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 99;
}

.navbar-header {
	color: white;
}

.navbar-default .navbar-nav > li > a {
	color: white;
	font-weight: 700;
	font-size: 12px;
	padding-left: 30px;
	vertical-align: sub;
}

#bs-example-navbar-collapse-1 {
	flex-grow: initial;
}

.navbar-default .navbar-nav > li > a:hover {
	color: #00b3fe;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #00b3fe;
	background-color: transparent;
}

.navbar-default .navbar-nav > li > a:focus {
  color: #00b3fe;
  background-color: transparent;
}

.navbar-default {
	background-color: #384452;
	border-color: transparent;
}

/*   */

.dropdown-menu {
	background: #384452;
}

.dropdown-menu > li > a {
	color: white;
	font-weight: 700;
	font-size: 12px;
}
.caret {			/* Seta p/baixo */
	color: white;
}

.logo {
	float:left;
	padding:3px 0px;
}

#form_logon {
	display: none;
}

.aviso_cookie {
	height: 30px;
	color: white;
	margin-top: -10px;
	z-index: -99999;
}
.aviso_cookie p{
	background: #384452;
	padding-top: 0px;
}
.cookieHome { height: 50px}

.noticia_home 		{display: block; width: 100%; padding-left: 20%; padding-right: 20%}
.noticia_home_det	{float:left; width: 50%; margin-top: 20px; margin-bottom: 10px;}

/*----------------------------------*/

.btn-div { margin-top: 15px;
			margin-bottom: 15px;
}
.btn	{
	display: inline;
	margin-top: 20px;
	width:330px;
	font-size: 18px;
}
.btn-primary {
  color: #fff;
  background-color: #384452;
  border-color: #000;
  padding: 15px;
}
.btn-danger, .btn-warning {
	padding: 15px;
	margin-top: 30px;
}
.btn-peq {
  padding: 15px 20px;
}

.btn-tam-orig {
	width: initial;
}

.btn-theme, .btn-success {
  display:inline-block;
  color: #fff;
  background-color: #384452;
  border-color: #384452;
  margin-top: 30px;
  padding: 15px;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-theme:hover,
.btn-theme:focus,
.btn-theme:active,
.btn-theme.active,
.open .dropdown-toggle.btn-theme {
  color: #fff;
  background-color: #337ab7;
}

/* Lupa Img */
.dmbutton {
	background:rgba(0, 0, 0, 0);
	border: 1px solid #ffffff;
	color: #ffffff;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding-top: 1.025rem;
	padding-right: 2.25rem;
	letter-spacing:0.85px;
	padding-bottom: 1.0875rem;
	padding-left: 2.25rem;
	font-size: 1.55rem;
	cursor: pointer;
	font-weight: normal;
	line-height: normal;
	margin: 0 0 1.25rem;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	-webkit-appearance: none;
	font-weight: normal !important;
}
.dmbutton:hover,
.dmbutton:active,
.dmbutton:focus{
	color: #ffffff;
	background-color: #222222;
	border-color: #ffffff;
}

/* Ajustes para Margens TOP e BOTTOM  */
.mt {
	 margin-top: 10px;  /* pagina inicial  */
}
.mb {
	margin-bottom: 60px;
}

/* Carousel */

.mt {
	margin-top: -24px;
	background-color:  #1E2A38;
}

.carousel-indicators li {
	width: 10px;
	height: 10px;
	border-radius: 100%;
}

/* Linha divisória  */
.hline {
	border-bottom: 2px solid #384452;
	margin-bottom: 25px;
}
.hline-w {
	border-bottom: 2px solid #ffffff;
}
.hline-mlr {
	margin-left: 150px;
	margin-right: 150px;
}

.noticia {margin-bottom: 30px;}
.lista_noticias { margin-left: 10px ; margin-right: 10px; }
.titulo_noticia {font-size:18px; margin-bottom: 10px;}
.sub_titulo_noticia {}
.texto_noticia {text-align: left; margin: 15%;margin-top: 10px; margin-bottom: 10px;}

/*******************************************************************
					RODAPÉ
*******************************************************************/
#footerwrap {
	padding-top: 30px;
	padding-bottom: 30px;
	background: #384452;
}

#footerwrap p {
	color: #bfc9d3;
}

#footerwrap h4 {
	color: white;
}

#footerwrap i {
	font-size: 30px;
	color: #bfc9d3;
	padding-right: 25px;
}

#footerwrap i:hover {
	color: #00b3fe
}

/* Services Wrap */
#service {
	margin-top: 40px;
	margin-bottom: 5px;
}


/* Portfolio Wrap  ----------- VERIFICAR SE PODE SER EXCLUIDO, SE OS PBBASES PODEM FICAR NO CSS NATURAL*/
#portfoliowrap {
	padding-top: 30px;
	margin-bottom: 60px;
	display: block;
	text-align: center
}
#portfoliowrap h3 {
	margin-bottom: 5px;
}
.portfolio {
	padding:0 !important;
	margin:0 !important;
	display:block;
}
.portfolio-item .title:before {border-radius:0; display:none}
.portfolio-item p {margin:0px 0 30px;}
.portfolio-item h3 {margin:-10px 0 10px; font-size:16px; text-transform:uppercase;}
.portfolio-item img {padding: 20px}
/* Portfolio Wrap  -----------------------------------------------------------------------------------*/


.modal-body,.modal-dialog, .modal-content { width: 100%;height: 100%; padding: 0px; margin: 0px;
	border-bottom: 0px; border-radius: 0;}
.modal-header { width: 100%; padding: 0px; margin: 0px; border-bottom: 0px; border-radius: 0;}
.modal-dialog {max-width: initial;}


.fa {			/* Go Back, Go Top  */
	color: white;
	font-size: 30px;
}

.fa-search {display: none;}  /*prettyphoto */

.go-top:hover { text-decoration: none; color: #fff; background-color: #00b3fe; border-color: #00b3fe;
}

.go-top {position: fixed;bottom: 15px;right: 0px;padding: 0;color: #fff; background-color: #888; text-decoration: none;font-size: 30px; width: 44px;height: 44px;display: inline-block;text-align: center; -moz-border-radius: 60%; -webkit-border-radius: 60%; border-radius: 60%;
}
.go-back 	{top: 75px; left : 2px;}
.go-back {position: fixed;top: 12px;left: 10px; z-index: 1040; padding-top: 6px; padding-left: 12px; color: #fff; background-color: #888; text-decoration: none;font-size: 30px; width: 44px;height: 44px;display: inline-block;text-align: left; -moz-border-radius: 60%; -webkit-border-radius: 60%; border-radius: 60%;}
.go-back:hover { text-decoration: none; color: #fff; background-color: #00b3fe; border-color: #00b3fe; }
.go-back .fa {	vertical-align: top;}


.xadrez {
	background-color: #eee;
	background-image: linear-gradient(45deg, grey 25%, transparent 25%, transparent 75%, grey 75%, grey), 
	linear-gradient(45deg, grey 25%, transparent 25%, transparent 75%, grey 75%, grey);
	background-size:5px 5px;
}

.tab_cor {
	cursor:pointer;
	text-align:center; 
	font-weight:bold;
	border-color: #000000;
}


/* ------------------ */
/* ----SHOP     ----- */
/* ------------------ */

.cart img		{top: 75px; right: 2px; padding-top: 7px;}
.cart {z-index: 1050; position: fixed ;top: 12px;right: 15px; padding-top: 0px; padding-right: 6px;color: #fff; background-color: #888; text-decoration: none;font-size: 30px; width: 44px;height: 44px;display: inline-block;text-align: right; -moz-border-radius: 60%; -webkit-border-radius: 60%; border-radius: 60%;}
.cart:hover { text-decoration: none; color: #fff; background-color: #00b3fe; border-color: #00b3fe; }

.shop_img1 { display: inline-block;}
.shop_img2 { display: none;}
.shop_col1 { display: inline-block;}
.car_mobile {display: none;}
.car_desktop {display: inline-block;}
#qt_car { padding: 5px 10px; padding-left: 10px}

/* ------------------ */
/* ----Cadastro ----- */
/* ------------------ */
.cadastro, .cadastro2  {
	display:inline-block;
}
.cadastro img { margin-bottom:10px; margin-top:0px; float:left; }

.cadastro a {
	margin:20px;
	width: 200px;
	padding: 15px 30px;
	float:left;
}

.cadastro2 img { margin:20px; margin-top:0px; margin-right: 65px; float:left; }

.contas {
	margin: 0 auto;
	max-width: 100%
}
.contas tr {
	border: 1px solid black;
}
.contas td {
	padding: 5px 10px; 
}

.tabelaG, .tabelaM, .tabelaP {
	margin: 0 auto;
	box-sizing: border-box;
}
.tabelaG {
	width: 100% ;
}
.tabelaM, .tabelaP {
	max-width: 100% ;
}

.tabelaG tr, .tabelaM tr, .tabelaP tr {
	border: 1px solid black;
}

.tabelaG td {
	padding: 2px ; 
}
.tabelaM td {
	padding: 6px ; 
}
.tabelaP td {
	padding: 5px 10px; 
}
.tabelaG2 { width: 90%}

/* ------------------ */
/* ----- Dados ------ */
/* ------------------ */
.dados, .dados2, .dados3, .dados4 {
    margin: 0 auto;
    display: inline-block;
	float:flex;
}
.dados3{
	margin-right: 40px;
    display: inline-block;
}

.dados label, .dados2 label, .dados3 label, dados4 label {
	margin: 10px;
	text-align: right;
	float:left;
	font-weight:bold;
	width: 180px;
    display:block;
}
.dados2 label{
	width: 180px;
}
.dados3 label{
	width: 210px;
}
.dados4 label{
	display: inline-block;
	width: 100%;
}

.dados p, .dados2 p {
	margin: 10px;
	width: 350px;
	text-align: left;
	float:left;
}

.dados2 p {
	width: 48%;
}

.dados3 p, .dados4 p{
	width: auto;
}

.dados4 p{
		float:right;
		margin:0px;
		padding-left: 30px;
}

#filtro { display: none; }

/* ------------------ */
/* --- Formulário --- */
/* ------------------ */
form {
	display:inline-block;
}

form > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 15px 0;
}
form div label {
  text-align:left;
  float: left;
  padding-right: 10px;
}
form  div  div, form  div  table {
  text-align:left;
  float: right;
}

input, select, textarea {
	width: 330px;
    padding: 12px 18px;
    border: 1px solid #dbdbdb;
	border-radius: 6px;
    font-weight: normal;
}
input [type="checkbox"] {
	margin-right: 0px;
}
input:focus, select:focus, textarea:focus {
	border-radius: 6px;
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}

textarea {
    vertical-align: middle;
}

.pequeno {
	width: 185px;
}

.pequenoGGG {
	width: 95px;
}

.pequenoGG {
	width: 75px;
}
.pequenoGG::-webkit-inner-spin-button, .pequenoGG::-webkit-outer-spin-button {
	-webkit-appearance: none !important;}

.pequenoMM {
	width: 65px;
}
.pequenoMM::-webkit-inner-spin-button, .pequenoMM::-webkit-outer-spin-button {
	-webkit-appearance: none !important;}

.pequenoPP {
	width: 55px;
}
.pequenoPP::-webkit-inner-spin-button, .pequenoPP::-webkit-outer-spin-button {
	-webkit-appearance: none !important;}

.medio {
	width: 260px;
}

.estendido {    /* with Color Palete */
	width: 370px;
}

.filled {  /*Error Parsley  */
	float:none;
}

.f4 {
	float:right;
}

.valor_entrada {width: 110px;}
.valor_entrada::-webkit-inner-spin-button, .valor_entrada::-webkit-outer-spin-button {
	-webkit-appearance: none !important;}

/* ------------------ */
/* -- Box Mensagens - */
/* ------------------ */

.alert {
	width: 330px;
	font-weight: normal;
	font-size:15px;
}

.alert li {
	margin-left:10px;
	text-align:left;
}


/* -------------------------- */
/* ----Tipo Pagamento  ----- */
/* -------------------------- */

.tipo_pagto {
	width: 400px;
	margin-left: 80px;
	text-align: left;
}
.tipo_pagto.disabled { color:lightgrey
}

/* -- Isotope - */
.grid { min-width: 50px; margin: 0 auto }
.grid-sizer, .grid-item { width: 49%; margin: 0 auto }
.grid-item img { padding: 2px }
.grid.isotope {margin-left: 2px}

/* -- PrettyPhoto - */
a.pp_close { display:none !important; }

.foto_perfil {width: 150px; border-radius: 10%;}

.linha1 {display: inline-block; float:initial; width: 100%;	position: relative;}

/*  Retrato circular */
.fundo_circular1 {
	display: inline-block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius: 50%;
	float: left;
	margin-left: 10px;
}
.img_circular1 { width: 100%; height: auto; margin-top: -25%;}

.nome_circular1 {
	margin-top: 25px;
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: -8px;
	width: 200px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.fundo_circular2 {
	display: inline-block;
	width: 90px;
	height: 90px;
	overflow: hidden;
	border-radius: 50%;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
}
.img_circular2 { width: 100%; height: auto; margin-top: 0px;}

.nome_circular2 {
	margin-top: 5px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
}

.acao {
	position: absolute;
	bottom:	0px;
	right: 100px;
	display:inline-block;
}

.valor {
	position: absolute;
	bottom:	0px;
	right:	10px;
	white-space: nowrap;
	display:block;
	margin-bottom: 0px;
	margin-right: 10px;
}

/* -- Emojis --  */
.emoji_itens { margin-top: 0px ;}
.emoji_itens img {margin-left: 25px;}
.emoji_img2 { margin-top:-8px;}
.emoji_bottom {margin: 20px;	font-size: 15px; line-height: 15px;}


/* -- Avaliação/Votação - */
.nota1 {
	display: inline-block;
}
.nota2 {
	margin-top: -34px;
	margin-left: 25px;
	font-weight: bold;
	display: block;
}

#nota4 {
	display: none;
	z-index: 99;
}

.nota_estrela {
	margin-top: -37px;
	margin-left: 25px;
	color: #c3c2c2;
}
.check {
	color: rgb(247, 198, 5);
}

.estrelas {
	position: relative;
}

.estrelas input[type=radio] {
	display: none;
}
.estrelas label i.fa:before {
	content:'\f005';
	color: #FC0;
}
.estrelas input[type=radio]:checked ~ label i.fa:before {
	color: #CCC;
}
.estrelas label {min-width: initial;}

/* CSS Lixo para botao OK do comentario */
.bt_comment1 {display: initial;}
.bt_comment2 {width: 150px; margin-top:5px; margin-bottom:20px; display: none;}
.bt_comment3 {display: none;}


/* Toggle Switch */

.switch {
	position: relative;
	display: inline-block;
	width: 70px;
	height: 34px;
	min-width: initial;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
	background-color: #2196F3;
}

input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
	-webkit-transform: translateX(36px);
	-ms-transform: translateX(36px);
	transform: translateX(36px);
}

.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

/* PrettyPhoto - link para página detalhe */
.pp_social {float:none; text-align:center;
	margin-bottom: -10px;}


.rTable {
	display: table;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}
.rTableRow {
	display: table-row;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}
.rTableHeading {
	display: table-header-group;
}
.rTableCell, .rTableHead {
	display: table-cell;
	text-align: center;
	padding: 3px 10px;
}
.rTableHeading {
	display: table-header-group;
	font-weight: bold;
}
.rTableFoot {
	display: table-footer-group;
	font-weight: bold;
}
.rTableBody {
	display: table-row-group;
}


/* ----------------- */
/* -----DEVICES ---- */
/* ----------------- */

/* -- MEDIA - */

@media (min-width: 1150px) {

.linha1 {margin-left: 40px;}
.acao, .valor {margin-right: 100px;}

}

@media (max-width: 992px) {

.container {
	padding-right: 2px;
	padding-left: 4px;
}
}

@media (max-width: 500px) {

.container {
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 2px;
	padding-left: 2px;
}
.row {
	margin-right: 0px;
	margin-left: 0px;
}

.dados2 p{
	width: 300px;
}

.dados2 p {
	display: block;
	text-align: left;
	padding: 0px;
	margin: 0px;
	margin-left: 80px;
	margin-bottom: 10px ;
}

.dados2 label {
	display: block;
	text-align: left;
	padding: 0px;
	margin: 0px;
	margin-left: 80px;
}

}

@media (max-width: 1000px) {

.box_img {cursor: move; width:80px ; margin:10px;}

.f4 { float: left}

.tabelaG  {	font-size: 1.2rem; }
.tabelaG2 { width: 100%}

.dados > label{
	display: block;
	text-align: right;
	margin:  0px;
	padding: 0px;
}
.dados > p {
	display: block;
	text-align: left;
	margin:  0px;
	margin-bottom: 10px;
	padding: 0px;
}

	.noticia_home 		{padding-left: 0%; padding-right: 0%}
}


@media (min-width: 992px) {   /* nao mudar este numero magico = bootstrap */
	.col-lg-10 {
		margin-left: 50px;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 90%;
	}
}

@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	color:white;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
	color: #00b3fe;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 360px;
}
.navbar-toggle {
	margin-left:100px;
}

.container {
	padding-right: 15px;
}


}

@media (min-width: 650px) {

.dados2 p {	width: 350px; }

.grid.isotope {margin-left: 20px}

}

/*--Ajuste do PrettyPhoto para mobile--*/

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

.go-back { top: 75px; left:  2px;}
.cart    { top: 75px; right: 2px;}

.pp_pic_holder { width: 100%!important; left: 0!important;  }
.pp_default    { width: 100%!important; left: 0!important; }
a.pp_expand { display: none!important; }
div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
.pp_content { width: 100%!important; height: 100%!important; }
.pp_fade { width: 100%!important; height: 100%!important; }
#pp_full_res img { width: 100%!important; height: 100%!important;   }
.pp_details { width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }

h2	{font-size: 1.2em; margin-top: 20px }
h3	{font-size: 1.2em;}
h4	{font-size: 1em;}

.lista_noticias { margin-left: 5px ; margin-right: 5px;}
.titulo_noticia {font-size:14px; }
.sub_titulo_noticia {}
.texto_noticia { margin: 5%;font-size:14px;}

label.centered { text-align: initial;}

.label_mobile	{width: 320px;}

.cadastro img { margin-bottom: 20px ;float: initial}

.cadastro a { margin:initial; margin-top:20px ; width: 180px}
.btn	{ font-size: 16px;}

.marg_right	{margin-right: 80px}

.cadastro2 img { margin: 0px; margin-left: 15px; margin-right: 15px}

.tabelaP, .tabelaM, .tabelaG { font-size: 10px}

.img_det { margin-top: 12px }   /* Detalhe(+) Bases */

.news_1, .news_2, .news_3, .news_4 { display: none;}

.linha1 {float:left;}

.fundo_circular1 {
	margin-top: 18px;
	width: 30px;
	height: 30px;
}
.nome_circular1 {width: 130px; font-size: 13px; margin-top: 28px}

.fundo_circular2 {
	margin-top: 18px;
	width: 90px;
	height: 90px;
}
.nome_circular2 {width: 130px; font-size: 13px; margin-top: 28px}



.valor { margin-left: 10px; right: 10px}

.emoji_itens img { width: 22px; margin-left: 10px; }
.emoji_itens qt_emoji {display:none;}
.emoji_img2 {display:none;}
.acao 		{display:none;}
.nota2			 {font-size: 12px; margin-left: 10px;}
/*
.emoji_itens qt_emoji { display: none;}
.emoji_img { display: none;}
*/

.bt_comment1 {display: none;}
.bt_comment2 {display: inline-block;}
.bt_comment3 {display: initial;}

/* ------------------ */
/* ----SHOP     ----- */
/* ------------------ */

.shop_img1 { display: none;}
.shop_img2 { display: inline-block;}
.shop_col1 { display: none;}
#qt_car { padding-left: 38px;}
.car_mobile {display: inline-block;}
.car_desktop {display: none;}

}
 
@media (max-width: 900px) {
	.emoji_img2 {display:none;}
	.acao 		{display:none;}
}

@media (max-width: 800px) {

	.logo {
		display: none;
		width: 0px;
	}

	.navbar-default .navbar-nav > li > a {
		padding-left: 20px;
	}


	.nome_circular1 {width: 130px; font-size: 13px; margin-top: 40px;}
	.fundo_circular1 {margin-top: 18px;width: 40px;height: 40px; }
	.nome_circular2 {width: 130px; font-size: 13px; margin-top: 40px;}
	.fundo_circular2 {margin-top: 18px;width: 90px;height: 90px; }

	.valor {margin-top: 35px;}
	.emoji_itens img { width: 24px; margin-left: 20px;}
	.emoji_img2 {display:none;}
	.acao 		{display:none;}
	.nota2			 {font-size: 12px; margin-left: 20px;}
	.nota_estrela	 { margin-left: 21px; margin-top: -36px}
	.emoji_bottom {margin: 0px;	font-size: 5px; line-height: 5px;}

}

@media (max-width: 600px) {

	form > div {
		margin: 0 0 15px 0;
	}

	form > div > label {
		text-align: left;
		float: left;
		margin: 0 0 5px 0;
	}

	form > div > div {
		text-align: left;
		float: none;
	}

	.go-top, fa, .fa-angle-double-up {
		display: none;
		width: 0px;
	}

}

@media (max-width: 500px) {
	.nome_circular1 {width: 110px;}
}

@media (max-width: 450px) {
	.nome_circular1 {width: 80px;}
	.emoji_itens img { margin-left: 10px;}
	.nota2			 { margin-left: 10px;}
	.nota_estrela	 { margin-left: 20px; margin-top: -40px}
}

@media (max-width: 350px) {
	.nome_circular1 {width: 50px;}
}