/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 28/05/2018, 15:35:54
    Author     : Antônio Júnior
*/

@import url('https://fonts.googleapis.com/css?family=Oswald');

@font-face {
    font-family: AkzidenzGrotesk-Bold;
    src: url(fontes/akzidenz/AkzidenzGrotesk-Bold.otf);
}
@font-face {
    font-family: AkzidenzGrotesk-Regular;
    src: url(fontes/akzidenz/AkzidenzGrotesk-Regular.otf);
}
@font-face {
    font-family: AkzidenzGrotesk-Light;
    src: url(fontes/akzidenz/AkzidenzGrotesk-Light.otf);
}
@font-face {
    font-family: AkzidenzGrotesk-LightCond;
    src: url(fontes/akzidenz/AkzidenzGrotesk-LightCond.otf);
}
@font-face {
    font-family: AkzidenzGrotesk-Cond;
    src: url(fontes/akzidenz/AkzidenzGrotesk-Cond.otf);
}
/* 
Instalacoes
*/
@font-face {
    font-family: HelveticaMedCd;
    src: url(fontes/akzidenz/HelveticaMedCd.ttf);
}

@font-face {
    font-family: OratorStdMedium;
    src: url(fontes/OratorStdMedium/OratorStdMedium.ttf);
}

@font-face {
    font-family: AkzidenzGrotesk-BQ-Light-Regular;
    src: url(fontes/akzidenz/AkzidenzGrotesk-BQ-Light-Regular.otf);
}

@font-face {
    font-family: AkzidenzGrotesk-BQ-Light-Italic;
    src: url(fontes/akzidenz/AkzidenzGrotesk-BQ-Light-Italic.otf);
}

@font-face {
    font-family: MyriadPro-Regular;
    src: url(fontes/MyriadPro/MyriadPro-Regular.otf);
}


body{
    font-family: Oswald;
    font-size: 14px;
    background-color: #383A39;
}

.navbar{
    height: 100px;
}
.produtos2{
    padding: 0 !important;
}
.fixed-top{
    background-color: #383A39;
    z-index: 9030;
}

.endereco_tipo{
    text-align: center; 
    background-color: #E9E342; 
    padding: 5px;
}

#logo{
    max-width: 150px;
    margin-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 100%;
}

.conteudo{
    margin-top: 130px;
}
#contato{
    margin-top: 20px;
    margin-bottom: 20px;
    color: #ffffff;
    font-family: MyriadPro-Regular;
}
.titulo_destaque{
    background-color: #E9E342; 
    padding-top: 40px; 
    padding-bottom: 40px;
}

.titulo_destaque h2{
    font-family: 'Oswald'; 
    font-weight: regular;
}

.subtitulo_destaque{
    background-color: #E9E342; 
    padding-top: 25px; 
    padding-bottom: 25px;
}

.portfolio{
    background-color: #383A39; 
    padding-top: 30px; 
    padding-bottom: 30px; 
    padding-left: 40px; 
    padding-right: 40px;
}

.portfolio_menu_titulo{
    font-family: Oswald;
    background-color: #E9E342; 
    width: 100%; 
    height: 35px;
}

.portfolio_menu_imagens{ 
    width: 100%; 
    height: 200px;
}
.produtos{
    padding: 30px;
    cursor: pointer;
}

.fas{
    font-size: 24px;
    padding-right: 10px;
}

.fab{
    font-size: 19px;
    padding-right: 5px;
    padding-left: 5px
}

.popover-body{
    width: 600px;
    background-color: #353833;
    border: solid #E9E342 6px;
    border-radius: 30px;
    color: #ffffff;
    padding: 20px;
}
.popover{
    background:transparent;
    border:none;
}
.popover-body img{
    max-width: 100%;
    border-radius: 30px;
}

.produtos img{
    max-width: 100%;
    max-height: 100%;
}
.navbar-expand-lg .navbar-nav .nav-link {
    font-family: OratorStdMedium;
    font-weight:100;
    padding-left: 15px;
}

#footer{
    background-color: #383A39; 
    color: #ffffff;
    font-family: MyriadPro-Regular;
}

#footer_dados{
    padding-top: 30px; 
    padding-bottom: 10px;
}

#footer_autor{
    padding-bottom: 30px; 
    padding-top: 10px;
}

.active{
    background-color: #E9E342;
}

.active a{
    color: #383A39 !important;
}

.nav-item a:hover{
    background-color: #E9E342;
    color: #383A39 !important;
}


#map_canvas{
    padding: 10px;
    border: solid #E9E342 2px;
}
.fundo_branco{
    background-color: #FFFFFF;
}

#titulo{
    padding-top: 20px;
    padding-bottom: 20px;
}

#submeter{
    float: right;
}

#cadastro input{
    background-color: #cccccc;
}

.form-check {
    margin-top: 35px;
}
.d-block{
/*    height: 532px;*/
/*    height: 670px;*/
}

.linha{
    width: 100%; 
    height: 10px !important;
    border-top: solid #E9E342 2px; 
    border-bottom: solid #E9E342 2px;
}



/*.portfolio_menu_titulo::after {
    width: 0;
    height: 0;
    border-bottom: 35px solid #383A39;
    border-left: 35px solid transparent;
    top: 0;
    position: absolute;
    right: 0;
}*/

#triangulo {
    width: 0;
    height: 0;
    border-bottom: 35px solid #383A39;
    border-left: 35px solid transparent;
    top: 1px;
    position: absolute;
    right: 14px;
    
}
.pagination{
    margin-top: 30px;
}
.pagination >.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #f5c941;
    border-color: #f5c941;
}

.pagination > li > a, .pagination > li > span {
    border: none;
    width: 34px;
    height: 30px;
    color: #777;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.blog-post-info {
    padding: 20px 10px;
    background-color: #fff;
}

.blog-text {
    padding: 10px;
    margin: 10px 0 0;
    border-top: 1px solid #ddd;
    color: #777;
}

.categorias h3 {
    margin: 0;
    color: #e9e342;
    font-size: 16px;
    line-height: 16px;
    padding: 0 0 12px;
    position: relative;
    box-shadow: 0 -1px 0 #ddd inset;
}

.produto_titulo{
    color:#E9E342;
    text-transform: uppercase;
    text-align: left;
}

.categorias h3:after {
    left: 0;
    bottom: 0;
    width: 63px;
    height: 3px;
    content: '';
    position: absolute;
    background-color: #f5c941;
}

.categorias ul li {
    line-height: 14px;
    border-bottom: 1px solid #ddd;
    padding: 18px 0 18px 20px;
    background: url(../images/icons/li-icon.png) no-repeat left 20px;
}

.regular-font {
    font-weight: 400;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.categorias ul li a {
    color: #777;
    text-decoration: none;
}

.blog_titulo a{
    color: #383a39;
    text-decoration:none;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #f5c941;
    border-color: #f5c941;
}

.page-item .page-link {
    z-index: 1;
    color: #000000;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

.inline li{
    display: inline;
}

.inline li i {
    color: #383a39;
    font-size: 14px;
    padding-right: 5px;
}
.inline li a {
    color: #383a39;
    text-decoration: none;
}


.btn-amarelo {
    color: #fff;
    background-color: #383a39;
    border-color: #383a39;
    text-decoration: none;
}
.btn-amarelo:hover{
    color: #383A39;
}

#lancamentos{
    width: 100%;
/*    max-height: 260px*/
}

.navbar-toggler{
    background-color: #eae441;
}

.navbar-nav{
    background-color: #383a39;
}


.navbar-light .navbar-nav .nav-link {
    color: rgba(234, 228, 65,.5);
}


.etiqueta_de { 
    border-top: 50px solid #E9E342; 
    border-left: 0px solid transparent; 
    border-right: 20px solid transparent; 
    height: 0; 
    width: 180px; 
    position: absolute;
    top:50px;
}

.etiqueta_por { 
    border-top: 50px solid #E9E342; 
    border-left: 0px solid transparent; 
    border-right: 20px solid transparent; 
    height: 0; 
    width: 150px; 
    position: absolute;
    top:130px
}

.etiqueta_conteudo{
    font-family: Oswald;
    margin-top: -45px; 
    padding-left:15px;
    font-size: 28px;
}

.etiqueta_x{
    position: absolute;
    height: 60px;
    width: 80px;
    top:-55px;
    background-image: url(../images/x.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.etiqueta_oferta{
    position: absolute;
    height: 150px;
    width: 150px;
    background-image: url(../images/oferta.png);
    background-size: contain;
    background-repeat: no-repeat;
    right: 20px;
    top: 20px;
}

.etiqueta_oferta_frase{
    offset-rotate: 20drads;
    transform: rotate(40deg);
    text-align: center;
    position: absolute;
    color: #ffffff;
    left: 20px;
    top: 15px;
    right: 20px;
    padding-bottom: 86px;
}

.etiqueta_produto { 
    border-top: 28px solid #E9E342; 
    border-left: 0px solid transparent; 
    border-right: 10px solid transparent; 
    height: 0; 
    width: 100px; 
    position: absolute;
}

.etiqueta_produto_conteudo{
    font-family: Oswald;
    margin-top: -28px; 
    padding-left:5px;
    font-size: 18px;
}

.header_espaco{
    padding-top: 130px;
}

.sobrenos{
    font-family: MyriadPro-Regular;
}

.menu_produtos_categorias{
    cursor: pointer;
}
.whatsapp{
    color: #4dc247;
    text-decoration: none;
    cursor: pointer;
}
.whatsapp i{
    color: #4dc247;
}

.gray-bg-container{
    background-color: #ffffff;
}

#facebook{
    padding-left: 0px;
    margin-left: 5px;
    padding-right: 0;
    float: left;

}

#instagram{
    padding-left: 0px;
    margin-left: 30px;
    padding-right: 0;
    float: left;
}

.carousel-inner .active{
    background-color: transparent;
}
@media (max-width: 767px) {

  .text-sm-center {
    text-align: center;
  } 
}

@media (max-width: 576px) {
  .popover-body{
        width: 100%;
    }
    #instagram{
        margin-left: 15px;
    }
}


@media (min-width: 992px){ 
    .navbar-expand-lg .navbar-nav .nav-link {
        font-family: OratorStdMedium;
        font-weight:100;
        padding-right: 40px;
        padding-left: 40px;
/*        padding-top: 35px;
        padding-bottom: 35px;*/
        font-size: 18px;
        color: #E9E342;
    }
    
    .popover-body{
        width: 600px;
    }
    
}

@media (max-width: 900px){ 
    .navbar{
        height: 60px;
    }
    .header_espaco{
        padding-top: 95px;
    }
    .titulo_destaque{
        padding-top: 25px;
        padding-bottom: 20px;
    }
}