/*!
 * Grano Trending v1.0 
 * @author Taisa Queiroz
 * @email taisa.queiroz@calebedesign.com.br
 * @Revisão Henderson Torres
 * @email henderson@calebedesign.com.br
 * Copyright 2017
 */ 

body{ font-family:'Barlow Condensed',sans-serif; background-color:#373b45; font-weight:400; color:#fff; }
body.on{ overflow:hidden; height:100vh; }
p{ font-size:28px; font-weight:400; line-height:1.6; letter-spacing:.4px; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale }
input, select, button, textarea{ outline:0; text-rendering:optimizeLegibility; position:relative; appearance:none; -webkit-appearance:none; padding:0; font-weight:400; }
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="text"], select, textarea{ height:28px; background:#fff; border:0; padding:0 10px; padding-right:22px; border-radius:2px; display:block; width:100%; color:#373b45; }
textarea{ height:95px; resize:vertical }
input[type="submit"]{background-color:transparent; padding:0 42px; margin-top:28px;}
a{ text-decoration:none; color:#ffffff; }
a:focus, img:focus, input:focus, select:focus, button:focus, textarea:focus{ outline:0; text-decoration:none; }
::-webkit-input-placeholder{ color:#373b45; }
:-moz-placeholder{ color:#373b45; }
::-moz-placeholder{ color:#373b45; }
:-ms-input-placeholder{ color:#373b45; }

.title-sec{ font-family:'Barlow',sans-serif; text-transform:uppercase; text-align:center; font-weight:300; letter-spacing:.2px; font-size:46px; line-height:1; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale }

.button{ font-family:'Barlow',sans-serif; padding:0 50px; display:inline-block; position:relative; position:relative; text-decoration:none; text-transform:uppercase; border-radius:0; min-height:38px; line-height:35px; max-width:100%; border:0; letter-spacing:4.5px; font-size:11px; font-weight:900; transition:all .25s ease-in-out }
.button-vrd{ border:solid 1px #cec921; color:#cec921; }
.button-cnz{ border:solid 1px #4b515e; color:#4b515e; }
.button-vrd:hover, .button-vrd:focus, .button-vrd:active{ background-color:#cec921; text-decoration:none; color:#373b45; }
.button-cnz:hover, .button-vrd:focus, .button-vrd:active{ background-color:#cec921; text-decoration:none; color:#373b45; border:1px solid #cec921; }
.button-more{ padding:0 42px 0 56px }
.button-more:before{ content:"+"; font-size:14px; position:absolute; top:50%; transform:translateY(-50%); left:28px }
.button-send{ padding-left:44px; }
.button-send:before{ content:">"; font-size:14px; position:absolute; top:50%; transform:translateY(-50%); left:28px }

.see-more{text-align:center;}
.saiba-mais{text-decoration:none; text-align:center; position:relative; padding-bottom:10px; letter-spacing:6.4px; text-transform:uppercase; font-size:12px;  font-weight:900; font-family:'Barlow',sans-serif; padding-top:30px; transition: all .25s ease-in-out; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; display:inline-block;}
.saiba-mais:hover{color:#cec921; text-decoration:none;}
.saiba-mais.saiba-cinza:hover{color:#373b45; text-decoration:none;}
.saiba-mais.saiba-icon:after{position:absolute; content:""; top:100%; left:50%;margin-left:-12px; width:24px; height:24px; background-size:16px; background-image:url(../icons/icon_mais.png); background-repeat:no-repeat; background-position:center;}
.saiba-mais:hover:after{background-image:url(../icons/icon_mais-hover.png); transition: all .25s ease-in-out; background-size:16px}

.social{ position:relative; display:inline-block; vertical-align:middle;float:right; }
.social ul{ list-style-type:none; padding:0; font-size:0; margin-left:-6px; margin-right:-6px }
.social li{ display:inline-block; vertical-align:middle; padding:0 6px }
.social a{ width:20px; height:20px; display:block; text-indent:9999px; overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:100% auto; transition:all .25s ease-in-out }
.social .social-face{ background-image:url(../icons/icon_facebook_cnz.png) }
.social .social-face:hover{ background-image:url(../icons/icon_facebook_vrd.png) }
.social .social-insta{ background-image:url(../icons/icon_instagram_cnz.png) }
.social .social-insta:hover{ background-image:url(../icons/icon_instagram_vrd.png) }
.social .social-youtube{ background-image:url(../icons/icon_youtube_cnz.png) }
.social .social-youtube:hover{ background-image:url(../icons/icon_youtube_vrd.png) }




.social-footer{float:none; margin-left:0}
.social-footer .footer-submenu li {margin:0 10px;}
.footer-submenu .social-footer li{margin:0 3px; position:relative; top:10px}

.header{ position:relative; padding:30px 0; background-color:#373b45 }
.header-menu{ float:right }

.logo{ display:inline-block; vertical-align:middle; } 
.logo a{ display:inline-block; text-indent:-9999px; width:171px; height:113px; background-image:url(../images/logo_grano.png); background-repeat:no-repeat; background-size:100% auto; background-position:center; }

.super-menu{ display:inline-block; vertical-align:middle; margin-right:40px; float:right; }
.super-menu li{display:inline-block; color:#949798; font-size:16px}
.super-menu a{position:relative; text-transform:uppercase;padding-bottom: 8px; font-size:16px; color:#949798; font-weight:400; letter-spacing:.3px; text-decoration:none; transition:all .25s ease-in-out; margin:0 10px; }
.super-menu a:hover{ color:#cec921; text-decoration:none; }

.menu{ display:block; width:100%; clear:both; padding-top:45px; }
.menu ul{ font-size:0; text-align:center; padding-bottom:20px; }
.menu li{ display:inline-block; vertical-align:middle; margin:0 20px;font-family:'Barlow Condensed',sans-serif; font-weight:300;}
.menu li:last-child{ margin-right:0 } 
.menu a{ position:relative; text-transform:uppercase; font-size:18px; color:#fff; font-weight:400; letter-spacing:2px; text-decoration:none; transition:all .25s ease-in-out; text-rendering:optimizeLegibility;  -webkit-font-smoothing:antialiased;  -moz-osx-font-smoothing:grayscale; }
.menu a:after{ position:absolute; bottom:-4px; left:50%; transform:translateX(-50%); width:0; height:2px; background-color:#cec921; transition:all .25s ease-in-out; content:"" }
.menu a:hover{ color:#cec921; text-decoration:none; }
.menu a:hover:after{ width:100% }

.menu .social, .menu .super-menu{ display:none; }


.nav-toggle{ display:none; padding:10px; background:transparent; position:absolute; right:8px; top:10px; z-index:99; transition:none }
.nav-toggle span{ display:block; width:25px; height:4px; background:#fff; position:relative; transition:all 0.2s }
.nav-toggle .line-2{ margin:5px 0 }
.nav-open .nav-toggle{ background:#373b45 }
.nav-open .nav-toggle span{ background:#fff }
.nav-open .nav-toggle .line-1{ transform:rotate(45deg); top:9px }
.nav-open .nav-toggle .line-2{ opacity:0 }
.nav-open .nav-toggle .line-3{ transform:rotate(-45deg); top:-9px }

.main{ position:relative }

.high{ height:641px; background-color:rgba(38, 34, 13, .53); background-blend-mode:multiply;background-position:center; background-size:cover;  }
.high-main{ position:relative; height:100%; background-position:bottom center; background-size:cover; background-repeat:no-repeat; z-index:2 }
/*.high-main:before{ position:absolute; height:100%; width:100%; content:""; top:0; left:0; background: -moz-linear-gradient(top, rgba(0,0,0,0.37) 0%, rgba(0,0,0,0) 19%, rgba(0,0,0,0) 69%, rgba(0,0,0,0.4) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.37) 0%,rgba(0,0,0,0) 19%,rgba(0,0,0,0) 69%,rgba(0,0,0,0.4) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.37) 0%,rgba(0,0,0,0) 19%,rgba(0,0,0,0) 69%,rgba(0,0,0,0.4) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e000000', endColorstr='#66000000',GradientType=0 ) }*/
.high-slider{ padding-top:410px }

.high-item{text-align:center; height:715px;  position:relative;}
.tl_banner{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%);}
.high-item h1{position:relative; padding-bottom:15px;}
.high-item h1:before{position:absolute; content:""; top:-244px; left:50%; transform:translateX(-50%); background-image:url(../images/marcador.png); height:220px; width:27px; background-repeat:no-repeat;}

.tl_marcador h2{margin-bottom:40px; position:relative;}
.tl_marcador h2:before{position:absolute; content:""; top:-250px; left:50%; transform:translateX(-50%); background-image:url(../images/marcador.png); height:220px; width:27px; background-repeat:no-repeat;}

.poster-quemsomos{height:678px; margin:190px 0;}
.poster-text{margin:130px 0; text-align:center;}
.poster-text h2{position:relative; padding-bottom:20px;}
.poster-quemsomos .poster-text h2:before{position:absolute; content:""; top:-250px; left:50%; transform:translateX(-50%); background-image:url(../images/marcador.png); height:220px; width:27px; background-repeat:no-repeat;}
.poster-quemsomos .poster-text p{color:#373b45; text-align:center; letter-spacing:0; padding-bottom:20px; font-weight:200}
.poster-image img{width:100%; padding-top:40px;}


.map-cnt{padding:100px 96px 440px; background-color:#4b515e;margin-top:60px;}
.map-cnt h2{font-size:46px; font-weight:300;font-family:'Barlow',sans-serif; text-rendering:optimizeLegibility;  -webkit-font-smoothing:antialiased;  -moz-osx-font-smoothing:grayscale;}

.map-google{position:relative; margin-top:-445px; height:613px}
.map-google img{width:100%; height:100%}

.poster-cafejusto{margin:190px 0 0;}
.poster-cafejusto .poster-text p{color:#fff; text-align:center; font-weight:200; font-size:26px;}
.poster-cafejusto .poster-text h2:before{position:absolute; content:""; top:-250px; left:50%; transform:translateX(-50%); background-image:url(../images/marcador.png); height:220px; width:28px; background-repeat:no-repeat;}

.news{margin:190px 0}
.tl_news h2{margin-bottom:40px; position:relative;}
.tl_news h2:before{position:absolute; content:""; top:-250px; left:50%; transform:translateX(-50%); background-image:url(../images/marcador.png); height:220px; width:27px; background-repeat:no-repeat;}
.news-item{font-weight:300; padding:0 20px 40px}
.news-item a{position:relative; transition:all .25s ease-in-out; transform:scale(1); display:block; width:100%; text-decoration:none; padding-bottom:20px}
.news-item a:hover .news-item-img:before{opacity:1; visibility:visible;}
.news-item a:hover .news-item-img:after{opacity:1; transform:translate(-50%, -50%) scale(1);}
.news-item a:hover h3{color:#cec921;}
.news-item-img{overflow:hidden; background-position:center; background-repeat:no-repeat;  background-size:cover; transition:all .25s ease-in-out; position:relative;}
.news-item-img:after{background:url(../icons/icon_news.png) center no-repeat; background-image:100% auto; position:absolute; content:""; top:50%; left:50%; width:62px; height:62px; transform:translate(-50%, -50%) scale(0.9); transition:all .25s ease-in-out; opacity:0; background-size:40px; }
.news-item-img:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(205, 201, 33, .7); opacity:0; transition:all .25s ease-in-out;}
.news-item img{width:100%; opacity:0}
.news-item .novidade-info{min-height:70px}
.news-item span{padding:10px 15px 2px; color:#93979e; display:block; font-weight:400; font-size:12px; text-transform:uppercase; letter-spacing:1px; font-family:'Barlow',sans-serif; position:relative;text-rendering:optimizeLegibility;  -webkit-font-smoothing:antialiased;  -moz-osx-font-smoothing:grayscale;}
.news-item span:before{position: absolute; content:""; border:solid 1px #93979e; height:8px; width:8px; border-radius:50px; top:14px; left:0;}
.news-item h3{padding:10px 0 5px; color:#fff; display:block; font-weight:400; font-size:19px; font-family:'Barlow',sans-serif;letter-spacing: 1px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.news-item i{color:#93979e; display:block; font-weight:300; font-size:12px; font-family:'Barlow Condensed',sans-serif; font-style:normal; text-transform:uppercase;letter-spacing: 1px; text-rendering:optimizeLegibility;  -webkit-font-smoothing:antialiased;  -moz-osx-font-smoothing:grayscale;}



.high-1{height:641px; background-blend-mode:multiply;background-position:center; background-size:cover;  }
.high-item-quem-somos{text-align:center; height:715px;  position:relative;}
.poster-text.poster-text-interna{margin: 70px 0;}
.poster-text-interna p{font-weight:300}
.poster-quemsomos .poster-text-interna p{color:#fff;}
.poster-quemsomos-interna{margin:0;}

.poster-quemsomos-interna .poster-text h2:before{position: absolute; content:""; top:-450px; left:50%; transform:translateX(-50%); background-image:url(../images/marcador-interna.png); height:420px; width:34px; background-repeat:no-repeat;}

.imagem-cafe{margin: 200px 0;}
.img-info-cafe{background-color:#AB483F; padding:70px 50px 150px 350px; text-align:center;}

.imagem-cafe img{position:absolute; left:0; top:93px;}
.imagem-cafe .img-info-cafe h2{position:relative; width:100%; padding-bottom:20px;}
.imagem-cafe .img-info-cafe h2:before{position: absolute; content:""; top:-220px; left:-43%; transform:translateX(-50%); background-image:url(../images/marcador.png); height:230px; width:34px; background-repeat:no-repeat;}

.informacao-trabalho{margin:400px 0 340px; background-color:#48505D; padding-bottom:80px;}
.como-trabalhamos h2{padding:100px; position:relative;}
.como-trabalhamos h2:before{position: absolute; content:""; top:-150px; left:50%; transform:translateX(-50%); background-image:url(../images/marcador.png); height:230px; width:34px; background-repeat:no-repeat;}



.info-como-trabalhamos p {color:#cec921; font-size:22px; text-align:right; line-height:1.2; font-weight:700;}
.item-como-trabalhamos{padding-bottom:40px;}
.item-como-trabalhamos h3{font-size:22px; text-transform:uppercase; padding-bottom:20px; font-weight:400;}
.item-como-trabalhamos p{font-family:'Barlow',sans-serif; font-size:19px; font-weight:400;}


.certificados h2{padding-bottom:40px;}
.item-certificacao{margin-bottom:40px; }
.certificados .col-md-5:nth-child(2n + 3){clear:both;}
.item-certificacao h3{font-family:'Barlow',sans-serif; font-weight:300; letter-spacing:.2px; font-size:26px; line-height:1; padding-bottom:30px;}
.item-certificacao h4{text-transform: uppercase; letter-spacing:4.2px; font-size: 11px; font-family:'Barlow',sans-serif; font-weight:700; padding-bottom:15px;}
.item-certificacao p{font-size: 19px;font-family:'Barlow',sans-serif; font-weight:400; line-height:1.2; letter-spacing:.4px; padding-bottom:20px; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}


.equipe{margin-top:300px;}
.equipe .col-md-3.col-sm-6:nth-child(4n + 5){clear:both;}
.equipe-item{font-weight:300; padding:0 20px 18px; margin-bottom: 60px}
.equipe-item a{position:relative; transition:all .25s ease-in-out; transform:scale(1); display:block; width:100%; text-decoration:none; padding-bottom:20px}
.equipe-item a:hover .equipe-item-img:before{opacity:1; visibility:visible;}
.equipe-item a:hover .equipe-item-img:after{opacity:1; transform:translate(-50%, -50%) scale(1);}
.equipe-item a:hover h3{color:#cec921;}
.equipe-item-img{overflow:hidden; background-position:center; background-repeat:no-repeat;  background-size:cover; transition:all .25s ease-in-out; position:relative;}
.equipe-item-img:after{background:url(../icons/icon_news.png) center no-repeat; background-image:100% auto; position:absolute; content:""; top:50%; left:50%; width:62px; height:62px; transform:translate(-50%, -50%) scale(0.9); transition:all .25s ease-in-out; opacity:0; background-size:40px; }
.equipe-item-img:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(205, 201, 33, .7); opacity:0; transition:all .25s ease-in-out;}
.equipe-item img{width:100%; opacity:0}
.equipe-item span{text-transform:uppercase; letter-spacing:4.2px; text-align:center; font-size:11px; font-family:'Barlow',sans-serif; font-weight:400; padding-bottom:15px; display:block; padding-top:20px;}
.equipe-item h3{padding:5px 0; color:#fff; display:block; font-weight:500; font-size:26px; text-align:center; font-family:'Barlow',sans-serif;letter-spacing: 1px; }


.depoimento{margin-top:300px;}
.carousel-depoimento{margin-bottom:40px; padding:60px 0; position:relative; margin-top:40px;}
.carousel-depoimento i{ position:absolute; top:0; bottom:0; right:-24px; left:-2000px; background-color:#cec921; z-index:1; }
.carousel-depoimento .item{padding-bottom:20px}
.carousel-depoimento p{font-family:'Barlow',sans-serif; color:#4b515e; font-size:18px; line-height:1.2; position:relative; padding-top: 70px; padding-bottom:10px; text-align:center;}
.carousel-depoimento p:before{position:absolute; content:""; top:0; left:50%; transform:translateX(-50%); background:url(../icons/icon_aspas.png) center no-repeat; height:50px; width:50px;}
.carousel-depoimento h3{font-family:'Barlow',sans-serif; color:#4b515e; text-transform:uppercase; text-align:center; font-size:18px; letter-spacing:1px; font-weight:700;}
.carousel-depoimento span{color:#4b515e;font-family:'Barlow',sans-serif; font-size:12px; font-weight:300; letter-spacing:1px; display:block; text-align:center;}
.carousel-depoimento .owl-dots .owl-dot { display:inline-block; zoom:1; font-size:0;}
.carousel-depoimento .owl-dots {text-align:center; position:absolute; left:50%; transform:translateX(-50%); bottom:-35px;}
.carousel-depoimento .owl-carousel .owl-dots .owl-dot span {border:solid 1px #4b515e; border-radius:50px; height:8px; width:8px; border-radius:50px; margin:0 auto; display:inline-block; margin:0 5px; background-color:#4b515e}
.carousel-depoimento .owl-dot.active span{background-color:#fff;}

.img-depoimento img{width:100%}


.item-produto{background-color:#d9dbdd; padding:30px 20px; margin-bottom:30px}
.img-produto img{width:100%}
.info-produto h3{font-size: 26px; font-weight:300; font-family:'Barlow',sans-serif; color:#4b515e; text-transform:uppercase; padding: 0px 10px 10px; border-bottom:2px solid #989ba0; margin-bottom:10px}
.info-produto span{font-family:'Barlow',sans-serif; display:block; color: #4b515e; font-size:18px; letter-spacing:1px; font-weight:300; font-family:'Barlow',sans-serif;}
.info-produto strong{text-transform: uppercase;display:block; letter-spacing:4.2px; font-size:11px; font-family:'Barlow',sans-serif; font-weight:700;}
.info-produto p{color:#4b515e; font-size:18px; padding-top:10px;font-family:'Barlow',sans-serif;}
.info-produto a{color:#4b515e; font-size:18px; text-decoration: underline;}



.aprenda{margin:30px 0 80px 0}
.aprenda .col-md-3:nth-child(4n + 5){clear:both;}
.title-sem-marcador.aprenda h2{padding-top:0;}
.title-sem-marcador.aprenda h3{font-size: 18px; color:#93979e; font-weight:400; font-family:'Barlow',sans-serif; letter-spacing:3px; text-align: center; text-transform:uppercase;}

.cont-aprenda-single{margin-bottom:100px;}
.borda-single{border:solid 5px #ccc829; width:100%; display:block; margin:20px 0;}
.aprenda-single-topo span{padding: 10px 15px 2px; color: #93979e; display: block; font-weight: 400;font-size: 12px; text-transform: uppercase; letter-spacing: 1px; font-family: 'Barlow',sans-serif; position: relative; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.aprenda-single-topo span:before{position: absolute; content:""; border:solid 1px #93979e; height:8px; width:8px; border-radius:50px; top:14px; left:0;}
.aprenda-single-topo h2{font-family:'Barlow',sans-serif; font-size:28px; font-weight:300; margin:10px 0 20px}
.aprenda-single-topo i{color:#93979e; display:block; font-weight:300; font-size:13px; font-family:'Barlow Condensed',sans-serif; font-style:normal; position:relative; padding-top:10px; text-transform:uppercase; letter-spacing:1px; margin-top:30px; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.aprenda-single-topo i:before{position:absolute; content:""; width:40px; height:1px; background-color:#93979e; top:5px; left:0;}
.aprenda-single-topo p{ font-size:22px; line-height:1.2;}

.aprenda-single-img{margin-bottom:20px;}
.aprenda-single-img img{width:100%; padding-top:45px}
.aprenda-single-img p{font-size:18px; font-style:italic;}

.aprenda-single-cont p{font-size: 18px; line-height: 1.6; padding-top:20px;font-family:'Barlow',sans-serif;}
.aprenda-single-cont h3{font-size:23px; font-weight:300; padding:30px 0px 10px;}
.aprenda-single-cont a{color:#cec921;}
.cont-aprenda-single blockquote{border:none;font-size: 18px; line-height: 1.5; padding-top:20px;font-family:'Barlow',sans-serif; font-style:italic; padding:40px 100px; font-weight:300; margin:0;}

.aprenda-single-tag{border-bottom:1px solid #93979e;}
.aprenda-single-tl{font-family: 'Barlow',sans-serif; font-size:28px; font-weight:300; padding:30px 10px}
.lista-palavra{ display:block; width:100%; clear:both; padding-bottom:20px;}
.lista-palavra ul{ font-size:0; padding-bottom:20px; }
.lista-palavra li{ display:inline-block; vertical-align:middle; margin:10px 6px;font-family:'Barlow Condensed',sans-serif; font-weight:300;}
.lista-palavra a{ position:relative; text-transform:uppercase; font-size:22px; margin:0 5px; color:#fff; font-weight:400; letter-spacing:2px; text-decoration:none; transition:all .25s ease-in-out; text-rendering:optimizeLegibility;  -webkit-font-smoothing:antialiased;  -moz-osx-font-smoothing:grayscale; }
.lista-palavra a:hover{ color:#cec921; text-decoration:none; }


.compratilhar{padding-top:35px;}

.retornar{float:left;}
.retornar a{text-transform:uppercase; letter-spacing:4.2px; font-size:11px; font-family:'Barlow',sans-serif; font-weight:700; color:#cec921;}

.compartilhe{float:right;}
.compartilhar-redes{ font-size:0 }
.compartilhar-redes h4{ display:inline-block; vertical-align:middle; color:#fff; font-size:14px; font-family:'Barlow Condensed',sans-serif; font-weight:500; text-transform:uppercase; }
.compartilhar-redes a{ display:inline-block; margin-left:17px; vertical-align:middle; width:17px; height:17px; text-decoration:none; background-position:center; text-indent:-9999px; background-repeat:no-repeat; background-size:100% auto; transition:all .35s ease-in-out }
.compartilhar-redes .compartilhar-rede-facebook{ background-image:url(../icons/icon_facebook.png); }
.compartilhar-redes .compartilhar-rede-facebook:hover{ background-image:url(../icons/icon_facebook-hover.png); }
.compartilhar-redes .compartilhar-rede-instagram{ background-image:url(../icons/icon_linkedin.png); }
.compartilhar-redes .compartilhar-rede-instagram:hover{ background-image:url(../icons/icon_linkedin-hover.png); }
.compartilhar-redes .compartilhar-rede-linkedin{ background-image:url(../icons/icon_twitter.png); }
.compartilhar-redes .compartilhar-rede-linkedin:hover{ background-image:url(../icons/icon_twitter-hover.png); }

.fonte-texto{font-size:18px; font-family:'Barlow Condensed',sans-serif; font-weight:400; padding-top:30px; text-rendering:optimizeLegibility;  -webkit-font-smoothing:antialiased;  -moz-osx-font-smoothing:grayscale;}
.fonte-texto span{text-transform:uppercase;}

.contact{margin-bottom:80px; margin-top:328px;}
.form-contato label{font-weight:500; font-size:12px; font-family:'Barlow' ,sans-serif; display:block; line-height:1; margin-bottom:6px;}
.form-contato input[type="text"], .form-contato input[type="email"], .form-contato input[type="tel"], .form-contato input[type="password"], .form-contato input[type="text"], .form-contato select, textarea{font-size:13px; font-family:'Barlow',sans-serif; margin-bottom:13px;}
.contact-info span{color:#fff; display:block; font-weight:900; font-size:11.5px; text-transform:uppercase; letter-spacing:3px; font-family:'Barlow',sans-serif; position:relative; text-rendering:optimizeLegibility;  -webkit-font-smoothing:antialiased;  -moz-osx-font-smoothing:grayscale;}
.contact-info p{font-size: 20px; line-height:1.2; letter-spacing:1px} 
.contact-info a{display:block; margin-bottom:24px; text-rendering:optimizeLegibility;  -webkit-font-smoothing:antialiased;  -moz-osx-font-smoothing:grayscale; }
.contact-info div{margin-top:22px;}
.contact-cnt{ padding:60px 0; position:relative; }
.contact-cnt:before{ position:absolute; top:0; bottom:0; right:316px; left:-1000px; background-color:#48505D; content:""; display:block; }
.contato-formulario{ padding:0 50px }
.contato-formulario input[type="submit"]{margin:0 auto; display:block;}
.contato-formulario textarea{margin-bottom: 40px;}
span.wpcf7-not-valid-tip{color:#f7e700; font-size:17px;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{border:0;color:#f7e700; font-size:17px; text-transform:uppercase;}


.contact.contact-single{margin-top:100px;}
.title-contato{padding-bottom:60px;}
.title-contato h3{font-size:25px; font-weight:300; padding:30px 0px 10px; text-transform:uppercase; text-align:center; font-weight:300;ext-rendering:optimizeLegibility;  -webkit-font-smoothing:antialiased;  -moz-osx-font-smoothing:grayscale;}

.link-lista .col-md-6:nth-child(2n + 3) {clear: both;}
.link-amostra{border:1px solid #fff; padding:20px;margin-bottom:30px; }
.link-amostra h2{font-family:'Barlow' ,sans-serif; font-size:26px; text-transform:uppercase; font-weight:400;}
.link-amostra p{font-family:'Barlow' ,sans-serif; font-size:18px;padding:10px 0 20px 0; line-height:1.2;min-height:156px;}
.link-amostra .button{padding:0 40px;}


.menu-amostras{ display:block; width:100%; clear:both; border:1px solid #fff; margin-bottom:30px}
.menu-amostras ul{ font-size:0; display:flex; flex-wrap: wrap;}
.menu-amostras li{ flex:1; font-family:'Barlow',sans-serif; font-weight:300; text-align:center; padding: 30px 30px; min-width: 33%}
.menu-amostras a{ position:relative; text-transform:uppercase; font-size:26px; color:#fff; font-weight:700; letter-spacing:2px; text-decoration:none; transition:all .25s ease-in-out; text-rendering:optimizeLegibility;  -webkit-font-smoothing:antialiased;  -moz-osx-font-smoothing:grayscale; }
.menu-amostras a:hover{ color:#cec921; text-decoration:none; }

.descricao-amostra{ margin-bottom:50px; padding-left:20px}
.descricao-amostra h2{font-family:'Barlow' ,sans-serif; font-size:26px; text-transform:uppercase; font-weight:400;}
.descricao-amostra p{font-family:'Barlow' ,sans-serif; font-size:18px;line-height:1.2; }

.item-amostra{background-color:#d9dbdd; padding:30px 20px; margin-bottom:30px;color:#4b515e}
.topo-amostra{border-bottom:2px solid #989ba0; padding-bottom:20px; margin-bottom:20px; }
.title-amostra h2{font-family:'Barlow' ,sans-serif; font-size:26px; text-transform:uppercase; font-weight:400;}
.item-amostra p{font-family:'Barlow' ,sans-serif; font-size:18px;line-height:1.2; }
.item-amostra span{display:block; font-family:'Barlow' ,sans-serif; font-size:18px;line-height:1.2; padding-bottom:10px }
.item-amostra strong{display:block; text-transform:uppercase; letter-spacing:4.2px; font-size:11px; font-family:'Barlow',sans-serif; font-weight:700; padding-bottom:5px}
.link-solicitar-amostra{float:right;}


.gr-modal{ position:fixed; top:0; left:0; width:0; height:0; background:rgba(0,0,0,.8); opacity:0; visibility:hidden; overflow:hidden; z-index:11; }
.gr-modal-wrap{ position:absolute; top:60%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; max-width:100%; overflow-y:auto; max-height:100%; opacity:0; visibility:hidden; transition:all .5s ease-in-out; padding:30px 0; }
.gr-modal.on{ opacity:1; visibility:visible; width:100%; height:100%; }
.gr-modal.on .gr-modal-wrap{ top:50%; opacity:1; visibility:visible; }
.gr-modal-cnt{ position:relative;  padding:40px 34px 34px; top:50%; left:50%; transform:translate(-50%, -50%); max-height:100% }
.gr-modal-sair{ position:absolute; top:26px; right:22px; width:26px; height:26px; text-indent:-9999px; background-position:center; background-repeat:no-repeat; background-size:65% auto; background-image:url(../icons/icon_fechar_modal.png); z-index:3 }
.gr-modal-conteudo{ max-width:100%; max-height:70vh; overflow-y:auto; padding:0 30px 30px 0; margin-top:30px }
.gr-modal-cnt-login{ max-width:390px; }
.gr-modal-cnt-planos .gr-modal-conteudo{ padding:0; overflow:initial }
.gr-modal-cnt-termos h2{font-family:'bw_darius_demoregular_italic','Courier New',Courier,monospace; font-size:50px; font-weight:normal; letter-spacing:.2px; padding-bottom:30px; text-align:center; line-height:1.1; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased;  -moz-osx-font-smoothing:grayscale;}
.gr-modal-cnt-termos h3{font-family:'Barlow Condensed',sans-serif; text-align:center; font-size:30px; text-transform:uppercase; font-weight:400; padding-bottom:30px; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased;  -moz-osx-font-smoothing:grayscale;}
.gr-modal-login{ margin-top:25px }
.gr-modal-form{background:#4b515e; padding:40px 0;}
.form-amostra{max-width:400px; margin:0 auto;}

.contato-fomulario-amostra{margin-bottom:60px}
.check-peneira{margin-bottom:30px}
.check-peneira input[type="checkbox"]{outline:none; display:inline-block; background-position:center; background-color:transparent; vertical-align:middle; width:15px; height:15px; margin-right:5px; margin-left:10px; border:solid 1px #fff; box-shadow:none; cursor:pointer; }
.check-peneira input[type="checkbox"]:checked{background:url(../icons/icon_check.png); background-repeat:no-repeat; background-position:center; width:15px; height:15px; background-size:9px;}
.check-peneira p{font-size:13px}
.check-peneira span{font-size:12px; color:#fff;}

.paginacao {margin:60px 0; text-align:center;}
.paginacao .page-numbers.current {background-color:#cec921;}
.paginacao .page-numbers {color:#373b45; background-color:#cec921; padding:6px 11px; border-radius:7px; margin:0 5px;}
.paginacao .page-numbers {color:#373b45; background-color:#cec921; padding:6px 11px; border-radius:7px; margin:0 5px;}

.footer{text-align:center; margin-bottom: 70px;}
.footer-menu{border-bottom:1px solid #4b515e;}
.footer-menu ul{ font-size:0; text-align:center; padding-bottom:20px; }
.footer-menu li{ display:inline-block; vertical-align:middle; margin:0 20px;font-family:'Barlow Condensed',sans-serif; font-weight:300;}
.footer-menu a{ position:relative; text-transform:uppercase; font-size:16px; color:#fff; font-weight:400; letter-spacing:.3px; text-decoration:none; transition:all .25s ease-in-out; text-rendering:optimizeLegibility;  -webkit-font-smoothing:antialiased;  -moz-osx-font-smoothing:grayscale; }
.footer-menu a:hover{ color:#cec921; text-decoration:none; }

.footer-submenu{padding-top:10px;}
.footer-submenu ul{ font-size:0; text-align:center; padding-bottom:20px; display:inline-block; }
.footer-submenu li{ display:inline-block; vertical-align:middle; margin:0 20px;font-family:'Barlow Condensed',sans-serif; font-weight:300;text-rendering:optimizeLegibility;  -webkit-font-smoothing:antialiased;  -moz-osx-font-smoothing:grayscale; }
.footer-submenu a{ position:relative; text-transform:uppercase; font-size:16px; color:#91959c; font-weight:300; letter-spacing:.3px; text-decoration:none; transition:all .25s ease-in-out; text-rendering:optimizeLegibility;  -webkit-font-smoothing:antialiased;  -moz-osx-font-smoothing:grayscale; }
.footer-submenu a:hover{ color:#cec921; text-decoration:none; }

#map{ height:613px}
.map-info{ max-width:210px; padding:15px; color:#373b45; font-family:'Barlow Condensed',sans-serif; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale }
.map-info h3{ font-size:17.5px; text-transform:uppercase; margin-bottom:4px; line-height:1.2 }
.map-info p{ font-size:14.5px; font-weight:400; line-height:1.2; margin-bottom:10px }
.map-info span{ text-transform:uppercase; }
.map-info a{ font-size:11.5px; font-weight:700; color:#ad381f; letter-spacing:1.5px; text-transform:uppercase; }

@font-face { font-family:'bw_darius_demoregular_italic'; font-weight:normal; font-style:normal;
src: url('../fonts/bwdariusdemo-regularitalic-webfont.eot');
src: local('☺'), url('../fonts/bwdariusdemo-regularitalic-webfont.otf') format('otf'),
     url('../fonts/bwdariusdemo-regularitalic-webfont.woff2') format('woff2'),
     url('../fonts/bwdariusdemo-regularitalic-webfont.woff') format('woff'),
     url('../fonts/bwdariusdemo-regularitalic-webfont.ttf') format('truetype');
}

.title{ font-family:'bw_darius_demoregular_italic','Courier New',Courier,monospace; font-size:50px; font-weight:normal; letter-spacing:.2px; text-align:center; line-height:1.1; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale }
.title-sem-marcador h2{font-size: 46px; font-weight:300; font-family:'Barlow',sans-serif;text-align: center; text-transform:uppercase; padding-top:50px; margin-bottom:60px; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

.texto-politica .title{
    margin-bottom: 40px;
}
.texto-politica p{
    padding-bottom:20px;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.4;
    letter-spacing: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;   
}
.texto-politica ul {
    list-style: disc;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 45px;
}
.texto-politica ol {
    list-style: decimal;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 45px;
}
.texto-politica ul li, .texto-politica ol li{
    display: list-item;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.4;
    letter-spacing: 0;
}
.texto-politica h3 {
    text-align: left;
}
table td, table th {
    padding: 8px;
    border: 1px solid #fff;
}


@media screen and (max-width:1239px){
    .menu li{margin:0 10px;}
    .menu a{font-size:16px}
    .contato-formulario{padding:0 10px}
    .imagem-cafe img{display:none;}
    .img-info-cafe{padding:70px}
    .imagem-cafe .img-info-cafe h2:before{left:50%;}
    .item-certificacao img{width:100%}
    .lista-palavra li{padding-bottom:15px;}
}


@media screen and (max-width:991px){
    .header{padding:0 0 30px}
    .nav-toggle{ display:block; top:30px; }
    .logo{padding-top:10px }
    .logo, .top{ text-align:left; }
    .logo a { width:120px; height:93px;}
    .menu{ width:85%; max-width:420px; height:100%; overflow-y:auto; padding-top:55px; margin:0; background:#cec921; position:fixed; left:0; top:0; z-index:150; transform:translate3d(-100%, 0, 0); -webkit-backface-visibility:hidden; backface-visibility:hidden; transition:transform 300ms ease }
    .menu .social li{margin:0 5px 20px}
    .menu ul{ display:block; padding:0 50px; text-align:left; }
    .menu li{ display:block; padding:0; margin:0 0 30px 0 }
    .menu a{ padding:0; font-size:16px; display:inline-block; color:#373b45; }
    .menu a:before{ display:none }
    .menu a:hover, .menu-active a{ color:#000 }
    .super-menu{margin-top:70px}
    .social, .super-menu{ display:none; padding-bottom:30px }
    .super-menu li{color:#373b45}
    .menu .social, .menu .super-menu .id_marcador{display:none;}
    .menu .social, .menu .super-menu{ display:block; float:left;}
    .menu .social li, .menu .super-menu li{display:inline-block;}
    .menu .super-menu li{padding:0; margin:0 10px 0 0 }
    .menu .super-menu li a{margin:0;}
    .nav-open .menu{ transform:translate3d(0, 0, 0) }
    .nav-toggle span{color:#fff}
    .news .col-sm-6:nth-child(2n + 3){clear:both;}
    .contact-info, .footer-menu{display:none;}
    .poster-cafejusto .poster-text p{font-size:20px}
    .poster-quemsomos .poster-text p{font-size:20px}
    .footer-menu li{display:block; padding-bottom:10px;}
    .footer-submenu li{display:block;}
    .social-footer{text-align:center; display:block;}
    .social-footer li{display:inline-block;}
    .contato-formulario {padding:0 20px;}
    .contact-info{text-align:center;}
    .high-1 {height:351px;}
    .high-item-quem-somos{height:450px}

    .title-sem-marcador h2{font-size:26px}
    .item-produto{max-width:500px; display:block;margin:0 auto 30px;}
    .cont-aprenda-single blockquote{padding:30px;}
    .item-amostra p{padding-bottom:20px}
    .link-amostra .button{padding:0 20px}
    .equipe .col-md-3.col-sm-6:nth-child(4n + 5){clear:none;}
    .equipe .col-md-3.col-sm-6:nth-child(2n + 3){clear:both;}




}

@media screen and (max-width:767px){
    .title{padding-top: 120px;}
    .news-item{ width:500px; margin:0 auto }
    .contact{margin-bottom:0}
    .contact-cnt:before{background-color:transparent;}
    .contato-formulario{width:500px; margin:0 auto;}
     .high-item h1:before, .poster-quemsomos .poster-text h2:before { top:-44px; left:50%; height:130px; width:65px; background-size:auto 100%; background-position:center;}
    .contact-info{margin-top:50px;}
    .poster-text h2{padding-top:10px}
    #map{ height:450px }

    .high-1 {height:251px;}
    .poster-text .title-mosaico{padding-top:50px}
    .certificacoes h2{padding-bottom:60px}
    .informacao-trabalho{margin-bottom:200px}
    .info-como-trabalhamos{padding-bottom:40px;}
    .info-como-trabalhamos p{text-align:left;}
	.item-como-trabalhamos{padding-bottom:40px;}
	.item-como-trabalhamos h3{font-size:20px;}
	.item-como-trabalhamos p{font-size:19px; }

	.high-item-quem-somos{height:230px}
	.poster-quemsomos-interna .poster-text h2:before{background-image: url(../images/marcador.png);height: 210px;top: -190px;}

	.equipe{margin-top:270px;}
	.equipe-item{max-width:400px; margin:0 auto; display:block;}
	.equipe-membros{padding-bottom:60px;}
	.informacao-trabalho{margin:250px 0 300px;}
	.como-trabalhamos{padding-right:20px; padding-left:20px;}
	.tl_marcador h2:before{background-image: url(../images/marcador.png); }
	.como-trabalhamos h2:before{background-image: url(../images/marcador.png);}
	.cont-aprenda-single blockquote{padding:30px 10px;}

	.contact.contact-single{margin-top:0;}
	.title-contato{padding-bottom:0}
	.menu-amostras ul{display:block;}
	.menu-amostras a{font-size:20px;}
	.link-solicitar-amostra{float:none;}

	.gr-modal-form{padding:40px 15px}
	.gr-modal-sair{top:-60px;}
	.gr-modal-cnt-termos h2{font-size:30px; padding-bottom:10px}
	.gr-modal-cnt-termos h3{font-size:20px;}

	
}

@media screen and (max-width:520px){
	p{font-size:21px}
    .container{padding-left:25px; padding-right: 25px;}
    .title{font-size:40px;}
    .title-sec{font-size:26px}
    .tl_marcador h2{margin:0;}
    .imagem-cafe .img-info-cafe h2:before, .como-trabalhamos h2:before, .tl_marcador h2:before, .tl_news h2:before, .poster-cafejusto .poster-text h2:before{top:-140px;background-image:url(../images/marcador_mb.png);} 
    .high{height:470px; background-position:center;}
    .high-item {text-align:center; height:470px;}
    .poster-quemsomos{margin:100px 0; height:722px}
    .poster-text{margin:80px 0 30px;}
    .poster-text .title-mosaico{padding-top: 110px;}
    .map-cnt { padding: 70px 20px 0;}
    .map-cnt h2{font-size:36px; padding-bottom:40px}
    .map-google img{height:auto}
    .poster-cafejusto{margin:90px 0;}
    .map-google{height:auto; margin:0}
    .news-item{ width:100%; margin:0 auto }
    .contact{margin-top:188px;}
    .contato-formulario{padding:0; width:100%}
    .contact-cnt:before{display:none; padding:30px 0 60px}
    .contact-info {text-align:center; position:relative; padding-top:50px;}
    .img-info-cafe{padding:20px}
    #map{ height:350px }
    .high-item-quem-somos{height:200px}

    .img-info-cafe .title{font-size: 30px; padding:40px 0;}
    .img-info-cafe p{padding-bottom:30px}

    .como-trabalhamos h2{padding:100px 20px;}

    .imagem-cafe, .informacao-trabalho, .equipe, .depoimento{margin-top:130px;}
    .informacao-trabalho{margin-bottom:200px}
    
    .compartilhe, .retornar{float: none;}
    .compartilhe{padding-top:20px; text-align:center;}
    .link-solicitar-amostra{padding-top:20px}







}

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


}

span.wpcf7-list-item {
    margin: 0 0 0 0;
}
.aceitar-dados .contact-form span.wpcf7-list-item{
    margin-left: 0;
    padding-left: 0;
}
.contact-form .wpcf7-acceptance{
    margin-left: 0;
}
.contact-form .wpcf7-acceptance .wpcf7-list-item{
    display: block;
    position: relative;
}
.contact-form .wpcf7-acceptance .wpcf7-list-item label{
    margin: 0;
    display: block;
}
.contact-form .wpcf7-acceptance .bto-acceptance{
    margin: 25px 0 30px;
    display: block;
}
.contact-form .wpcf7-acceptance .wpcf7-list-item-label{
    display: block;
    position: relative;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 120%;
    color: #fff;
    padding-left: 30px;
    cursor: pointer;
    text-transform: none;
    letter-spacing: 0;
}
.contact-form .wpcf7-acceptance .wpcf7-list-item-label a{
    text-decoration: underline;
}
.contact-form .wpcf7-acceptance input[type="checkbox"]{
    display:none; /* Esconde os inputs */
}
.contact-form .wpcf7-acceptance input[type="checkbox"] + span:before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 1px;
    left: 0;
    border-radius: 1px;
    background: #373b45;
    border: 1px solid #FFF;
    box-sizing: border-box;
}
.contact-form .wpcf7-acceptance input[type="checkbox"]:checked + span:before {
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0;
    top: 1px;
    background: #ffffff;
    border: 5px solid #373b45;
    box-shadow: 0px 0px 1px 1px;
}
.contact-form input[disabled] {
    background-color: #fff3;
    cursor: not-allowed;
}
.contact-form input[disabled]:hover {
    color: #cec921;
}