/* Customizações de CSS */
.icone-rede-social {
    margin: 5px;
}

.g-bg-rede-social {
    background-color: #6a56ad !important;
}

.g-color-rede-social {
  color: #6a56ad !important;
}

.g-color-rede-social--hover:hover {
  color: #fdb046 !important;
}

*:hover > .g-color-rede-social--parent-hover {
  color: #f00 !important;
}

.g-bg-roxo {
    background-color: #6a56ad !important;
}

.g-bg-laranja {
    background-color: #6a56ad !important;
}

.icone-redessociais-svg {
    fill:#FFFFFF;
    margin: 5px;
}

.justify{
    text-align: justify;
}


/* Empresa */
/*.empresa {
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
}*/


/* Instagram */

.titulo-instagram {
    color: #fdb046;
    font-weight: 600;
}

.texto-instagram {
    color: #6a56ad;
    font-weight: 500;
}

/* Contato */

.icone-contato-svg {
    fill: #FFFFFF;
    margin: 5px;
}

.titulo-bloco-contato {
    color: #fdb046;
}

.texto-bloco-contato {
    color: #ffffff;
}

.titulo-contato {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    color: #6a56ad;
}

.texto-contato {
    font-family: 'Quicksand', sans-serif;
    color: #fdb046;
    font-weight: 500;
}

.titulo-campo-contato {
    font-family: 'Quicksand', sans-serif;
    color: #fdb046;
    font-weight: 600;
}

/* Rodapé */
footer {
    background-color: #f7f7f7;
}

/* Onde encontrar */

.titulo-onde-encontrar {
    color: #fdb046;
}

.altura-tem-onde-encontrar {
    height: 400px
}

.l-oe-top {
    margin-top: 0.5rem !important;
}

.l-oe-bot {
    margin-bottom: 0.5rem !important;
}


/* Produtos */

.texto-produto {
    color: #000;
}

img.img-produto {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

img.img-produto:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: none ; /* IE6-9 */
    zoom:1; /* needed to trigger "hasLayout" in IE if no width or height is set */
    -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.outer {
    display: table;
    position: static;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto;
    width: 400px;
}