html{height: 100%;}
body{height: 100%; font-family: 'Roboto'; font-weight: 300; overflow-x: hidden;}

/*helpers*/
.padding-bottom-0{padding-bottom: 0px !important;}

.padding-0{padding: 0px;}
.padding-top-30{padding-top: 60px;}

.margin-top--100{margin-top: -100px;}
.margin-top-60{margin-top: 60px;}
.margin-top-30{margin-top: 30px;}
.margin-top-160{margin-top: 15%;}

.margin-bottom-20{margin-bottom: 20px;}

.centro-imagem{margin: 0 auto;}
/*menu / logo*/
header{position: absolute; top: 0px; z-index: 999999; width: 100%; margin: 0 auto;}

ul.menu{padding: 0px; margin: 0px; width: 80%; float: right;}
ul.menu li{width: 25%; text-align: right; float: left; list-style: none; padding-top: 60px; text-align: center;}

ul.menu li a{color: #FFF; font-family: 'dincond-boldalternatebold'; text-transform: uppercase; font-size: 16px; letter-spacing: 1px;}
ul.menu li a:hover{text-decoration: none; color: #FF8A00;}

ul.menu li.redes{width: 10%; text-align: right; float: left; list-style: none; padding-top: 60px; text-align: center;}

/*menu produtos*/
ul.menu-produtos{padding: 0px; margin: 0px; width: 80%; float: right;}
ul.menu-produtos li{width: 25%; text-align: right; float: left; list-style: none; padding-top: 60px; text-align: center;}

ul.menu-produtos li a{color: #511b04; font-family: 'dincond-boldalternatebold'; text-transform: uppercase; font-size: 16px; letter-spacing: 1px;}
ul.menu-produtos li a:hover{text-decoration: none; color: #FF8A00;}

ul.menu-produtos li.redes{width: 10%; text-align: right; float: left; list-style: none; padding-top: 60px; text-align: center;}

/*slider*/
.back-banner{width: 100%; min-height: 536px; background-color: #F8F1E3;}
.flexslider{border: none; z-index: 9999; background-color: transparent; margin-bottom: 0px;}

/*marcador*/
.flex-control-nav{bottom: 40px; left: -20%; position: relative; z-index: 9999;}
.flex-control-paging li a{width: 30px; height: 30px; background-color: rgba(255, 255, 255, 0.3)}
.flex-control-paging li a:hover{width: 30px; height: 30px; background-color: rgba(255, 255, 255, 0.3)}
.flex-control-paging li a.flex-active{width: 30px; height: 30px; background-color: rgba(255, 255, 255, 0.8)}

/*background creme*/
.bg-creme{background-color: #F8F1E3; padding-bottom: 100px;}

/*chamada home*/
.chamada-home{font-size: 35px; font-family: 'Roboto'; font-weight: 100; color: #511b04; line-height: 38px;}
.destaque-chamada{color: #FF8A00;}

/*tabs*/
.nav-tabs{border-bottom: none; width: 100%;}
.nav-tabs>li{width: 25%;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:hover{background-color: transparent; padding: 5px;  text-transform: uppercase; border-radius: 50px; color: #FF8A00;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li>a{background-color: transparent; padding: 5px;  text-transform: uppercase; border-radius: 50px; color: #FF8A00; font-size: 16px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{border: solid 1px #FF8A00; background-color: transparent; padding: 5px; border-radius: 50px; color: #FF8A00;}


.slick-prev{background-image: url('../images/left.png'); width: 51px; height: 83px;  left: -50px;}
.slick-prev:hover{background-image: url('../images/left.png'); width: 51px; height: 83px;}
.slick-prev:focus{background-image: url('../images/left.png'); width: 51px; height: 83px;}
.slick-prev:before, .slick-next:before{display: none;}

.slick-next{background-image: url('../images/right.png'); width: 51px; height: 83px;  right: -51px;}
.slick-next:hover{background-image: url('../images/right.png'); width: 51px; height: 83px;}
.slick-next:focus{background-image: url('../images/right.png'); width: 51px; height: 83px;}
.slick-next:before, .slick-next:before{display: none;}

.slider img{width: 100%; height: 100%;}

.sombra-slide{-webkit-box-shadow: 0px 26px 28px -21px rgba(77,49,0,1);
-moz-box-shadow: 0px 26px 28px -21px rgba(77,49,0,1);
box-shadow: 0px 26px 28px -21px rgba(77,49,0,1); min-height: 300px; height: auto;}

.slick-dots li.slick-active button:before{color: #FF8A00;}
.slick-dots li button:before{font-size: 25px; margin-top: 20px; color: #fcc46a;}

.separador-areia-branco{width: 100%; height: 120px; background-image: url('../images/separador-areia-branco.png'); background-repeat: no-repeat;}

.unidade-titulo{font-family: 'Roboto'; font-weight: 400; font-size: 20px; color: #999; line-height: 25px;}
.unidade-end{font-family: 'Roboto'; font-weight: 300; font-size: 17px; color: #999; line-height: 25px; margin-left: 34px;}
.unidade-fone{font-family: 'Roboto'; font-weight: 300; font-size: 17px; color: #999; margin-left: 34px;}

.chamada-unidade{font-size: 30px; font-family: 'Roboto'; font-weight: 100; color: #511b04; line-height: 38px;}

.separador-branco-laranja{width: 100%; height: 112px; background-image: url('../images/separador-branco-laranja.png'); background-repeat: no-repeat; margin-top: 50px;}
.bg-laranja{background-color: #F3953F; padding-bottom: 100px;}

.receba{font-family: 'roboto'; font-weight: 100; color: #511b04; font-size: 45px; line-height: 40px;}
.novidades{font-family: 'master_of_breakregular'; color: #FFF; font-size: 45px;}

.input-novidades{width: 100%; border: none; border-bottom: solid 1px #e9772a; background-color: transparent; height: 40px; margin-bottom: 20px; padding-left: 10px; padding-right: 10px; color: #FFF; font-size: 17px;}
textarea.msg{width: 100%; height: 200px; background-color: transparent; border: solid 1px #e9772a; max-height: 200px; padding: 10px; font-size: 20px; color: #FFF; outline: none; margin-bottom: 20px;}
::-webkit-input-placeholder {color: #FFF; font-size: 20px;}
:-moz-placeholder {color: FFF;}

select{outline: none !important;}

option{outline: none !important; padding: 50px; height: 30px; background-color: #F3953F; color: #FFF; font-family: 'roboto'; font-weight: 100;}


.input-novidades-select{width: 100%; border: none; border-bottom: solid 1px #e9772a; outline: none !important; background-color: transparent; height: 40px; margin-bottom: 20px; padding-left: 10px; padding-right: 10px; color: #e9772a; font-size: 17px;}
.option-assunto{background-color: #e9772a; padding: 30px;}
.option-assunto:focus{outline: none !important;}

input:focus {outline: none;}
button.enviar{-webkit-border-radius: 20px;-moz-border-radius: 20px; border-radius: 20px; background-color: #511b04; color: #FFF; padding: 10px; border: none; min-width: 150px; font-family: 'roboto'; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;}

.bloco-insta{background-color: #FFF; min-height: 490px; height: auto; padding-top: 30px; padding-bottom: 30px; -webkit-box-shadow: -4px 17px 37px -12px rgba(105,38,9,1);
-moz-box-shadow: -4px 17px 37px -12px rgba(105,38,9,1);
box-shadow: -4px 17px 37px -12px rgba(105,38,9,1);}

a.seguir{padding: 7px; border: solid 1px #FF8A00; -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px; color: #FF8A00; font-family: 'roboto'; font-weight: 700; text-transform: uppercase;}

a.seguir:hover{text-decoration: none; color: #592c17;}

.end-insta{padding-top: 20px; font-size: 25px; color: #999; font-family: 'roboto'; font-weight: 100; letter-spacing: 1px;}
.alinha-seguir{padding-top: 30px;}

ul.menu-bottom{width: 100%; padding: 0px; margin: 0px;}
ul.menu-bottom li{width: 25%; text-align: center; float: left; list-style: none;}
ul.menu-bottom li a{text-transform: uppercase; color: #511b04; font-family: 'roboto'; font-weight: 700;}

ul.menu-bottom li a:hover{text-decoration: none;}

.rodape{width: 100%; height: 70px; background-color: #511b04;}
.copy{font-family: 'roboto'; font-weight: 400; color: #805549; font-size: 15px; line-height: 70px;}


/*comer bem viver*/
.back-banner-cbvb{width: 100%; min-height: 536px; background-color: #bcc050;}
.bg-verde{background-color: #bcc050;  padding-bottom: 100px;}

.chamada-cbvb{font-family: 'roboto'; font-weight: 100; font-size: 45px; color: #FFF; }
.chamada-cbvb-bold{font-family: 'roboto'; font-weight: 700; font-size: 45px; color: #FFF; }

.separador-verde-branco{width: 100%; height: 112px; background-image: url('../images/separador-verde-branco.png'); background-repeat: no-repeat;}

p.texto-cbvb{font-family: 'roboto'; font-weight: 300; font-size: 24px; color: #592c17;}

p.texto-cbvb .font-laranja{font-family: 'roboto'; font-weight: 300; font-size: 24px; color: #e9772a;}
p.texto-cbvb .font-laranja .bold{font-family: 'roboto'; font-weight: 700; font-size: 24px; color: #e9772a;}

.separador-branco-areia{width: 100%; height: 112px; background-image: url('../images/separador-branco-areia.png'); background-repeat: no-repeat;}
.chamada-bottom-cbvb{font-size: 40px; font-family: 'Roboto'; font-weight: 100; color: #511b04; line-height: 45px;}
.sub-chamada-bottom-cbvb{font-size: 35px; font-family: 'Roboto'; font-weight: 100; color: #FF8A00; line-height: 45px;}


.bg-bottom-eco{height: 300px; background-image: url('../images/bg-cementes.png'); background-size: cover; background-repeat: no-repeat;}
.separador-areia-laranja{width: 100%; height: 112px; background-image: url('../images/separador-areia-laranja.png'); background-repeat: no-repeat; position: relative; top: -100px;}

.fotoinsta{margin-top: 30px;}
.insta-face{height:70px; width:100%; position:absolute; top:-40px; background-color:transparent; left:-100px;}

.bg-top-prod{background-color: #F8F1E3; background-image: url('../upload/back-top-pag-produtos.jpg'); background-repeat: no-repeat; background-size: 100%;}

.imagem-produto{background-color: #FFF; min-height: 550px; height: auto; padding-top: 70px; padding-bottom: 30px; -webkit-box-shadow: -6px 21px 54px -19px rgba(148,69,0,1);
-moz-box-shadow: -6px 21px 54px -19px rgba(148,69,0,1);
box-shadow: -6px 21px 54px -19px rgba(148,69,0,1);}

h3.nome-produto{color: #592c17; text-transform: uppercase; font-family: 'dincond-blackalternateregular'; margin: 0px; font-size: 19px; letter-spacing: 0px; margin-bottom: 20px;}
h5.ingredientes{color: #666; text-transform: uppercase; font-family: 'roboto'; font-weight: 700;}

p.ingredientes{color: #666; font-family: 'roboto'; font-weight: 400; line-height: 20px;}

table.tabela-nut td{text-align: left; padding-top: 2px; padding-bottom: 2px; background-color: #FFF; padding: 3px; border-bottom: solid 1px #F8F1E3; padding-left: 20px; padding-right: 20px; font-family: 'roboto'; font-weight: 400; color: #666;}
table.tabela-nut td.text-left{text-align: left !important;}
table.tabela-nut td.bold{font-family: 'roboto'; font-weight: 700; color: #666;}

h1.relacionados{font-family: 'roboto'; font-size: 35px; font-weight: 100;  color: #592c17; margin-bottom: 30px;}

.produto-relacionado{background-color: #FFF; min-height: 300px; padding-top: 20px; padding-bottom: 20px; -webkit-box-shadow: 0px 10px 19px -8px rgba(148,69,0,0.75);
-moz-box-shadow: 0px 10px 19px -8px rgba(148,69,0,0.75);
box-shadow: 0px 10px 19px -8px rgba(148,69,0,0.75);}

.nome-produto-min{font-family: 'roboto'; font-weight: 700; color: #592c17; text-transform: uppercase; padding-bottom: 10px;}
.conteudo-produto-min{font-family: 'roboto'; font-weight: 400; color: #666; font-size: 12px; text-transform: uppercase; padding-bottom: 10px;}

.item {
  position: relative;
  
  margin: 2%;
  overflow: hidden;
}
.item img {
  max-width: 100%;
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.item:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


.item-min {
  position: relative;
  
  margin: 2%;
  overflow: hidden;
  cursor: pointer;
}
.item-min img {
  max-width: 100%;
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.item-min:hover img {
  -moz-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.confirmacao-envio{font-family: 'roboto'; font-size: 20px; font-weight: 900; color: #592c17; text-transform: uppercase;}

@media only screen and (max-width : 1200px) {
/*slider*/
.back-banner{width: 100%; min-height: 400px; background-color: #F8F1E3;}
/*chamada home*/
.chamada-home{font-size: 30px; font-family: 'Roboto'; font-weight: 100; color: #511b04; line-height: 38px;}
.destaque-chamada{color: #FF8A00;}

.unidade-end{font-family: 'Roboto'; font-weight: 300; font-size: 15px; color: #999; line-height: 25px; margin-left: 34px;}
.end-insta{padding-top: 20px; font-size: 20px; color: #999; font-family: 'roboto'; font-weight: 100; letter-spacing: 1px;}
}

ul.insta-feed{list-style: none; padding: 0px; float: left; width: 100%;}
ul.insta-feed li{width: 33.33333333333333% !important; height: 200px; overflow: hidden; float: left;}
ul.insta-feed li img{width: 100%; height: 100%;}


@media only screen and (max-width : 979px) {
/*slider*/
.back-banner{width: 100%; min-height: 300px; background-color: #F8F1E3;}

.slick-prev{display: none !important; visibility: hidden !important;}
.slick-next{display: none !important; visibility: hidden !important;}
}

@media only screen and (max-width : 767px) {

}

@media only screen and (max-width : 480px) {
ul.menu{padding: 0px; margin: 0px; width: 100%; float: right; background-image: url('../images/back-menu.png'); background-size: 100%; background-repeat: no-repeat; padding-top: 30px; position: absolute; top: 0px; left: 0px; min-height: 500px; display: none;}
ul.menu li{width: 100%; text-align: right; float: left; list-style: none; padding-top: 0px; text-align: center; height: 40px;}

ul.menu li a{color: #FFF; font-family: 'dincond-boldalternatebold'; text-transform: uppercase; font-size: 16px; letter-spacing: 1px;}
ul.menu li a:hover{text-decoration: none; color: #FF8A00;}

ul.menu li.redes{width: 100%; text-align: right; float: left; list-style: none; padding-top: 0px; text-align: center; height: 60px;}


ul.menu-produtos{padding: 0px; margin: 0px; width: 100%; float: right; background-image: url('../images/back-menu.png'); background-size: 100%; background-repeat: no-repeat; padding-top: 30px; position: absolute; top: 0px; left: 0px; min-height: 500px; display: none;}
ul.menu-produtos li{width: 100%; text-align: right; float: left; list-style: none; padding-top: 0px; text-align: center; height: 40px;}

ul.menu-produtos li a{color: #FFF; font-family: 'dincond-boldalternatebold'; text-transform: uppercase; font-size: 16px; letter-spacing: 1px;}
ul.menu-produtos li a:hover{text-decoration: none; color: #FF8A00;}

ul.menu-produtos li.redes{width: 100%; text-align: right; float: left; list-style: none; padding-top: 0px; text-align: center; height: 60px;}


.sombra-slide{-webkit-box-shadow: 0px 26px 28px -21px rgba(77,49,0,1);
-moz-box-shadow: 0px 26px 28px -21px rgba(77,49,0,1);
box-shadow: 0px 26px 28px -21px rgba(77,49,0,1); min-height: 50px; height: auto;}

.margin-top-60{margin-top: 20px;}
.bloco-insta{margin-top: 30px; min-height:550px; height: auto;}

.copy{font-family: 'roboto'; font-weight: 400; color: #805549; font-size: 11px; line-height: 20px;}

.back-banner-cbvb{width: 100%; min-height: 400px; background-color: #bcc050;}

.chamada-cbvb{font-family: 'roboto'; font-weight: 100; font-size: 25px; color: #FFF; }
.chamada-cbvb-bold{font-family: 'roboto'; font-weight: 700; font-size: 35px; color: #FFF; }

p.texto-cbvb{font-family: 'roboto'; font-weight: 300; font-size: 20px; color: #592c17;}

p.texto-cbvb .font-laranja{font-family: 'roboto'; font-weight: 300; font-size: 20px; color: #e9772a;}
p.texto-cbvb .font-laranja .bold{font-family: 'roboto'; font-weight: 700; font-size: 20px; color: #e9772a;}

.bg-bottom-eco{background-image: none;}
.chamada-bottom-cbvb{font-size: 40px; font-family: 'Roboto'; font-weight: 100; color: #511b04; line-height: 35px;}
.sub-chamada-bottom-cbvb{font-size: 35px; font-family: 'Roboto'; font-weight: 100; color: #FF8A00; line-height: 35px;}

.fotoinsta{margin-top: 40px;}

.imagem-produto{min-height: 300px; margin-top: 50px; margin-bottom: 30px;}
.item-min{margin-bottom: 20px;}

ul.insta-feed{list-style: none; padding: 0px; float: left; width: 100%;}
ul.insta-feed li{width: 50% !important; height: 100px; overflow: hidden; float: left;}
ul.insta-feed li img{width: 100%; height: 100%;}

}

@media only screen and (max-width : 320px) {

ul.menu{padding: 0px; margin: 0px; width: 100%; float: right; background-image: url('../images/back-menu.png'); background-size: 100%; background-repeat: no-repeat; padding-top: 30px; position: absolute; top: 0px; left: 0px; min-height: 300px; display: none;}
ul.menu li{width: 100%; text-align: right; float: left; list-style: none; padding-top: 0px; text-align: center; height: 40px;}

ul.menu li a{color: #FFF; font-family: 'dincond-boldalternatebold'; text-transform: uppercase; font-size: 16px; letter-spacing: 1px;}
ul.menu li a:hover{text-decoration: none; color: #FF8A00;}

ul.menu li.redes{width: 100%; text-align: right; float: left; list-style: none; padding-top: 0px; text-align: center; height: 60px;}

.copy{font-family: 'roboto'; font-weight: 400; color: #805549; font-size: 11px; line-height: 50px;}
}