html{
  height: 100%;  
}

html, body{
	min-height:100%;
	width:100%;
	margin: 0px;
	padding: 0px;
        font-family: 'Quicksand', sans-serif;
        font-size: 10px;
}

body{
	background: #fff;
	color: #000;
	font-size: 16px;
	/*font-family: 'Franklin Gothic Heavy', verdana;*/
	font-family: 'Quicksand', sans-serif;
	font-weight: normal;
        height:100%;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

*:focus{
    outline: 0;
}

h1{
    font-size: 2em;
}

h2{
    font-size: 1.8em;
}

h3{
    font-size: 1.6em;
}

h4{
    font-size: 1em;
}

h5, p{
    font-size: 0.9em;
}

h6{
    font-size: 0.8em;
}

/*BEGIN HEADER*/
header{
    height: 121px;
    background-color: #fff;
}

header div.top{
    min-height: 54px;
}

header div.bottom{
    margin-top:10px;
}

.logo-header{
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
}

.logo-header:hover{
    cursor: pointer;
}

.logo-header img{
    margin: 0 auto;
}

header .header-sociais li{
    color: #f48352;
    margin-top: 10px;
}

header .nav li a{
    color: #e54204;
    font-weight: bold;
}
/*END HEADER*/

.barra-bottom-slide{
    text-align: center;
    font-size: 30px;
    height: 45px;
}

.barra-bottom-slide ul{
    margin-left: auto;
    margin-right: auto;
}

.barra-bottom-slide ul li > a, .barra-bottom-slide ul li{
    padding-top: 5px;
    padding-bottom: 5px;
    color:#fff;
    text-transform: uppercase;
}

#quemsomos .box-fullwidth, #lojas .box-fullwidth, #cafe .box-fullwidth{
    margin-top:30px;
}

.box-fullwidth{
    padding-left: 15px;
    padding-right: 15px;
}

.box-fullwidth .title{
    font-size: 2.8em;
    text-transform: uppercase;
    line-height: 2em;
    margin-bottom: 20px;
}

.box-fullwidth .subtitle{
    font-size: 1.8em;
    line-height: 1.8em;
    border-bottom: 2px solid #fff;
    margin-bottom: 20px;
    font-weight: bold;
}

#quemsomos .subtitle{
    text-transform: uppercase;
    font-weight: normal;
    font-size: 2.8em;
    text-transform: uppercase;
    line-height: 2em;
}

.box-news .subtitle{
    font-weight: normal;
    text-transform: uppercase;
}

.box-news .title{
    font-size: 45px;
    line-height: 55px;
    margin-bottom: 15px;
    margin-top: -10px;
    
}


.box-fullwidth .conteudo p{
    font-size: 1.3em;
    line-height: 1.4em;
    margin-bottom: 20px;
    text-align: justify;
}

.menu-interno li{
    font-size: 1em;
    color:#e54204;
    cursor: pointer;
    font-weight: bold;
}

.menu-interno li.active, .menu-interno li:hover{
    color:#f7941d;
}

.box-news .conteudo p{
    font-size: 1.2em;
    line-height: 1.5em;
    margin-bottom: 10px;
}

.box-dicas .data{
    border-bottom: 2px solid #fff;
    font-size: 0.8em;
    line-height: 1.5em;
    margin-bottom: 5px;
    margin-top: 5px;
    color: #e96645;
    
    border-bottom: 1px solid #e54204;
}

.box-dicas .title{
    font-size: 1.3em;
    line-height: 30px;
    margin-top: 10px;
    border: 0px;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-weight: bold;
}

.box-dicas .imagem {
    overflow: hidden;
}

.box-dicas .imagem img{
    width: 100%;
}

.box-dicas{
    padding-top: 50px;
}

#dicas > section > .bg-laranja:nth-last-child(2) .box-dicas{
  padding-bottom: 50px;  
}


.box-news{
    padding-top: 30px;
    padding-bottom: 20px;
    margin-top:0px;
}

.box-fotos{
    margin-top:0px;
    padding-bottom: 50px;
}

.box-fotos .title{
    font-size: 2em;
    line-height: 48px;
    margin-top: 15px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.box-fotos .secao-fotos{
    margin-left: -30px;
    margin-right: -30px;
}

.box-fotos .colsm5{
    width: 20%;
    padding-left: 30px;
    padding-right: 30px;
    float:left;
    text-align: center;
}

.box-fotos img{
    /*width: 100%;*/
}

.box-fotos .container-img{
    position: relative;
  width: 100%;
  /*height: 10;*/
  overflow: hidden;
}

.container-img img{
    position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}


.paginacao{
    margin-top: 20px;
    margin-bottom:10px;
    height:34px;
    text-align: center;
}

.paginacao > .pagination{
    margin-top: 0px;
    margin-bottom: 0px;
}

.paginacao > .pagination > li > a{
    background-color: transparent;
    color: #e54204;
    border: 0px;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 8px;
}

.paginacao > .pagination > li > a:hover{
    background-color: transparent;
    color: #009146;
}


.bg-roxo{
    background-color: #714199;
}

.bg-vermelho{
    background-color: #ee1a3e;
}

.bg-laranja{
    background-color: #f7941d;
}

.bg-verde{
    background-color: #009146;
}

.bg-amarelo{
    background-color: #f8e900;
}

.bg-branco{
    color:#fff;
}

.font-branco{
    color: #fff;
}

.font-laranja{
    color: #e54204;
}


.box-fullwidth .title.font-laranja{
    border-color: #e54204;
}

.box-fullwidth .subtitle.font-laranja{
    border-color: #e54204;
    word-break: break-word;
    white-space: pre-wrap;
}

.font-roxo{
    color: #714199;
}

.box-fullwidth .title.font-roxo{
    border-color: #714199;
}

.wrapper{
    padding-left: calc( (100% * 200)/1920);
    padding-right: calc( (100% * 200)/1920);
}

.box-fullwidth.wrapper{
    margin-left: 0px;
    margin-right: 0px;
}


#section-conteudo > section{
    display:none;
}

#section-conteudo > section.active{
    display:block;
}

footer{
    background-color: #f7941d;
}

footer .bottom{
    height: 40px;
    background-color: #009146;
}

footer .top{
    
    padding-top: 30px;
}

footer .top > div{
    
}

footer .middle, footer .middle>div{
    height: 110px;
}

footer .top>div img.logo{
    /*margin-top: 50%*/
}

footer .middle>div img.logo-cafe{
   float:right;
   /*width: 50%;*/
}

.footer-sociais{
    color: #fff;
    font-size: 0.8em;
}

footer .top>div .footer-menu li:first-child{
    font-weight: bold;
}

footer .top>div .footer-menu{
    color:#fff;
    font-size: 0.74em;
    font-weight: lighter;
    cursor: pointer;
}

footer  .endereco-copyright{
    color: #fff;
    font-size: 0.8em;
    line-height: 1.4em;
    position:absolute;
    bottom:0px;
    width:100%;
    height: 75px;
    text-align: center;
}

footer .endereco-copyright p{
    margin-bottom: 0px;
}

footer .endereco-copyright .endereco{
    font-weight: bold;
}

.categoria-menu{
    margin-top:0px;
}

#sub-categorias{
    padding-top: 50px;
}

.categoria-menu li a{
    color:#e54204;
    font-size: 1.15em;
}

.categoria-menu li a.active{
    color:#f7941d;
}

.form-control-feedback{
    display:none;
    margin-top:16px;
}

.alert_form{
    display: none;
    font-size:11px;
    margin-top:2px;
}

.form-contato .form-group-sm .form-control{
    height:40px;
    border: 0px;
    border-radius: 0px;
    font-family: 'Quicksand', sans-serif;
    font-size: 1.3em;
    
}

#form-contato-cliente label{
    color: #e54204;
    font-size: 1.1em;
    font-family: 'Quicksand', sans-serif;
    text-transform: uppercase;
}

#form-contato-fornecedor label{
    color: #e54204;
    font-size: 1.1em;
    font-family: 'Quicksand', sans-serif;
    text-transform: uppercase;
}

#form-contato-cliente input, #form-contato-fornecedor input, 
#form-contato-cliente textarea, #form-contato-fornecedor textarea{
    background:#e3e5e5;
}

#contato .conteudo p{
    font-size: 1em;
}

.form-contato > div > div{
    margin-bottom: 30px;
}

.form-contato .form-group-sm textarea.form-control{
    height:160px;
}

.form-contato button{
    font-size: 1.3em;
    line-height: 1.3em;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 0px;
    padding-left:20px;
    padding-right: 20px;
    text-transform: uppercase;
    border: 0px;
}

#form-newletter label{
    color: #fff;
    font-size: 0.75em;
    font-family: 'Quicksand', sans-serif;
    text-transform: uppercase;
    font-weight: lighter;
}

#form-newletter .form-group .form-control{
    height:26px;
    border: 0px;
    border-radius: 0px;
    font-family: 'Quicksand', sans-serif;
    font-size: 0.60em;
    
}

#form-newletter input{
    background: #f9a94a;
    color:#fff;
}

#form-newletter ::-webkit-input-placeholder{
    color: #fff;
    font-size: 0.80em;
}

 
#form-newletter :-moz-placeholder{
    color: #fff;
    font-size: 0.60em;
}
#form-newletter ::-moz-placeholder{
    color: #fff;
    font-size: 0.60em;
}

#form-newletter :-ms-input-placeholder{
    color: #fff;
    font-size: 0.60em;
}
   

.btn-contato-cliente, .btn-contato-fornecedor{
    color:#fff;
    background-color: #f06931;
}

.btn-contato-cliente:hover, .btn-contato-fornecedor:hover{
    background-color: #714199;
    color: #fff;
}



.btn-newsletter{
    color:#fff;
    background-color: #f06931;
    font-size: 0.55em;
    line-height: 0.55em;
    padding-top: 8.5px;
    padding-bottom: 8.5px;
    border-radius: 0px;
    padding-left:20px;
    padding-right: 20px;
    text-transform: uppercase;
    border: 0px;
    margin-top: 5px;
}

.btn-newsletter:hover{
    background-color: #009146;
    color: #fff;
}

.barra-bottom-slide ul li{
    padding-top: 0px;
}

.barra-bottom-slide ul{
    margin-top: -3px;
}

section .conteudo-categoria{
    display: none;
}

section .conteudo-categoria.active{
    display: block;
}

.box-fullwidth .conteudo p.text-half{
    font-size: 1em;
}

.menu-categoria-home:hover{
    cursor: pointer;
}

.clearfix-10{
    height: 10px;
}

.clearfix-30{
    height: 30px;
}

.clearfix-50{
    height: 50px;
}


/*BEGIN Mobile*/
header .navbar-toggle .icon-bar {
    background: #f69867;
}

header .navbar-header-mobile{
    height: 50px;
}

header .navbar-header-mobile .navbar-brand{
    padding-top: 0px;
    padding-bottom: 0px;
}

#myNavbarMobile {
    position: fixed;
    z-index: 999;
    background: #fff;
    width: 100%;
    margin-left: -16px;
    height: 100%;
}

@media (max-width: 767px){
    header{
        height:60px;
    }
    
    .barra-bottom-slide li{width: 100%}
    
    #form-newletter label{
        font-size: 0.5em;
    }
    
    footer{
        height:950px;
    }

    #form-newletter .form-group .form-control{

    }

    #form-newletter input{
        float:left;
        width: 48%;
        margin-left:5px;
    }
    #form-newletter button{
        float:right;
        width: 48%;
        margin-right: 5px;
        margin-top: 0px;
    }

    #form-newletter ::-webkit-input-placeholder{
    }


    #form-newletter :-moz-placeholder{
    }
    #form-newletter ::-moz-placeholder{
    }

    #form-newletter :-ms-input-placeholder{
    }
    
    .box-fotos .colsm5{
        width: 100%;
        margin-bottom: 20px;
    }
    
    .categoria-menu li a:hover{
        cursor: pointer;
    }
}