/* Todas Fonts */
@font-face {
   font-family: "Gotham";
   src: url(../text-font/Gotham Book.otf);
   font-weight: 400;
}
@font-face {
   font-family: "Gotham";
   src: url(../text-font/Gotham Medium.otf);
   font-weight: 500;
}
@font-face {
   font-family: "Gotham";
   src: url(../text-font/Gotham Bold.otf);
   font-weight: 700;
}
@font-face {
   font-family: "Gotham";
   src: url(../text-font/Gotham Black.otf);
   font-weight: 900;
}

/* Edição Geral */
html,
body {
   margin: 0;
   padding: 0;
   border: 0;
   overflow-x: hidden;
}

.imageHomeMobile {
   background-image: url('https://i.giphy.com/UPY0ZPpoFh9Pi4pE1o.gif');
   background-size: cover;
   background-repeat: no-repeat;
   height: 100vh;
}

h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
span {
   font-family: Gotham, Sans-Serif;
   font-weight: 500;
   color: #fff;
   padding: 0;
   margin: 0;
}
a:hover {
   color: #FFF;
   text-decoration: none;
}
a.btnGreenHome {
   padding: 16px 36px;
   background-color: #319B42;
   color: #FFF;
   font-size: 17px;
   border-radius: 12px;
   margin-top: 20px;
   position: absolute;
   font-weight: 500;
   transition: 0.2s;
}
.zeraPM {
   padding: 0;
   margin: 0;
}

.seed-bg1{
   position:absolute;
   z-index:0;
   width: 98%;
   margin:-10px;
}

a.btnGreenHome:hover {
   background-color: #36CB4E;
}
a.btnGreenHome:active {
   background-color: #2C6A36;
}
.imgProduct {
   width: 100%;
   border-radius: 10px;
}
.imgProduct:hover{
   width: 100%;
   border-radius: 10px;
   opacity: 0.6;
}
.navContato {
   position: absolute;
   right: 0;
   left: 0;
   z-index: 1030;
   bottom: 20%;
}
.cor87 {
   color: rgba(0, 0, 0, .87);
}
.titleBlack {
   font-size: 32px;
   font-weight: 700;
   color: rgba(0, 0, 0, .87);
}
.buttonPadrao:hover {
   background-color: #36CB4E;
   border-color: #36CB4E;
}
.buttonPadrao:active {
   background-color: #2C6A36;
   border-color: #2C6A36;
}

.values-title, .form-title, h3.titleFooter{
   margin: 0 0 8px 0;
   font-weight: 700;
   color: #319B42;
}

.contentHome p, .values-p{
   font-weight: 400;
   color: rgba(0, 0, 0, .76);
   font-size: 1.12em;
}

.navFooter p{
   font-weight: 700;
   color: rgba(0, 0, 0);
   font-size: 1.24em;
   margin-bottom: 4px;
}

.p{
   font-size: 1.54em;
}
@media(min-width: 1280px){
   .imageHomeMobile {
      background-image: none;
   }
   .contentHome {
      left: 10vh;
   }
   .titleHome {
      font-weight: 700;
      font-size: 56px;
      color: rgba(0, 0, 0, .87);
   }

   .imgDesktop {
      background-image: url('https://i.giphy.com/UPY0ZPpoFh9Pi4pE1o.gif');
      background-size: cover;
      background-repeat: no-repeat;
      height: 100vh;
      border-radius: 0 0 324px 0;
   }
}
/* Alternate BootStrap Style */
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto, .container {
   padding-right: 20px;
   padding-left: 20px;
}
.row {
   margin-right: -20px;
   margin-left: -20px;
}

/* Navbar General */
nav.navbar .contatoNavLoja {
   position: absolute;
   right: 215px;
   bottom: 16px;
   padding: 0;
}
nav.navbar .contatoNavEmail {
   position: absolute;
   right: 164px;
   bottom: 16px;
   padding: 0;
}
nav.navbar .contatoNavPhone {
   position: absolute;
   right: 116px;
   bottom: 16px;
   padding: 0;
}
nav.navbar .contatoNavWhats {
   position: absolute;
   right: 70px;
   bottom: 17px;
   padding: 0;
}
li.nav-item img {
   margin: 17.5px 16px 22.5px 16px;
}
li.nav-item p.navbarCopy {
   font-size: 13px;
   color: #C1C1C1;
}
/* Navbar  White Items*/
nav.navbar.white {
   padding: 16px  24px;
   background-color: rgba(29, 35, 30, .36);
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   z-index: 1030;
}
.navbar-brand{
   padding: 0;
   margin: 0;
}
.navbarItem {
   padding: 0 12px;
   border: 0;
}
img.imgSvgLogo {
   width: 24px;
}
img.imgSvg {
   width: 21px;
}
ul.listaNav,
.listIndex {
   list-style: none;
   padding: 0;
   border: 0;
   margin: 0;
}
li.itemNav {
   float: left;
   padding: 0;
   margin: 0;
}
@media(max-width: 768px){

}
@media(min-width: 1024px){
   nav.navbar.white {
      background-color: #FFF;
   }
   li.nav-item img {
      padding-top: 10px;
      margin: 0 20px;
      width: 20px;
   }
   nav.navbar .contatoNavEmail,
   nav.navbar .contatoNavLoja,
   nav.navbar .contatoNavPhone,
   nav.navbar .contatoNavWhats {
      display: none;
   }
}
/* DropDown Navbar White Items*/
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
   color: #319B42;
}
@media(max-width: 768px){
   .navbar-light .navbar-nav .nav-link.white{
      font-size: 17px;
      color: #FFF;
      padding-top: 33.5px;
   }
   ul.navbar-nav {
      height: 100vh;
   }
   img.logoMobilehome {
      display: block;
   }
   img.logoMobile {
      display: block;
   }
   img.logoDesktopHome {
      display: none;
   }
   img.logoDesktop {
      display: none;
   }
}
@media(min-width: 1024px){
   a.nav-link {
      color: rgba(0, 0, 0, .87);
   }
   li.navContato {
      position: relative;
      right: auto;
      left: auto;
      z-index: 0;
      bottom: 0;
   }
   .navbar-nav .nav-item .nav-link {
      padding: 7px 0 2px 0;
      transition: 0.2s;
   }
   .navbar-nav .active .nav-link {
      border-bottom: 2px solid #319B42;
   }
   .navbar-light .navbar-nav .nav-item {
      padding-right: 42px;
      font-size: 14px;
   }
   img.logoMobileHome {
      display: none;
   }
   img.logoMobile {
      display: none;
   }
   img.logoDesktopHome,
   img.logoDesktop {
      display: block;
      width: 125px;
   }
   p.navbarCopy {
      display: none;
   }
   .productsItem {
      width: 33%;
      display: inline-block;
   }
}

/* Navbar Green Items */
.textProduct {
   margin-top: 33px;
   font-size: 13px;
   color: rgba(0, 0, 0, .56);
   margin-bottom: 3.5px;
   text-align: justify;
   text-justify: inter-word;
}
nav.navbar.green {
   padding: 16px  24px;
   background-color: #FFF;
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   z-index: 1030;
}
.navbar-light .navbar-nav .nav-link.green{
   font-size: 17px;
   color: #000;
   padding-top: 33.5px;
}

/* Content Home */
section#home {
   height: 100vh;
}
h2.titleHome {
   font-size: 3.64em;
   margin: 0 0 4px 0;
   font-weight: 700;
}
div.contentHome {
   position: relative;
   top: 25vh;
}

/* Informations */
section#information {
   margin-bottom: 95px;
}
.nav-tabs {
   border-bottom: none;
   text-align: center;
   margin-top: 22px;
}
.nav-tabs a {
   font-size: 1.12em;
   font-weight: 700;
}
#information li {
   width: 33.33%;
}
.nav-tabs li a {
   color: rgba(0, 0, 0, .30);
   padding-bottom: 10px;
   line-height: 35px;
   transition: 0.2s;
}
.nav-tabs li a.active {
   color: rgba(0, 0, 0, 1);
   border-bottom: 3px solid #319B42;
   transition: 0.2s;
}
.nav-tabs li a.active:hover {
   text-decoration: none;
}
.tab-content p {
   font-size: 14px;
   color: rgba(0, 0, 0, .56);
   font-weight: 400;
}
.tab-pane {
   top: 26px;
   position: relative;
}
.imgHome {
   width: 245px;
   height: 245px;
   position: relative;
   top: 16px;
   margin-bottom: 56px;
   border-radius: 10px;
}
#valores .imgHome {
   margin-bottom: 0;
}
.seedsVisao {
   width: 245px;
   height: auto;
   position: absolute;
   right: -4px;
   bottom: -18px;
   z-index: 9;
}
.seedsMissao {
   width: 245px;
   height: auto;
   position: absolute;
   left: -15px;
   bottom: 0;
   top: 170px;
   z-index: -9;
}
.seedsValores {
   width: 300px;
   height: auto;
   position: absolute;
   right: -14px;
   bottom: 0;
   top: 180px;
   z-index: 9;
}
@media(max-width: 768px){
   .infomationDesktop {
      display: none;
   }
   .informationMobile {
      display: unset;
   }
   h2.titleHome {
      font-size: 2.24em;
      margin: 0 0 4px 0;
      font-weight: 700;
   }
   .contentHome p{
      color: #FFF;
   }
}
@media(min-width: 1024px){
   #home .row {
      max-width: 100%;
   }
   .informationMobile {
      display: none;
   }
   .infomationDesktop .row {
      margin-bottom: 72px;
   }
   .textHomeDesk {
      margin: auto;
   }
   .imgHome {
      width: 420px;
      height: auto;
   }
   .seedsVisao {
      width: 275px;
      height: auto;
   }
   .seedsMissao {
      width: 390px;
      height: auto;
      left: -100px;
      top: 160px;
   }
   .seedsValores{
      width: 560px;
      height: auto;
      right: -80px;
      top: 120px;
   }
}
/* Pag Products */
section#products {
   padding-top: 69px;
}

h3.titleContent {
   color: rgba(0, 0, 0, .87);
   font-size: 20px;
   font-weight: 700;
}
.txtRural {
   color: rgba(0, 0, 0, .87);
   margin: 0 auto;
   font-size: 16px;
}
.btnFilter {
   color: #FFF;
   padding: 6px 30px;
   background-color: rgba(0, 0, 0, .30);
   border-radius: 10px;
   position: relative;
   top: 4.3px;
}
.productsList {
   list-style: none;
   padding: 0;
}
.productsItem  {
   padding-top: 24px;
   text-align: center;
}
.productsItem a {
   cursor: pointer;
}
.btnGreen {
   color: #FFF;
   padding: 13px 55px;
   background-color: #319B42;
   border-radius: 10px;
   position: relative;
   bottom: 14px;
}
button.btnGreen {
   border: none;
   text-decoration: none;
}
section#products {
   padding-top: 100px;
}
.filtroDesktop {
   list-style: none;
   display: flex;
   padding: 0;
   margin: 16px 0 32px 0;
}
.btnFiltro {
   float: right;
   background-color: rgba(0, 0, 0, .36);
   color: #FFF;
   border-radius: 10px;
   padding: 4px 28px;
   text-decoration: none;
   border: none;
   font-weight: 700;
   font-size: 16px;
   letter-spacing: 1.2px;
}
.filtroActive {
   background-color: #319B42;
   padding: 10px 25px;
   border-radius: 10px;
   color: #FFF !important;
}
.modal-dialog {
   top: 25%;
}
.modal-content {
   border: none;
   border-radius: 10px;
}
.modal-header {
   border: none;
   padding-bottom: 0;
}
.modal-body {
   padding: 0 16px;
}
.modal-title {
   color: #000;
   font-weight: 700;
   font-size: 28px;
}
.limpaFiltro {
   color: #139B42;
   position: absolute;
   right: 16px;
   top: 25px;
   font-size: 18px;
   font-weight: 700;
}
.filtroMobile {
   list-style: none;
   padding: 0;
   margin: 0;
}
.filtroMobileItem {
   background-color: rgba(0, 0, 0, .26);
   color: #000;
   text-align: center;
   border-radius: 6px;
   padding: 4px 0;
   margin: 12px 0;
}
.filtroMobActive {
   background-color: #139B42;
   color: #FFF;
}
.modal-footer {
   border: none;
   padding-top: 0;
   padding-top: 8px;
}
.btnFiltroMobile {
   margin: 0 auto;
   background-color: #139B42;
   color: #FFF;
   padding: 8px 0;
   border: none;
   border-radius: 10px;
   text-decoration: none;
   width: 65%;
}
/* Product */
section#product {
   padding-top: 69px;
}
.owl-item {
   width: auto !important;
   margin-right: 27px;
}
.owl-carousel a.active {
   border-bottom: 2px solid #319B42;
   padding-bottom: 3px;
}
.owl-carousel div {
   width: auto;
}
.owl-dots {
   display: none;
}
.owl-item .active {
   max-width: 100%;
   width: 100%;
}
.itemCarousel {
   color: rgba(0, 0, 0, .56);
}
#product table.table {
   margin-top: 33px;
}
.imgProductItem {
   margin-top: 24px;
   border-radius: 10px;
}
#product thead th {
   padding: 0;
   border: none;
   width: 50%;
}
.titleProduct {
   font-size: 22px;
   color: #319B42;
   margin-bottom: 3.5px;
}
.tableProduct {
   list-style: none;
}
#product tbody th {
   font-size: 14px;
   color: rgba(0, 0, 0, .87);
   font-weight: 500;
   padding: 19px 0;
   border-top: none;
   border-bottom: 0.5px solid #C1C1C1;
}
#product tbody td {
   font-size: 14px;
   color: rgba(0, 0, 0, .56);
   font-weight: 400;
   padding: 19px 0;
   border-top: none;
   border-bottom: 0.5px solid #C1C1C1;
}
.arrowIcon {
   width: 12px;
}
.btnReturn {
   font-size: 17px;
   color: #319B42;
}
.btnReturn:hover {
   color: #319B42;
}
.btnReturn:active {
   color: #000;
   border-bottom: 2px solid #319B42;
}
div.product {
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
}
/* Partner */
section#partner {
   padding-top: 69px;
   margin-bottom: 36px;
}
.txtLabelForm {
   color: #319B42;
   font-size: 1.16em;
   font-weight: 500;
}
.btnFisicaLabel {
   cursor: pointer;
   text-align: center;
   padding: 10px;
   border-radius: 10px 0 0 10px;
   border: 2px solid #319B42;
   color: #000;
   background-color: #FFF;
}
.btnJuridicaLabel {
   cursor: pointer;
   text-align: center;
   float: right;
   padding: 10px;
   border-radius: 0 10px 10px 0;
   border: 2px solid #319B42;
   color: #000;
   background-color: #FFF;
}
.btnJuridicaLabel label,
.btnFisicaLabel label {
   cursor: pointer;
   width: 100%;
   height: 100%;
   padding: 0;
   margin: 0;
}
.btnFisica {
   text-align: center;
   left: 0;
   position: absolute;
   width: 49%;
   background-color: #319B42;
   padding: auto;
   height: 90%;
   visibility: hidden;
   top: 0;
}
.btnJuridica {
   text-align: center;
   right: 0;
   position: absolute;
   width: 51%;
   height: 90%;
   visibility: hidden;
   top: 0;
}
.buttonVerde {
   color: #fff;
   background-color: #319B42;
}
/*.btnJuridica {
   width: 50%;
   float: right;
   border-radius: 0 10px 10px 0;
   background-color: #FFF;
   color: #319B42;
   border: 1px solid #319B42;
   border-left: none;
   height: 44px;
}*/
.inputDefault {
   border: 1px solid #707070;
   border-radius: 10px;
   color: rgba(0, 0, 0, .87);
   font-size: 17px;
   padding: 6px 16px;
}
.inputDefault::placeholder,
.inputValid::placeholder,
.inputInvalid::placeholder {
   color: rgba(0, 0, 0, .30);
}
.inputValid {
   border: 1px solid #319B42;
   border-radius: 10px;
   color: rgba(0, 0, 0, .87);
   font-size: 17px;
   padding: 6px 16px;
}
.inputInvalid {
   border: 1px solid #D64545;
   border-radius: 10px;
   color: rgba(0, 0, 0, .87);
   font-size: 17px;
   padding: 6px 16px;
}
.btnSendForm {
   background-color: #319B42;
   width: 216px;
   border: 0px solid #319B42;
   color: #FFF;
   padding: 16px 36px;
   font-size: 17px;
   border-radius: 12px;
   font-weight: 700;
   margin-top: 0.4em;
   transition: 0.2s;
}
select:invalid {
  color: rgba(0, 0, 0, .30);
}
@media(max-width: 768px){
   .parceiroDesktop iframe {
      min-height: auto;
   }
   section#product {
      padding-top: 75px;
   }
}
@media(min-width: 1024px){
   section#partner {
      padding-top: 100px;
   }
   .parceiroDesktop {
      margin: 0 auto;
   }
   .parceiroDesktop iframe {
      min-height: 400px;
   }
   section#product {
      padding-top: 100px;
   }
}

/* Footer */
ul.footerList {
   list-style: none;
   padding: 0;
   margin-top: 54px;
}
ul.footerList li:first-child {
   padding: 0 12px;
   float: left;
   padding: 0;
}
ul.footerList img {
   width: 21px;
}
ul.footerList li:first-child img {
   width: 124px;
}
ul.footerList li {
   padding: 0 12px;
   float: right;
}
a.developers {
   color: rgba(0, 0, 0, .87);
   font-weight: 700;
   transition: 0.3s;
}

a.developers:hover {
   color: #319B42;
   font-weight: 700;
}

p.textFooter {
   color:rgba(0, 0, 0, .56);
   font-size: 0.96em;
   margin: 10px 0;
   font-weight: 400;
}

p.textFooter b {
   color:rgba(0, 0, 0);
   font-weight: 500;
}

p.textFooterLine {
   color:rgba(0, 0, 0, .56);
   font-size: 14px;
   margin: 10px 0;
   border-top: 0.5px solid #C1C1C1;
   padding-top: 10.5px;
}

.botaoFixo {
   position: fixed;
}
.footerCopy {
   color:rgba(0, 0, 0, .56);
   font-size: 14px;
   margin: 10px 0;
   border-top: 0.5px solid #C1C1C1;
   padding-top: 10.5px;
}
@media(max-width: 768px){
   .footerMobile {
      display: block;
   }
   .footerDesktop {
      display: none;
   }
}
@media(min-width: 1024px){
   .footerMobile {
      display: none;
   }
   .footerDesktop {
      display: block;
   }
   .ondeEstamos {
      margin-top: 32px;
      margin-bottom: 88px;
   }
   .imgFooter {
      background-image: url('https://www.duvalle.agr.br/assets/imgs/novas/footer.png');
      width: 100%;
      height: 423px;
      background-repeat: no-repeat;
      text-align: center;
      background-size: cover;
   }
   .footerText {
      position: relative;
      top: 50%;
      font-size: 32px;
      font-weight: 700;
      color:#FFF;
      text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6);
   }
   .footerLogo {
      width: 124px;
      position: absolute;
      bottom: 23px;
      right: 60px;
   }
   .footerCaixaLogos {
      margin: 76px auto 67px auto;
   }
   .listFooter {
      list-style: none;
      display: flex;
      padding: 0;
      margin: 0;
   }
   .footerItemPadding {
      padding: 15px 24px 35px 0px;
   }

   .navContato a, .listFooter li a {
      transition: 0.3s;
   }

   .navContato a:hover, .listFooter li a:hover {
      opacity: 0.6;
   }

   img.footerImage {
      width: 21px;
   }
   ul.navFooter {
      list-style: none;
      padding: 0;
   }
   a.navFooter {
      color: rgba(0, 0, 0, .56);
      transition: 0.3s;
   }
   a.navFooter:hover{
      color: rgba(0, 0, 0, .86);
   }
   .footerActive {
      color: rgba(0, 0, 0, .56);
      font-size: 0.82em;
   }
}
/* Media Map */


/* Testando transition checkbox */
a.navbar-toggler {
   width: 24px;
   height: 24px;
   position: relative;
   padding: 0;
}
 .navbar-toggler span {
   margin: 0;
   padding: 0;
}
.navbar-toggler span.barraTop {
   width: 21px;
   height: 2px;
   top: 7px;
   position: absolute;
   transition: all .3s linear;
}
.navbar-toggler span.barraMid {
   width: 21px;
   height: 2px;
   position: absolute;
   background-color: #FFF;
   transition: all .3s linear;
   top: 13px;
}
.navbar-toggler span.barraBot {
   width: 21px;
   height: 2px;
   bottom: 3px;
   position: absolute;
   background-color: #FFF;
   transition: all .3s linear;
}
.navbarHome span.barraTop,
.navbarHome span.barraMid,
.navbarHome span.barraBot {
   background-color: #FFF;
}
.navbarRestante span.barraTop,
.navbarRestante span.barraMid,
.navbarRestante span.barraBot,
.navbarProdutos span.barraTop,
.navbarProdutos span.barraMid,
.navbarProdutos span.barraBot {
   background-color: #319B42;
}

/* Botão voltar ao topo */
.seta-top {
   position: fixed;
   bottom: 30px;
   right: 24px;
   border: 2px solid #319B42;
   border-radius: 10px;
   display: none;
}
.seta-top img {
   width: 34px;
   transform: rotate(90deg);
}

/* Loading */
#loadingWrap{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    background-color: #fff;
}

#loadingWrap img{
   width: 256px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

/* Alerta */
.overlayNotifica {
   width: 100%;
   height: 100vh;
   z-index: 999;
   position: fixed;
   display: none;
}
.toast__container {
   display: block;
   width: 100%;
}
.toast {
   text-align: left;
   padding: .75rem 1.25rem;
   background-color: #fff;
   border-radius: 7px;
   top: 80px;
   position: relative;
   box-shadow: 1px 7px 14px -5px rgba(0,0,0,0.2);
   margin: 0 auto;
}
.toast--red {
   background-color: #f8d7da;
   border-color: #f5c6cb;
}
.toast--green {
   background-color: #d4edda;
   border-color: #c3e6cb;
}
.toast__content {
   padding-left: 20px;
   padding-right: 20px;
}
.toast__type {
   color: #000;
   font-weight: 700;
   margin-top: 0;
   margin-bottom: 8px;
}
.toast__message {
   font-size: 14px;
   margin-top: 0;
   margin-bottom: 0;
   color: #000;
}
.toast__close {
   position: absolute;
   right: 22px;
   top: 50%;
   font-size: 18px;
   cursor: pointer;
   height: 18px;
   transform: translateY(-50%);
   color: #000;
   font-weight: 700;
}