body {font-family: 'ManropeMedium'; font-size: 15px; color: #464646; font-weight: 400; line-height: 23px;} /* <> Fonts */ /*font-family: 'Barlow', sans-serif; font-family: 'Playfair Display', serif; font-family: 'Satisfy', cursive;*/ @font-face {font-family: 'ManropeRegular'; src:url(../fonts/Manrope-Regular.otf);} @font-face {font-family: 'ManropeLight'; src:url(../fonts/Manrope-Light.otf);} @font-face {font-family: 'ManropeMedium'; src:url(../fonts/Manrope-Medium.otf);} @font-face {font-family: 'ManropeSemiBold'; src:url(../fonts/Manrope-SemiBold.otf);} /* Fonts */ /* <> Gerais*/ * {scrollbar-width: thin; scrollbar-color: #6C584C #eeeeee;} *::-webkit-scrollbar {width: 20px;} *::-webkit-scrollbar-track {background: #eeeeee;} *::-webkit-scrollbar-thumb {background-color: #6C584C;border-radius: 100px; border: 3px solid #eeeeee;} :focus {outline: none;} .background-attrs {background-size: cover; background-repeat: no-repeat; background-position: center;} h1 {font-family: 'ManropeSemiBold'; color: #6C584C; font-size: 38px; font-weight: 700; line-height: 32px;} h2 {font-family: 'ManropeSemiBold'; color: #bbbe79; font-size: 28px; font-weight: 700; line-height: 25px} h3 {font-family: 'ManropeSemiBold'; color: #bbbe79; font-size: 24px; font-weight: 700; line-height: 25px} h4 {font-family: 'ManropeMedium';} h2.title {font-size: 65px; line-height: 54px; text-transform: uppercase;} .form-control {padding: 15px 20px; border-radius: 25px; height: 45px; border: 0px;} .btn-default {background-color: #BCBF79 !important; padding: 16px 25px; border: 0px; font-size: 14px; text-transform: uppercase; color: #fff; text-transform: uppercase; font-weight: 500; border-radius: 0px;} .btn-default:hover {background-color: #BCBF79 !important; padding: 16px 25px; border: 0px; font-size: 14px; text-transform: uppercase; color: #BCBF79; text-transform: uppercase; font-weight: 500; border-radius: 0px;} .btn-gray {background-color: #eeeeee;} .hvr-rectangle-out, .hvr-rectangle-out::before {border-radius: 9999px;} .no-padding {padding: 0px;} .img-responsive {display: inline-block;} /* Gerais*/ /* <> EFEITO CARREGAMENTO PAGINA */ @-webkit-keyframes fadeIn {from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadeIn {from { opacity:0; } to { opacity:1; } } @keyframes fadeIn {from { opacity:0; } to { opacity:1; } } .fade-in {opacity:0; -webkit-animation:fadeIn ease-in 1; -moz-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:1s; -moz-animation-duration:1s; animation-duration:1s;} .fade-in.one {-webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s;} .fade-in.two {-webkit-animation-delay: 1.2s; -moz-animation-delay:1.2s; animation-delay: 1.2s;} .fade-in.three {-webkit-animation-delay: 1.6s; -moz-animation-delay: 1.6s; animation-delay: 1.6s;} /* EFEITO CARREGAMENTO PAGINA */ /* <> Menu Open */ .side-menu-wrapper {background: #6c584c; padding: 30px 40px 0 100px; position: fixed; top: 0; height: 100%; z-index: 2; transition: 0.5s; width: 550px; box-sizing: border-box; z-index: 999999 !important;} .side-menu-wrapper > ul > h2 {color: #A7BE45; margin-bottom: 10px; margin-top: 35px; font-size: 22px; text-transform: uppercase;} .side-menu-wrapper > ul {list-style:none; padding:0; margin:0; overflow-y: auto; height:95%; margin-top: 10px;} .side-menu-wrapper > ul > li > a {display: block; padding: 2px 0; color: #fff; transition: 0.3s; text-decoration: none; text-transform: uppercase; font-size: 13px;} .side-menu-wrapper > ul > li > a:hover {color: #A7BE45;} .side-menu-wrapper > a.menu-close {padding: 8px 0 20px 23px; color: #ffffff; display: block; margin: -30px 0 -10px -20px; font-size: 20px; text-decoration: none; float: right;} .side-menu-wrapper > a.menu-close:hover {opacity:0.5 } .side-menu-wrapper > a.menu-close b {font-size: 40px; position: relative; top: 8px; margin-right: 5px; } .menu-overlay {height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: rgba(0,0,0,.7); overflow-y: auto; overflow-x: hidden; text-align: center; opacity: 0; transition: opacity 1s;} .fone-menu {font-size: 23px; color: #fff;} .side-menu-wrapper img {margin-right: 15px;} .side-menu-wrapper p {color: #fff;} .side-menu-wrapper b {color: #fff;} /* Menu Open */ /* <> Header */ .slideshow {overflow: hidden; position: relative; width: 100%; height: 80vh; z-index: 1;} .slideshow .slideshow-inner {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .slideshow .slides {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;} .slideshow .slide {display: none; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; transition: opacity 0.3s ease;} .slideshow .slide.is-active {display: block;} .slideshow .slide.is-loaded {opacity: 1;} .slideshow .slide .caption {padding: 0 100px;} .slideshow .slide .image-container {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; z-index: 1; background-size: cover; image-rendering: optimizeQuality;} .slideshow .slide .image-container::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .slideshow .slide .image {width: 100%; width: 100%; object-fit: cover; height: 100%;} .slideshow .slide-content {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; color: #fff; text-align: center; display: flex; justify-content: center; align-items: center;} .slideshow .slide .title {margin: 0 auto 10px; max-width: 1000px; text-transform: uppercase; font-family: 'Raleway', sans-serif; letter-spacing: 5px;} .slideshow .slide .text {margin: 0 auto; max-width: 1000px; font-size: 47px; font-family: 'Raleway', sans-serif; line-height: 58px;} .slideshow .slide .text p.letter {color: #A7BE45; font-family: 'Satisfy', cursive; font-size: 70px;} .slideshow .slide .btn {margin: 15px 0 0; border-color: #fff;} .slideshow .slide .btn::before {background: #fff;} .slideshow .pagination {position: absolute; bottom: 35px; left: 0; width: 100%; height: 12px; cursor: default; z-index: 2; text-align: center;} .slideshow .pagination .item {display: inline-block; padding: 15px 5px; position: relative; width: 46px; height: 32px; cursor: pointer; text-indent: -999em; z-index: 1;} .slideshow .pagination .item + .page {margin-left: -2px;} .slideshow .pagination .item::before {content: ""; display: block; position: absolute; top: 15px; left: 5px; width: 36px; height: 2px; transition: background 0.2s ease;} .slideshow .pagination .item::after {width: 0; background: #fff; z-index: 2; transition: width 0.2s ease;} .slideshow .pagination .item:hover::before, .slideshow .pagination .item.is-active::before {background-color: #fff;} .slideshow .arrows .arrow {margin: -33px 0 0; padding: 20px; position: absolute; top: 50%; cursor: pointer; z-index: 3;} .slideshow .arrows .prev {left: 30px;} .slideshow .arrows .prev:hover .svg {left: -10px;} .slideshow .arrows .next {right: 30px;} .slideshow .arrows .next:hover .svg {left: 10px;} .slideshow .arrows .svg {position: relative; left: 0; width: 14px; height: 26px; fill: #fff;transition: left 0.2s ease;} .header-content {position: relative; z-index: 99999; padding-top: 40px;} .header-title {padding: 40px; background-color: #efeee7; color: #fff;} .header-title h2 {color: #a4a3a8; margin: 0;} .header-title h2 small, .header-title h2 small a {color: #9E816F;} .header-title h2 small a:hover {text-decoration:none; color: #A7BE45;} .template-content .header-content {position: relative; z-index: 99999; padding-top: 30px; padding-bottom: 20px;} .template-content .menu-header .menu-open img {filter: brightness(0.4);} .menu-header {text-align: center;} .menu-header a {text-decoration: none; color: #fff; text-transform: uppercase;} .menu-header a img {text-decoration: none; color: #fff; width: 22px; margin-right: 7px; position: relative; top: -1px;} .logo {text-align: center;} .logo img {width: 220px; margin-top: -10px;} .bandeiras a {margin-right: 7px; filter: grayscale(1); transition: 0.3s ease-in-out; text-decoration: none;} .bandeiras a img {width: 30px; position: relative; top: -4px;} .bandeiras a:hover {filter: grayscale(0);} .template-content .bandeiras a {filter: none !important;} .template-content .menu-header a {color: #bbbe79;} .mouse {position: relative; z-index: 99999; margin-top: -60px; text-align: center;} .icon {display: inline-block; margin: 20px; position: relative;} .icon-wrapper {display: inline-block; vertical-align: middle; position: absolute; transform: translate(-50%, -50%);} .mouse-icon {position: relative;} .mouse-icon .mouse {width: 18px; height: 28px; background: #fff; border-radius: 20px; position: relative; margin-bottom: 3px;} .mouse-icon .mouse:after {content: ""; background: #A7BE45; width: 4px; height: 6px; position: absolute; top: 5px; left: 50%; margin-left: -2px; border-radius: 20px; -webkit-animation: scrollAnim 1.1s infinite; animation: scrollAnim 1.1s infinite;} .mouse-icon .arrow {width: 6px; height: 6px; display: block; border-bottom: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); position: relative; margin: 0 auto; -webkit-animation: arrowAnim 1.2s infinite; animation: arrowAnim 1.2s infinite;} .mouse-icon .arrow.arrow-01 {-webkit-animation-delay: 0.2s; animation-delay: 0.2s;} .mouse-icon .arrow.arrow-02 {-webkit-animation-delay: 0.3s; animation-delay: 0.3s;} .mouse-icon .arrow.arrow-03 {-webkit-animation-delay: 0.4s; animation-delay: 0.4s;} @-webkit-keyframes scrollAnim {from {top: 5px;} to {top: 15px;opacity: 0;}} @keyframes scrollAnim {from {top: 5px;} to {top: 15px; opacity: 0; }} @-webkit-keyframes arrowAnim {0% {opacity: 0;} 50% {opacity: 1;} 100% {opacity: 0;}} @keyframes arrowAnim {0% {opacity: 0;} 50% {opacity: 1;} 100% {opacity: 0;}} .menu-header li {list-style: none; display: inline-block; margin-right: 12px;} .menu-header ul {padding-left: 0px;} .menu-header a:hover {color: #BCBF79;} /* Header */ /* <> Home */ .empresa {/*background-image: url(../img/fundo_cinza_claro.png);*/ padding: 100px 0px; background-position: center; background-repeat: repeat-y;} .back-empresa-img {background-image: url(../img/empresa.png); height: 650px; margin-top: 30px;} .empresa .btn-default {position: absolute; right: 0; bottom: 0;} .text-empresa h4 {margin-top: 30px; margin-bottom: 25px;} .empresa .border-title {display: block; width: 2px; height: 356px; background-color: #bbbe79; position: absolute; left: -10px; top: -100px;} .text-produtos h4 {margin-top: 30px; margin-bottom: 25px;} .produtos .border-title {display: block; width: 2px; height: 456px; background-color: #bbbe79; position: absolute; left: -10px; top: -186px;} ..owl-carousel .owl-item {margin-right: 0px !important;} /* right bounce */ @-webkit-keyframes bounceRight { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateX(0); transform: translateX(0);} 40% {-webkit-transform: translateX(-15px); transform: translateX(-15px);} 60% {-webkit-transform: translateX(-15px);transform: translateX(-15px);} } @-moz-keyframes bounceRight { 0%, 20%, 50%, 80%, 100% {transform: translateX(0);} 40% {transform: translateX(-15px);} 60% {transform: translateX(-15px);} } @keyframes bounceRight { 0%, 20%, 50%, 80%, 100% {-ms-transform: translateX(0);transform: translateX(0);} 40% {-ms-transform: translateX(-15px); transform: translateX(-15px);} 60% {-ms-transform: translateX(-15px);transform: translateX(-15px); }} .fa-arrow-right {-webkit-animation: bounceRight 2s infinite; animation: bounceRight 2s infinite; float:right;} /* /right bounce */ .owl-carousel .owl-nav button.owl-prev {width: 60px; height: 60px; background: #F3F2F1;} .owl-carousel .owl-nav button.owl-next {width: 60px; height: 60px; background: #6C584C;} .owl-carousel .owl-nav button.owl-next span {width: 28px; height: 15px; color: transparent; background-image: url(../img/arrow.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: inline-block; position: relative; top: 2px;} .owl-carousel .owl-nav button.owl-prev span {width: 28px; height: 15px; color: transparent; background-image: url(../img/arrow-left.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: inline-block; position: relative; top: 2px;} .owl-nav {position: absolute; top: -60px;} .owl-carousel {margin-top: 120px;} .manifesto {background-image: url(../img/fundo_verde_oliva.png); padding: 100px 0px; background-position: center; background-repeat: repeat-y; margin-top: -140px; color: #fff;} .banner-manifesto {height: 500px; margin-top: 120px; padding-top: 140px; margin-bottom: 50px; background-attachment: fixed;} .manifesto .border-title {display: block; width: 2px; height: 411px; background-color: #fff; position: absolute; left: -10px; top: -140px;} .manifesto h2.title {color: #fff;} .text-manifesto p {font-size: 16px; font-weight: 600; margin-bottom: 30px;} .text-manifesto p span {text-transform: uppercase;} .bloco-blog small {color: #A7BE45; font-weight: 600;} .bloco-blog .img-blog {height: 230px;} .bloco-blog {color: #464646; margin-top: 50px;} .bloco-blog a {color: #464646; text-decoration: none;} .novidades h2.title {color: #bbbe79; margin-bottom: 40px;} .text-novidades h4 {margin-top: 30px; margin-bottom: 25px; color: #bbbe79;} .novidades .border-title {display: block; width: 2px; height: 320px; background-color: #bbbe79; position: absolute; left: -10px; top: -50px;} .text-contato h4 {margin-top: 30px; margin-bottom: 25px;} .contato .border-title {display: block; width: 2px; height: 408px; background-color: #bbbe79; position: absolute; left: -10px; top: -230px;} .pagina-contato .border-title {display: block; width: 2px; height: 327px; background-color: #bbbe79; position: absolute; left: -10px; top: -80px;} .contato, .pagina-contato, .pagina-politicas {margin-top: 80px; margin-bottom: 100px;} .form-control {box-shadow: none; border: 0px; border-bottom: 1px solid #D2D2D2; border-radius: 0px; margin-bottom: 25px;} .form-control:focus {box-shadow: none; border: 0px; border-bottom: 1px solid #bbbe79;} .contato label {margin-bottom: 0px; color: #bbbe79; font-size: 13px; text-transform: uppercase; font-weight: 500;} /*footer {background: rgba(108, 88, 76, 0.08); padding: 80px 0px;margin-top: 42px;}*/ footer {background: #f6f6f7; padding: 80px 0px;margin-top: 42px;} .logo-rodape img {margin-top: 90px;margin-bottom: 25px;} .menu-footer h2 {font-family: 'Barlow', sans-serif; text-transform: uppercase; font-weight: 700; margin-bottom: 40px;} .menu-footer ul {padding-left: 0px;} .menu-footer li {list-style: none;} .menu-footer a {color: #464646;} .menu-footer a:hover {color: #bbbe79; text-decoration: none;} .menu-footer a.rede-icon {display: inline-block; margin-top: 20px; margin-right: 10px;} /* Home */ /* <> Produtos */ .categorias-lista-produtos ul{padding-left: 0px;} .categorias-lista-produtos ul li{list-style: none;} .categorias-lista-produtos ul li a{color: #9E816F;} .categorias-lista-produtos ul li a:hover{color: #A7BE45;text-decoration: none;} .produto-interno{text-align: center;} .produtos-interno-produto{box-shadow: 0px 5px 10px 0px rgba(0,0,0,.2);height: 348px;padding: 12px;margin-bottom: 50px;} .produtos-interno-produto .img-produto{height: 230px;} /* Produtos */ /* <> Produto */ .content-produto h2.title{font-size: 42px;line-height: 38px;} .carousel-control {right: 18px; left: inherit; background-image: none; bottom: 0; top: inherit; opacity: 1;} .carousel-control.right {right: -42px;} .carousel-control.right, .carousel-control.left {background-image: none;} .produto-carousel .item {height: 650px; background-position: center; background-repeat: no-repeat; /*background-size: cover;*/ background-size: contain;} .content-produto {margin-top: 30px;} /* Produto */ /*<> Responsabilidade*/ .responsabilidade-img {background-position: center;background-size: cover;background-repeat: no-repeat;} .responsabilidade-destaque h2 {font-size: 42px !important; margin-bottom: 30px;} .responsabilidade-destaque {margin-top: 40px; margin-bottom: 20px;} .responsabilidade-destaque p {padding-right: 50px;} /* Responsabilidade*/ input[type="submit"].btn-default:hover{ color: #fff !important; } /*<> Contato*/ .pagina-contato {margin-bottom: 0px;} .map {margin-top: 50px;} /* Contato*/ /*<> Página Cases*/ .case-interno{text-align: center;} .cases-interno-case, .blog-interno-blog, .categoria-interno-produto{/*box-shadow: 0px 5px 10px 0px rgba(0,0,0,.2);*/padding: 12px;margin-bottom: 50px;} /* Página Cases*/ /*<> Página Depoimentos*/ #owl-depoimentos .owl-nav{position: relative;top: 0px;margin-top: 42px;} #owl-depoimentos{margin-top: 0px;} #owl-depoimentos .owl-nav button.owl-next{background: #F3F2F1;} /* Página Depoimentos*/ /*<> Página Blogs*/ /*.blog-interno-blog{box-shadow: 0px 5px 10px 0px rgba(0,0,0,.2);padding: 12px;margin-bottom: 50px;}*/ /* Página Blogs*/ /*PÁGINA SUSTENTABILIDADE*/ /*.sustentabilidade {background-image: url(../img/fundo_verde_oliva.png) !important;}*/ .cookies{ /*width: 50%;*/ width: 70%; position: fixed; bottom: 25px !important; background-color: #fff; color: #434f5b; padding: 0px 0px; box-shadow: 0 0 4px 0 rgba(0,0,0,.2); /*left: 25px;*/ left: 14%; z-index: 99999; padding: 12px; } .cookies p{ text-align: left; padding: 0px 15px; font-size: 14px; } .cookies p a{ padding: 7px 20px; border-radius: 4px; cursor: pointer; font-size: 13px; font-weight: 700; line-height: 1.428571429; text-align: center; position: relative; -webkit-align-items: center; align-items: center; background-color: #BCBF79; margin-left: 20px; } .cookies p a#Fechar{ color: #fff; } .cookies p b{ font-weight: bold; color: #0c4887; } /* Responsive Utilities */ header.topo-nav{ position: absolute; width: 100%; z-index: 9999; padding-top: 24px; } nav.header-menu{ /*float: right;*/ background-color: #A7BE45; color: #fff; padding: 30px; /*margin-top: -20px;*/ /*margin-right: 50px;*/ } nav.header-menu a{color: #fff;} .navbar-toggle{margin-top: 0px;padding: 0px;} .template-content header.topo-nav{position: relative ;} .header-icone{color: #bbbe79 !important;} @media(max-width: 1600px){ /* col-md */ } @media(max-width: 1500px){ /* col-md */ } @media(max-width: 1400px){ /* col-md */ } @media(max-width: 1300px){ /* col-md */ } @media(max-width: 1200px){ /* col-md */ } @media(max-width: 992px){ /* col-sm */ } @media(max-width: 768px){ /* col-xs */ .menu-header li{display: block;} .bandeiras{text-align: center;} .slideshow .slide .text{line-height: 32px;} .slideshow .slide .text p.letter{font-size: 42px;} .manifesto .border-title{display: none;} .text-contato h4{font-size: 14px;} footer{padding: 32px 0px;} .logo-rodape img{margin-top: 32px;} .template-content .menu-header a{color: #fff;} .menu-header .menu-open img{filter: brightness(0.4);} .logo{margin-top: 4px;} .slideshow{height: 400px;} .slideshow .arrows .prev{left: 0px;} .slideshow .arrows .next{right: 0px;} .side-menu-wrapper{width: 100%;} .empresa, .produtos, .contato, .content-produto .text-empresa, .pagina-contato .text-empresa, .pagina-contato .text-contato{padding: 42px;} .contato{margin-top: 0px;margin-bottom: 0px;} .produtos .border-title{top: 0px;} .produtos .carousel-produtos .owl-nav{right: 0%;} figure.effect-julia p.titulo-set{margin-top: 0px;} .grid figure{height: 280px;} .banner-manifesto{margin-top: 0px;padding-top: 32px;} .menu-footer{text-align: center;} .menu-footer b{display: block;} /*PÁGINA SOBRE*/ .back-empresa-img{height: 220px;} .empresa .text-empresa{margin-top: 42px;} .empresa .border-title{top: 18px;} /*PÁGINA PRODUTO*/ .content-produto{padding: 0px;} .produto-carousel .item{height: 420px;} .carousel-control.left{right: 72px;} .carousel-control.right{right: 12px;} .responsabilidade-destaque{margin-top: 0px;} .content-produto .border-title{left: 32px;top: 0px;} .bloco-produto-interno{margin-top: 32px;margin-bottom: 32px;} .laudos .banner-manifesto{height: auto; padding-bottom: 42px;} /*PÁGINA CONTATO*/ .pagina-contato .border-title{left: 32px;top: 0px;} } @media(max-width: 540px){ /* col-xs */ } @media(max-width: 479px){ /* col-xs */ } @media(max-width: 400px){ /* col-xs */ } @media(max-width: 370px){ /* col-xs */ }