/* Header principal do cabeçalho */
#cabecalho{
    background-color: #000000;
}

/* Logo no cabeçalho */
#cabecalho .logo{
    margin-top: 12px;
    margin-bottom: 12px;
    width: 231px;
}

/* Redes sociais no cabeçalho */
#cabecalho .cabecalhoSociais {
    height: 30px;
    margin-top: 20px;
}

#cabecalho .linkSociais {
    text-decoration: none;
}

/* Posição dos itens no menu */
#cabecalho .nav{
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    width: 100%;   
    position:relative; 
    margin-top: 31px;
    margin-left: 3%;
    text-transform: uppercase;
    z-index: 99999;
}

/* CSS do Menu e DropDown */
.nav ul{
    list-style: none;
    position: relative;  
}

.nav ul li{ 
    float: left; 
    padding-left: 3px;
}

.nav ul ul{
    position: absolute;
    /* margin-left: -500%; */
    opacity: 0;
    transition: all .1s;
    z-index: 99;
    display: none;
}

.nav ul li:hover ul{
        /* margin-left: 0; */
        transition: all .1s;
        opacity: 1;
        display:block;
}

.nav ul ul li{
    float: none;
    width: 200px;
    padding: 0px;
    
}

.nav ul ul li a{
    padding: 15px;
    display: block;
    text-decoration: none;
    text-align: center; 
    box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.2);
    
}



/* CSS do texto dos itens no menu */
#cabecalho .nav .a{
    text-decoration: none;
    padding: 15px;
    padding-left: 13px;
    display: flex;  
    color: #e8f806;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    font-size: 14px;
    text-align: left; 
    border-radius: 30px;  
    transition: all .2s; 
}

#cabecalho .nav ul li:hover .a {
    background: #22252a;
    color: white;
    border-radius: 30px 30px 30px 30px;
    transition: all .2s;
    padding-top: 15px;
}

#home .nav .b{
    text-decoration: none;
    text-align: left;
    display: block;  
    color: rgb(255, 255, 255);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
    font-size: 15px;   
    background: #3f4247;
}

#home .nav .b:hover{
    background: #26282c;
    transition: all .4s;
}

#slider {
    height: 200px;
    background: linear-gradient(#fff, rgb(202, 202, 202));
    position: relative;
    z-index: 99;
}

#produtos{
    
    padding-bottom: 50px;
}

#produtos .itensProduto{
    padding: 10px;
}

#produtos .geloTituloProdutos {
    position: absolute;
    margin-top: -73px;
    opacity: 0.1;
    
}

#produtos .tituloProdutosCima {
    text-align: center;
    color: #122444;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    margin-top: 5px;
    font-size: 40px;
}

#produtos .tituloProdutosBaixo {
    text-align: center;
    color: #2f3436;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    text-shadow: 0px 0px 7px #baeaff;
    margin-top: -24px;
    font-size: 55px;
    margin-bottom: 25px;
}

#produtos .contProdutos {
    position: relative;
    z-index: 99;
}

#produtos .imgProduto {
    height: 200px;
    max-width: 100%;
    transition: all .6s;
    border-radius: 10px;
}

#produtos .imgProduto:hover{
    transition: all .6s;
}

#produtos .tituloItemProduto, .descricaoItemProduto {
    text-align: center;
    color: #24282f;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    margin-top: 3px;
}

#produtos .tituloItemProduto {
    margin-top: 10px;
}

#produtos .botaoItemProdutoPosition {
    text-align: center;
}

#produtos .botaoItemProduto {
    font-family: 'Poppins', sans-serif;
    font-weight: normal;  
    margin-top: 10px;
    color: #2f333b;
    text-decoration: none;
    background: transparent;
    display: inline-block;
    padding: 6px 20px;
    margin-bottom: 0;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 2px dashed #66686d;
    border-radius: 30px;
    /* -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, .4);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, .4); */
    transition: all .4s;
}

#produtos .botaoItemProduto:hover{
    background: #48494b;
    border: 2px dashed transparent;
    color: white;
    transition: all .4s;
    transform: scale(1.04);
}




#sobre{
    background-image: url(/images/rodapegelo.png);
    /* margin-top: -402px; */
    background-size: 100% 100%;
    /* padding-bottom: 50px; */
    padding-top: 235px;
}

/* SIGA NOSSAS REDES SOCIAIS */
#sobre .titleRedesSociais{
    text-align: right;
    color: #ffffff;
}

/* REDES SOCIAIS NO RODAPÉ */
#sobre .sociaisRodape{
    height: 45px;  
}

/* POSIÇÃO DAS REDES SOCIAIS NO RODAPÉ */
.flex-end {
    justify-content: flex-end; 
}

.flex-endSocial {
    justify-content: flex-end; 
}

.centerFlexCenter {
    justify-content: center;
}

.containerFlex {
    display: flex;
}

/* MARGIN DO RODAPÉ */
#sobre .lado {
    margin-left: 4%;
}

/* TITULOS DO RODAPÉ  */
.tituloSobre{
    margin-top: 30px;   
    font-size: 15px;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
}

/*  */
#sobre .descricaoSobre {
    text-align: right;
    font-family: 'Montserrat', sans-serif;
    color: #ffffff;
}

.ulInstitucional {
    margin-top: 20px;
}

.ulInstitucional li {
    width: 100%;
}

/* CSS ITENS DE CADA COLUNA */
#sobre .institucional {
    text-decoration: none;
    padding-top: 8px;
    font-size: 13px;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    transition: all .4s;
}

/* CSS ITENS DE CADA COLUNA (HOVER) */
#sobre .institucional:hover {
    color: #999d9e;
    text-decoration: none;
    transition: all .4s;
}

/* Rodapé menor */
#footer{
    margin-top: 30px;
}

/* CSS DO COPYRIGHT DA EMPRESA */
#footer .copyright{
    text-align: center;
    padding-top: 6px;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
}

/* FEITO POR MEGACIA (POSIÇÃO) */
#footer p {
    margin-top: 5px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 12px;
}

/* FEITO POR MEGACIA (TEXTO)*/
#footer p .dev{
    text-decoration: none;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
}

/* FEITO POR MEGACIA (HOVER) */
#footer p .dev:hover{
    text-decoration: underline;
}

.geloRodape{
    width: 100%;
    margin-top: -65px;
    display: none;
}

.geloProduto {
    width: 100%;
    margin-top: -95px;
    z-index: 999;
    position: relative;
}

.geloEmbaixoRodape {
    width: 100%;
    margin-top: -391px;
    /* height: 100%; */
    position: absolute;
    
}

.container-fluid {
    background: #fff !important; 
}

.panel-default>.panel-heading {
    color: #fff !important;
    background-color: #4f4f50 !important;
    border-color: #434447 !important;
}

h4.m-fcenter {
    font-family: 'Montserrat', sans-serif !important;
}

.breadcrumb>li {
    font-family: 'Poppins', sans-serif !important;
}