@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Source+Sans+Pro:ital,wght@0,400;0,700;1,400&display=swap');

/*
url(https://faviconer.net/img/generator-close.svg) center center no-repeat 16x16
font-family: 'Playfair Display', serif;
font-family: 'Source Sans Pro', sans-serif;
*/

/*** SVG COLORS ***/
.dark-yellow {
    /*Tool to generate filter to target a color (#F7B539) https://codepen.io/sosuke/pen/Pjoqqp */
    filter: brightness(0) saturate(100%) invert(93%) sepia(18%) saturate(5720%) hue-rotate(330deg) brightness(101%) contrast(94%);
}
.pink {
    /*Tool to generate filter to target a color (#F298A3) https://codepen.io/sosuke/pen/Pjoqqp */
    filter: brightness(0) saturate(100%) invert(86%) sepia(28%) saturate(3108%) hue-rotate(296deg) brightness(104%) contrast(90%);
}
.dark-green {
    /*Tool to generate filter to target a color (#729F70) https://codepen.io/sosuke/pen/Pjoqqp */
    filter: brightness(0) saturate(100%) invert(57%) sepia(9%) saturate(1182%) hue-rotate(69deg) brightness(99%) contrast(94%);
}
.light-green {
    /*Tool to generate filter to target a color (#AAC5A9) https://codepen.io/sosuke/pen/Pjoqqp */
    filter: brightness(0) saturate(100%) invert(84%) sepia(15%) saturate(346%) hue-rotate(70deg) brightness(87%) contrast(93%);
}
.lighter-green {
    /*Tool to generate filter to target a color (#D5E3D5) https://codepen.io/sosuke/pen/Pjoqqp */
    filter: brightness(0) saturate(100%) invert(95%) sepia(25%) saturate(129%) hue-rotate(53deg) brightness(92%) contrast(92%);
}
.green-70 {
    /*Tool to generate filter to target a color (#9DBC9B) https://codepen.io/sosuke/pen/Pjoqqp */
    filter: brightness(0) saturate(100%) invert(88%) sepia(25%) saturate(300%) hue-rotate(66deg) brightness(81%) contrast(81%);
}
.brown {
    /*Tool to generate filter to target a color (#BD7868) https://codepen.io/sosuke/pen/Pjoqqp */
    filter: brightness(0) saturate(100%) invert(63%) sepia(7%) saturate(2449%) hue-rotate(323deg) brightness(82%) contrast(94%);
}
.light-brown {
    /*Tool to generate filter to target a color (#BD7868) https://codepen.io/sosuke/pen/Pjoqqp */
    filter: invert(98%) sepia(19%) saturate(7270%) hue-rotate(293deg) brightness(119%) contrast(95%);
}
.revealOnScroll {
    opacity: 0;
}
.animate__animated {
    opacity: 1;
    animation-duration: 0.8s !important;
    transition-timing-function: ease-in-out !important;
}
a:hover {text-decoration: none;}
a {transition: 0.3s;}
h1, h2, h3, h4 { margin:0; }
h1 a {transition: 0s;}
ul {
    padding:0;
    margin:0;
}

img {max-width:100%;}        

section {
    clear: both;
    padding-top:79px;
    margin-top:-79px;
    overflow: hidden;
}

/*** HEADER ***/
html {
    scroll-behavior: smooth;
    transition-duration: 2500ms;
}
body {
    background: #F9F5F2 url(../image/foto_header_desktop_gato.jpg) no-repeat 0 80px; 
    background-size: 100% auto;
    color: #444C5F;   
    font-family: 'Source Sans Pro', sans-serif;
}
header.animate__animated {animation-duration: 0.4s !important;}
header {       
    background: #fff;
    position: fixed;
    z-index:100000;
    top:0;
    width: 100%;
}
header nav {
    justify-content: space-between;
    align-items: center;
    text-align: center;
    max-width: 1200px;
    padding:0 15px;
    margin:0 auto;
}
header nav h1 {
    margin-top: 15px;
    margin-bottom: 19px;
    line-height: 0;
}
header nav h1 a:hover { filter: brightness(0) saturate(100%) invert(93%) sepia(18%) saturate(5720%) hue-rotate(330deg) brightness(101%) contrast(94%);}
header nav ul {
    display: inline-flex;
    justify-content: space-between;   
    padding:0 30px;
    max-width: 700px;
    width: -webkit-calc(100% - 250px);    
}
header nav ul li { display: inline-block; }
header nav ul li a {
    font-size: 16px;
    line-height: 16px;
    color: #444C5F;
    padding: 10px 0px;
}
header nav ul li a:hover, header nav ul li a.active, header nav ul li a:active { color: #F7B539; }

.btn-login:hover, .btn-login.active { 
    background: #729F70;
    color: #F8CEBB !important; 
}
.btn-login {    
    background: #9DBC9B;
    color:#fff;    
    width: 102px;    
    font-size: 16px;
    line-height: 16px;
    padding:7px 0 9px 0;
    text-align: center;
    border-radius: 100px;
}
/*** END HEADER ***/

/*** HEADER MOBILE ***/
header nav.d-block { padding:0; }

header nav.d-block div {
    position: relative;
    z-index: 10;
    overflow: hidden;
    background: #fff;
}

header nav.d-block h1 {
    display: block;
    float:left;
    margin:13px 0 13px 17px;
}
header nav.d-block h1 a img {
    width:68px;
}
header nav.d-block ul {  
    position: relative;
    z-index: 9;  
    background: #FBE2D6;
    max-width: none;
    justify-content: space-around;    
    padding:0;
    height: 39px;
    width: 100%;
}
header nav.d-block ul li { padding: 5px 0; }
header nav.d-block ul li a {    
    position: relative;
    top: 1px;
    padding: 10px 0 12px 0;
    font-size: 12px;
    line-height: 13px;    
}

nav.d-block .btn-login {
    display: block;
    width: 129px; 
    float:right;
    font-size: 13px;
    margin: 21px 20px 0 0;
    line-height: 13px;
    padding: 6px 0 7px 0;    
}
.width-container-1200 {
    margin: 0 auto;
    max-width:1200px;
    padding:0 15px;
}
.overAll {
    pointer-events: none;
    animation-duration: 0.7s !important;
    position: absolute;
    z-index:10000000000000000;
    top: 0;
    background: #F9F5F2;
    width: 100%;
    height: 100vh;
}
.tagline { 
    position:relative;
    z-index:0;
    margin-top: calc((21vw) * 0.44); /* % of viewport width * 0.44 wich is the aspect ratio of the picture */    
    text-align: center;
    overflow: hidden;
}
.tagline .icon-motion {
    animation-duration: 1.5s !important;
    animation-delay: 0.7s !important;
    margin: 0 auto;
    width: 80px;
    height: 80px;
}
.tagline .icon-motion img { height: 100%; }
.tagline h2 {
    animation-duration: 1.5s !important;
    animation-delay: 1s !important;
    font-weight: bold;
    max-width: 65%;
    margin: 0 auto;
    margin-top: calc((2.5vw) * 0.44); /* % of viewport width * 0.44 wich is the aspect ratio of the picture */ 
    margin-bottom:  calc((8.5vw) * 0.44); /* % of viewport width * 0.44 wich is the aspect ratio of the picture */ 
    font-size: calc((8vw) * 0.44); /* % of viewport width * 0.44 wich is the aspect ratio of the picture */ 
    line-height: calc((8vw) * 0.44); /* % of viewport width * 0.44 wich is the aspect ratio of the picture */ 
}
.tagline a {
    position: relative;
    animation-delay: 1.2s !important;
    animation-duration: 2s !important;
    display: inline-block;
    width: 218px;
    height: 40px;
    background: #BD7868;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 700;
    padding-top: 7px;
    margin: 0 70px;
    color: #F8CEBB;
    text-align: center;
    margin-bottom:  calc((36vw) * 0.44); /* % of viewport width * 0.44 wich is the aspect ratio of the picture */        
}

.tagline a img {
    position: absolute;
    top: 12px;
    right: 19px;
    width: auto;
    height: 17px;
}

/*** END HEADER MOBILE ***/

/*** Propósito Missão Visão ***/
.proposito-missao-visao { position: relative;}
.proposito-missao-visao div { 
    background: #fff;
    padding: calc((15vw) * 0.44) 50px calc((9vw) * 0.44) 50px;
}
.proposito-missao-visao div h3 {
    margin-bottom:20px;
    font-weight: bold;
    font-size: 25px;
    line-height: 25px;
    color: #BD7868;
}
.proposito-missao-visao div p {
    font-family: 'Playfair Display', serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    color: #7D828F;
}
.proposito-missao-visao div { overflow: hidden; }
.proposito-missao-visao div.proposito { 
    background: #444C5F;
    padding-left: 102px;
}
.proposito-missao-visao div.proposito p {    
    font-family: 'Source Sans Pro', sans-serif;
    background: #444C5F;
    font-weight: bold;
    font-size: 32px;
    line-height: 36px;
    color: #F298A3;
}
.proposito-missao-visao div.visao {padding-left: 80px;}
.proposito-missao-visao div.missao { padding-right: 100px; }
/*** END Propósito Missão Visão ***/

/*** Valores ***/
.valores { overflow: hidden; }
.show {display: block;}
.hide {display: none;}
.valores-text, .valores-image { background: #729F70; }
.valores-text { 
    padding: 38px 45px; 
    overflow: hidden;
}
.valores-text h3 { 
    font-weight: bold;
    font-size: 45px;
    line-height: 45px;
    color: #F7B539;
}
.valores-text p {     
    padding: 40px 30px 0 30px;
    height: 210px; 
    font-style: italic;
    font-size: 22px;
    line-height: 31px;
    color: #F9F5F2;
}
.slider-valores-control a {    
    display: block;
    float:left;
    width:50%;
    text-align: center;
}
.slider-valores-control a:hover {
    filter: brightness(0) saturate(100%) invert(95%) sepia(25%) saturate(129%) hue-rotate(53deg) brightness(92%) contrast(92%);
}
.slider-valores-control img {
    width: 21px;
}
.slider-valores-previous { padding-left:40px; }
.slider-valores-next { padding-right:40px; }
.slider-valores-previous img { transform: rotate(180deg); }
.valores-image {
    padding: 0;
    overflow: hidden;
    position: relative;
}
.valor-image {
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 277px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;    
}
#valor_image_1 {background-image: url(../image/foto_valor_1.jpg);}
#valor_image_2 {background-image: url(../image/foto_valor_2.jpg);}
#valor_image_3 {background-image: url(../image/foto_valor_3.jpg);}
#valor_image_4 {background-image: url(../image/foto_valor_4.jpg);}
#valor_image_5 {background-image: url(../image/foto_valor_5.jpg);}
#valor_image_6 {background-image: url(../image/foto_valor_6.jpg);}
#valor_image_7 {background-image: url(../image/foto_valor_7.jpg);}
#valor_image_8 {background-image: url(../image/foto_valor_8.jpg);}
#valor_image_9 {background-image: url(../image/foto_valor_9.jpg);}
/*** END Valores ***/

/*** Solução ***/
.width-container-1600 {
    margin: 0 auto;
    max-width:1600px;
    padding:0 15px;
}
.width-container-2000 {
    margin: 0 auto;
    max-width:2000px;
    padding:0 15px;
}
.solucao {
    height: 356px;
}
.solucao-img {
    overflow: hidden;
    background: url(../image/foto_desktop_notebook_extended.jpg) no-repeat top center;
}
.solucao-txt {
    background: #F9F5F2;
    padding: 0;
    display: flex;
    align-items: center;
}
.solucao-txt p {
    max-width: 600px;
    padding-left: 55px;
    font-style: italic;
    font-weight: normal;
    font-size: 39px;
    line-height: 49px;
    color: #BD7868;
}   
/*** END Solução ***/

/*** Como Funciona ***/
#como-funciona {
    position:relative;
    top: -70px;
}
.container-como-funciona {
    padding-bottom: 40px;
    background: #fff;
    overflow: hidden;
}
.infografico {
    width: 100%;
    max-width: 1095px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 40px;
}
.infografico h2 {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 43px;
    color: #BD7868;
    float: left;
    margin-top: 108px;
}
.infografico img { 
    animation-duration: 2s !important;
    float: right;
    margin-top: 67px;
    width: 56.8%;
 }

.infografico ul {
    padding-top: 61px;
    padding-left: 26px;
    overflow: hidden;
    clear: left;
    float: left;
    width: 300px;
}
.infografico ul li {
    display: block;
    overflow: hidden;
}
.infografico ul li span {
    display: block;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    color: #BD7868;
    width: 41px;
    height: 41px;
    border: 4px solid #BD7868;
    border-radius: 100px;
    padding-top: 3px;
    text-align: center;
    margin-right: 15px;
    margin-bottom: 31px;
    margin-top: 3px;
    float: left;
}
.infografico ul li p {
    float: left;
    width: 194px;
    padding-top: 0;
    font-family: Playfair Display;
    font-size: 13px;
    line-height: 17px;
    display: block;
}
.container-oportunidades {
    width: 100%;
    display: flex;
}
.container-oportunidades .decor-left {
    position: relative;
    width: calc((100% - 1200px) / 2);
    overflow: hidden;
    float: left;
}
.sub-container-oportunidades {
    padding-top:50px;
    padding-bottom: 84px;
    background: #fff; 
    width: 100%;
    max-width:1200px;
    float: left;
}
.sub-container-oportunidades h2 {
    font-weight: bold;
    font-size: 32px;
    line-height: 36px;
    text-align: center;
}
.sub-container-oportunidades ul {
    width:90%;
    margin: 0 auto;
    padding-top: 40px;
    text-align: center;
}
.sub-container-oportunidades ul li {
    background: url(../image/checkmark-done.svg) top center no-repeat;
    padding-top:65px;
    list-style: none;
    display: inline-block;
    width: 19%;
    font-weight: bold;
    font-size: 16px;
    line-height: 17px;
}
/*** END Como Funciona ***/

/*** Para Todos ***/
.container-para-todos {
    width: 100%;
    display: flex;
}
.container-para-todos .decor-left {
    position: relative;
    width: calc((100% - 1200px) / 2);
    overflow: hidden;
    float: left;
}
.square-decor {
    position: absolute;
    bottom:0;
    background: #F298A3;
    display: block;
    width:100%;
    height: 202px;
}
.sub-container-para-todos {
    width: 100%;
    max-width:1200px;
    float: left;
}
.container-para-todos .para-todos-grid {
    width: 100%;
    margin: 0;
    max-width:1200px;
}
.para-todos-grid div { overflow: hidden; }
.para-todos-grid h4 {
    font-weight: bold;
    font-size: 32px;
    line-height: 36px;
    margin-bottom:36px;
}
.para-todos-grid p {
    font-family: Playfair Display;
    font-size: 16px;
    line-height: 21px;
}
.para-todos-grid .tutor h4 { color: #BD7868; }
.para-todos-grid .veterinario h4 { color: #729F70; }
.para-todos-grid .pdv h4 { color: #F298A3; }
.para-todos-grid .distribuidor h4 { color: #BD7868; }

.para-todos-grid.first-row *, .para-todos-grid.second-row *, .para-todos-grid.third-row *, .para-todos-grid.first-row .icon-container, .para-todos-grid.second-row .icon-container {
    animation-duration: 0.7s !important;
}
.para-todos-grid.first-row div {
    animation-duration: 1.2s !important;
    padding-top: 148px;
    height: 594px;
}
.para-todos-grid.second-row div {
    animation-duration: 1.2s !important;
    padding-top: 50px;
    height: 621px;
}
.para-todos-grid.first-row .icon-container, .para-todos-grid.second-row .icon-container {
    width: 80px;
    height: 80px;
    display: table-cell;
    padding:0;
    vertical-align: middle;
}
.para-todos-grid.third-row { 
    animation-duration: 1s !important;
    height: 285px; 
}
.para-todos-grid.third-row .agronegocio { padding: 100px 0 0 57px; }
.para-todos-grid.third-row .icon-container {
    height: 60px;
    width: 59px;
    margin-top:8px;
    margin-right:17px;
    float:left;
}
.para-todos-grid .agronegocio h4 { 
    color: #BD7868;     
}
.para-todos-grid.third-row .agronegocio-text {
    overflow: visible !important;
    padding: 85px 70px 0 0;
}
.para-todos-grid .tutor { 
    padding-left: 73px; 
    padding-right: 79px;
}
.para-todos-grid .veterinario {
    padding-left: 56px; 
    padding-right: 79px;
}
 .para-todos-grid .industria-outer {
    padding-top: 0 !important;
    height: auto;
}
.para-todos-grid .industria {
    padding-left: 64px; 
    padding-right: 64px;
 }
.para-todos-grid .pdv {
    padding-left: 73px; 
    padding-right: 79px;
 }
.para-todos-grid .distribuidor {
    background: url(../image/cat_keyboard.jpg) no-repeat top left;    
    padding-left: 56px; 
    padding-right: 79px;
}
.para-todos-grid .bg-foto {
    padding-left: 45px;
    padding-right: 45px;
    background: url(../image/dog_fields.jpg) no-repeat top left;
    background-size: cover;
    height: 500px;
}
.para-todos-grid .bg-foto h3 {
    font-weight: bold;
    font-size: 70px;
    line-height: 100%;
    color: #F298A3;
}
.bg-light-pink { background: #FBDDD0; }
.bg-pink {
    background: #F298A3;
    height: 400px;
}
/*** END Para Todos ***/

/*** Parceiros ***/
#parceiros {
    overflow: visible;
}
.parceiros-container {
    position: relative;
    padding:0;
    margin:0 auto;
    margin-top: -117px;
}
.parceiros-logos {
    clear: both;
    padding:118px 0 60px 0;
    text-align: center;
    background: #fff;
}
.parceiros-logos .inner {
    max-width: 1350px;
    margin: 0 auto;
}
.parceiros-logos a {
    padding: 0 0 60px 0;
    width: 18%;
    text-align: center;
    display: inline-block;   
}
.parceiros-logos h2 {
    font-size: 48px;
    line-height: 60px;
    text-align: center;
    margin-bottom: 70px;
    color: #F7B539;
}
.parceiros-logos a img {
    transition: filter 0.3s ease-in-out;
    filter: saturate(0) opacity(40%);
}
.parceiros-logos a:hover img {
    filter: initial;
}
.parceiros-container .decor-left {
    width: calc((100% - 1200px) / 2);
    float: left;
}
.parceiros-container .decor-left .bg-none {
    height: 199px;
    background: none;
}
.parceiros-container .decor-left .bg-white {
    background: #fff;
    margin-top: 172px;
    height: 516px; /* 499 */
}
.parceiros-container .sub-container {
    float:left;
    width: 100%;
    margin: 0;
    max-width: 1200px;
}
.parceiros-container .decor-right {
    width: calc((100% - 1200px) / 2);
    float: right;
    background: yellow;
    height: 100px;
}
.parceiros-container .thumbs-container {
    width: 100%;    
    padding:0;    
}
.parceiros-container .thumbs-container .bg-foto {
  /*  animation-duration: 1.5s !important;*/   
    height: 371px;
    background: url(../image/girl_cat_vet.png) no-repeat top right;
}
.parceiros-container .thumbs-container .thumbs-col {
    background: #fff;
    height: 516px; /* 499 */
}
.parceiros-container .thumbs-container .thumbs-col h3 {
    padding-top: 47px;
    margin-bottom: 54px;
    font-family: Playfair Display;
    font-weight: bold;
    font-size: 39px;
    text-align: center;
    color: #729F70;
}
.carousel {
    position: relative;
    overflow: hidden;
    margin: 0 40px;
    height: 175px;
}
.feather-left, .feather-right {
    background: url(../image/feather.png);
    width:39px;
    height: 175px;
    position: absolute;
    top: 0;
    z-index: 10000000000000;
}
.feather-left { left: -5px; }
.feather-right {
    transform: rotate(180deg);
    right: -5px; 
}
.thumbs {
    overflow: hidden;
    padding: 0 50px;
}
.thumb {
    text-align: center;
    list-style: none;
    padding:0;
    margin:0;
}
.thumb a {
    text-align: center;
    display: inline-block;
    margin:0 auto;
    margin-bottom: 23px;
    width: 130px;
    height: 120px;
}
.thumb testimony { display: none; }
.parceiros-container .thumbs-container .thumbs-col .thumbs img { 
    border-radius: 100%; 
    width: 120px;
    height: 120px;
    max-width: none;
    max-height: none;
    box-sizing: content-box;
    border: 5px solid #FFF;    
}
.parceiros-container .thumbs-container .thumbs-col .thumbs a.selected img,
.parceiros-container .thumbs-container .thumbs-col .thumbs a:hover img { border: 5px solid #BD7868; }
.parceiros-container .thumbs-container .thumbs-col .thumbs span.partner-name {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #BD7868;
    opacity: 0.8;
}
.parceiros-container .thumbs-container .thumbs-col .thumbs span.partner-position {
    display: block;
    text-align: center;
    font-style: italic;
    font-size: 13px;
    line-height: 16px;
    color: #41485A;
    opacity: 0.8;
}
.slider-partners-control {
    width: 100%;
    overflow: hidden;
    padding: 50px 0 60px 0;
}
.slider-partners-control a {
    padding: 0 50px;
    display: block;
    float:left;
    width:50%;
    transition: 0s;
}
.slider-partners-control a:hover {
    filter: brightness(0) saturate(100%) invert(57%) sepia(9%) saturate(1182%) hue-rotate(69deg) brightness(99%) contrast(94%) !important;
}
.slider-partners-control img { width: 21px; }   
.slider-partners-previous { text-align: right; }
.slider-partners-next { text-align: left; } 
.slider-partners-previous img { transform: rotate(180deg); }

.parceiros-container .details-container { 
    margin-top: 117px;
    background: #BD7868;
    overflow: hidden;
    max-height: 769px ; /* 697px; */

}
.parceiros-container .details-container ul li { list-style: none; }
.parceiros-container .details-container p {
    display: flex;
    align-items: flex-end;
    margin-top: 70px;
    padding: 0 13px 40px 38px;    
    height: 318px;
    /*overflow: hidden;*/
    font-family: Playfair Display;
    font-style: italic;
    font-weight: normal;
    font-size: 32px;
    line-height: 43px;
    color: #F8CEBB;
    opacity: 0.8;
}
.parceiros-container .details-container img {
    display: block;
    margin: 0 auto;
    margin-bottom: 18px;
    border-radius: 100%;
}
.parceiros-container .details-container span.partner-name  {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #F7B539;
    opacity: 0.8;
}
.parceiros-container .details-container span.partner-position {
    display: block;
    text-align: center;
    font-style: italic;
    font-size: 13px;
    line-height: 16px;
    color: #F8CEBB;
    opacity: 0.8;
    margin-bottom: 40px;
}
/*** END Parceiros ***/

/*** App ***/
#app {
    padding-top: 0 !important;
    margin-top: 0 !important;
    overflow: visible;
}
.container-app {
    position: relative;
    width: 100%;
    display: flex;
}
.container-app .decor-left {
    width: calc((100% - 1200px) / 2);
    float: left;
}
.sub-container-app {
    width: 100%;
    max-width:1200px;
    margin: 0 auto;
}
.app-grid {
    width: 100%;
    margin: 0;
    max-width:1200px;   
}
.app { padding: 100px 0 70px 0; }
.app h2 {
    font-family: Source Sans Pro;
    font-weight: bold;
    font-size: 62px;
    line-height: 100%;
    color: #F7B539;
    padding-left: 50px;
}
.app img {
    position: absolute;
    z-index: 100;
    border-radius: 15px;
    box-shadow: 9px 13px 27px 3px rgba(0,0,0,0.3);
}
.app img.app_1 {
    top: 118px;
    left: 0px;
}
.app img.app_2 {
    top: 217px;
    left: 103px;
}
.app p {
    font-family: Playfair Display;
    font-size: 16px;
    line-height: 24px;
    padding: 0 80px 80px 80px;
}
/*** End App ***/

/*** App2 ***/
#app {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
.container-app2 {
    position: relative;
    width: 100%;
    display: flex;
}
.container-app2 .decor-left {
    width: calc((100% - 1200px) / 2);
    float: left;
}
.sub-container-app2 {
    width: 100%;
    max-width:1200px;
    float: left;
}
.app2-grid {
    width: 100%;
    margin: 0;
    max-width:1200px;   
}
.app2 { padding: 50px 0 25px 0;  }
.app2 img {
    width: 150px; 
}
.app2 img.google_play {
    margin-left: 35px;
}
.app2 img.app_store {
    margin-left: 65px;
}
.app2 span {
    font-weight: 700;
    font-size: 18px;
    margin-left: 30px;
}
/*** End App2 ***/

/*** Contato ***/
#contato {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
.container-contato {
    position: relative;
    width: 100%;
    display: flex;
}
.container-contato .decor-left {
    width: calc((100% - 1200px) / 2);
    float: left;
}
.sub-container-contato {
    width: 100%;
    max-width:1200px;
    float: left;
}
.contato-grid {
    width: 100%;
    margin: 0;
    max-width:1200px;   
}
.contato { padding: 150px 38px 164px 38px; }
.contato p {
    font-family: Playfair Display;    
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    margin: 30px 0 78px 0;
}
.contato form { 
    overflow: hidden;
    text-align: center;
}
.contato label {display:none;}
.contato input[type='text'],
.contato input[type='email'],
.contato textarea,
.contato input[type='submit'] {
    background: #EDEEEF;
    padding: 12px 19px 10px 12px;
    display: block;
    margin: 0 auto;
    margin-bottom: 9px;
    border: none;
    color: #444C5F;
    font-size: 13px;
    line-height: 14px;
    width: 291px;   
    outline: none;
}
::placeholder { color: #8F949F; }

.contato input[type='text'].valid,
.contato input[type='email'].valid,
.contato textarea.valid {
    border: 2px solid #729F70;
}
.contato input[type='text'].invalid,
.contato input[type='email'].invalid,
.contato textarea.invalid {
    border: 2px solid #F298A3;
}
.contato input[type='text'], .contato input[type='email'] { 
    display: inline-block;
    margin: 0 12px 30px 12px;
}
.contato select { width: 434px; }
.contato textarea {
    width: 434px;
    height: 131px;
    margin-bottom: 31px;
    resize: none;
}
.contato input[type='submit'] {
    color: #fff;
    width:184px;
    padding:8px 0;
    font-size: 16px;
    line-height: 16px;
    background: #729F70;
    border-radius: 100px;
}
.decor-right{
    width: calc((100% - 1200px) / 2);
    float: right;
    padding:1px 0;
}
.bg-white { background: #666; }

.contato h3 {
    font-size: 48px;
    line-height: 48px;
    text-align: center;
}
.formResponse {
    position: fixed;
    display: none;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0, 0.65);
    /*background: #000;*/
    z-index: 1000000;
}
.btn-viewport {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
}

.sending, .thanks, .error {
    position: absolute;
    display: none;    
    border-radius: 10px;
    padding: 80px 60px 40px 60px;
    background: #F9F5F2;
    align-self: center;
    text-align: center;
    max-width: 80%;

    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);
}
.sending p, .thanks p {
    font-weight:normal;
    padding-top:50px;
    font-size: 30px;
}
.error p {
    padding-top:0px;
    font-size: 20px;
}
.error p span {
    font-size: 24px;
}
.btn-close {
    display: block;
    background: url(../image/btn-close.svg) center no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    padding: 25px;
    right: 0px;
    top: 0px;
    opacity: 0.35;
}
.btn-close:hover {
    filter: brightness(0) saturate(100%) invert(57%) sepia(9%) saturate(1182%) hue-rotate(69deg) brightness(99%) contrast(94%);
    opacity: 1;
}
/*** END Contato ***/

/*** Conheça ***/
.conheça {
    clear: both;
    padding:35px 0;
    background: #444C5F;
    display: flex;
}
.conheça .inner {
    width: 100%;
    max-width:1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 0 20px;
}
.conheça p {
    font-family: 'Playfair Display', serif;
    margin: 0 auto;
    max-width: 810px;
    align-self: center;
    font-size: 21px;
    line-height: 30px;
    text-align: left;
    color: #FFFFFF;
}
.conheça a.klug img{ max-width: none; }
.conheça a.button {
    display: block;
    margin: 0 ;
    background: #C7CACF;
    color: #444C5F;
    width: 128px;
    font-size: 16px;
    line-height: 16px;
    padding: 7px 0 9px 0;
    text-align: center;
    border-radius: 100px;
}
/*** END Conheça ***/

/*** Footer ***/
footer {   
    background: #fff;
    position: relative;
    z-index:100;
    top:0;
    width: 100%;
}
footer nav {
    justify-content: space-between;
    align-items: center;
    text-align: center;
    max-width: 1200px;
    padding:0 15px;
    margin:0 auto;
}
footer nav h1 {
    margin-top: 38px;
    margin-bottom: 43px;
    line-height: 0;
}
footer nav h1 a:hover { filter: brightness(0) saturate(100%) invert(93%) sepia(18%) saturate(5720%) hue-rotate(330deg) brightness(101%) contrast(94%);}
footer nav ul {
    display: inline-flex;
    justify-content: space-between;   
    padding:0 30px;
    max-width: 700px;
    width: -webkit-calc(100% - 250px);    
}
footer nav ul li { display: inline-block; }
footer nav ul li a {
    font-size: 16px;
    line-height: 16px;
    color: #444C5F;
    padding: 10px 0px;
}
footer nav ul li a:hover, footer nav ul li a.active, .btn-login:hover, .btn-login.active { color: #F7B539; }

/*** END Footer ***/

/***************************************************************************************************/
/*** MEDIA QUERIES ***/
@media (max-width: 1281px) { 
    .solucao-txt p { max-width: 585px;}
}
@media (max-width: 1199px) {
    .decor-left, .decor-right {display: none;}
}
@media (min-width: 768px) and (max-width: 1023px) {
    .tagline .icon-motion img { height: 85%; }
    header nav, footer nav { padding:0 30px; }
    header nav ul, footer nav ul { padding:0 30px; }
    header nav ul li a, footer nav ul li a { font-size: 15px;  }
    footer nav h1 {
        margin-top: 26px;
        margin-bottom: 27px;
    }
    .btn-login {    
        width: 152px;    
        padding:7px 0 8px 0;
        font-size: 15px;
    }
    .proposito-missao-visao { position: relative;}
    .proposito-missao-visao div { 
        background: #fff;
        padding: 30px !important;
    }
    .proposito-missao-visao div.proposito p {           
        font-size: 25px;
        line-height: 28px;
    }
    .proposito-missao-visao div p { font-size: 14px; }

    /*** Valores ***/
    .valores-text { padding: 25px; }
    .valores-text h3 { 
        font-size: 36px;
        line-height: 45px;
    }
    .valores-text p {     
        padding: 20px 0px;
        height: 150px;
        font-size: 22px;
        line-height: 28px;
    }
    .slider-valores-control img { width: 16px; }   
    /*** END Valores ***/

    .solucao-txt p {        
        padding: 0 40px;
        font-size: 28px;
        line-height: 36px;        
    }

    /*** Como Funciona ***/
    .container-como-funciona { padding: 550px 30px 0 30px; }
    
    .sub-container-oportunidades { padding-bottom: 60px; }
    .sub-container-oportunidades h2 {
        font-size: 28px;
        line-height: 32px;
    }
    .sub-container-oportunidades ul {
        width:95%;
        padding-top: 40px;
    }
    .sub-container-oportunidades ul li {
        font-size: 14px;
        line-height: 16px;
    }
    /*** END Como Funciona ***/

    /*** Para Todos ***/
   
    .para-todos-grid h4 {
        font-size: 28px;
        line-height: 32px;
        margin-bottom:32px;
    }
    .para-todos-grid p {
        font-size: 14px;
        line-height: 17px;
    }
    .para-todos-grid.first-row div {
        padding-right: 30px;
        padding-left: 30px;
        padding-top: 80px;
        height: 525px;
    }
    .para-todos-grid.second-row div {
        padding-top: 40px;
        height: 480px;
    }
    .para-todos-grid .industria-outer {
        padding: 0 !important;
    }
    .para-todos-grid.first-row .icon-container, .para-todos-grid.second-row .icon-container {
        width: 48px;
        height: 62px;
    }
    .para-todos-grid.third-row { height: 255px; }
    .para-todos-grid.third-row .agronegocio { padding: 60px 0 0 49px; }
  
    .para-todos-grid.third-row .icon-container {
        height: 60px;
        width: 48px;
        float: none;
    }
    .para-todos-grid.third-row .agronegocio-text {
        padding: 60px 30px 0 0;
    }
    .para-todos-grid .tutor,
    .para-todos-grid .veterinario,
    .para-todos-grid .industria,
    .para-todos-grid .pdv,
    .para-todos-grid .distribuidor,
    .para-todos-grid .bg-foto { 
        padding-left: 35px;
        padding-right: 35px; 
    }     
    .para-todos-grid .bg-foto h3 { font-size: 42px; }   
    /*** END Para Todos ***/

    /*** Parceiros ***/
    .parceiros-logos { padding: 60px 0 0 0; }
    .parceiros-logos h2 {
        font-size: 36px;
        margin-bottom: 50px;
    }
    .parceiros-logos a img { width: 60%; }
    .parceiros-container .thumbs-container .bg-foto {      
        height: 165px;
        background: url(../image/foto_carneiros.jpg) no-repeat center right;
    }
    .parceiros-container .thumbs-container .thumbs-col { height: 415px; }
    .parceiros-container .thumbs-container .thumbs-col h3 {
        padding-top: 50px;
        margin-bottom: 50px;
        font-size: 32px;
    }
    .feather-left { left: -10px; }
    .feather-right { right: -10px; }
    .slider-partners-control img { width: 16px; }
    .parceiros-container .details-container { 
        max-height: 600px; 
    }
    .parceiros-container .details-container p {
        padding: 0 18px 25px 18px;
        height: 221px;
        font-size: 26px;
        line-height: 32px;
    }
    /*** END Parceiros ***/

    /*** Contato ***/
    .contato { padding: 50px 38px 120px 38px; } 
    .contato p { margin: 30px 24px 60px 24px; }  
    .contato h3 { font-size: 36px; }
    /*** END Contato ***/

    /*** Conheça ***/
    .conheça { padding: 35px 10px; }
    .conheça p {
        font-size: 14px;
        line-height: 18px;
        padding: 0 30px;
    }
    .conheça a.button {
        width: 160px;
        font-size: 14px;
        line-height: 14px;
        padding: 7px 0 7px 0;
    }
    /*** END Conheça ***/
}
@media (max-width: 575px) { 
    /* menu mobile */    
    header nav.d-block ul { 
        animation-duration: 0.4s !important;
        padding:0 16px; 
        justify-content: space-between;
    }
}
@media (max-width: 767px) { 
    body {
        background: #F9F5F2 url(../image/foto_header_mobile_gato.jpg) no-repeat 0 98px;
        background-size: 100% auto;   
    }
    header { background: none; }
    section {
        clear: both;
        padding-top:0px;
        margin-top:0px;
        overflow: hidden;
    }
    /*** TAGLINE MOBILE ***/
    .tagline { 
        margin-top: calc((28vw) * 1.29); /* % of viewport width * 1.29 wich is the aspect ratio of the picture */ 
        margin-bottom: calc((6vw) * 1.29);
    }
    .tagline .icon-motion { 
        width: auto; 
        height: calc(100vw * 0.15);
    }
    .tagline h2 {
        max-width: 75%;
        margin: 0 auto;
        margin-top: calc((3.8vw) * 1.29); /* % of viewport width * 1.29 wich is the aspect ratio of the picture */ 
        margin-bottom:  calc((9vw) * 1.29); /* % of viewport width * 1.29 wich is the aspect ratio of the picture */ 
        font-size: calc((6.5vw) * 1.29); /* % of viewport width * 1.29 wich is the aspect ratio of the picture */ 
        line-height: calc((7vw) * 1.29); /* % of viewport width * 1.29 wich is the aspect ratio of the picture */ 
    }
        
    .tagline a {
        display: block;
        width: 182px;
        margin: 0 auto;
        margin-bottom:  calc((15vw) * 0.44); /* % of viewport width * 0.44 wich is the aspect ratio of the picture */        
    }
    .tagline a img {
        position: absolute;
        top: 14px;
        right: 13px;
        width: auto;
        height: 14px;
    }
    /*** END TAGLINE MOBILE ***/

    /*** Propósito Missão Visão ***/
    .proposito-missao-visao { padding-left: 14%; }
    .proposito-missao-visao div { padding: 14% 9% !important; }
    .proposito-missao-visao div.proposito { 
        padding-top: 16% !important; 
        padding-bottom: 8% !important; 
    }
    .proposito-missao-visao div.visao { 
        padding-top: 12% !important;
        padding-bottom: 0 !important;
    }
    .proposito-missao-visao div.missao { 
        padding-top: 8% !important; 
        padding-bottom: 8% !important;
        margin-bottom: 15%;
    }
    .proposito-missao-visao div h3 {
        margin-bottom:20px;
        font-size: 20px;
        line-height: 20px;
        color: #BD7868;
    }
    .proposito-missao-visao div p {
        font-size: 13px;
        line-height: 17px;
    }
    .proposito-missao-visao div.proposito p {    
        font-size: 22px;
        line-height: 27px;
    }
    /*** END Propósito Missão Visão ***/

    /*** Valores ***/
    .valores-image { height: calc(100vw * 0.73);}
    .valores-text, .valores-image { background: #729F70; }
    .valores-text { padding: 54px 45px 31px 45px; }
    .valores-text h3 {        
        font-size: 32px;
        line-height: 32px;
    }
    .valores-text p {     
        padding: 23px 0 0 0;
        margin-bottom: 10px !important;
        height: 123px;                 
        font-size: 15px;
        line-height: 20px;        
    }    
    .slider-valores-control img { width: 13px; }
    .slider-valores-previous { padding-left:60px; }
    .slider-valores-next { padding-right:60px; }    
    /*** END Valores ***/

    /*** Solução ***/
    .width-container-1600 {
        margin: 0 auto;
        max-width:1600px;
        padding:0 15px;
    }
    .solucao {
        height: auto;
        overflow: hidden;
    }
    .solucao-img {
        max-width: 81%;
        min-height: calc(81vw * 1.17);  
        background: url(../image/foto_mobile_notebook.jpg) no-repeat top center;
        background-size: cover;
    }    
    .solucao-txt p {
        padding-top: calc(100vw * 0.22);
        padding-left: 10.6%;
        padding-right: 6.15%;
        padding-bottom: 60px;
        font-size: 32px;
        line-height: 41px;
    }   
    /*** END Solução ***/

    /*** Como Funciona ***/
    .container-como-funciona { padding: 0; }  
    #como-funciona {
        position:relative;
        top: 280px;
    }
    #como-funciona-section {
        padding-top: 80px;
    }
    .infografico {       
        padding-bottom: 30px;
    }
    .infografico h2 {      
        font-size: 32px;
        float: none;
        line-height: 43px;
        clear: both;
        margin-top: 62px;
        padding-left: 40px;
    }
    .infografico img { 
        clear: both;
        float: none !important;
        margin: 0 auto;
        margin-top: 40px;
        width: 88%;
        max-width: 370px;
     }
    
    .infografico ul {
        padding-top: 61px;
        padding-left: 35px;
        padding-right: 20px;
        clear: both;
        margin: 0 auto;
        width: 93%;
        max-width: 360px;
        
        float: none;
    }
    .infografico ul li {
        display: block;
        overflow: hidden;
    }
    .infografico ul li span {
        font-size: 20px;
        line-height: 25px;        
        width: 41px;
        height: 41px;
        border: 4px solid #BD7868;       
        padding-top: 3px;        
        margin-right: 15px;
        margin-bottom: 31px;
    }
    .infografico ul li p {
        float: left;
        width: 194px;
        padding-top: 2px;
        font-size: 13px;
        line-height: 17px;
    }
    .sub-container-oportunidades { padding: 0 0 55px 0; }
    .sub-container-oportunidades h2 {
        padding: 45px 20px 40px 20px;
        font-size: 25px;
        line-height: 31px;
    }
    .sub-container-oportunidades ul {
        background: url(../image/checkmark-done.svg) top center no-repeat;
        max-width: 270px;
        overflow: hidden;
        padding: 65px 0 0 30px;
    }
    .sub-container-oportunidades ul li {
        background: none;       
        padding:0 0 7px 0;
        display: block;
        float: left;
        text-align: left;
        width: 50%;
        font-size: 13px;
        line-height: 16px;
    }
    /*** END Como Funciona ***/

    /*** Para Todos ***/
    .container-para-todos .first-row { 
        background: url(../image/dog_fields_mobile.jpg) no-repeat top left; 
        background-size: 100% auto;
    }   
    .para-todos-grid h4 {
        font-size: 25px;
        line-height: 31px;
        margin: 5px 0 22px 0;
    }
    .para-todos-grid p {
        font-size: 16px;
        line-height: 21px;
    }
    .para-todos-grid.first-row div, .para-todos-grid.second-row div, .para-todos-grid.third-row {
        padding-top: 0px;
        flex: none !important;
        height: auto;
    }
   .para-todos-grid.first-row .icon-container, .para-todos-grid.second-row .icon-container {
        width: auto;
        height: auto;
        display: table-cell;
        padding:0;
        vertical-align: middle;
    }
    .para-todos-grid .bg-foto {
        padding-left: 45px;
        padding-right: 45px;
        background: none;       
        height: calc(100vw) !important;
    }
    .para-todos-grid .bg-foto h3 {
        font-size: 39px;
        padding-top: 68px;
        color: #F298A3;
    }    
    .para-todos-grid .tutor {
        padding: 59px 35px 20px 35px !important;
        margin-left: 40px; 
        width: calc(100% - 40px);       
    }
    .para-todos-grid .tutor img { height: 36px; }

    .para-todos-grid .veterinario {
        padding: 48px 35px 55px 35px !important;
        margin-left: 40px; 
        width: calc(100% - 40px);     
    }
    .para-todos-grid .veterinario img { height: 47px; }

    .para-todos-grid .industria-outer {
        background: #FBDDD0; 
        width: 100%;
        height: none;
        padding: 0 !important;
    }
    .para-todos-grid .industria {
        background: #F298A3;
        width: calc(100% - 40px);
        overflow: hidden;
        flex: none; 
        padding: 67px 35px 31px 75px !important;       
    }
    .para-todos-grid .industria img { height: 39px; }

    .para-todos-grid .pdv {
        padding: 70px 35px !important;
        margin-left: 40px; 
        width: calc(100% - 40px);
    }
    .para-todos-grid .pdv img { height: 36px; }

    .para-todos-grid .distribuidor {
        padding: 300px 35px !important;
        margin-left: 40px; 
        width: calc(100% - 40px);
        background-size: cover;
    }
    .para-todos-grid .distribuidor img { height: 58px; }
    .para-todos-grid.third-row .agronegocio { 
        margin-left: 40px; 
        padding: 0px 35px !important;
        flex: none;
        width: calc(100% - 40px);
    }  
    .para-todos-grid .agronegocio img { height: 55px; }
    .para-todos-grid .agronegocio-text {
        margin-left: 40px; 
        padding: 0 35px 77px 35px !important;
        flex: none;
        width: calc(100% - 40px);        
        overflow: hidden;
    }
    .para-todos-grid.third-row .icon-container {
        float: none;
    }
    /*** END Para Todos ***/

    /*** Parceiros ***/
    
    .parceiros-container {
        padding:0;
        margin:0 auto;
    }
    .parceiros-container .decor-left {
        width: calc((100% - 1200px) / 2);
        float: left;
    }
    .parceiros-container .decor-left .bg-none {
        height: 199px;
        background: none;
    }
    .parceiros-container .decor-left .bg-white {
        background: #fff;
        height: 499px;
    }
    .parceiros-container .sub-container {
        float:left;
        width: 100%;
        margin: 0;
        max-width: 1200px;
    }
    .parceiros-container .decor-right {
        width: calc((100% - 1200px) / 2);
        float: right;
        background: yellow;
        height: 100px;
    }
    .parceiros-container .thumbs-container { padding:0; }
    .parceiros-container .thumbs-container .bg-foto {
        display:none;
    }
    .parceiros-container .thumbs-container .thumbs-col {
        background: #fff;
        height: 499px;
    }
    .parceiros-container .thumbs-container .thumbs-col h3 {
        padding-top: 100px;
        margin-bottom: 54px;
        font-family: Playfair Display;
        font-weight: bold;
        font-size: 39px;
        text-align: center;
        color: #729F70;
    }
    .parceiros-container .thumbs-container .thumbs-col .thumbs { padding: 0 50px; }
    .parceiros-container .thumbs-container .thumbs-col .thumbs a {
        display: block;
        margin:0 auto;
        margin-bottom: 18px;
        width: 120px;
        height: 120px;
    }
    .parceiros-container .thumbs-container .thumbs-col .thumbs img { 
        border-radius: 100%; 
        border: 5px solid #fff;
    }
    .parceiros-container .thumbs-container .thumbs-col .thumbs a.selected img,
    .parceiros-container .thumbs-container .thumbs-col .thumbs a:hover img { border: 5px solid #BD7868; }
    .parceiros-container .thumbs-container .thumbs-col .thumbs span.partner-name {
        display: block;
        text-align: center;
        font-weight: bold;
        font-size: 13px;
        line-height: 16px;
        text-align: center;
        color: #BD7868;
        opacity: 0.8;
    }
    .parceiros-container .thumbs-container .thumbs-col .thumbs span.partner-position {
        display: block;
        text-align: center;
        font-style: italic;
        font-size: 13px;
        line-height: 16px;
        color: #41485A;
        opacity: 0.8;
    }
    .parceiros-container .details-container { 
        background: none;
        max-height: none;
        margin-top: 0 !important;
    }
    .carouselMobile { margin: 0 -15px; }
    .parceiros-container .details-container ul { max-height: 450px; }
    .parceiros-container .details-container ul li { 
        padding:0;
        overflow: hidden;
        width: 95%;
    }
    .parceiros-container .details-container h3 {
        text-align: center;
        margin: 0 -15px;
        font-family: Playfair Display;
        padding: 71px 0 45px 0;
        font-size: 32px;
        font-style: normal;
        line-height: 43px;
        color: #F7B539;
        background: #BD7868;
    }
    .parceiros-container .details-container p {
        margin: 0;
        background: #BD7868;
        text-align: center;
        padding: 72px 40px 108px 40px;   
        font-size: 25px;
        line-height: 33px;
        color: #F8D6C6;
        opacity: 1;       
    }    
    .parceiros-container .details-container img {
        display: block;
        margin: 0 auto;
        margin-top: -67px;
        margin-bottom: 18px;
        border-radius: 100%;
        box-sizing: content-box;
        border: 5px solid #BD7868;
    }
    .parceiros-container .details-container span.partner-name  {
        display: block;
        text-align: center;
        font-weight: bold;
        font-size: 13px;
        line-height: 16px;
        text-align: center;
        color: #BD7868;
        opacity: 0.8;
    }
    .parceiros-container .details-container span.partner-position {
        display: block;
        text-align: center;
        font-style: italic;
        font-size: 13px;
        line-height: 16px;
        color: #41485A;
        margin-bottom: 11px;
    }
    .slider-partners-control {
        overflow: hidden;
        padding: 0;
    }
    .slider-partners-control a {
        padding: 30px;
        display: block;
        float:left;
        width:50%;
    }
    .slider-partners-control img { 
        display: inline-block !important;
        margin: 0 !important;
        width: 13px;
        border: none !important;
    }   
    .slider-partners-previous { text-align: right; }
    .slider-partners-next { text-align: left; } 
    .slider-partners-previous img { transform: rotate(180deg); }

    .parceiros-logos { 
        overflow: hidden; 
        padding-top: 85px 0;
    }
    .parceiros-logos a {
        padding: 0 0 60px 0;
        width: 48%;
        display: inline-block;
    }
    .parceiros-logos h2 {
        font-size: 32px;
        padding: 0 85px;
        line-height: 38px;
        text-align: center;
        margin-bottom: 85px;
        color: #F7B539;
    }
    .parceiros-logos a img {
        transition: filter 0.3s ease-in-out;
        filter: saturate(0) opacity(40%);
    }
    .parceiros-logos a:hover img {
        filter: initial;
    }
    /*** END Parceiros ***/

    /*** App ***/
    .container-appMobile {
        padding-top: 100px;
    }
    .container-appMobile h2 {
        font-family: Source Sans Pro;
        text-align: center;
        font-weight: bold;
        font-size: 32px;
        line-height: 36px;
        color: #F7B539;
        margin: 0 15px;
    }
    .container-appMobile p {
        font-family: Playfair Display;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        padding: 40px 45px 60px 45px;
    }
    .container-appMobile a {
        display: none;
        text-align: center;
        margin: 15px 0;
    }
    .container-appMobile a img {
        width: 160px;
    }
    /*** End App ***/
    /*** Contato ***/
    .contato { padding: 150px 0 125px 0; }
    .contato p { 
        margin :0 auto;
        margin-top: 30px;
        margin-bottom: 53px;
        width: 78%;
        font-size: 13px;
        line-height: 17px;
    }
    .contato input[type='text'], .contato input[type='email'], .contato select, .contato textarea,  .contato input[type='submit'] { 
        width: 78%; 
        font-size: 13px;
        line-height: 13px;
    }   
    .contato input#nome {margin-bottom:9px;}
    .contato input[type='submit'] {
        width:159px;
        padding:8px 0;
    }
    .contato h3 {
        margin:0 auto;
        width: 78%;
        font-size: 32px;
        line-height: 32px;
    }
    .sending, .thanks, .error {
      
        padding: 60px 40px 30px 40px;
        
        -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);
        -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);
        box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);
    }
    .sending p, .thanks p, .error p {
        font-weight:normal;
        padding-top:30px;
        font-size: 20px;

    }
    .sending img, .thanks img, .error img {
        height: 48px;
    }
    /*** END Contato ***/

    /*** Conheça ***/
    .conheça {
        clear: both;
        padding:35px 40px 40px 40px;
        background: #444C5F;
        display: flex;
    }
    .conheça .inner {       
        padding: 0;
        flex-wrap: wrap;
    }
    .conheça p { 
        padding: 0;
        font-size: 10px;
        line-height: 13px; 
        order: 3;
        flex-grow: 8;
        margin-top: 22px;
    }
    .conheça a.klug {
        order: 1;
        flex: 2;
    }
    .conheça a.klug img { width: 71px; }
    .conheça a.button {
        order: 2;    
        font-size: 13px;
        line-height: 13px;
        width: 114px;
        margin:3px 0 0 0;
        padding: 6.5px 0 7.5px 0
    }
    /*** END Conheça ***/

    /*** Footer ***/
    footer { overflow: hidden; }
    footer nav { 
        text-align: left; 
        padding: 0 40px 40px 36px;
    }
    footer nav h1 {
        margin: 30px 0;
        float: left;        
    }
    footer nav h1 a img { width: 67px; }
    footer nav .menu-col {
        margin-top: 26px;
        float: right;
        margin-left: 40px;
    }
    footer nav .menu-col a {
        color: #444C5F;   
        white-space: nowrap;
        display: block;
        font-size: 13px;
        line-height: 14px;
        padding-bottom: 17px;
    }
    /*** END Footer ***/
}

/*** CUSTOM SELECT ***/
/* The container must be positioned relative: */
.customSelect {
  position: relative;
  width: 434px;
  font-size: 13px;
  line-height: 14px;
  margin: 0 auto;
  margin-bottom: 10px;
  text-align: left;
}
@media (max-width: 767px) {
    .customSelect {
        width: 78%;
    }
}

.customSelect select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: #EDEEEF;
  border-bottom: 1px solid rgba(255,255,255, 0.5);
}
.select-selected.dark { color: #444C5F; }

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  background: url(../image/arrow_select.svg) no-repeat top center;
  content: "";
  top: 15px;
  right: 13px;
  width:10px;
  height: 6px;
  border: none;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  
    transform: rotate(180deg);
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  color: #8F949F;
  padding: 12px 19px 10px 12px;
  cursor: pointer;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: #EDEEEF;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
  color: #444C5F;
}