@import url('typography.css');
@import url('animations.css');

:root {
    --bs-body-color: #333333;
    --bs-link-color: #0d9c4a;
    --bs-link-hover-color: #333;
    --bs-dark-rgb: 51,51,51;
    --bs-info-rgb: 231,233,229;
    --bs-success-rgb: 13,156,74;

    --bs-border-radius: 0.625rem; /* 10px */
    --bs-body-line-height: 1.875rem;
    --bs-body-font-weight: 500;
}

/*
 * Body rules
 *--------------------------------*/
body {
    background-color: var(--bs-white);
    font-family: var(--main-font);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



/*
 * ELEMENTS
 *--------------------------------*/
 .row {--bs-gutter-x: 1.875rem;}

/* backgrounds */
div[data-bg],
section[data-bg] {
    background-size: cover;
    background-repeat: no-repeat;
}

.border-light {border-color: var(--bs-white);}

/* Buttons */
a {
    text-decoration: none;
    outline: none !important;
    transition: all .3s ease-in-out;
}
.btn {
    --bs-btn-padding-x: 1.25rem;
    --bs-btn-padding-y: 0.75rem;
    --bs-btn-font-weight: 800;
    --bs-btn-border-radius: .625rem;
}
.btn-light {
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: var(--bs-white);
    --bs-btn-border-color: var(--bs-white);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-body-color);
    --bs-btn-hover-border-color: var(--bs-body-color);
    box-shadow: 0 5px 15px 0 rgba(0,0,0, .2);
}
.btn-success {
    background-color: var(--bs-link-color);
}

figure {margin-bottom: 0;}
figure.has-overlay {
    position: relative;
    overflow: hidden;
}
figure.has-overlay::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, .1);
}

/*
 * NAVIGATION
 *--------------------------------*/
.navbar {
    padding-top: 10px;
    padding-bottom: 10px;
}
.navbar::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top,  rgba(13,156,74,0.5) 0%, rgba(13,156,74,0.5) 1%, rgba(13,156,74,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(13,156,74,0.5) 0%,rgba(13,156,74,0.5) 1%,rgba(13,156,74,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(13,156,74,0.5) 0%,rgba(13,156,74,0.5) 1%,rgba(13,156,74,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800d9c4a', endColorstr='#000d9c4a',GradientType=0 ); /* IE6-9 */
    z-index: -1;
}
.navbar-brand img {
    width: 250px;
    height: auto;
}
.navbar .nav-link {
    --bs-navbar-nav-link-padding-x: 10px;
    --bs-nav-link-font-size: .875rem;
    --bs-navbar-active-color: var(--bs-white);
    color: var(--bs-white);
    position: relative;
}
.navbar .nav-link::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: var(--bs-white);
    transform: scale(0);
    transform-origin: center;
    transition: all .3s ease-in-out;
}
.navbar .nav-link:hover::after,
.navbar .nav-link.active::after {
    transform: scale(1);
    transform-origin: center;
    transition: all .3s ease-in-out;
}
.navbar.scrolled {
    background-color: var(--bs-link-color);
    box-shadow: 0 5px 15px 0 rgba(0,0,0, .2);
    animation: fadeInDown .4s ease-in 0s 1 forwards;
}

.navbar .dropdown-menu {
    --bs-dropdown-font-size: .875rem;
}
.language-switcher a {
    display: flex;
    align-items: center;
    justify-content: start;
}
.language-switcher img,
.language-switcher__item img {
    width: 1.125rem;
    height: 1.125rem;
    object-fit: contain;
    margin-right: 8px;
}

 /*
 * FOOTER
 *--------------------------------*/
 .site__footer {
    font-size: 14px;
    padding: 20px 0;
 }

 /*
 * SHOWCASE
 *--------------------------------*/
 .site__showcase {
    background-color: rgba(var(--bs-success-rgb), .2);
    background-blend-mode: overlay;
    background-position: bottom;
    font-size: 18px;
    line-height: 48px;
    margin-bottom: 60px;
    padding-bottom: 35px;
    padding-top: 70px;
 }
 .site__showcase::before,
 .site__showcase::after {
    content: "" ;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.site__showcase::before {
    height: 100%;
    background: -moz-linear-gradient(top,  rgba(13,156,74,0.1) 0%, rgba(13,156,74,0.1) 80%, rgba(13,156,74,0.5) 100%);
    background: -webkit-linear-gradient(top,  rgba(13,156,74,0.1) 0%,rgba(13,156,74,0.1) 80%,rgba(13,156,74,0.5) 100%);
    background: linear-gradient(to bottom,  rgba(13,156,74,0.1) 0%,rgba(13,156,74,0.1) 80%,rgba(13,156,74,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a0d9c4a', endColorstr='#800d9c4a',GradientType=0 );
    z-index: 3;
}

.site__showcase .carousel img {
    height: 100%;
    object-fit: cover;
 }
 .site__showcase .container {
    z-index: 9;
 }
 .site__showcase__intro {
    background-size: 100px !important;
    background-position: center top !important;
    padding-top: 65px;
 }
 .site__showcase__intro h2,
 .site__showcase__intro h1,
 .site__showcase__intro p {
    display: inline-flex;
    margin-bottom: 0;
 }
 .site__showcase__intro h2 {line-height: 48px;}
 .site__showcase__intro h1 {
    font-size: 48px;
    line-height: 60px;
}
.site__showcase__count {
    font-size: 16px;
    line-height: 30px;
}


 /*
 * SLIDE #2
 *--------------------------------*/
 .site__about {
    margin-bottom: 60px;
 }
 .site__about__headings {margin-top: 60px;}
 .site__about__headings h2 {
    font-weight: 800;
    line-height: 48px;
    padding: 6px 20px 0;
 }
 .site__about__headings h1 {
    font-size: 48px;
    font-weight: 900;
    padding: 0 20px 9px;
 }
 .site__about__headings span {padding: 5px 20px;}


.site__about__info {
    /* margin-bottom: 60px; */
    padding: 46px 60px 51px;
}
.site__about__info h3 {
    line-height: 36px;
}
.site__about h4 {
    line-height: 30px;
    margin-bottom: 43px;
    margin-top: -9px;
}
.site__about__cover {
    background-position: center;
    background-color: rgba(var(--bs-success-rgb), .2);
    background-blend-mode: multiply;
    height: 600px;
    margin-bottom: -60px;
    margin-top: 60px;
}
/* .site__about .container:last-of-type h4 {
    margin-top: 52px;
    padding-top: 60px;
} */

 /*
 * SERVICES
 *--------------------------------*/
.site__services {padding-bottom: 30px;}
.site__services__grid {
    margin-bottom: 54px;
    padding: 60px 60px 8px;
}
.site__services__title {
    margin-bottom: 22px;
}
.site__services__item {
    align-items: center;
    margin-bottom: 43px;
}
.site__services__item svg {
    width: 150px;
    height: 80px;
    fill: var(--bs-link-color);
    margin-bottom: 10px;
}
.site__services__item p {margin-bottom: 0;}

.site__services__cereal {
    background-position: center;
    height: 260px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 40px;
    overflow: hidden;
}
.site__services__cereal h2 {padding: 4px 15px;}
.site__services__cereal.height-2 {height: 380px;}
.site__services__cereal:hover h2 {
    animation: fadeInUp .7s ease-in-out forwards;
}


 /*
 * ADVANTAGES
 *--------------------------------*/
 .site__advantages {
    padding-top: 52px;
    padding-bottom: 27px;
 }
 .site__advantages .icon {
    width: 70px;
    height: 40px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
 }
.site__advantages h1 {margin-bottom: 7px;}
.site__advantages h4 {
    line-height: 36px;
    margin-bottom: 30px;
}
.site__advantages p {margin-bottom: 24px;}
.site__advantages ul {
    margin-bottom: 0;
}
.site__advantages ul li:not(:last-child) {margin-bottom: 22px;}
.site__advantages ul li {
    position: relative;
    padding-left: 30px;
}
.site__advantages ul li::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--bs-white);
}

 /*
 * AREAS
 *--------------------------------*/
.site__areas {
    background-position: left 95%;
    color: var(--bs-black);
    font-weight: 800;
    min-height: 710px;
    padding-top: 50px;
    padding-bottom: 44px;
}
.site__areas ul h3 {font-weight: 800;}
.site__areas ul h3,
.site__areas ol li {margin-bottom: 7px;}
.site__areas ul > li {
    padding-bottom: 34px;
    padding-left: 40px;
    position: relative;
}
.site__areas ul > li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 21px;
    height: 21px;
    background-color: var(--bs-link-color);
    border-radius: 50%;
}
.site__areas ul > li:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #e7e9e5;
    margin: 20px 10px;
    z-index: -1;
}
.site__areas h2 {
    font-size: 36px;
    font-weight: 900;
    margin-bottom: 12px;
}

/*
 * Fetilisers
 *--------------------------------*/
 .site__fertilisers__cover {
    background-size: cover;
    background-position: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 48px;
    height: 810px;
    padding-bottom: 120px;
 }
 .site__fertilisers__cover h2,
 .site__fertilisers__cover h1,
 .site__fertilisers__cover span {
    padding-left: 20px;
    padding-right: 20px;
 }
 .site__fertilisers__cover h2 {
    font-weight: 800;
    line-height: 48px;
    padding-top: 6px;
 }
 .site__fertilisers__cover h1 {
    font-weight: 900;
    padding-bottom: 16px;
 }

 .site__fertilisers ul {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 0;
 }
 .site__fertilisers ul li {
    padding-left: 35px;
    position: relative;
 }
 .site__fertilisers ul li:not(:last-child) {margin-bottom: 26px;}
 .site__fertilisers ul li::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 8px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: var(--bs-link-color);
    background-image: url('../img/icons/check-solid-single.svg');
    background-size: 9px;
    background-position: center;
    background-repeat: no-repeat;
}
.site__fertilisers .site__about__info {
    margin-top: -60px;
}

.ureea-description {
    margin-top: 30px;
    padding: 30px 30px 30px 60px;
}
.ureea-description h4,
.ureea-description p,
.site__fertilisers__map h4 {
    line-height: 30px;
    margin-bottom: 23px;
}
.ureea-description ul {
    font-size: 16px;
}

.site__fertilisers__map {
    background-position: 100% center;
    background-size: 70% !important;
    padding-top: 52px;
    padding-bottom: 35px;
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
}

.urea-gallery figure {margin-bottom: 30px;}
.urea-gallery img {
    width: 100%;
    height: 260px;
    object-fit: cover;
}

.urea-last-description {
    padding-top: 20px;
    padding-bottom: 53px;
}
.urea-last-description h3 {
    line-height: 36px;
}

 /*
 * TEAM
 *--------------------------------*/
.site__team {
    padding-top: 48px;
    padding-bottom: 19px;
}
.site__team__title,
.site__contacts h1 {
    font-size: 48px;
    margin-bottom: 48px;
}
.site__team__member {
    background-size: 100% !important;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    padding: 300px 30px 23px 30px;
    overflow: hidden;
    z-index: 3;
}
.site__team__member h3 {
    font-weight: 800;
    margin-bottom: 3px;
}
.site__team__member::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80%;
    background: -moz-linear-gradient(top,  rgba(13,156,74,0) 0%, rgba(13,156,74,1) 35%, rgba(13,156,74,1) 100%);
background: -webkit-linear-gradient(top,  rgba(13,156,74,0) 0%,rgba(13,156,74,1) 35%,rgba(13,156,74,1) 100%);
background: linear-gradient(to bottom,  rgba(13,156,74,0) 0%,rgba(13,156,74,1) 35%,rgba(13,156,74,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a0d9c4a', endColorstr='#0d9c4a',GradientType=0 );

    

    z-index: -1;
}
.site__team__member h6 {
    font-size: 12px;
    line-height: 1;
    margin: 21px 0;
    padding: 18px 0;
}
.site__team__member ul {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}
.site__team__member ul li {
    padding-left: 30px;
    position: relative;
}
.site__team__member ul li:not(:last-child) {margin-bottom: 11px;}
.site__team__member ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 14px;
    height: 14px;
    background: url('../img/icons/check-solid.svg') no-repeat center;
    background-size: contain;
}

.official-data h3 {
    font-weight: 800;
}
.official-data__column ul,
.site__contacts ul {
    line-height: 36px;
    margin-bottom: 18px;
}

 /*
 * CONTACTS
 *--------------------------------*/
.site__contacts {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 48px;
    padding-bottom: 29px;
}
.site__contacts h1 {
    margin-bottom: 40px;
}

.company-certify {
    font-size: 10px;
    line-height: 18px;
    padding: 20px;
    height: calc(100% - 60px);
    margin-bottom: 60px;
}
.company-certify__logo {
    min-width: 55px;
    width: 55px;
    height: auto;
    object-fit: contain;
    margin-right: 30px;
}
.company-certify h6 {
    font-weight: 800;
    margin-bottom: 0;
}

/*
 * COMPANIES GROUP
 *--------------------------------*/
.site__copmany-groups {
    padding-top: 56px;
    padding-bottom: 30px;
}
.site__copmany-groups__item {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 24px;
}
.site__copmany-groups__item img {
    margin-bottom: 23px;
}