/*
* Página Estilo CSS Site Onde Anda
* Copyright 2011-2019 Equipe VK2 Authors
* Licensed under EULA
*/
body {
display: inline-block;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
font-size: 0;
font-family: 'Work Sans';
background: #fdeee2;
background-color: #fdeee2;
position: relative;
overflow-x: hidden;
}
body.menu-mobile-open{
overflow: hidden;
}
a,a:hover,a:not(.btn) {
color: inherit;
text-decoration: none;
background-color: transparent;
}
.disHighlight {
user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-webkit-touch-callout: none;
-o-user-select: none;
-moz-user-select: none;
}
ul, li, ol{
margin: 0;
padding: 0;
}
form input, form select, form input:focus, form select:focus, form textarea:focus, form input:hover, form select:hover, form textarea:hover{
outline: none;
}
.wow{visibility: hidden;}
/*__________________General CSS_____________________*/
/* #region Shadows */
.shadow-2dp {
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.shadow-3dp {
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
-webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}
.shadow-4dp {
-moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.shadow-6dp,button:active,button:hover,input:focus,input:hover {
-webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}
.shadow-8dp {
-moz-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}
.shadow-16dp {
-webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.shadow-24dp {
-webkit-box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
}
.shadow-inset {
-moz-box-shadow: inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow: inset 0 0 5px #000000;
}
/* #endregion */
/* #region !Important Classes */
.visible {
opacity: 1 !important;
transition: all 300ms ease-in;
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
}
.invisible {
opacity: 0 !important;
transition: all 250ms ease-in;
-ms-transition: all 250ms ease-in;
-webkit-transition: all 250ms ease-in;
-moz-transition: all 250ms ease-in;
}
.noheight {
height: 0 !important;
min-height: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
transition: all 175ms ease-in;
-webkit-transition: all 175ms ease-in;
-ms-transition: all 175ms ease-in;
-moz-transition: all 175ms ease-in;
}
.hidden {
display: none !important;
}
.box{
width: 1600px;
margin: 0 auto;
padding: 0 0 0 0;
position: relative;
}
.tall{width: 100%;}
.wide{height: 100%;}
.ajax-loading{
display: block;
font-size: 20px;
line-height: 24px;
font-weight: 300;
text-align: center;
color: #f8ab12;
}
/* #endregion */
/* #region Slick */
.slick-list{overflow: hidden;}
.slick-list, .slick-track{height: 100%;}
.slick-slide{display: inline-block;}
/* #endregion */
/* #region header */
#header{
display: flex;
justify-content: start;
align-items: flex-start;
flex-wrap: nowrap;
gap: 0 15px;
width: 1600px;
margin: 0 auto;
padding: 0 0 0 0;
position: absolute;
top: 75px;
left: calc(50% - 800px);
z-index: 999;
}
.header-logo{
display: flex;
justify-content: start;
align-items: center;
width: 130px;
height: 130px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.header-logo a{
display: block;
width: 100%;
height: 100%;
}
.header-logo a img{
width: 100%;
height: auto;
display: block;
}
.header-menu{
display: block;
width: calc(6 * 240px);
height: 45px;
margin: 40px 0 0 0;
padding: 0 0 0 0;
background-color: #f7ab05;
border-top-left-radius: 25px;
border-bottom-left-radius: 5px;
border-top-right-radius: 25px;
border-bottom-right-radius: 5px;
}
.header-menu-list{
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
gap: 0 5px;
margin: 0 0 0 0;
padding: 0 0 0 0;
height: 45px;
border-top-left-radius: 25px;
border-bottom-left-radius: 5px;
border-top-right-radius: 25px;
border-bottom-right-radius: 5px;
}
.header-menu-item{
display: block;
width: 235px;
height: 40px;
margin: 0 0 0 0;
padding: 0 0 0 0;
border-radius: 5px;
text-align: center;
line-height: 40px;
color: #fff;
font-weight: 700;
font-size: 24px;
background-color: transparent;
transition: all 300ms ease-in;
-webkit-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
position: relative;
}
.header-menu-item:first-child{
border-top-left-radius: 25px;
}
.header-menu-item:last-child{
border-top-right-radius: 25px;
}
.header-menu-item a, .header-submenu-item a{
display: block;
}
.header-menu-item:hover{
background-color: #ca8b00;
}
.header-submenu-list{
display: none;
justify-content: center;
align-items: flex-start;
gap: 2px 0;
flex-wrap: wrap;
position: absolute;
top: 40px;
left: 0;
width: 235px;
height: auto;
margin: 0 0 0 0;
padding: 3px 0 0 0;
background-color: transparent;
}
.header-submenu-item{
display: block;
width: 235px;
height: 40px;
margin: 0 0 0 0;
padding: 0 0 0 0;
font-size: 18px;
text-align: center;
line-height: 40px;
color: #f9b122;
font-weight: 400;
background-color: #e5231b;
transition: all 300ms ease-in;
-webkit-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
}
.header-submenu-item:hover{
background-color: #c11a1a;
}
.header-submenu-item:first-child{
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.header-submenu-item:last-child{
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
}
.header-menu-item:hover .header-submenu-list{
display: flex;
}
.header-menu-portal{
display: block;
width: 235px;
height: 40px;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: center;
font-size: 18px;
line-height: 40px;
color: #fff;
font-weight: 700;
background-color: #ca8b00;
transition: all 300ms ease-in;
-webkit-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
}
.header-menu-portal:hover{
background-color: #e5231b;
}
.header-background{
display: block;
width: 100%;
height: 345px;
margin: 0;
padding: 0;
}
.header-background-home{
display: none;
width: 100%;
height: 220px;
margin: 0;
padding: 0;
}
.header-menu-mobile,
.close-header-menu-mobile{
display: none;
width: 50px;
height: 50px;
position: relative;
cursor: pointer;
margin: 0 15% 0 0;
}
.header-menu-mobile-line,
.close-header-menu-mobile-line{
width: 50px;
height: 10px;
background: #f7ab05;
transition: all 300ms ease-in;
-webkit-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
}
.header-menu-mobile:hover .header-menu-mobile-line,
.close-header-menu-mobile:hover .close-header-menu-mobile-line{
background: #ca8b00;
}
.header-menu-mobile-line:nth-child(2){
margin: 10px 0;
}
.header-menu-mobile.actived .header-menu-mobile-line-1{
position: absolute;
top: 20px;
transform: rotate(-45deg);
}
.header-menu-mobile.actived .header-menu-mobile-line-2{
opacity: 0;
transition: opacity 300ms ease-in-out;
-webkit-transition: opacity 300ms ease-in-out;
-ms-transition: opacity 300ms ease-in-out;
-moz-transition: opacity 300ms ease-in-out;
}
.header-menu-mobile.actived .header-menu-mobile-line-3{
position: absolute;
top: 20px;
transform: rotate(45deg);
}
.close-header-menu-mobile-line-1{
position: absolute;
top: 20px;
transform: rotate(-45deg);
}
.close-header-menu-mobile-line-2{
position: absolute;
top: 20px;
transform: rotate(45deg);
}
#header-mobile{
display: none;
position: fixed;
height: 100%;
background: #fff;
z-index: 1000;
width: 100%;
overflow-y: auto;
}
.header-mobile-top{
display: flex;
justify-content: center;
align-items: center;
gap: 0 60px;
flex-wrap: nowrap;
width: 100%;
height: auto;
margin: 50px 0 0 0;
padding: 0;
}
.header-mobile-logo {
display: block;
width: 95px;
height: 95px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.header-mobile-logo a{
display: block;
}
.header-mobile-logo a img{
display: block;
width: 100%;
height: 100%;
}
.close-header-menu-mobile{
display: block;
margin: 0;
}
.header-menu-list-mobile {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 5px 0;
flex-wrap: wrap;
width: 300px;
height: auto;
margin: 40px auto;
padding: 0;
}
.header-menu-item-mobile{
background: #f7ab05;
display: block;
width: 100%;
height: 40px;
margin: 0 0 0 0;
padding: 0 0 0 0;
border-radius: 5px;
text-align: center;
line-height: 40px;
color: #fff;
font-weight: 700;
font-size: 24px;
}
.header-menu-item-mobile:hover{
background: #ca8b00;
}
.header-menu-item-mobile a{display: block;}
/* #endregion */
/* #region footer */
#footer {
display: flex;
height: 350px;
width: 100%;
margin: 0;
padding: 0;
background: #fceee1;
justify-content: start;
align-items: center;
}
#footer .box{
display: flex;
justify-content: center;
align-items: flex-start;
gap: 0 80px;
}
.footer-logo{
display: block;
width: 97px;
height: 140px;
margin: 0;
padding: 0;
}
.footer-logo a{
display: block;
width: 100%;
height: 100%;
}
.footer-logo a img{
height: 100%;
}
.footer-address{
display: block;
width: 260px;
height: auto;
margin: 20px 0 0;
padding: 0;
}
.footer-title{
display: block;
font-size: 21px;
line-height: 25px;
font-weight: 900;
color: #f7ab05;
margin: 0 0 10px 0;
padding: 0;
}
.footer-address-info{
display: block;
font-size: 18px;
line-height: 20px;
font-weight: 400;
color: #888888;
margin: 0;
padding: 0;
}
.footer-contact{
display: block;
width: 270px;
height: auto;
margin: 20px 0 0;
padding: 0;
}
.footer-contact-list{
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
.footer-contact-item{
display: block;
font-size: 18px;
line-height: 25px;
font-weight: 400;
color: #888888;
margin: 0;
padding: 0;
}
.footer-contact-item-icon{
display: inline-block;
width: 25px;
height: 25px;
margin: 0 8px 0 0;
padding: 0;
position: relative;
vertical-align: top;
color: #f7ab05;
}
.footer-contact-item-icon::before{
font-size: 25px;
}
.footer-contact-item p{
display: inline-block;
margin: 0;
}
.footer-menu{
display: block;
width: 170px;
height: 140px;
margin: 20px 0 0;
padding: 0;
}
.footer-menu-list{
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
.footer-menu-item{
display: block;
font-size: 18px;
line-height: 20px;
font-weight: 400;
color: #888888;
margin: 0;
padding: 0;
}
.footer-social{
display: block;
width: 180px;
height: 140px;
margin: 20px 0 0;
padding: 0;
}
.footer-social-list{
display: flex;
justify-content: start;
align-items: center;
gap: 0 5px;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
.footer-social-item{
display: block;
margin: 0;
padding: 0;
}
.footer-social-item-icon{
display: block;
width: 35px;
height: 35px;
margin: 0;
padding: 0;
position: relative;
}
.footer-social-item-icon::before{
font-size: 35px;
color: #f7ab05;
}
.whatsapp {
display: block;
position: fixed;
width: 70px;
height: 70px;
z-index: 9999;
background: #25d366;
bottom: 75px;
right: 100px;
border-radius: 50%;
transition: all 400ms ease-in;
-webkit-transition: all 400ms ease-in;
-ms-transition: all 400ms ease-in;
-moz-transition: all 400ms ease-in;
}
.whatsapp a {
display: block;
width: 100%;
height: 100%;
}
.whatsapp a::before{
display: block;
width: 100%;
height: 100%;
font-size: 40px;
text-align: center;
line-height: 70px;
color: #fff;
transition: all 200ms ease-in;
-webkit-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
}
.whatsapp:hover{background: #dcf8c6;}
.whatsapp:hover a::before{color: #075e54;}
/* #endregion */
.yellow-bar{
display: block;
height: 25px;
width: 100%;
background: #f7ab05;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.title-spacing{
display: block;
height: 50px;
width: 100%;
font-size: 20px;
letter-spacing: 65px;
text-align: center;
line-height: 50px;
}
.title-normal{
display: block;
width: 100%;
font-size: 37px;
line-height: 40px;
text-align: center;
font-weight: 700;
}
.border-page{
display: block;
width: 100%;
height: auto;
border-top: 3px solid #f7ab05;
position: relative;
}
.pageTitleContainer {
display:flex;
width: 1060px;
height: 85px;
margin: 0 auto;
background: #fdeee2;
border: 3px solid #f7ab05;
border-radius: 20px 20px 0 0;
border-bottom: 0 solid #fdeee2;
position: absolute;
left: calc(50% - 500px);
top: -85px;
padding-top: 10px;
text-align: center;
align-items: center;
justify-content: center;
}
.page-title {
line-height: 35px;
background: #fdeee2;
font-size: 20px;
font-weight: 400;
letter-spacing: 60px;
color: #f7ab05;
text-transform: uppercase;
width: auto;
padding-left: 60px;
margin: 0 auto;
max-width: 100%;
}
.page-subtitle{
display: block;
width: 50%;
margin: 40px auto;
text-align: center;
font-size: 48px;
font-weight: 700;
color: #e5231b;
}
/* #region banner */
#banner{
display: block;
width: 100%;
height: 1065px;
margin: 0 0;
padding: 0 0;
position: relative;
}
.banner-list{
width: 100%;
height: 1065px;
}
.banner-item{
width: 100%;
height: 1065px;
}
.banner-item-img{
width: 100%;
height: 1065px;
overflow: hidden;
}
.banner-full{
display: block;
}
.banner-mobile{
display: none;
}
.banner-options-list{
display: flex;
justify-content: center;
align-items: flex-start;
gap: 0 65px;
width: 100%;
height: 175px;
margin: 0 0;
padding: 0 0;
position: absolute;
bottom: 0;
}
.banner-options-item{
display: block;
width: 300px;
height: 175px;
margin: 0 0;
padding: 0 0;
}
.banner-options-item a{
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.banner-option-infos {
display: flex;
justify-content: start;
align-items: center;
gap: 0 20px;
width: 100%;
height: auto;
margin: 0 0 20px 0;
padding: 0;
}
.banner-option-infos-icon{
display: inline-block;
width: 50px;
height: 50px;
vertical-align: top;
margin: 0 0 0 0;
padding: 0;
}
.banner-option-infos-icon::before{font-size: 50px; color: #f7ab05;}
.banner-option-infos-text{
display: inline-block;
width: calc(100% - 70px);
font-size: 22px;
line-height: 20px;
font-weight: 400;
color: #fff;
margin: 0;
padding: 0;
}
.banner-option-infos-button{
display: block;
width: 100%;
height: 40px;
margin: 0;
padding: 0;
color: #ffffff;
font-size: 22px;
line-height: 40px;
text-align: center;
background: #f7ab05;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
transition: all 300ms ease-in;
-webkit-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
}
.banner-options-item:hover .banner-option-infos-button{
height: 100px;
line-height: 100px;
border-top-left-radius: 45px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 45px;
}
/* #endregion */
#home-cultivares{
display: block;
width: 100%;
height: 550px;
margin: 0 0;
padding: 0 0;
background: url('../../images/banner.webp');
position: relative;
}
.home-cultivares{
display: flex;
justify-content: start;
align-items: center;
flex-wrap: wrap;
gap: 0 0;
}
.home-cultivares-title{
color: #f7ab05;
text-transform: uppercase;
margin: 40px 0 0 0;
}
.home-cultivares-title-normal{
color: #e5231b;
margin: 35px 0 50px 0;
}
.home-cultivares-slick{
display: flex;
justify-content: start;
align-items: center;
gap: 0 80px;
width: 100%;
height: 100%;
margin: 0 0;
padding: 0 0;
}
.cultivares-arrow{
display: inline-block;
width: 35px;
height: 75px;
margin: 0 0;
padding: 0 0;
cursor: pointer;
}
.cultivares-arrow::before{
font-size: 75px;
color: transparent;
-webkit-text-stroke: 3px #f7ab05;
}
.cultivares-arrow:hover::before{-webkit-text-stroke: 3px #e5231b;}
.home-cultivares-list{
display: inline-block;
width: calc(100% - 230px);
height: 100%;
margin: 0 0;
padding: 0 0;
}
/** Cultivar separate**/
#main-cultivar-black{
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
padding: 65px 0 120px;
box-sizing: border-box;
background: rgb(29,73,133);
background: -moz-radial-gradient(circle, rgba(29,73,133,1) 0%, rgba(22,32,53,1) 100%);
background: -webkit-radial-gradient(circle, rgba(29,73,133,1) 0%, rgba(22,32,53,1) 100%);
background: radial-gradient(circle, rgba(29,73,133,1) 0%, rgba(22,32,53,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d4985",endColorstr="#162035",GradientType=1);
margin: 65px 0 90px;
}
.title-cultivar-4x4{
display: block;
color: #f7ab05;
font-size: 50px;
font-weight: 700;
font-style: normal;
margin-bottom: 60px;
}
/** **/
#main-cultivar-green{
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
padding: 65px 0 120px;
box-sizing: border-box;
background: #094424;
margin: 65px 0 90px;
}
.title-cultivar-trato{
display: block;
color: #f6a907;
font-size: 50px;
font-weight: 700;
font-style: normal;
margin-bottom: 60px;
}
/** */
#main-cultivar-purple{
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
padding: 65px 0 120px;
box-sizing: border-box;
background: #3e2053;
margin: 65px 0 90px;
}
.title-cultivar-soja{
display: block;
color: #6ab43c;
font-size: 50px;
font-weight: 700;
font-style: normal;
margin-bottom: 60px;
}
/** **/
.home-cultivares-item{
display: block;
width: 190px;
height: 190px;
margin: 0 0;
padding: 0 0;
position: relative;
}
.home-cultivares-list .slick-slide{
width: 190px;
height: 190px;
margin: 0 40px;
}
.home-cultivares-item-image, .home-cultivares-item-image-hover{
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
margin: 0 0;
padding: 0 0;
transition: all 300ms ease-in;
-webkit-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
}
.home-cultivares-item-image{z-index: 10; opacity: 1;}
.home-cultivares-item-image-hover{z-index: 5; opacity: 0;}
.home-cultivares-item-image img, .home-cultivares-item-image-hover img{
height: 100%;
}
.home-cultivares-item:hover .home-cultivares-item-image{opacity: 0;}
.home-cultivares-item:hover .home-cultivares-item-image-hover{opacity: 1;}
.home-cultivares-know{
display: block;
width: 415px;
height: 50px;
margin: 0 auto;
background: #e5231b;
font-size: 26px;
line-height: 50px;
text-align: center;
font-weight: 700;
color: #fff;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
position: absolute;
left: calc(50% - 207.5px);
bottom: 0;
z-index: 10;
}
#home-cultivares .cultivares-bottom-bar{
position: absolute;
bottom: 0;
}
.home-notice{
display: block;
width: 100%;
height: auto;
margin: 0 0;
padding: 75px 0 0 0;
}
.home-notice-title{
color: #e5231b;
text-transform: capitalize;
font-size: 14px;
}
.home-notice-content{
display: flex;
flex-wrap: nowrap;
justify-content: start;
align-items: center;
gap: 0 125px;
margin: 70px 0 0 0;
padding: 0;
}
.home-notice-image{
display: block;
width: 990px;
height: 625px;
border: 3px solid #e5231b;
border-bottom-right-radius: 145px;
border-top-right-radius: 30px;
border-left: 0;
overflow: hidden;
}
.home-notice-infos{
display: block;
width: 500px;
height: auto;
margin: 0;
padding: 0;
transition: all 300ms ease-in;
-webkit-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
}
.home-notice-infos-title{
display: block;
width: 350px;
height: auto;
margin: 0;
padding: 0;
font-weight: 700;
color: #e5231b;
font-size: 40px;
text-align: left;
line-height: 38px;
}
.home-notice-infos-description{
display: block;
width: 100%;
height: auto;
margin: 30px 0 80px 0;
padding: 0;
font-weight: 400;
color: #333333;
font-size: 15px;
text-align: left;
line-height: 18px;
}
.home-notice-infos-button{
display: block;
width: 200px;
height: 40px;
margin: 0;
padding: 0;
font-weight: 700;
color: #fff;
font-size: 22px;
text-align: center;
line-height: 40px;
background: #e5231b;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
transition: all 300ms ease-in;
-webkit-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
}
.home-notice-infos:hover .home-notice-infos-button{
height: 80px;
line-height: 80px;
border-top-left-radius: 45px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 45px;
}
.video{
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
gap: 0 0;
margin: 110px 0 100px 0;
padding: 0;
}
.video-iframe{
display: block;
width: 1165px;
height: 655px;
margin: 0;
padding: 0;
position: relative;
}
.video-iframe::before{
display: block;
content: "";
width: 830px;
height: 785px;
border: 4px solid #f9b122;
border-top-left-radius: 185px;
border-top-right-radius: 35px;
border-bottom-left-radius: 35px;
border-bottom-right-radius: 185px;
position: absolute;
top: -65px;
left: calc(50% - 415px);
z-index: 5;
}
.video-iframe iframe{
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
position: relative;
background: #000000;
z-index: 10;
}
.publicity{
display: block;
width: 100%;
height: 490px;
margin: 50px 0 0 0;
padding: 0;
overflow: hidden;
}
.publicity .slick-slide{
width: 100%;
height: 100%;
}
a.publicity-img{
display: block;
width: 100%;
height: 490px;
overflow: hidden;
}
.publicity-img img{
height: 490px;
}
/* #region cultivares */
.cultivares-list{
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
gap: 30px 22px;
width: 100%;
height: 100%;
margin: 0 0;
padding: 0 0;
}
.cultivares-item{
display: block;
width: 190px;
height: 190px;
margin: 0 0;
padding: 0 0;
position: relative;
}
.cultivares-item-img, .cultivares-item-img-hover{
display: block;
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
margin: 0 0;
padding: 0 0;
transition: all 300ms ease-in;
-webkit-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
}
.cultivares-item-img{z-index: 10; opacity: 1;}
.cultivares-item-img-hover{z-index: 5; opacity: 0;}
.cultivares-item-img img, .cultivares-item-img-hover img{height: 100%;}
.cultivares-item:hover .cultivares-item-img{opacity: 0;}
.cultivares-item:hover .cultivares-item-img-hover{opacity: 1;}
.cultivares-banner{
display: block;
width: 100%;
height: 545px;
border: 3px solid #e5231b;
border-radius: 150px 30px;
margin: 0 0 50px 0;
padding: 0 0 0 0;
overflow: hidden;
border-top-left-radius: 9% 27.5%;
border-bottom-right-radius: 9% 27.5%;
border-top-right-radius: 2% 5.5%;
border-bottom-left-radius: 2% 5.5%;
box-sizing: border-box;
}
.icon-lancamento-cultivar{
position: absolute;
left: 50%;
z-index: 999;
transform: rotate(-10deg);
bottom: -15px;
margin-left: -25px;
width: 50px;
height: 50px;
}
.cultivares-item:hover .icon-lancamento-cultivar{
bottom: -25px
}
/* #endregion */
/* #region cultivares zoom */
.cultivares-zoom-top{
display: flex;
justify-content: start;
align-items: flex-start;
gap: 0 75px;
margin: 60px 0 210px 0;
}
.cultivares-zoom-top-left{
display: block;
width: 50%;
height: auto;
margin: 0;
padding: 0;
position: relative;
}
.cultivares-zoom-top-left::before{
display: block;
width: 1000px;
height: 1000px;
content: '';
margin: 0;
padding: 0;
background: #e5231b;
border-radius: 50%;
position: absolute;
left: -50%;
top: 0;
z-index: 0;
}
.cultivares-zoom-top-left-black::before{ background: #22283b!important; }
.black{ background: #22283b!important; }
.cultivares-zoom-top-left-green::before{ background: #094424!important; }
.green{ background: #094424!important; }
.cultivares-zoom-top-left-purple::before{ background: #3e2053!important; }
.purple{ background: #3e2053!important; }
.cultivares-zoom-top-left-img{
display: block;
width: 740px;
height: 855px;
margin: 0;
padding: 0;
position: relative;
z-index: 10;
}
.cultivares-zoom-top-left-img img{height: 100%;}
.cultivares-zoom-top-left-selo{
display: block;
width: fit-content;
height: 90px;
margin: 0;
padding: 0 45px;
border-radius: 45px;
text-align: center;
font-weight: 700;
color: #fff;
font-size: 32px;
line-height: 90px;
text-transform: uppercase;
background: #f8ab12;
position: absolute;
right: 160px;
bottom: 0;
z-index: 15;
}
.cultivares-zoom-top-right{
display: block;
width: 50%;
height: auto;
margin: 0;
padding: 0;
}
.cultivares-zoom-top-right-logo{
display: block;
width: 490px;
height: 200px;
margin: 0 0 95px 0;
padding: 0;
}
.cultivares-zoom-top-right-logo img{width: 100%;}
.cultivares-zoom-top-right-selos {
display: flex;
justify-content: center;
align-items: center;
gap: 0 20px;
min-width: 130px;
max-width: 760px;
background: #e5231b;
width: fit-content;
border-radius: 65px;
margin: 0 0 80px 0;
flex-wrap: wrap;
padding: 10px 5px;
}
.cultivares-zoom-top-right-selos-img{
display: block;
width: 120px;
height: 120px;
margin: 0;
padding: 0;
}
.cultivares-zoom-top-right-selos-img img{
width: 100%;
}
.cultivares-zoom-top-right-indicacao{
display: block;
width: 100%;
height: auto;
margin: 0 0 40px 0;
padding: 0 0 0 0;
font-weight: 400;
color: #4b4b4b;
font-size: 22px;
text-align: left;
line-height: 28px;
}
.cultivares-zoom-top-right-adaptations{
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
.cultivares-zoom-top-right-adaptations-title{
display: block;
width: 100%;
height: auto;
margin: 0 0 40px 0;
padding: 0 0 0 0;
font-weight: 700;
color: #4b4b4b;
font-size: 36px;
text-align: left;
line-height: 38px;
}
.cultivares-zoom-top-right-adaptations-list{
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
.cultivares-zoom-top-right-adaptations-item{
display: block;
width: 100%;
height: 30px;
margin: 0 0 15px 0;
padding: 0;
font-weight: 400;
color: #4b4b4b;
font-size: 22px;
text-align: left;
line-height: 30px;
text-transform: uppercase;
}
.cultivares-zoom-top-right-adaptations-item strong{
font-weight: 700;
}
.cultivares-zoom-top-right-adaptations-item-cor{
display: inline-block;
width: 30px;
height: 30px;
margin: 0 15px 0 0;
border-radius: 50%;
vertical-align: top;
}
.cultivares-zoom-top-right-adaptations-item-cor.cor-1{background-color: #27348b;}
.cultivares-zoom-top-right-adaptations-item-cor.cor-2{background-color: #00a153;}
.cultivares-zoom-top-right-adaptations-item-cor.cor-3{background-color: #ece100;}
.cultivares-zoom-top-right-adaptations-item-cor.cor-4{background-color: #f28f25;}
.cultivares-zoom-bottom{
display: flex;
justify-content: start;
align-items: stretch;
gap: 0 40px;
margin: 0 0 60px 0;
}
.cultivares-zoom-bottom-left{
display: block;
width: 50%;
height: auto;
margin: 0;
padding: 0 0 0 50px;
}
.cultivares-zoom-bottom-left-content{
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
min-width: 720px;
}
.cultivares-zoom-bottom-left-content-title{
display: flex;
justify-content: start;
align-items: center;
gap: 0 10px;
max-width: 630px;
min-height: 40px;
margin: 0 0 45px 0;
padding: 0 0 0 0;
}
.cultivares-zoom-bottom-left-content-title i{
display: block;
margin: 0;
padding: 0;
}
.cultivares-zoom-bottom-left-content-title span{
display: block;
margin: 0;
padding: 0;
font-weight: 700;
color: #4b4b4b;
font-size: 35px;
text-align: left;
line-height: 40px;
}
.cultivares-zoom-bottom-left-content-title i::before{
color: #f9b229;
font-size: 60px;
}
.cultivares-zoom-bottom-left-content-list{
display: block;
width: 630px;
height: auto;
margin: 0 0 100px 0;
padding: 0 0 0 0;
}
.cultivares-zoom-bottom-left-content-item{
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
width: 100%;
min-height: 30px;
margin: 0 0 5px 0;
padding: 0 0 0 0;
background: url('../../images/px-cinza.png') repeat-x;
background-position: bottom;
}
.cultivares-zoom-bottom-left-content-item-detail{
display: block;
max-width: 75%;
min-height: 30px;
font-weight: 400;
color: #4b4b4b;
font-size: 20px;
text-align: left;
line-height: 30px;
margin: 0 0 0 0;
padding: 0 10px 0 0;
background: #fdeee2;
}
.cultivares-zoom-bottom-left-content-item-value{
display: block;
height: 100%;
margin: 0 0 0 0;
padding: 0 0 0 10px;
background: #fdeee2;
font-weight: 700;
color: #f8ab12;
font-size: 20px;
text-align: right;
line-height: 30px;
}
.cultivares-zoom-bottom-right{
display: flex;
justify-content: start;
align-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
gap: 120px 0;
width: 50%;
height: auto;
margin: 0;
padding: 60px 65px;
background: #e5231b;
border-radius: 60px;
}
.cultivares-zoom-bottom-right-content{
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
.cultivares-zoom-bottom-right-content-title{
display: flex;
gap: 0 15px;
flex-wrap: wrap;
font-weight: 700;
color: #fac768;
font-size: 40px;
text-align: left;
line-height: 40px;
margin: 0 0 30px 0;
}
.cultivares-zoom-bottom-right-content-text{
display: block;
margin: 0 0 0 0;
font-weight: 500;
color: #fff;
font-size: 22px;
text-align: left;
line-height: 35px;
}
.cultivares-item.actived .cultivares-item-img{opacity: 0;}
.cultivares-item.actived .cultivares-item-img-hover{opacity: 1;}
.diseases{
display: flex;
justify-content: end;
align-items: flex-end;
flex-wrap: wrap;
width: 100%;
margin: 0;
padding: 0;
}
.diseases-header{
display: block;
width: 56%;
height: 70px;
margin: 0;
padding: 0;
border-left: 1px solid #e5231b;
}
.diseases-header-value{
display: flex;
justify-content: start;
align-items: center;
width: 100%;
height: 35px;
margin: 0;
padding: 0;
}
.diseases-header-value-text{
display: block;
width: calc(100% / 9);
height: 35px;
font-weight: 400;
color: #4b4b4b;
font-size: 18px;
text-align: center;
line-height: 35px;
}
.diseases-header-sigla{
display: flex;
justify-content: start;
align-items: center;
width: 100%;
height: 35px;
margin: 0;
padding: 0;
}
.diseases-header-sigla-text{
display: block;
width: calc(100% / 9);
height: 35px;
font-weight: 700;
color: #e5231b;
font-size: 18px;
text-align: center;
line-height: 35px;
}
.diseases-body{
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
border-top: 1px solid #e5231b;
border-bottom: 1px solid #e5231b;
}
.diseases-body-list{
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
.diseases-body-item{
display: flex;
justify-content: start;
align-items: center;
width: 100%;
min-height: 45px;
margin: 5px 0;
padding: 0;
align-items: stretch;
}
.diseases-body-item-new{
}
.diseases-body-item-name{
display: flex;
justify-content: end;
align-items: center;
width: 25%;
height: 45px;
margin: 0;
padding: 0 10px 0 0;
font-weight: 400;
font-size: 16px;
text-align: right;
line-height: 20px;
color: #4b4b4b;
}
.diseases-body-item-cateogory{
display: flex;
align-items: center;
width: 20%;
min-height: 45px;
font-weight: 400;
font-size: 16px;
text-align: right;
color: #4b4b4b;
justify-content: center;
padding: 10px 0;
line-height: 18px;
background: #fcd48c;
border-right: 3px solid #ffcf76;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
text-align: center;
}
.diseases-body-list-doencas{
display: flex;
justify-content: end;
align-items: center;
width: 80%;
min-height: 45px;
margin: 0;
padding: 0 10px 0 0;
font-weight: 400;
font-size: 16px;
text-align: right;
line-height: 20px;
color: #4b4b4b;
flex-wrap: wrap;
}
.diseases-body-item-doenca-item{
display: flex;
justify-content: end;
align-items: stretch;
width: 100%;
min-height: 45px;
margin: 2px 0;
font-weight: 400;
font-size: 16px;
text-align: right;
line-height: 20px;
color: #4b4b4b;
}
.diseases-body-item-doenca-name{
display: flex;
justify-content: start;
align-items: center;
width: 17%;
margin: 0;
font-weight: 400;
font-size: 10px;
text-align: left;
line-height: 20px;
color: #4b4b4b;
padding-left: 10px;
background: #ffe0a7;
}
.image-semeaduta{
display: block;
width: 100%;
height: auto;
}
.image-semeaduta img{
display: block;
width: 100%;
height: auto;
}
.diseases-body-list-subdivisao{
display: flex;
justify-content: end;
align-items: center;
width: 83%;
margin: 0;
font-weight: 400;
font-size: 16px;
text-align: right;
line-height: 20px;
color: #4b4b4b;
flex-wrap: wrap;
}
.diseases-body-item-subdivision{
display: flex;
justify-content: end;
align-items: center;
width: 20%;
min-height: 45px;
margin: 0;
padding: 0 10px 0 0;
font-weight: 400;
font-size: 12px;
text-align: right;
line-height: 20px;
color: #4b4b4b;
background: #fff0d0;
}
.diseases-body-item-subdivision-null{
display: flex;
justify-content: end;
align-items: center;
width: 20%;
min-height: 45px;
margin: 0;
padding: 0 10px 0 0;
background: #ffe0a7;
}
.diseases-body-item-doenca{
display: flex;
justify-content: end;
align-items: center;
width: 100%;
height: 45px;
margin: 2px 0;
padding: 0 10px 0 0;
font-weight: 400;
font-size: 16px;
text-align: right;
line-height: 20px;
color: #4b4b4b;
}
.diseases-body-item-values{
display: flex;
justify-content: start;
align-items: center;
width: 80%;
height: 45px;
margin: 0;
padding: 0;
border-left: 1px solid #e5231b;
}
.diseases-body-item-values li:nth-last-child(1) { border-top-right-radius: 15px; border-bottom-right-radius: 15px; }
.diseases-body-item-values-color{
display: block;
width: calc(100% / 9);
height: 40px;
margin: 0;
padding: 0;
}
.diseases-body-item-values-color.color-1{background-color: #c40000;}
.diseases-body-item-values-color.color-2{background-color: #ee4b00;}
.diseases-body-item-values-color.color-3{background-color: #ff780a;}
.diseases-body-item-values-color.color-4{background-color: #f8af12;}
.diseases-body-item-values-color.color-5{background-color: #ffc60a;}
.diseases-body-item-values-color.color-6{background-color: #edff4d;}
.diseases-body-item-values-color.color-7{background-color: #6bbd0f;}
.diseases-body-item-values-color.color-8{background-color: #02960e;}
.diseases-body-item-values-color.color-9{background-color: #007e2a;}
.diseases-legend{
display: block;
margin: 40px 0 0 0;
padding: 0;
font-weight: 400;
font-size: 20px;
text-align: left;
line-height: 25px;
color: #4b4b4b;
}
/* #endregion */
/* #region empresa */
.company-top{
display: flex;
justify-content: start;
align-items: stretch;
flex-wrap: nowrap;
gap: 0 55px;
width: 100%;
height: auto;
margin: 115px 0 185px 0;
padding: 0;
}
.company-top-text{
display: block;
width: 50%;
height: auto;
max-width: 705px;
margin: 0;
padding: 0 55px 0 40px;
font-weight: 400;
font-size: 24px;
text-align: left;
line-height: 26px;
color: #333333;
}
.company-top-improve{
display: block;
width: 50%;
max-width: 760px;
height: 750px;
margin: 0;
padding: 80px;
background: #e5231b;
border-radius: 60px;
}
.company-top-improve-title{
display: block;
margin: 0 0 60px 0;
font-weight: 700;
font-size: 30px;
text-align: left;
line-height: 32px;
color: #fdeee2;
}
.company-top-improve-text{
display: block;
margin: 0;
font-weight: 500;
font-size: 24px;
text-align: left;
line-height: 32px;
color: #fff;
}
.empresa-vermelho-list{
display: flex;
justify-content: start;
align-items: flex-start;
flex-wrap: wrap;
gap: 50px 0;
margin: 0;
padding: 0;
}
.empresa-vermelho-item{
display: inline-block;
width: 100%;
margin: 0;
font-weight: 500;
font-size: 24px;
text-align: left;
line-height: 32px;
color: #fff;
}
.empresa-vermelho-item::before{
display: inline-block;
margin: 0 10px 0 0;
padding: 0;
content: "â—";
color: #f9b122;
vertical-align: top;
font-size: 30px;
line-height: 30px;
}
.company-strategy{
display: block;
width: 100%;
height: auto;
margin: 210px 0 0 0;
padding: 0;
position: relative;
}
.company-strategy-list{
display: flex;
justify-content: center;
align-items: stretch;
flex-wrap: nowrap;
gap: 0 75px;
margin: 0 auto;
padding: 0;
position: relative;
}
.company-strategy::before{
display: block;
content: '';
height: 85px;
width: 100%;
background: url('../../images/linha.webp');
margin: 0;
padding: 0;
position: absolute;
bottom: 180px;
}
.company-strategy-item{
display: block;
width: 440px;
min-height: 420px;
background: #e5231b;
margin: 0;
padding: 5px 0 0 0;
border-top-left-radius: 21.5% 22.5%;
border-top-right-radius: 5.5% 6%;
border-bottom-left-radius: 5.5% 6%;
border-bottom-right-radius: 21.5% 22.5%;
}
.company-strategy-item-title{
display: block;
width: calc(100% - 10px);
height: 115px;
background: #f9b122;
margin: 0 auto 55px auto;
padding: 0;
font-weight: 700;
font-size: 42px;
text-align: center;
line-height: 115px;
color: #fff;
border-top-left-radius: 22% 82.5%;
border-top-right-radius: 5.8% 21.7%;
border-bottom-left-radius: 5.8% 21.7%;
border-bottom-right-radius: 22% 82.5%;
}
.company-strategy-item-text{
display: block;
width: calc(100% - 110px);
height: 115px;
margin: 0 auto;
padding: 0;
font-weight: 400;
font-size: 26px;
text-align: left;
line-height: 35px;
color: #fff;
}
.company-region{
display: block;
width: 100%;
height: 945px;
margin: 55px auto;
padding: 0;
}
.company-region-list{
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
gap: 0 80px;
padding: 0;
}
.company-region-left{
display: block;
width: 680px;
height: 540px;
padding: 0 0 0 40px;
}
.company-region-left-title{
display: block;
font-weight: 700;
font-size: 48px;
text-align: left;
line-height: 48px;
color: #e5231b;
margin: 0 0 70px 0;
}
.company-region-left-text{
display: block;
font-weight: 500;
font-size: 36px;
text-align: left;
line-height: 40px;
color: #4b4b4b;
}
.company-region-right{
display: block;
width: 820px;
height: 945px;
margin: 0;
padding: 0;
position: relative;
}
.company-region-right::before{
display: block;
content: '';
width: 940px;
height: 870px;
margin: 0;
padding: 0;
border-radius: 435px 0px 0px 435px;
position: absolute;
bottom: 0;
left: 40px;
background: #e5231b;
z-index: 0;
}
.company-region-right img{width: 100%;}
.empresa-mapa-cores{
display: flex;
justify-content: start;
align-items: flex-start;
flex-wrap: wrap;
gap: 15px 0;
margin: 55px 0 0 0;
padding: 0;
}
.empresa-mapa-cor{
display: block;
width: 100%;
margin: 0;
padding: 0 0 0 45px;
font-weight: 400;
font-size: 24px;
text-align: left;
line-height: 30px;
color: #4b4b4b;
position: relative;
}
.empresa-mapa-cor strong{font-weight: 900;}
.empresa-mapa-cor::before{
display: inline-block;
content: "";
width: 30px;
height: 30px;
margin: 0 0 0 0;
vertical-align: top;
border-radius: 50%;
position: absolute;
left: 0;
top: 0;
}
.empresa-mapa-cor.cor-01::before{background-color: #27348b;}
.empresa-mapa-cor.cor-02::before{background-color: #00a153;}
.empresa-mapa-cor.cor-03::before{background-color: #ece100;}
.empresa-mapa-cor.cor-04::before{background-color: #f28f25;}
.empresa-mapa-cor.cor-05::before{background-color: #e5231f;}
/* #endregion */
/* #region improvement */
.improvement-list{
display: grid;
grid-template-columns: repeat( auto-fit, 380px);
grid-auto-flow: dense;
padding: 0 0 0 70px;
margin: 290px 0 190px 0;
}
.improvement-item, .improvement-item-img{
display: flex;
justify-content: start;
align-content: flex-end;
flex-wrap: wrap;
width: 100%;
min-height: 550px;
margin: 0;
padding: 0 0;
position: relative;
}
.improvement-item-img img{
display: block;
position: absolute;
z-index: 0;
bottom: 10px;
}
.improvement-item::after {
display: block;
content: '';
width: 100%;
height: 6px;
background: #f8ac17;
position: absolute;
bottom: 10px;
left: 0;
z-index: 0;
}
.improvement-item-img::after {
width: 155px;
right: 0;
left: unset;
}
.improvement-item:nth-child(4n+1)::before{
display: block;
content: '';
width: 6px;
height: 100%;
background: #f8ac17;
position: absolute;
top: -10px;
right: 0;
z-index: 0;
}
.improvement-item:nth-child(8n+1)::before{
display: block;
content: '';
width: 6px;
height: 100%;
background: #f8ac17;
position: absolute;
top: -10px;
left: 0;
z-index: 0;
}
.improvement-item-img::before{
display: block;
content: '';
width: 550px !important;
height: 425px !important;
background: #e5231b !important;
border-radius: 0px 212.5px 212.5px 0px !important;
position: absolute !important;
bottom: 15px !important;
left: -225px !important;
top: unset !important;
}
.improvement-item-content{
display: block;
width: 80%;
margin: 0 auto;
height: auto;
padding-top: 200px;
position: relative;
}
.improvement-item-content-title{
display: block;
width: 100%;
margin: 0 0 20px 0;
padding: 0;
font-weight: 700;
font-size: 40px;
text-align: left;
line-height: 40px;
color: #333333;
}
.improvement-item-content-text{
display: block;
width: 100%;
margin: 0;
padding: 0;
font-weight: 400;
font-size: 20px;
text-align: left;
line-height: 25px;
color: #333333;
}
.improvement-item-content-dot{
display: block;
width: 30px;
height: 30px;
margin: 30px 0 0 0 ;
padding: 0;
border-radius: 50%;
background: #e5231f;
position: relative;
z-index: 10;
}
.improvement-item-content-year{
display: block;
width: 100%;
margin: 0;
padding: 0;
font-weight: 400;
font-size: 40px;
text-align: left;
line-height: 45px;
color: #e5231f;
position: absolute;
bottom: -75px;
}
.improvement-item-end-text {
display: block;
width: 100%;
margin: 0;
padding: 0;
font-weight: 700;
font-size: 30px;
text-align: left;
line-height: 30px;
color: #e5231f;
}
.improvement-item-end-dot {
display: block;
width: 30px;
height: 30px;
margin: 30px 0 0 0;
padding: 0;
border-radius: 50%;
background: #e5231f;
position: relative;
z-index: 10;
}
/* #endregion */
/* #region calculadora */
.calculadora{
display: block;
width: 100%;
margin: 0;
padding: 0 0 90px 0;
position: relative;
}
.calculadora::after{
display: block;
content: "";
width: 100%;
height: 10px;
background: #f7ab05;
margin: 0;
padding: 0;
position: absolute;
bottom: 0;
}
.calculadora-form{
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 60px 0;
width: 900px;
height: auto;
margin: 0 auto;
padding: 0;
}
.calculadora-wrapper{
display: flex;
justify-content: center;
align-items: center;
gap: 0 50px;
margin: 0 auto;
padding: 0;
}
.calculadora-wrapper-label{
display: block;
width: 500px;
height: 65px;
margin: 0;
padding: 0;
}
.calculadora-wrapper-label h3{
display: block;
width: 100%;
height: 40px;
margin: 0;
padding: 0;
font-size: 35px;
font-weight: 700;
text-align: right;
color: #f7ab05;
line-height: 40px;
}
.calculadora-wrapper-label span{
display: block;
width: 100%;
height: 25px;
margin: 0;
padding: 0;
font-size: 20px;
font-weight: 400;
text-align: right;
color: #f7ab05;
line-height: 25px;
}
.calculadora-wrapper-input-div{
display: flex;
justify-content: start;
align-items: center;
flex-wrap: wrap;
width: 400px;
height: 40px;
margin: 0;
padding: 0;
position: relative;
}
.calculadora-wrapper-input-range{
position: relative;
z-index: 1;
}
.calculadora-wrapper-input-div::before{
display: none !important;
content: '';
width: 2px;
height: 18px;
background: #f7ab05;
margin: 0;
padding: 0;
position: absolute;
left: 0;
z-index: 0;
}
.calculadora-wrapper-input-div::after{
content: '';
display: none !important;
width: 2px;
height: 18px;
background: #f7ab05;
margin: 0;
padding: 0;
position: absolute;
right: 0;
z-index: 0;
}
.calculadora-wrapper-input-div-min{
display: block;
width: 70px;
margin: 0;
padding: 0;
font-size: 16px;
font-weight: 400;
text-align: left;
color: #f7ab05;
line-height: 18px;
position: absolute;
bottom: -5px;
left: 0;
}
.calculadora-wrapper-input-div-max{
display: block;
width: 70px;
margin: 0;
padding: 0;
font-size: 16px;
font-weight: 400;
text-align: right;
color: #f7ab05;
line-height: 18px;
position: absolute;
bottom: -5px;
right: 0;
}
.calculadora-select{
display: flex;
justify-content: center;
align-items: center;
gap: 0 50px;
margin: 0 auto 50px auto;
padding: 0;
}
.calculadora-select-label{
display: block;
width: 500px;
height: 40px;
margin: 0;
padding: 0;
font-size: 35px;
font-weight: 700;
text-align: right;
color: #f7ab05;
line-height: 40px;
}
.calculadora-select-div{
display: flex;
justify-content: start;
align-items: center;
flex-wrap: wrap;
width: 400px;
height: 40px;
margin: 0;
padding: 0;
position: relative;
}
.calculadora-select-div::before {
display: block;
width: 20px;
height: 40px;
font-size: 22px;
color: #e5231b;
line-height: 40px;
margin: 0;
padding: 0;
position: absolute;
transform: rotate(90deg);
right: 20px;
}
.calculadora-select-input{
display: block;
width: 100%;
height: 40px;
margin: 0;
padding: 0;
font-size: 16px;
font-weight: 400;
text-align: center;
color: #f7ab05;
line-height: 40px;
border-radius: 20px 20px 0 0;
border: 2px solid #ca8b00;
appearance: none;
position: relative;
}
.calculadora-wrapper-input-text {
display: block;
width: 100%;
height: 40px;
margin: 0;
padding: 0;
line-height: 40px;
font-size: 18px;
font-weight: 400;
text-align: center;
color: #f7ab05;
border: 1px solid #f7ab05;
appearance: none;
}
.calculadora-wrapper-input-text[type='number'] {
-moz-appearance:textfield;
}
.calculadora-wrapper-input-text::-webkit-outer-spin-button,
.calculadora-wrapper-input-text::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.calculadora-wrapper-button{
display: block;
width: 264px;
height: 65px;
margin: 0;
padding: 0;
background: #e5261f;
font-size: 30px;
font-weight: 700;
text-align: center;
color: #fff;
line-height: 65px;
border-radius: 20px 20px 0 0;
cursor: pointer;
position: absolute;
bottom: 0;
left: calc(50% - 132px);
z-index: 10;
appearance: none;
border: none;
transition: all 300ms ease-in;
-webkit-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
}
.calculadora-wrapper-button:hover{
background: #f7ab05;
color: #e5261f;
}
input[type="range"] {
-webkit-appearance: none;
appearance: none;
background: transparent;
cursor: pointer;
width: 100%;
}
input[type="range"]:focus {
outline: none;
}
input[type="range"]::-webkit-slider-runnable-track,
input[type="range"]::-moz-range-track {
background-color: #f7ab05;
border-radius: 0;
height: 1px;
}
input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
margin-top: -6px;
background-color: #e5231b;
height: 12px;
width: 54px;
border-radius: 6px;
}
input[type="range"]:focus::-webkit-slider-thumb {
border: 0;
outline: 0;
outline-offset: 0;
}
input[type="range"]::-moz-range-thumb {
border: none;
background-color: #e5231b;
height: 12px;
width: 54px;
border-radius: 6px;
}
input[type="range"]:focus::-moz-range-thumb {
border: 0;
outline: 0;
outline-offset: 0;
}
.resultado{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 500px;
margin: 0;
padding: 0;
}
.resultado-content{
display: flex;
justify-content: start;
align-items: center;
flex-wrap: wrap;
gap: 25px 0;
width: 600px;
height: auto;
margin: 0;
padding: 0;
}
.resultado-content-title{
display: block;
width: 100%;
font-size: 38px;
font-weight: 700;
text-align: left;
color: #e5231b;
line-height: 45px;
margin: 0;
padding: 0;
}
.resultado-content-valor{
display: flex;
justify-content: start;
align-items: center;
gap: 0 20px;
width: 100%;
height: 40px;
line-height: 40px;
text-align: left;
margin: 0;
padding: 0;
}
.resultado-content-valor strong{
display: block;
font-weight: 700;
font-size: 38px;
text-align: right;
color: #e5231b;
margin: 0;
padding: 0;
width: 200px;
}
.resultado-content-valor h4{
display: block;
font-weight: 400;
font-size: 20px;
color: #333333;
margin: 0;
padding: 0;
width: calc(100% - 220px);
}
/* #endregion */
/* #region contato e trabalhe conosco */
.contato {
display: flex;
justify-content: center;
align-items: stretch;
flex-wrap: wrap;
gap: 80px 80px;
margin-top: 105px;
margin-bottom: 90px;
}
.contato-setors{
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
width: 1600px;
height: auto;
margin: 0 auto;
padding: 0;
margin-bottom: 90px;
}
.contato-setors-title{
display: block;
width: 100%;
font-size: 30px;
line-height: 30px;
font-weight: 700;
color: #4b4b4b;
margin: 0 0 30px 0;
padding: 0;
text-align: center;
}
.contato-setors-list{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: center;
gap: 65px 30px;
width: 100%;
}
.contato-setors-item{
display: block;
width: 23%;
max-width: 360px;
height: auto;
min-width: 285px;
}
.setor-sem-title{ margin-top: 35px; }
.contato-setors-mainteam{
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
gap: 35px 0px;
width: 100%;
}
.contato-team-item{
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
width: 100%;
}
.contato-setors-team{
display: block;
width: 100%;
height: auto;
}
.contato-setors-item-titulo{
display: block;
width: 100%;
font-size: 22px;
line-height: 28px;
font-weight: 700;
color: #4b4b4b;
margin: 0;
padding: 0;
margin-bottom: 10px;
}
.contato-setors-item-name{
display: block;
width: 100%;
font-size: 22px;
line-height: 28px;
font-weight: 700;
color: #f7ab05;
margin: 0;
padding: 0;
}
.contato-setors-item-info{
display: block;
width: 100%;
font-size: 20px;
line-height: 26px;
font-weight: 400;
color: #4b4b4b;
margin: 0;
padding: 0;
}
#sendContact{
display: block;
width: 1000px;
height: auto;
margin: 0;
padding: 0;
}
#sendWorkhere{
display: block;
width: 725px;
height: auto;
margin: 0;
padding: 0;
}
.contato-form{
display: flex;
justify-content: start;
align-items: center;
flex-wrap: wrap;
gap: 25px 0;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
.contato-form-wrapper{
display: block;
width: 100%;
height: 54px;
margin: 0;
padding: 0;
border-radius: 20px 20px 0 0;
border: 2px solid #ca8b00;
position: relative;
cursor: text;
}
.contato-form-wrapper-text{
display: block;
width: 100%;
height: 315px;
margin: 0;
padding: 0;
border-radius: 20px 20px 0 0;
border: 2px solid #ca8b00;
position: relative;
cursor: text;
}
.contato-form-label{
display: block;
width: 100%;
height: 54px;
font-size: 20px;
line-height: 54px;
font-weight: 700;
color: #f7ab05;
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: 25px;
}
.contato-form-control{
display: block;
width: 100%;
height: 54px;
padding: 0 25px;
font-size: 20px;
line-height: 54px;
font-weight: 500;
color: #f7ab05;
background: transparent;
appearance: none;
border: none;
}
.contato-form-control-text{
display: block;
width: 100%;
height: 100%;
padding: 20px 25px;
font-size: 20px;
line-height: 30px;
font-weight: 500;
color: #f7ab05;
background: transparent;
appearance: none;
border: none;
}
.contato-form-control-text:hover, .contato-form-control-text:focus,
.contato-form-control:hover, .contato-form-control:focus{
background: transparent;
appearance: none;
border: none;
box-shadow: none;
}
.contato-form-label-select{
display: block;
position: absolute;
right: 10px;
height: 100%;
width: 50px;
margin: 0;
}
.contato-form-label-select::before {
font-size: 30px;
line-height: 50px;
color: #e5231f;
height: 100%;
width: 100%;
transform: rotate(90deg);
text-align: center;
}
.contato-form-wrapper-button{
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 0 0;
width: 100%;
height: auto;
margin: 20px 0 0 0;
padding: 0;
position: relative;
}
.form-message{
display: block;
width: 100%;
height: 20px;
font-size: 14px;
list-style: 20px;
font-weight: 400;
position: absolute;
top: -20px;
right: 0;
}
.error-message{
display: block;
width: 100%;
height: 20px;
font-size: 14px;
list-style: 20px;
font-weight: 400;
text-align: right;
position: absolute;
top: -20px;
color: #e5231f;
}
.send-progress{
display: block;
width: 100%;
height: 20px;
font-size: 14px;
list-style: 20px;
font-weight: 400;
text-align: right;
position: absolute;
top: -20px;
color: #f8ac17;
}
.sucess{
display: block;
width: 100%;
height: 20px;
font-size: 14px;
list-style: 20px;
font-weight: 400;
text-align: right;
position: absolute;
top: -20px;
color: #00a153;
}
.contato-form-button{
display: block;
width: 200px;
height: 80px;
margin: 0;
padding: 0;
font-weight: 700;
color: #fff;
font-size: 22px;
text-align: center;
line-height: 80px;
background: #e5231b;
appearance: none;
border: none;
cursor: pointer;
border-radius: 20px 20px 0 0;
transition: all 300ms ease-in;
-webkit-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
}
.contato-form-button:hover{
height: 80px;
line-height: 80px;
box-shadow: none;
border-top-left-radius: 40px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 40px;
}
.contato-map{
display: block;
width: 100%;
height: auto;
padding: 0 0 0 0;
margin: 0 0 60px 0;
position: relative;
}
.contato-map::before{
display: block;
width: 100%;
height: 10px;
content: '';
padding: 0;
margin: 0;
background: #f7ab05;
position: absolute;
top: -10px;
left: 0;
}
.contato-map-title{
display: block;
width: 100%;
height: 80px;
padding: 0 0 0 0;
margin: 10px 0 0 0;
font-size: 20px;
line-height: 80px;
font-weight: 700;
color: #4b4b4b;
}
#map{
display: block;
width: 100%;
height: 550px;
padding: 0 0 0 0;
margin: 10px 0 0 0;
border: 3px solid #e5231b;
border-top-left-radius: 10% 29%;
border-top-right-radius: 2.5% 7%;
border-bottom-left-radius: 2.5% 7%;
border-bottom-right-radius: 10% 29%;
}
/* #endregion */
/* #region Onde Encontrar */
.locais{
display: block;
width: 100%;
height: auto;
padding: 0;
margin: 0;
}
.locais_title{
display: block;
font-size: 38px;
line-height: 40px;
font-weight: 700;
text-align: center;
color: #e5231b;
padding: 0;
margin: 0;
}
.locais-form-bar{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
align-content: center;
width: 100%;
height: auto;
background: #f7ab05;
padding: 45px 0;
margin: 0;
box-sizing: border-box;
}
.locais-form-bar .box{
display: flex;
justify-content: center;
align-items: center;
align-content: center;
padding: 0;
margin: 0 auto;
flex-direction: column;
}
.locais-form-selects{
display: flex;
justify-content: end;
align-items: center;
gap: 0 30px;
width: 50%;
padding: 0;
margin: 0 auto;
}
.locais-form-wrapper{
display: flex;
justify-content: center;
align-items: center;
width: 290px;
height: 40px;
padding: 0;
margin: 0;
position: relative;
}
.locais-form-wrapper-city{
width: 330px;
}
.locais-form-wrapper::before{
display: block;
position: absolute;
height: 40px;
width: 20px;
right: 20px;
text-align: center;
line-height: 40px;
transform: rotate(90deg);
color: #e5231b;
font-size: 20px;
}
.locais-form-label{
display: block;
width: fit-content;
font-size: 22px;
line-height: 80px;
font-weight: 700;
text-align: center;
color: #ffffff;
padding: 0;
margin: 0 15px 0 0;
}
.locais-form-select{
display: block;
height: 40px;
padding: 0 10px;
border: 2px solid #ca8b00;
border-radius: 20px 20px 0 0;
background: #f7ab05 url("../../images/select.png") no-repeat 90% 50%;
font-size: 18px;
line-height: 40px;
font-weight: 400;
text-align: left;
color: #ffffff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
outline: none;
}
.locais-form-select-state{
width: 195px;
}
.locais-form-select-city{
width: 390px;
}
.locais-form-search{
display: flex;
justify-content: center;
align-items: center;
gap: 0 0;
padding: 0;
width: 50%;
margin: 0 auto;
}
.locais-form-input{
display: block;
width: 295px;
height: 40px;
padding: 0 10px;
border: 2px solid #ca8b00;
border-right: none;
border-top-left-radius: 20px;
background: transparent;
font-size: 18px;
line-height: 40px;
font-weight: 400;
text-align: left;
color: #ffffff;
}
.locais-form-submit{
display: block;
width: 175px;
height: 40px;
padding: 0;
margin: 0;
background: #e5231b;
border: 2px solid #ca8b00;
border-left: none;
border-top-right-radius: 20px;
font-size: 16px;
line-height: 40px;
font-weight: 700;
text-align: center;
color: #ffffff;
cursor: pointer;
appearance: none;
}
.locais-form-input:hover, .locais-form-input:focus{
outline: none;
box-shadow: none;
}
.category-wrapper{ width: 420px; }
#id_categoryculture{ width: 300px; }
.locais-form-radios{
display: block;
height: auto;
padding: 0;
margin: 90px auto 140px auto;
}
.locais-form-radios-list{
display: grid;
grid-template-columns: repeat( auto-fit, 300px);
grid-auto-flow: dense;
justify-content: start;
align-items: flex-start;
gap: 25px 25px;
padding: 0;
margin: 50px 0 0 0;
}
.locais-form-radios-item{
display: block;
width: 300px;
height: 25px;
padding: 0;
margin: 0;
}
.locais-form-radios-item-label{
display: inline-block;
font-size: 20px;
line-height: 25px;
font-weight: 700;
text-align: center;
color: #333333;
padding: 0;
margin: 0;
cursor: pointer;
}
.locais-form-radios-item-label::before{
display: inline-block;
cursor: pointer;
height: 25px;
width: 25px;
content: '';
vertical-align: top;
border-radius: 50%;
margin: 0 20px 0 0;
border: 3px solid #f7ab05;
text-align: center;
line-height: 15px;
color: #e5231b;
font-size: 25px;
}
.locais-form-radios-item-label.actived::before{
content: 'â—';
}
.locais-show{
display: block;
width: 100%;
height: auto;
margin: 35px 0 140px 0;
padding: 0;
transition: height 300ms ease-in;
-webkit-transition: height 300ms ease-in;
-ms-transition: height 300ms ease-in;
-moz-transition: height 300ms ease-in;
}
.locais-show-list{
display: flex;
justify-content: start;
align-items: stretch;
flex-wrap: wrap;
gap: 0 0;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
.locais-show-item{
display: flex;
justify-content: start;
align-items: flex-start;
gap: 0 25px;
width: 50%;
margin: 0;
padding: 40px 50px 35px 50px;
}
.locais-show-item-img{
display: block;
width: 230px;
height: 170px;
background: transparent;
border: 1px solid #b9aea5;
border-radius: 45px 10px 45px 10px;
overflow: hidden;
}
.locais-show-item-infos{
display: block;
width: calc(100% - 255px);
height: auto;
margin: 0;
padding: 0;
}
.locais-show-item-infos-title{
display: block;
font-size: 24px;
line-height: 25px;
font-weight: 700;
color: #333333;
margin: 0;
padding: 0;
}
.locais-show-item-infos-city{
display: block;
font-size: 18px;
line-height: 25px;
font-weight: 500;
color: #333333;
margin: 0;
padding: 0;
}
.locais-show-item-infos-phone{
display: block;
font-size: 18px;
line-height: 25px;
font-weight: 500;
color: #333333;
margin: 0;
padding: 0;
}
.locais-show-item-infos-cultivares{
display: block;
font-size: 16px;
line-height: 25px;
font-weight: 600;
color: #333333;
margin: 30px 0 0 0;
padding: 0;
}
.locais-show-list .pagination-box{
margin-top: 65px;
}
.zero-multiplicador{
display: block;
width: 100%;
font-size: 20px;
line-height: 24px;
text-align: center;
font-weight: 700;
margin: 35px 0 50px 0;
color: #e5231b;
}
/* #endregion */
/* #region noticias */
.noticias-bar{
display: block;
height: 80px;
width: 100%;
background: #f7ab05;
margin: 0;
padding: 0;
}
.noticias-bar .box{
display: flex;
justify-content: start;
align-items: center;
}
.noticias-wrapper{
display: flex;
justify-content: start;
align-items: center;
width: 50%;
margin: 0;
padding: 0 0 0 75px;
position: relative;
}
.noticias-wrapper::before {
display: block;
font-size: 22px;
line-height: 40px;
color: #e5231f;
height: 40px;
width: 40px;
transform: rotate(90deg);
text-align: center;
position: absolute;
right: 105px;
}
.noticias-label{
display: block;
width: fit-content;
font-size: 22px;
line-height: 80px;
font-weight: 700;
text-align: center;
color: #fff;
padding: 0;
margin: 0 15px 0 0;
}
.noticias-input{
display: inline-block;
width: 295px;
height: 40px;
font-size: 18px;
line-height: 40px;
font-weight: 400;
text-align: left;
color: #fff;
padding: 0 15px;
margin: 0;
background: transparent;
border: 3px solid #ca8b00;
border-right: 0;
border-radius: 20px 0 0 0;
appearance: none;
}
.noticias-button{
display: inline-block;
width: 175px;
height: 40px;
font-size: 22px;
line-height: 40px;
font-weight: 700;
text-align: center;
color: #fff;
background: #e5231b;
border-radius: 0 20px 0 0;
border: 0;
appearance: none;
cursor: pointer;
}
.noticias-input:hover, .noticias-input:focus,
.noticias-button:hover, .noticias-button:focus{
box-shadow: none;
outline: none;
}
.noticias-select{
display: inline-block;
width: 385px;
height: 40px;
font-size: 22px;
line-height: 40px;
font-weight: 700;
text-align: center;
color: #fff;
background: none;
appearance: none;
margin: 0;
padding: 0;
border: 3px solid #ca8b00;
border-radius: 20px 20px 0 0;
background-color: #f7ab05;
box-shadow: 0 5px 25px #f7ab0533;
-webkit-appearance: none;
appearance: none;
outline: none;
}
.noticias-select option{
background: #f7ab05;
appearance: none;
}
.noticias-list{
display: flex;
justify-content: start;
align-items: center;
flex-wrap: wrap;
gap: 50px 105px;
margin: 70px 0 120px 0;
padding: 0;
}
.noticias-item{
display: block;
width: 460px;
height: 600px;
margin: 0;
padding: 0;
}
.noticias-item a{
display: flex;
justify-content: start;
align-items: center;
flex-wrap: wrap;
gap: 25px 0;
margin: 0;
padding: 0;
}
.noticias-item-img{
display: block;
width: 460px;
height: 315px;
margin: 0;
padding: 0;
border: 2px solid #e5231b;
/* border-radius: 90px 15px 90px 15px; */
overflow: hidden;
transition: all 300ms ease-in;
-webkit-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
border-top-left-radius: 19% 28%;
border-top-right-radius: 3% 5%;
border-bottom-left-radius: 3% 5%;
border-bottom-right-radius: 19% 28%;
}
.noticias-item-infos{
display: flex;
justify-content: start;
align-items: center;
flex-wrap: wrap;
gap: 25px 0;
height: calc(100% - 315px - 25px);
margin: 0;
padding: 0;
}
.noticias-item-infos-title{
display: block;
width: 100%;
font-size: 30px;
line-height: 35px;
font-weight: 700;
text-align: left;
color: #333333;
margin: 0;
padding: 0;
}
.noticias-item-infos-date{
display: block;
width: 100%;
font-size: 18px;
line-height: 22px;
font-weight: 400;
font-style: italic;
text-align: left;
color: #333333;
text-transform: lowercase;
margin: 0;
padding: 0;
}
.noticias-item-infos-description{
display: block;
width: 100%;
font-size: 18px;
line-height: 22px;
font-weight: 400;
text-align: left;
color: #333333;
margin: 0;
padding: 0;
}
.noticias-item-infos-button{
display: block;
width: 160px;
height: 35px;
margin: 0;
padding: 0;
background: #e5231b;
font-size: 18px;
line-height: 35px;
font-weight: 700;
text-align: center;
color: #fff;
border-radius: 20px 20px 0 0;
transition: all 300ms ease-in;
-webkit-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
}
.noticias-item:hover .noticias-item-infos-button{
height: 65px;
line-height: 65px;
border-radius: 30px 15px 30px 15px;
background: #f7ab05;
}
.noticias-item:hover .noticias-item-img{
border-color: #f7ab05;
}
/* #endregion */
/* #region paginate */
.pagination-box{
display: block;
width: 100%;
}
.pagination-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
align-items: center;
gap: 0 20px;
padding-left: 0;
list-style: none;
border-radius: 0;
margin: 0 auto;
}
.pagination-item{
display: block;
width: 50px;
height: 50px;
margin: 0;
padding: 0;
background: #e5231b;
border-radius: 50%;
cursor: pointer;
}
.pagination-item.disabled{background: #ca8b00;}
.pagination-item.active{background: #f7ab05;}
.pagination-link, a.pagination-link{
display: block;
font-size: 30px;
line-height: 50px;
font-weight: 700;
text-align: center;
color: #f7ab05;
position:relative;
padding: 0;
margin:0;
border:none;
}
.pagination-item.active .pagination-link, .pagination-item.disabled .pagination-link,
.pagination-item.active a.pagination-link, .pagination-item.disabled a.pagination-link{color: #e5231b;}
.pagination-item-button{
display: block;
width: 50px;
height: 50px;
margin: 0;
cursor: pointer;
padding: 0;
}
.pagination-item-button .pagination-link,.pagination-item-button a.pagination-link{font-size: 50px;}
.pagination-item-button.disabled .pagination-link i::before{color: #e5231b;}
.pagination-item.disabled, .pagination-item.active,.pagination-item-button.disabled{cursor: default;}
/* #endregion */
/* #region noticias zoom */
.noticias-zoom-img{
margin-top: 65px;
}
.noticias-zoom{
display: flex;
justify-content: start;
align-items: stretch;
gap: 0 200px;
margin-bottom: 120px;
margin-top: 150px;
}
.noticias-zoom-article{
display: block;
width: 920px;
height: auto;
margin: 0 0;
padding: 0 0 0 45px;
}
.noticias-zoom-article-title{
display: block;
width: 100%;
height: auto;
font-size: 48px;
line-height: 50px;
font-weight: 700;
text-align: left;
color: #e5231b;
margin: 0 0 60px 0;
}
.noticias-zoom-article-date{
display: block;
width: 100%;
height: auto;
font-size: 20px;
line-height: 24px;
font-weight: 500;
text-align: left;
color: #333;
font-style: italic;
margin: 0 0 30px 0;
}
.noticias-zoom-article-text{
display: block;
width: 100%;
height: auto;
font-size: 20px;
line-height: 24px;
font-weight: 400;
text-align: left;
color: #333;
}
.noticias-zoom-more{
display: block;
width: 480px;
height: auto;
margin: 0 0;
padding: 0 0 0 45px;
}
.noticias-zoom-more-title{
display: block;
width: 100%;
height: auto;
font-size: 40px;
line-height: 42px;
font-weight: 500;
text-align: left;
color: #f7ab05;
margin: 0 0 30px 0;
}
.noticias-zoom-more-share{
display: flex;
justify-content: start;
align-items: flex-start;
gap: 0 10px;
width: 100%;
height: 45px;
margin: 0;
padding: 0;
}
.noticias-zoom-more-link{
display: block;
width: 45px;
height: 45px;
margin: 0;
padding: 0;
border-radius: 50%;
}
.noticias-zoom-more-icon{
display: block;
width: 45px;
height: 45px;
margin: 0;
padding: 0;
}
.noticias-zoom-more-icon::before{
display: block;
width: 45px;
height: 45px;
margin: 0;
padding: 0;
font-size: 45px;
line-height: 45px;
color: #f7ab05;
}
.noticias-zoom-list{
display: flex;
justify-content: start;
align-items: stretch;
flex-wrap: wrap;
gap: 40px 0;
width: 460px;
height: auto;
margin: 60px 0 0 0;
padding: 0;
}
/* #endregion */
/* #region Cookie consent */
.cookie-consent {
display: block;
width: 100%;
height: 390px;
position: fixed;
bottom: 0;
z-index: 999999;
background: #e5261f;
}
.cookie-consent .box{
padding: 80px 2.5%;
}
.cookie-consent__title{
display: block;
font-size: 22px;
line-height: 22px;
font-weight: 700;
text-align: left;
color: #ffb105;
}
.cookie-consent__message{
display: block;
margin: 20px 0 50px 0;
font-size: 20px;
line-height: 29px;
font-weight: 400;
text-align: left;
color: #ffffff;
}
.cookie-consent__agree{
display: block;
width: 255px;
height: 45px;
background: #f7ab05;
border-radius: 20px 20px 0 0;
line-height: 45px;
font-size: 20px;
font-weight: 700;
text-align: center;
color: #fff;
border: 0;
appearance: none;
cursor: pointer;
}
/* #endregion */
/* #initmap */
#mapcontact {
display: block;
width: 100%;
height: 550px;
padding: 0 0 0 0;
margin: 10px 0 0 0;
border: 3px solid #e5231b;
border-top-left-radius: 10% 29%;
border-top-right-radius: 2.5% 7%;
border-bottom-left-radius: 2.5% 7%;
border-bottom-right-radius: 10% 29%;
}
.leaflet-control-zoom-out,.leaflet-control-zoom-in{
outline: 1px solid red;
}
div.leaflet-top:nth-child(2) {
display: flex;
justify-content: end;
align-content: end;
align-items: end;
width: 97%;
}
.leaflet-right{
left: 30px !important;
right: unset;
}
/* #endmap */