::selection{background: #d4b08c; color: #FFFFFF;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,hr,th,td {margin:0; padding:0;}
h3,h4,h5,h6 {font-weight:300;}
h1, h2 {font-weight:700;}
small {font-size:12px;}
html {-webkit-font-smoothing: antialiased;}
html {font-size: 100%;}
strong, b {font-weight:700;}
* {font-family: 'Montserrat', sans-serif; letter-spacing: -0.5px;  }
body {color: #333333; background: #FFFFFF; font-size: 14px; font-weight:400; overflow-x:hidden;}
.clear {width: 100%; clear: both; display: block; height: 0px;}
a, input, button {transition:all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; text-decoration:none; cursor:pointer; outline:none;}
p {line-height: 24px; font-size: 14px;}
.container{width: 80%;position: relative;margin: 0px auto; }
.leftColumn {float: left; width: 50%;}
.rightColumn {float: right; width: 50%;}
.container::after {content:" ";clear:both; width: 100%; display: block;}

input#control-nav {visibility: hidden;position: absolute;left: -9999px;opacity: 0;}
header{margin:40px 40px 0px 40px; width: calc(100% - 80px); position: fixed; top:0px; z-index:9998; padding:0px 0px; transition:all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
header .overlay {width: 100%; height: 30px; opacity:0; position: absolute; top: -40px; background: url('../img/pattern.png') repeat center center; background-blend-mode:multiply; background-color: #1c5d39; left: 0px; transition:all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
header .container {width: 90%;}
header .logo {height:100px; padding:30px; top: -40px; left:50%; transform: translateX(-50%); position: absolute; background: url('../img/header.png') no-repeat center center; background-size:100% 100%; transition:all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
header .logo img {height: 100px; display: block;transition:all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
header .menu {width:100%; display:block; padding: 40px 0px;transition:all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
header .menu ul {list-style: none; display: inline-block; float:left; text-align:left;}
header .menu ul + ul {list-style: none; display: inline-block; float:right; text-align:right;}
header .menu ul li {display: inline-block; margin: 0px 0px; position: relative;}
header .menu ul li a {cursor:pointer; color: #FFFFFF; display: inline-block; line-height: 20px; font-size: 14px; border-radius: 20px; padding:10px 10px; position: relative; border:1px solid transparent;}
header .menu ul li a:hover {color:#ca9c6d;}
header .menu ul li a.active {background:#434e72; border:1px solid #434e72; color: #FFFFFF;}

header .menu ul li ul {
  position: absolute;
  background-color: #2B2B2B;
  min-width: 160px;
  box-shadow: 0 0 4px 3px rgba(0,0,0,0.1);
  z-index: 3000;
  padding:10px;
  margin-top: 40px;
  left: 10px;
  border-radius: 3px;
  opacity: 0;
  transition: 0.8s;
}

header .menu ul li.subItem:hover > ul {opacity: 1;}  

header .menu ul li ul li a {cursor:pointer; color: #FFFFFF; display: block; line-height: 20px; font-size: 14px; border-radius: 0px; padding:5px 10px; position: relative; border:1px solid transparent;}


header.active {padding:0px 0px; margin: 0px 0px; width: 100%;}
header.active .overlay {opacity: 1; top:0px;}
header.active .logo {top: 0px; height: 60px; padding: 20px;}
header.active .logo img {height: 60px;}
header.active .menu {opacity:0;}

footer {width: 100%;background: url('../img/pattern.png') repeat center center; background-blend-mode:multiply; background-color: #f9f1e4; padding: 30px 0px 30px 0px; color: #2B2B2B; line-height: 28px;}
footer .container {width: 72%;}

footer .links {float: left; font-weight: 700; font-size: 14px; line-height: 36px; margin-left: 40px;}
footer .links a {color: #2B2B2B; margin: 0px 15px;}
footer .links a i {margin-right: 10px; color: #1d6c39;}
footer .links a:hover {color: #1d6c39;}

footer button {color: #1d6c39; line-height: 20px; font-size: 16px; border-radius: 5px; padding:10px 15px; position: relative; background: transparent; border:1px solid #FFFFFF; float: left;}
footer button:hover {background: #1d6c39; color: #FFFFFF; border: 1px solid #1d6c39;}
footer .address {float: left; font-weight: 700; font-size: 14px; line-height: 36px; margin-left: 40px;}
footer .address a {color: #2b2b2b; margin: 0px 15px;}
footer .address a i {margin-right: 10px; color: #1d6c39;}
footer .address a:hover {color: #1d6c39;}
footer .copyright {float: right; font-weight: 400; font-size: 12px; line-height: 36px; opacity: 1;}

.circle {width: 360px; height: 360px; background: url('../img/circle.png') no-repeat; background-position: 100px center; background-size: contain; position: absolute; right: 0px; bottom: 80px; z-index: 1000; overflow: hidden;}
.circleBack {width: 50vw; height: 80vh; background: url('../img/back.png') no-repeat; opacity:.1; background-position: -50px center; background-size: contain; position: absolute; left: 0px; top: 0px; z-index: 99; overflow: hidden;}
.imagemSobre {width: 40vw; height: 80vh; background:url('../img/child.png') no-repeat; background-position: top center; background-size: contain; position: absolute; left: 5vw; top: 10vh; z-index: 100; overflow: hidden;}

.whatsapp {height: 64px; width: 64px; background: #1d6c39; border-radius: 32px; position: fixed; bottom: 30px; right: 30px; z-index: 9998; transition:all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; box-shadow:-10px 4px 8px rgba(0,0,0,.1);}
.whatsapp i {height: 32px; width: 32px; padding: 16px; line-height:32px; font-size: 32px; color: #FFFFFF; text-align: center;}
.whatsapp:hover {transform:scale(1.1); cursor:pointer; box-shadow:-10px 10px 20px rgba(0,0,0,.2);}

#banner {background: #FFFFFF; height: 100vh; width: 100%; box-sizing:border-box; position: relative; border: 40px solid #FFFFFF; border-bottom: 0px solid #FFFFFF;}
#banner .imagens {position: relative; width: 100%; height: 100vh; overflow: hidden; z-index: 999;}
#banner .item {width: 100%; height: calc(100% - 40px); background-size:cover; background-position: bottom center; box-sizing: border-box; background-blend-mode:multiply; background-color:#777777;}
#banner .titleAlign {position: relative; margin-left: 25%; height: 100%; width: 50%; display: flex; align-items:center; position: relative; z-index:999; text-align: center;}
#banner .title {width: 100%; color: #FFFFFF; position: relative;}
#banner .title .title1 {display: block; font-size: 42px; letter-spacing: -1px; line-height: 42px; font-weight:200;}
#banner .title .title2 {display: block; font-size: 42px; letter-spacing: -1px; line-height: 42px; margin: 10px 0px 40px 0px; font-weight:700;}
#banner .title .botoes {display: block;}
#banner .title .botoes a {display: inline-block; background: transparent; color: #FFFFFF; border:1px solid #ca9c6d; padding: 15px 40px; border-radius: 30px; margin-right: 10px; font-size: 12px; letter-spacing: 6px; text-transform: uppercase; font-weight: 700;}
#banner .title .botoes a:hover {background: #ca9c6d; cursor: pointer; padding: 15px 60px;}
#banner .swiper-pagination {text-align: left; margin-left:15%;}
#banner .swiper-pagination.swiper-pagination-bullets{bottom: 20%; left: 0px;}
#banner .swiper-pagination-bullet{width: 8px; height:8px; background: #FFFFFF; border:1px solid #FFFFFF; transition: .5s; margin-right: 14px; outline:none;}
#banner .swiper-pagination-bullet-active{border:none; background: transparent; border:1px solid #ca9c6d;}
#banner .swiper-pagination-bullet:hover{background: #FFFFFF; opacity: 1;  border:1px solid #FFFFFF;}
#banner .scroll {position: absolute; bottom: 20%; left: 25%; z-index: 2; color: #FFFFFF; text-transform: uppercase; letter-spacing: 4px; font-size: 11px;}
#banner .scroll i {color: #ca9c6d;}

#banner .essencias {width: 280px; height: 280px; background: url('../img/produtos.png') no-repeat; background-position: center center; background-size: contain; position: absolute; left: 50%; transform: translateX(-50%); bottom: -120px; z-index: 1000; overflow: hidden;}

#sobre {position: relative; z-index: 99; padding-top: 100px;}
#sobre .content {background:#FFFFFF; position: relative; width: 50%; height: 100%; overflow: hidden; float: right; padding: 100px 15% 100px 0px; box-sizing:border-box;}
#sobre h4 {font-size: 14px; line-height: 16px; letter-spacing: 8px; text-transform: uppercase; font-weight:700;}
#sobre h2 {font-size: 42px; letter-spacing: -1px; line-height: 42px; font-weight:200; margin: 40px 0px;}
#sobre p {line-height: 28px; font-size: 14px;}

.content p a {background: #FFFFFF; border:1px solid #1d6c39; color: #1d6c39; line-height: 20px; padding: 15px 30px; border-radius: 25px; margin-top: 30px; display: inline-block;}
.content p a:hover {border:1px solid #ca9c6d; color:#FFFFFF; background:#ca9c6d; cursor: pointer;}

.swiper-button-prev2{right: 60px; top:30px; font-size:36px; color:#29bb9d; position: absolute; z-index: 5; cursor: pointer; transition:all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.swiper-button-next2{right: 0px; top:30px; font-size:36px; color:#29bb9d; position: absolute; z-index: 5; cursor: pointer; transition:all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.swiper-button-next2:hover, #numeros .swiper-button-prev2:hover {transform:scale(1.02); color:#434e72;}

#produtos {position:relative; z-index: 101;}
#produtos .linha {position:relative; padding: 100px 0px 100px 0px; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-blend-mode:multiply; background-color:#666666; background-size:cover; z-index: 101;}
#produtos .description {width: 40%; padding: 0px 8%; box-sizing:border-box; float: left;}
#produtos .list {width: 56%; margin-right: 4%; float: right; margin-top: 0px; overflow: hidden; position: relative; padding-bottom: 40px;}
#produtos h2 {font-size: 42px; color: #eee1ce; line-height: 42px; margin-bottom: 40px; font-weight: 700; letter-spacing: -1px;}
#produtos .item {width: 100%; height:320px; position: relative; display: block; background-size: cover; border-radius: 10px; background-position:center center; box-shadow:0px 10px 20px rgba(0,0,0,0.3);}
#produtos .item .info {width: 100%; border-radius: 10px; position:absolute; bottom:0px; background:linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0)); padding: 40px 60px 25px 25px; color: #FFFFFF; box-sizing:border-box; text-align: left; display: flex; flex-direction: column; align-items: bottom; justify-content: flex-end;}
#produtos .item .info h3 {font-size: 16px; line-height: 20px; font-weight: 700;}
#produtos .item .info h4 {font-size: 12px; line-height: 20px; font-weight: 700;}
#produtos .item .overlay {opacity:0; display: flex; flex-direction: column; align-items: center; justify-content: center; height:100%; width:100%; background: rgba(0,0,0,0.6); position:relative; z-index: 999; border-radius: 10px; transition:.5s;}
#produtos .item .overlay a {background: #FFFFFF; border:1px solid #FFFFFF; color: #1d6c39; line-height: 20px; padding: 15px 30px; border-radius: 25px; margin-top: 30px; display: inline-block;}
#produtos .item .overlay a:hover {border:1px solid #ca9c6d; background:#ca9c6d; color: #1d6c39; cursor: pointer;}
#produtos .item:hover > .overlay {opacity: 1;}
#produtos p {color: #FFFFFF; line-height:32px;}
#produtos p a {background: transparent; border:1px solid #eee1ce; color: #eee1ce; line-height: 20px; padding: 15px 40px; border-radius: 25px; margin-top: 40px; display: inline-block; width: auto; text-align:center;}
#produtos p a:hover {border:1px solid #1d6c39; background:#1d6c39; color: #FFFFFF; cursor: pointer;}
#produtos .swiper-pagination {text-align: left;}
#produtos .swiper-pagination.swiper-pagination-bullets{bottom: 0px; left: 0px;}
#produtos .swiper-pagination-bullet{width: 8px; height:8px; background: transparent; opacity: 1; border:1px solid #FFFFFF; transition: .5s; margin-right: 14px; outline:none;}
#produtos .swiper-pagination-bullet-active{border:none; background: #1d6c39; border:1px solid #1d6c39;}
#produtos .swiper-pagination-bullet:hover{background: #FFFFFF; opacity: 1; border:1px solid #FFFFFF;}


#interna {background: #FFFFFF; height: auto; width: 100%; box-sizing:border-box; position: relative; border: 40px solid #FFFFFF; border-bottom: 0px solid #FFFFFF;}
#interna .cabecalho {width: 100%; height: 360px; background-size:cover; background-position: bottom center; background-attachment:fixed; box-sizing: border-box; background-blend-mode:multiply; background-color:#777777; position: relative;}
#interna .cabecalho .title {position: absolute; bottom: 40px; width: 100%; left: 0px; text-align: center;}
#interna .cabecalho .title h1 {font-size: 42px; color: #FFFFFF; line-height: 42px; font-weight: 700; letter-spacing: -1px;}
#interna .cabecalho .title h2 {font-size: 16px; color: #eee1ce; text-transform: uppercase; line-height: 42px; font-weight: 300; letter-spacing: 10px;}
#interna .content {padding: 40px 0px;}
#interna .content img {float: left; margin: 0px 5% 0px 0px; width: 40%; box-sizing:border-box; padding: 40px; box-shadow:0px 5px 10px rgba(0,0,0,0.15); border-bottom:5px solid #eee1ce; border-radius: 10px;}
#interna .content .info {float: left; width: 55%;}
#interna .content .info h3 {color: #1d6c39; font-weight: 700; margin-bottom: 10px; font-size: 36px; letter-spacing:-2px;}
#interna .content .info p {color: #4B4B4B; font-size: 14px; line-height: 32px; margin-bottom: 40px;}
#interna .content p.descricaoLinha {color: #4B4B4B; font-size: 14px; line-height: 32px; margin-bottom: 40px; text-align: center;}
#interna .content .info a {background: transparent; border:1px solid #eee1ce; color: #eee1ce; line-height: 20px; padding: 15px 40px; border-radius: 25px; display: inline-block; width: auto; text-align:center;}
#interna .content .info a:hover {border:1px solid #1d6c39; background:#1d6c39; color: #FFFFFF; cursor: pointer;}


#interna .listaProdutos .item {width: 22.5%; vertical-align:top; margin: 0px 1% 25px 1%; position: relative; display: inline-block; cursor: pointer;}
#interna .listaProdutos .item .image {width: 100%; height:320px; position: relative; background-size: cover; border-radius: 10px; background-position:center center; box-shadow:0px 5px 10px rgba(0,0,0,0.15); border-bottom:5px solid #eee1ce;}
#interna .listaProdutos .item .details {width: 100%; border-radius: 10px; padding: 20px; box-sizing:border-box;}
#interna .listaProdutos .item .details h3 {font-size: 20px; line-height: 24px; font-weight: 700; color:#1d6c39;}
#interna .listaProdutos .item .details h4 {font-size: 14px; line-height: 20px; font-weight: 300; color:#4B4B4B;}
#interna .listaProdutos .item .overlay {opacity:0; display: flex; flex-direction: column; align-items: center; justify-content: center; height:320px; width:100%; background: rgba(0,0,0,0.6); position:absolute; top: 0px; left: 0px; z-index: 999; border-radius: 10px; transition:.5s;}
#interna .listaProdutos .item .overlay a {background: #FFFFFF; border:1px solid #FFFFFF; color: #1d6c39; line-height: 20px; padding: 15px 30px; border-radius: 25px; margin-top: 30px; display: inline-block;}
#interna .listaProdutos .item .overlay a:hover {border:1px solid #ca9c6d; background:#ca9c6d; color: #1d6c39; cursor: pointer;}
#interna .listaProdutos .item:hover > .overlay {opacity: 1;}


.formulario {padding: 0px 0px 80px 0px; background-image:linear-gradient(#FFFFFF 25%, #edeeec 25%, #eae8de 75%);}
.formulario .box {width: 50%; background: #FFFFFF; margin: 0px auto; padding:0px 5% 5% 5%; position: relative; z-index: 2; box-shadow:30px 30px 30px rgba(0,0,0,0.1); margin-top: 30px;}
.formulario .box::after {content:""; width:54%; height:100%; bottom:-40px; left: -40px; position: absolute; z-index:0; background:#FFFFFF; opacity: .4;}
.formulario .box div {position:relative; z-index: 1;}
.formulario .box input, .formulario .box textarea, .formulario .box select {box-sizing:border-box; padding: 10px 15px; line-height: 24px; font-size: 14px; letter-spacing: -1px; background: #FFFFFF; border:1px solid #edeeec; border-radius:5px; margin-bottom: 20px; resize:none; outline:none;}
.formulario .box select {height: 46px;}
.formulario .box input.hundred, .formulario .box select.hundred {width: 100%; clear: left;}
.formulario .box input.half, .formulario .box select.half {width: 48%; float: left;}
.formulario .box input.half + .half, .formulario .box select.half + .half {margin-left:4%;}
.formulario .box textarea.hundred {width: 100%; clear: left; height: 120px;}

.sucesso{padding:20px 40px;text-align:center;z-index:9999; position:fixed;bottom:5%;left:5%;width:calc(90% - 80px); background:#1d6c39;color:#FFFFFF;}

button.botao {font-size: 16px; font-weight: 700; color:#FFFFFF; border: 1px solid #1d6c39; background:#1d6c39; text-align: center; padding: 15px 30px; border-radius: 36px; display: inline-block;}
button.botao i {transition: .25s; font-size: 14px; margin-left: 5px;}
button.botao:hover {color:#1d6c39; border: 1px solid #1d6c39; background: #edeeec;}
button.botao:hover > i {margin-left: 10px;}