/*
   Spezific styling for salvattore
   Feel free to edit it as you like
   More info at http://salvattore.com
 */
 
.navbar-transparent { background-color: #}
.navbar-transparent .navbar-nav>.active>a:hover,.navbar-transparent .navbar-nav>li>a:hover, .navbar-transparent .navbar-nav>li>a:focus { background-color: #fff}
.navbar-transparent .navbar-nav>.active>a,.navbar-transparent .navbar-nav>.open>a,.navbar-transparent .navbar-nav>.open>a, .navbar-transparent .navbar-nav>.open>a:hover,.navbar-transparent .navbar-nav>.open>a, .navbar-transparent .navbar-nav>.open>a:hover, .navbar-transparent .navbar-nav>.open>a:focus { background-color: #}

.dropdown-menu { background-color: #333333}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #333333}
.navbar-transparent { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-transparent { border-color: #333333}

.navbar-transparent .navbar-brand { color: #4a4a4a}
.navbar-transparent .navbar-brand:hover { color: #4a4a4a}
.navbar-transparent .navbar-nav>li>a { color: #4a4a4a}

.navbar-transparent .navbar-nav>li>a:hover, .navbar-transparent .navbar-nav>li>a:focus { color: #7ecc73}

.navbar-transparent .navbar-nav>.active>a,.navbar-transparent .navbar-nav>.open>a, .navbar-transparent .navbar-nav>.open>a:hover, .navbar-transparent .navbar-nav>.open>a:focus { color: #333333}
.navbar-transparent .navbar-nav>.active>a:hover, .navbar-transparent .navbar-nav>.active>a:focus { color: #333333}
.dropdown-menu>li>a { color: #333333}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #333333}
.navbar-transparent .navbar-nav>.dropdown>a .caret { border-top-color: #333333}
.navbar-transparent .navbar-nav>.dropdown>a:hover .caret { border-top-color: #333333}
.navbar-transparent .navbar-nav>.dropdown>a .caret { border-bottom-color: #333333}
.navbar-transparent .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #333333}

a:link 
{ 
 text-decoration:none !important; 
} 

.semsubli{
	text-decoration:none !important; 
}

.parte-alta-um{
	color: #999;	
	font-size: 11px;
}
 
.parte-alta-dois{
	color: #97ab69;	
}
 
.texto_esq{
	text-align:left;
}
 
.afasta_left{
	padding-left: 50px;
}

.afasta_tit{
	padding-left: 20px !important;
}
 
.alinha-centro{
	text-align: center;
}

.afasta-top{
	padding-top: 10px;
}

.sobe-top{
	padding-top: 10px;	
}

.top-itens{
	padding-top: 10px;
	padding-bottom: 5px;
}

.afasta-logo{
	font-family: 'Cinzel', serif;
	font-size: 45px;
	color: #756d61;
	padding-top: 20px;
}

.afasta-sublogo{
	font-family: 'Cinzel', serif;
	font-size: 15px !important;
	color: #756d61;
	padding-top: 50px;
}

.alinha-direita{
	text-align: right;
}

.menu-folha{
	margin-top: -120px;	
}

.afasta-fechamento{
	padding-top: 10px;
	padding-left: 300px;
	padding-right: 39px;
}

.parcela-fechamento{
	font-size: 12px;
}

.menu-meu {
	font-family: 'Poppins', sans-serif;
	font-size: 16px !important;
	color: #890bff;	

    background-color: #fff; /*Cor de fundo para melhor visualização do exemplo*/
	height: 60px !important;
	margin-top: -50px;
	margin-left: 10px;
	margin-right: 20px;
	background: #fff;
  /*   width: 320px; /*Largura para melhor visualização do exemplo*/
}

.menu-cor{
	color: #97ab69;
	font-size: 20px !important;
}

.vocesta{
	margin-left: 0px !important;
}

.desenho-carrinho{
	float: right;
	text-align: right;
	margin-right: 50px;
}

.desenho-remover{
	float: right;
	text-align: right;
	margin-right: 50px;
}

.texto-remover{
    font-family: 'Quicksand', sans-serif;
	font-size: 15px;
	margin-left: 30px;
	color: #626262;
}

.caixa_alta {
    font-family: 'Quicksand', sans-serif;
    font-family: 'Shadows Into Light', cursive;
    font-family: 'Amatic SC', cursive;
	font-size: 20px !important;	
    border-bottom: 1px dotted #afafaf; /*Definindo o estilo da borda*/
    background-color: #fff; /*Cor de fundo para melhor visualização do exemplo*/
	margin-top: -50px;
	margin-left: 15px;
	margin-right: 20px;
	background: #fff;
  /*   width: 320px; /*Largura para melhor visualização do exemplo*/
}

.caixa_alta_retorno {
    font-family: 'Quicksand', sans-serif;
    font-family: 'Shadows Into Light', cursive;
    font-family: 'Amatic SC', cursive;
	font-size: 28px !important;	
	line-height: 1.6;
    border-bottom: 1px dotted #afafaf; /*Definindo o estilo da borda*/
    background-color: #fff; /*Cor de fundo para melhor visualização do exemplo*/
	margin-top: -50px;
	margin-left: 15px;
	margin-right: 20px;
	background: #fff;
  /*   width: 320px; /*Largura para melhor visualização do exemplo*/
}

.caixa_alta_quem {
    font-family: 'Quicksand', sans-serif;
    font-family: 'Shadows Into Light', cursive;
    font-family: 'Amatic SC', cursive;
	font-size: 20px !important;	
    border-bottom: 1px dotted #afafaf; /*Definindo o estilo da borda*/
    background-color: #fff; /*Cor de fundo para melhor visualização do exemplo*/
	margin-top: -40px;
	margin-left: 15px;
	margin-right: 20px;
	background: #fff;
  /*   width: 320px; /*Largura para melhor visualização do exemplo*/
}

.caixa_alta_carrinho {
    font-family: 'Quicksand', sans-serif;
    font-family: 'Shadows Into Light', cursive;
    font-family: 'Amatic SC', cursive;
	font-size: 20px !important;
    border-bottom: 1px dotted #afafaf; /*Definindo o estilo da borda*/
    background-color: #fff; /*Cor de fundo para melhor visualização do exemplo*/
	margin-top: 30px;
	margin-left: 15px;
	margin-right: 20px;
	background: #fff;
  /*   width: 320px; /*Largura para melhor visualização do exemplo*/
}

.caixa_alta_lista{
	padding-top: 20px;
    border-bottom: 1px dotted #afafaf; /*Definindo o estilo da borda*/
}

.presentes{
	font-family: 'Satisfy', cursive;
}

img.classeImagem {
	 padding: 0px;
	 background: #FFF;
	 border: solid 1px #ccc;
}

.tit-caixalt{
	font-family: 'Poopins', sans-serif;	
	font-size: 30px;
}

.tit-caixalt-menor{
	font-family: 'Poopins', sans-serif;	
	font-size: 30px;
}

.tit-caixalt-menor-retorno{
	font-family: 'Poopins', sans-serif;	
	font-size: 30px;
	text-align: center;
}

.tit-caixalt-menor-mais{
	font-family: 'Poopins', sans-serif;	
	font-size: 20px;
}

.tit-caixalt-admin{
	font-size: 20px;
}

.tit-caixalt-contato{
	font-family: 'Poopins', sans-serif;	
	font-size: 40px;
}

.tit-caixpeq-contato{
	font-family: 'Poopins', sans-serif;	
	font-size: 20px;
}

.base-submenu{
	border-bottom: 1px dotted  #afafaf; /*Definindo o estilo da borda*/	
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.submenu-text {
	font-family: 'Poopins', sans-serif;
	font-size: 18px !important;
	color: #737373;
	padding: 15px;
}
	
.padding{
	padding-left: 15px;
	padding-right: 20px;
}

.sobe-top-alt{
	padding-top: 40px;	
}

.imagem_cxala{
	padding: 30px;
}

.fim-menu{
    font-family: 'Poppins', sans-serif;
	font-size: 16px !important;
	color: #4a4a4a;
}

.fim-menu-contato{
    font-family: 'Quicksand', sans-serif;
    font-family: 'Shadows Into Light', cursive;
    font-family: 'Amatic SC', cursive;
	color: #97ab69;
}

.floral {
    /*border: 3px solid  #afafaf; /*Definindo o estilo da borda*/
	margin-left: -27px !important;
}

.comprar {
	font-family: 'Economica', sans-serif;
	font-size: 20px !important;
	color: #999;
	text-align: center !important;
	letter-spacing: 0.02em;
	margin-top: 17px !important;	
    border-bottom: 1px dotted  #afafaf; /*Definindo o estilo da borda*/
	border-top: 1px dotted #afafaf; /*Definindo o estilo da borda*/	 
    background-color: #fff; /*Cor de fundo para melhor visualização do exemplo*/
    height: 30px; /*Altura para melhor visualização do exemplo*/
	margin-top: 20px;
	margin-left: 15px;
	margin-right: 15px;
  /*width: 320px; /*Largura para melhor visualização do exemplo*/
}

.button {
    background-color: Transparent !important;
    background-repeat:no-repeat !important;
    border: none !important;
    cursor:pointer !important;
    overflow: hidden !important;
    outline:none !important;
}

.comprar_carrinho {
	font-family: 'Economica', sans-serif;
	font-size: 30px !important;
	color: #999;
	text-align: center !important;
	letter-spacing: 0.02em;
	margin-top: 17px !important;	
    border-bottom: 1px dotted  #afafaf; /*Definindo o estilo da borda*/
	border-top: 1px dotted #afafaf; /*Definindo o estilo da borda*/	 
    background-color: #fff; /*Cor de fundo para melhor visualização do exemplo*/
    height: 30px; /*Altura para melhor visualização do exemplo*/
	margin-top: 20px;
	margin-left: 15px;
	margin-right: 15px;
  /*width: 320px; /*Largura para melhor visualização do exemplo*/
}

.botao-posicao{
	margin-top: 50px;
	text-align: right;
	margin-right: 10px;
}

.botao-final{
	background-color: #97ab69 !important;
	color: #fff !important;
}

.botao-continuar{
	background-color: #bbbbbb !important;
	color: #fff !important;
}

content{
	font-family: 'Quicksand', sans-serif !important;
}

.fechamento{
    font-family: 'Quicksand', sans-serif;
	font-size: 16px;
	letter-spacing: 0.0em !important;	
	background-color: #fff;
	padding: 10px;
	color: #626262;
}

.texto-fechamento{
    font-family: 'Quicksand', sans-serif;
	font-size: 15px;
	line-height: 1.5em !important;
	margin-left: 20px !important;
	margin-top: 15px;
	color: #626262;
}

.borda-quadrada{
	border-radius: 30px !important;
}

.fonte{
	font-family: 'Poppins', sans-serif;
	font-size: 18px !important;
	letter-spacing: -0.000005em !important;	
}

.fonte-bt{
	font-family: 'Economica', sans-serif;
	font-size: 12px !important;
}

.delete{
	font-size:20px;
}

.titulo{
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 18px !important;
	color: #769872 !important;
	text-align: center !important;
	letter-spacing: 0.02em;
	margin-top: 17px !important;
	padding-bottom: 10px;
}

.titulo_carrinho{
	font-family: 'Raleway', sans-serif;
	font-family: 'Alegreya', serif;
	font-size: 32px !important;
	color: #769872 !important;
	text-align: left !important;
	letter-spacing: 0.02em;
	margin-top: -30px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.preco{
	font-family: 'Economica', sans-serif;
	font-size: 19px !important;
	color: #6e6e6e !important;
	text-align: center !important;
	letter-spacing: 0.02em;
	margin-top: 17px !important;
	padding-bottom: 10px;
}

.preco_carrinho{
	font-family: 'Economica', sans-serif;
	font-size: 25px !important;
	color: #6e6e6e !important;
	text-align: left !important;
	letter-spacing: 0.02em;
	padding-left: 0px !important;
}

.parcela{
	font-family: 'Economica', sans-serif;
	font-size: 17px !important;
	color: #989898 !important;
	text-align: center !important;
	letter-spacing: 0.02em;
	margin-top: 17px !important;
	padding-bottom: 10px;
}

.parcela_carrinho{
	font-family: 'Economica', sans-serif;
	font-size: 15px !important;
	color: #989898 !important;
	text-align: left !important;
	letter-spacing: 0.02em;
	padding-left: 0px;
}

.parcela_carrinho_fecha{
	font-family: 'Economica', sans-serif;
	font-size: 18px !important;
	color: #989898 !important;
	text-align: left !important;
	letter-spacing: 0.02em;
	padding-left: 0px;
}

.refer{
	font-family: 'Economica', sans-serif;
	font-size: 16px !important;
	color: #6e6e6e !important;
	text-align: center !important;
	margin-top: 15px !important;
	padding-bottom: 10px;
}

.refer_carrinho{
	font-family: 'Economica', sans-serif;
	font-size: 16px !important;
	color: #6e6e6e !important;
	text-align: left !important;
	margin-top: 15px !important;
	padding-bottom: 10px;
	padding-left: 0px;
}

/* Base styles */
.column {
    float: left;
}
@media screen and (max-width: 480px) {
    .column {
        float: none;
        position: relative;
        clear: both;
    }
}
.size-1of4 {
    width: 25%;
}
.size-1of3 {
    width: 33.333%;
}
.size-1of2 {
    width: 50%;
}


#fh5co-board[data-columns]::before {
    content: '4 .column.size-1of4';
}

/* Configurate salvattore with media queries */
@media screen and (max-width: 450px) {
    #fh5co-board[data-columns]::before {
        content: '1 .column';
    }
}

@media screen and (min-width: 451px) and (max-width: 700px) {
    #fh5co-board[data-columns]::before {
        content: '2 .column.size-1of2';
    }
}

@media screen and (min-width: 701px) and (max-width: 850px) {
    #fh5co-board[data-columns]::before {
        content: '3 .column.size-1of3';
    }
}

@media screen and (min-width: 851px) {
    #fh5co-board[data-columns]::before {
        content: '4 .column.size-1of4';
    }
}