@charset "UTF-8";
@import url("../fonts/fonts.css");

:root {
  --roboto: 'Roboto', sans-serif;
  --bebas: 'Bebas Neue', cursive;
}  

body{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #000000;
    
}
.grecaptcha-badge { 
    visibility: hidden;
}
/*.logo-box {
    background-color: rgba(0,0,0,0.70);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 35vh;
    max-width: 250px;
    padding-top: 30px;
    padding-bottom: 20px;
    padding-left: 3%;
    padding-right: 3%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    z-index: 200;
    opacity: 0;

}*/
.logo-box {
    background-color: rgba(0,0,0,0.70);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
   /* height: 18vh;*/
    max-width: 350px;
    padding-top: 30px;
    padding-bottom: 20px;
    padding-left: 3%;
    padding-right: 3%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    z-index: 200;
    opacity: 0;
}    
.logo-box img{
    width: 90%; 
}
.resp-img {
    width: 100%;
    height: auto;
}
.lang-box a {
    display: block;
    font-weight: 400;
    font-family: var(--roboto);
    text-transform: uppercase;
    font-size: 16px;
    color: #ffffff;
    transition: all .3s ease-in-out;
    letter-spacing: 2px;
}
.lang-box a:hover {
    text-decoration: none;
    color: #8DB735;
}
.lang-box {
    display: flex;
    justify-content: space-around;
}
.menu-box {
    position: absolute;
    top: 30px;
    right: 40px;
    z-index: 100;
}
.menu-box a {
    display: inline-block;
    padding-bottom: 10px;
    padding-top: 10px;
    font-family: var(--roboto);
    text-transform: uppercase;
    color: #ffffff;
    font-size: 15px;
    letter-spacing: 2px;
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: middle;
    opacity: 0;
}
.menu-box .hvr-underline-reveal:before{
    background: #8ab72e;
}
.menu-box a:hover {
    text-decoration: none; 
}



.newsletter-box {
    background-color: #8AB72E;
    border-top-right-radius: 50vw;
    margin-top: -100px;
}
.load1 {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #000000;
    z-index: 1007;
}
.load3 {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #000000;
    z-index: 1009;
}
.load2 {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #8AB72E;
    z-index: 1008;
}
.preload {
    background-color: #000000;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
}
.contact-button {
    padding-right: 15px;
    background-color: #8AB72E;
    padding-left: 15px;
    transition: all .3s ease-in-out;
}
.contact-button:hover, .contact-button:active {
    padding-right: 15px;
    background-color: #475E17;
    padding-left: 15px;
}

.newsletter-tittle {
    font-family: var(--bebas);
    font-size: clamp(35px, 5vw, 50px);
}
.form-field-newsletter{
    border-radius: 0px;
    font-size: 16px;
}
.newsletter-button {
    margin-left: -15px;
    margin-top: 16px;
}
.follow-us {
    font-family: var(--roboto);
    color: #ffffff;
    font-weight: 600;
    font-size: 15px;
    text-align: center
}
.social-box {
    text-align: center;
}
.social-box a {
    font-size: 25px;
    color: #ffffff;
    margin-left: 5px;
    margin-right: 5px;
    transition: all .3s ease-in-out;
}

.social-box a:hover,  .social-box a:active{
    color: #343A40;
    text-decoration: none
}
.txt-general-md {
    font-family: var(--roboto);
    font-size: 16px;
    line-height: 17px;
    
}
.txt-general {
    font-family: var(--roboto);
    font-size: 14px;
    line-height: 16px;
    
}
.txt-general-lg {
    font-family: var(--roboto);
    font-size: 19px;
    line-height: 28px;
    
}
.txt-gray {
     color: #A1A0A0;
}
.txt-white {
     color: #ffffff;
}
.txt-general-sm {
    font-family: var(--roboto);
    font-size: 13px;
    line-height: 13px;
    
}
.logo-footer {
    max-width: 110px;
}
.login-button {
    display: inline-block;
    border-bottom: 4px solid #8AB72E;
    color: #000000;
    font-weight: 600;
    font-family: var(--roboto);
    padding-bottom: 5px;
    transition: all .3s ease-in-out;
}
.login-button:hover {
    text-decoration: none;
    border-bottom: 4px solid #5A771E;
    color: #5A5A5A;
}
.resp-lang{
    display: none;
}
.menu-resp-button {
    display: none;
}
.owl-theme .owl-dots .owl-dot span {
    width: 40px !important;
    height: 3px !important;
    margin: 5px 7px;
    background: #D6D6D6;
    border-radius: 0px !important;
    outline: none !important;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #8DB735 !important;
}
.owl-theme .owl-dots .owl-dot {
    outline: none;
}
.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 0px !important; 
    height: 0px !important;
    -moz-transform: translate(0px, -35px);
    -webkit-transform: translate(0px, -35px);
    -o-transform: translate(0px, -35px);
    -ms-transform: translate(0px, -35px);
    transform: translate(0px, -35px);
}
.owl-theme .owl-dots .owl-dot span {
    background: rgba(255,255,255,0.37) !important;
}
.bg-gray {
    background-color: #E5E5E5;
}
.bg-black {
    background-color: #000000;
}
.bg-gray-dark {
    background-color: #333333;
}
.bg-green {
    background-color: #8AB72E;
}
.bg-green-dark {
    background-color: #87AC2C !important;
}
.sign-green {
    margin-top: -25px;
    padding: 25px;
    display: flex;
    align-items: center;
    background-color: #8AB72E;
    transition: all 500ms ease;
    font-family: var(--roboto);
    text-transform: uppercase;
    color: #000000;
    line-height: 30px;
    font-size: 25px;
}
.sign-green:hover {
    background-color: #719625;
    text-decoration: none;
}
.sign-green-dark {
    background-color: #87AC2C;
    transition: all 500ms ease;
}
.sign-green-dark:hover {
    background-color: #4E6915;
}
.sign-green h2 {
    font-family: var(--roboto);
    text-transform: uppercase;
    color: #000000;
    line-height: 20px;
    font-size: 15px;
    font-weight: 600;
    margin: 0px;
}
.sign-green h3 {
    font-family: var(--roboto);
    text-transform: uppercase;
    color: #ffffff;
    line-height: 20px;
    font-size: 15px;
    font-weight: 600;
    margin: 0px;
}
.bg-balls {
    background-image: url(../assets/layout/balls.svg);
    background-repeat: repeat-y;
    background-position: right center;
    background-size: 25% auto;
    background-attachment: fixed;
}
.intro-footer {
    padding-top: 10%;
    padding-bottom: 5%;
}
.col-footer {
    padding-bottom: 20%;
}
.button-rotator {
    position: absolute;
    top: 50%;
    -moz-transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    border: none;
    background-color: rgba(255,255,255,0.00);
    outline: 0 !important;
    color: #ffffff;
    font-family: var(--bebas);
    text-transform: uppercase;
    font-size: clamp(18px, 5vw, 18px);
    padding-left: 5px;
    padding-right: 5px;
}
.button-rotator:hover {
    background-color: rgba(255,255,255,0.20);
    border-radius: 8px;
}
.am-prev{
    right: 10px;
}
.am-next{
    left: 10px;
}
.rotator .owl-nav {
    height: 0px;
}
.content-rotator {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 100%;
    transition: transform 500ms ease;
}
.content-rotator:hover {
   /* transform: scale(1.05);*/
     
}
.image-rotator {
    width: 100%;
    height: 100%;
    z-index: 9;
    position: absolute;
    top:0px;
    left: 0px;
    object-fit: cover;
    
}
.image-rotator:hover {
    scale: 1.1;
    
}
.text-rotator {
    position: relative;
    z-index: 20;
    height: 500px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 15% 10%;
    transition: all .3s ease-in-out;
    background-color: rgba(0,0,0,0.10);
    text-decoration: none;
    color: #ffffff;
    font-size: 36px;
    font-family: var(--bebas);
    line-height: clamp(22px, 5vw, 32px);
    text-shadow: 1px 2px 3px rgba(0,0,0,0.30);
}
.text-rotator:after{
    content: '';
    position: absolute;
    bottom: 0px;
    width: 110%;
    height: 3px;
    background-color: #8AB72E;
    right: 0px;
    transform: scaleX(0);
    transition: transform 500ms ease;
    transform-origin: left;
    
}
.text-rotator:hover:after{
    transform: scaleX(1);
}
.text-rotator:hover {
    background-color: rgba(255,255,255,0.10);
    text-decoration: none;
    color: #ffffff;
    transition:  all 500ms ease;
}
.header-card {
    height: 90vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.header-contact {
    height: 60vh !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.tittle-slider {
    color: #FFFFFF;
    font-family: var(--roboto);
    font-weight: 600;
    font-size: clamp(30px, 5vw, 70px);
    line-height: clamp(30px, 5vw, 70px);
    text-shadow: 2px 3px 3px rgba(0,0,0,0.36);
}
.sub-tittle-slider {
    color: #FFFFFF;
    font-family: var(--roboto);
    font-weight: 800;
    font-size: clamp(20px, 5vw, 25px);
    line-height: clamp(20px, 5vw, 25px);
    text-shadow: 2px 3px 3px rgba(0,0,0,0.36);
}
.read-more-slider {
    color: #ffffff;
    font-family: var(--roboto);
    font-weight: 300;
    font-size: clamp(20px, 5vw, 25px);
    line-height: clamp(20px, 5vw, 25px);
    text-shadow: 1px 1px 3px rgba(0,0,0,0.40);
    padding-top: 6px;
    padding-right: 6px;
    padding-left: 15px;
    padding-bottom: 6px;
    transition: all 500ms ease;
    margin-left: -15px;
    background-color: #92bb42;
    border-radius: 8px;
}
.read-more-slider:hover {
    background-color: #67872A;
    border-radius: 8px;
    color: #ffffff;
    text-decoration: none;
}
.text-slider {
    color: #FFFFFF;
    font-family: var(--roboto);
    font-weight: 400;
    font-size: clamp(15px, 5vw, 16px);
    line-height: clamp(17px, 5vw, 19px);
    text-shadow: 1px 1px 3px rgba(0,0,0,0.40);
}
.tittle {
    font-weight: 700;
    font-family: var(--roboto);
    font-size: clamp(15px,5vw, 25px);
}
.txt-general {
    font-weight: 400;
    font-family: var(--roboto);
    font-size: 16px;
    line-height: 20px;
}
.years-box {
    background-color: #8AB72E;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    max-width: 300px;
    font-size: 20px;
    line-height: 24px;
    margin-left: 40px;
    margin-right: auto;
    margin-top: 60px;
}
.years-box-year {
    font-weight: 700;
    font-family: var(--roboto);
    font-size: 160px;
    line-height: 60px;
    margin-top: -40px;
    margin-left: -40px;
}
#header-rotator {
    position: relative;
}
.white-corner {
    position: absolute;
    background-color: #FFFFFF;
    bottom: 0px;
    left: 0px;
    width: 25px;
    z-index: 50;
    height: 55vh;
}
.sold-rotator {
    font-size: 22px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.pic-deco {
    position: absolute;
    width: 40%;
    bottom: -3rem;
    right: 0px;
}

.text-rotator .sold-rotator .arrow-link  {
    transition:  all 500ms ease;
    
}
.text-rotator:hover .sold-rotator .arrow-link  {
    color: #8AB72E;
    font-size: 35px;
    transition:  all 500ms ease;
    
}
.projects-box {
    padding-bottom: 26%;
}
.intro-project-detail {
    padding-top: 10%;
    padding-bottom: 5%;
}
.description-box {
    max-width: 700px;
}
.bt-white {
    border-top: 25px solid #FFFFFF;
}
.gallery-full {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    transition: all 400ms ease;

}
.gallery-full:hover {
    scale: 1.05;
}
.map-container {
    position: relative;
}
.map-container img {
    width: 100%;
    height: auto;
}
.prop-number {
    padding-left: 1%;
    padding-right: 1%;
    display: block;
    background-color: #ffffff;
    position: absolute;
    color: #000000;
    font-family: var(--roboto);
    font-size: 2vw;
    box-shadow: 4px 4px 5px hsl(0deg 0% 0% / 20%);
    font-weight: 400;
    min-width: 7%;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;    
}
.prop-number:hover {
    background-color: #BE7F3C;
    text-decoration: none;
    color: #ffffff;
}
.tittle-map {
    position: absolute;
    background-color: #696371;
    padding-left: 5%;
    padding-right: 5%;
    top: 0px;
    left: 0px;
    color: #ffffff;
    font-size: clamp(20px, 5vw, 22px);
    line-height: clamp(40px, 7vw, 70px);
    z-index: 10;
    transform: translateY(-50%);
    box-shadow: 4px 4px 5px hsl(0deg 0% 0% / 20%);
    font-family: var(--roboto);
    text-transform: uppercase;
}
.download-button {
    display: inline-block;
    background-color: #8AB72E;
    color: #FFFFFF;
    padding-left: 15px;
    padding-right: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 3px;
    transition: all .3s ease-in-out;    
}
.download-button:hover {
    background-color: #51691E;
    color: #FFFFFF;
    text-decoration: none;
}
.table-tittle {
    color: #FCA649;
    font-family: var(--roboto);
    font-weight: 300;
    font-size: 25px;
    text-transform: uppercase;

}
.gallery-large {
    width: 100%;
    height: 100%;
    object-fit: cover;
    
}
.map-button {
    color: #FFFFFF;
    font-family: var(--roboto);
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    transition: all .3s ease-in-out;
    padding: 5px 15px 5px 15px;
    border-radius: 5px;    
    font-size: 22px;
    line-height: 25px;
}
.map-button:hover {
    background-color: #8AB72E;
    text-decoration: none;
    color: #ffffff;
    
}
.desc-picture {
    max-width: 450px;
}
.project-back {
    background-color: rgba(0,0,0,0.30);
    transition:  all 500ms ease;
}
.project-back:hover {
    background-color: rgba(255,255,255,0.10);
    transition:  all 500ms ease;
}
.line-deco {
    position: absolute;
    width: 30%;
    height: auto;
    right: 0px;
    transform: translateY(-50%);
    max-width: 150px;
}
.label-map {
    color: #ffffff;
    font-family: var(--roboto);
    font-size: 2vw;
    font-weight: 400;
    position: absolute;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.34);
}
.machine {
    position: absolute;
    top: -250px;
    right: 0px;
    width: 100%;
    height: auto;
    z-index: 10;
}
.black-field {
    background-color: #262727;
    color: #8DB735;
    border-radius: 0px;  
    border: none;
}
.bg-black-dark {
    background-color: #262727;
}
.sold-price {
    padding-right: 15px;
    color: #000000 !important;
    font-weight: 800;
    font-size: 20px;
    display: inline-block;
    background: #8ab72e !important;
    padding-left: 15px;
    text-transform: uppercase;
}


@media screen and (max-width: 992px) { 
.logo-box{
    height: auto;
    max-width: 220px;
}
.lang-box{
    display: none;
}
.resp-lang {
    position: absolute;
    top: 0px;
    right: 50px;
    background-color: rgba(0,0,0,0.61);
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #FFFFFF;
    display: block;
    text-transform: uppercase;
    font-family: var(--roboto);
    font-size: 13px;
    line-height: 13px;
    transition: all .3s ease-in-out;
    z-index: 300;
    opacity: 0;
}
.resp-lang:hover, .resp-lang:active {
    background-color: #8AB72E;
    text-decoration: none;
    color: #000000;
}    
.social-box {
    margin-left: auto;
}
.newsletter-button {
    margin: 0px;
}
.newsletter-box {
    border-top-right-radius: 35vw;
}    

}

@media screen and (max-width:768px){
    
.resp-lang {
    right: 20px;
}    
.menu-resp-button {
    display: block;
    position: fixed;
    top: 30px;
    right: 20px;
    color: #000000;
    font-size: 27px;
    width: 50px;
    height: 50px;
    background-color: #8AB72E;
    -webkit-box-shadow: 1px 4px 5px rgba(0,0,0,0.30);
    box-shadow: 1px 4px 5px rgba(0,0,0,0.30);
    text-align: center;
    line-height: 50px;
    transition: all .3s ease-in-out;
    z-index: 20 !important;
}
.menu-resp-button:hover {
    background-color: #59761D;
    color: #ffffff;
    -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.0);
    box-shadow: 0px 0px 0px rgba(0,0,0,0.00);
} 
.menu-box {
    background-color: rgba(0,0,0,0.74);
    position: fixed;
    top: 90px;
    right: 20px;
    z-index: 100;
    width: 200px;;
    -webkit-box-shadow: 1px 4px 5px rgba(0,0,0,0.30);
    box-shadow: 1px 4px 5px rgba(0,0,0,0.30);
    overflow: hidden;
    height: 0px;
}
.menu-box a {
    display: block;
    text-align: right;
}
.contact-button{
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: 5px;
        
} 
.active{
    background-color: #59761D;
    color: #ffffff;
    -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.0);
    box-shadow: 0px 0px 0px rgba(0,0,0,0.00);
    
}  
.logo-box {
    height: auto;
    max-width: 160px;
}    
    
}