@charset "utf-8";
/* CSS Document */

/* fonts */

@font-face {
    font-family: 'GothamPro';
    src: url("../fonts/gothampro/GothamPro-Light.eot?") format("eot"), url("../fonts/gothampro/GothamPro-Light.otf") format("opentype"), url("../fonts/gothampro/GothamPro-Light.woff") format("woff"), url("../fonts/gothampro/GothamPro-Light.ttf") format("truetype"), url("../fonts/gothampro/GothamPro-Light.svg#GothamPro-Light") format("svg");
    font-style: normal;
    font-weight: 100;
}

@font-face {
    font-family: 'GothamPro';
    src: url("../fonts/gothampro/GothamPro-LightItalic.eot?") format("eot"), url("../fonts/gothampro/GothamPro-LightItalic.otf") format("opentype"), url("../fonts/gothampro/GothamPro-LightItalic.woff") format("woff"), url("../fonts/gothampro/GothamPro-LightItalic.ttf") format("truetype"), url("../fonts/gothampro/GothamPro-LightItalic.svg#GothamPro-LightItalic") format("svg");
    font-style: italic;
    font-weight: 100;
}

@font-face {
    font-family: 'GothamPro';
    src: url("../fonts/gothampro/GothamPro.eot?") format("eot"), url("../fonts/gothampro/GothamPro.otf") format("opentype"), url("../fonts/gothampro/GothamPro.woff") format("woff"), url("../fonts/gothampro/GothamPro.ttf") format("truetype"), url("../fonts/gothampro/GothamPro.svg#GothamPro") format("svg");
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: 'GothamPro';
    src: url("../fonts/gothampro/GothamPro-Italic.eot?") format("eot"), url("../fonts/gothampro/GothamPro-Italic.otf") format("opentype"), url("../fonts/gothampro/GothamPro-Italic.woff") format("woff"), url("../fonts/gothampro/GothamPro-Italic.ttf") format("truetype"), url("../fonts/gothampro/GothamPro-Italic.svg#GothamPro-Italic") format("svg");
    font-style: italic;
    font-weight: 300;
}

@font-face {
    font-family: 'GothamPro';
    src: url("../fonts/gothampro/GothamPro-Medium.eot?") format("eot"), url("../fonts/gothampro/GothamPro-Medium.otf") format("opentype"), url("../fonts/gothampro/GothamPro-Medium.woff") format("woff"), url("../fonts/gothampro/GothamPro-Medium.ttf") format("truetype"), url("../fonts/gothampro/GothamPro-Medium.svg#GothamPro-Medium") format("svg");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'GothamPro';
    src: url("../fonts/gothampro/GothamPro-MediumItalic.eot?") format("eot"), url("../fonts/gothampro/GothamPro-MediumItalic.otf") format("opentype"), url("../fonts/gothampro/GothamPro-MediumItalic.woff") format("woff"), url("../fonts/gothampro/GothamPro-MediumItalic.ttf") format("truetype"), url("../fonts/gothampro/GothamPro-MediumItalic.svg#GothamPro-MediumItalic") format("svg");
    font-style: italic;
    font-weight: 400;
}

@font-face {
    font-family: 'GothamPro Bold';
    src: url("../fonts/gothampro/GothamPro-Bold.eot?") format("eot"), url("../fonts/gothampro/GothamPro-Bold.otf") format("opentype"), url("../fonts/gothampro/GothamPro-Bold.woff") format("woff"), url("../fonts/gothampro/GothamPro-Bold.ttf") format("truetype"), url("../fonts/gothampro/GothamPro-Bold.svg#GothamPro-Bold") format("svg");
    font-style: normal;
    font-weight: 500;
}


@font-face {
    font-family: 'GothamPro';
    src: url("../fonts/gothampro/GothamPro-BlackItalic.eot?") format("eot"), url("../fonts/gothampro/GothamPro-BlackItalic.otf") format("opentype"), url("../fonts/gothampro/GothamPro-BlackItalic.woff") format("woff"), url("../fonts/gothampro/GothamPro-BlackItalic.ttf") format("truetype"), url("../fonts/gothampro/GothamPro-BlackItalic.svg#GothamPro-BlackItalic") format("svg");
    font-style: italic;
    font-weight: 600;
}

@font-face {
    font-family: 'GothamProNarrow-Bold';
    src: url("../fonts/gothampro/GothamProNarrow-Bold.eot?") format("eot"), url("../fonts/gothampro/GothamProNarrow-Bold.otf") format("opentype"), url("../fonts/gothampro/GothamProNarrow-Bold.woff") format("woff"), url("../fonts/gothampro/GothamProNarrow-Bold.ttf") format("truetype"), url("../fonts/gothampro/GothamProNarrow-Bold.svg#GothamProNarrow-Bold") format("svg");
}

@font-face {
    font-family: 'GothamProNarrow-Medium';
    src: url("../fonts/gothampro/GothamProNarrow-Medium.eot?") format("eot"), url("../fonts/gothampro/GothamProNarrow-Medium.otf") format("opentype"), url("../fonts/gothampro/GothamProNarrow-Medium.woff") format("woff"), url("../fonts/gothampro/GothamProNarrow-Medium.ttf") format("truetype"), url("../fonts/gothampro/GothamProNarrow-Medium.svg#GothamProNarrow-Medium") format("svg");
}

/* body */
html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 15px;
    line-height: 1.3;
    background: #fff;
    color: #000;

}

.mt-6 {
    margin-top: 4rem !important
}

.mb-6 {
    margin-bottom: 4rem !important
}

.ml-6 {
    margin-left: -4rem !important
}

.mt-7 {
    margin-top: 5rem !important
}

.mb-7 {
    margin-bottom: 5rem !important
}

.form-control {
    font-size: 2rem !important;
    text-align: center !important
}

.btn-success {
    color: #4C6600 !important;
    background-color: #96C050 !important;
    border-color: #96C050 !important
}

.card-body {
    padding-top: 1rem !important;
    padding-right: 0rem !important;
    padding-bottom: 1rem !important;
    padding-left: 0rem !important
}

.card-1 {
    border-right: 1px dashed #CFEDBC
}

.bii {
    position: absolute !important;
    right: 100px !important
}


/* navbar */
.navbar-top {
    position: relative;
    min-height: 70px;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    background-color: #96C050 !important
}

.phone {
    text-align: right;
    line-height: 1.1em
}

.number {
    font-weight: 300;
    letter-spacing: -0.5px;
    color: white;
    font-size: 21px;
    font-family: GothamPro, sans-serif
}

.link1 a {
    font-weight: 400;
    letter-spacing: -0.2px;
    color: #4C6600;
    font-size: 13px;
}

.link2 {
    line-height: 1em;
    font-weight: 600;
    letter-spacing: -0.8px;
    color: #96C050;
    font-size: 11px;
    font-family: "GothamPro"
}

.link2 a {
    color: #4C6600;
    text-decoration: none
}

.link2 a:hover {
    color: #96C050;
    text-decoration: underline
}

.link3 a {
    font-weight: 500;
    letter-spacing: -0.8px;
    color: #96C050;
    font-size: 12px;
    text-decoration: underline
}

.link3 a:hover {
    color: #000;
    text-decoration: none
}
.link4 a {
    font-weight: 300;
    letter-spacing: -0.8px;
    color: #96C050;
    font-size: 12px;
    text-decoration: underline
}

.link4 a:hover {
    color: #000;
    text-decoration: none
}

.navbar-nav {
    font-size: 19px;
    font-weight: 500;
    letter-spacing: -0.9px;
    color: #4C6600
}

.navbar-nav a:hover {
    color: #fff !important
}

.active {
    color: #fff !important
}

/* header */
.header-pics {
    background: url("../img/header-bg.jpg") no-repeat top fixed;
    background-size: 100%;
    height: 260px
}

.header-txt {
    height: 155px;
    font-weight: 900;
    letter-spacing: -1.9px;
    color: white;
    font-size: 1.9rem;
    line-height: 0.9;
    font-family: GothamPro, sans-serif;
    text-shadow: 1px 1px 1px #000
}

.navbar-toggler {
    border: none
}

.menu-collapse {
    text-align: right !important
}

.zag-1 {
    font-weight: 900;
    letter-spacing: -2px;
    color: #4C6600;
    font-size: 29px;
    line-height: 0.9;
    font-family: GothamPro, sans-serif
}

hr {
    border: none;
    color: #CFEDBC;
    background-color: #CFEDBC;
    height: 1px
}

.end hr {
    color: #4C6600;
    background-color: #4C6600
}

.bg-1 {
    background-color: aqua;
    min-height: 100%
}

.mt-n5 {
    margin-top: -5rem !important;
}

.mt-4, .my-4 {
    margin-top: 1.9rem !important;
}

.infotext-contact p {
    margin-bottom: 0.5rem !important
}

/* Features
========================================================================== */
.features-wrapper, .team-wrapper {
    margin: 70px 0 0;
}

.feat {
    letter-spacing: -1.8px;
    color: #535362;
    font-size: 18px;
    font-family: GothamPro, sans-serif
}

.font-smoothing {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

.icon-box {
    min-height: 100px
}

/* Waypoints
========================================================================== */

.delay-01s {
    animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
}

.boxHidded {
    visibility: hidden;
}

.fadeInUp, .fadeOutDown {
    visibility: visible;
}


/* zvonite */
.zag-2 {
    font-weight: BOLD;
    letter-spacing: -2px;
    color: #96C050;
    font-size: 1.5rem;
    line-height: 0.9;
    font-family: GothamPro, sans-serif
}

.zag-3 {
    font-weight: 900;
    letter-spacing: -2px;
    color: #4C6600;
    font-size: 2.4rem;
    line-height: 0.9;
    font-family: GothamPro, sans-serif
}

.feat a {
    letter-spacing: -1.8px;
    color: #535362;
    font-size: 1rem;
    font-family: GothamPro, sans-serif;
    text-decoration: underline
}

.feat a:hover {
    text-decoration: none
}

/* footer */
.footer-bg {
    background: url("../img/footer-bg.png") repeat-x center center;
    height: 300px
}

.zag-5 {
    font-weight: 900;
    letter-spacing: -1.5px;
    color: #D7F0C6;
    font-size: 1.3rem;
    line-height: 1;
    font-family: GothamPro, sans-serif
}

.footer-info {
    height: 130px !important;
    text-align: right
}

.footer-navbar {
    height: 160px !important
}

ul.navbar-footer li {
    display: inline;
    padding: 5px
}

.nav-link-2 a {
    color: #000
}

.nav-link-2 a:hover {
    color: #96C050
}

.footer-m {
    background-color: #4C6600;
    min-height: 80px
}

.footer-m p {
    line-height: 1.2;
    color: #CFEDBC;
    font-size: 0.8rem;
    margin-bottom: 0rem !important
}

/*xl*/
@media (max-width: 1200px) {
    .podrazdely {
        min-height: 250px
    }

    .podrazdely-txt {
        line-height: 1.2 !important
    }
}

/*lg*/
@media (max-width: 992px) {
    .header-pics {
        height: 220px;
    }

    .header-txt {
        height: 95px;
        font-size: 1.7rem
    }

    .navbar-nav {
        font-size: 12px
    }

    #info-pochva-1 .card-text {
        font-size: 4rem !important
    }

    #info-pochva-2 .card-text {
        font-size: 4rem !important
    }

    #info-pochva-1 .card-title {
        font-size: 1.4rem !important
    }

    #info-pochva-2 .card-title {
        font-size: 1.4rem !important
    }
}

/*md*/
@media (max-width: 768px) {
    .navbar-top {
        min-height: 50px
    }

    .card-1 {
        border-right: 0px !important
    }
}

/*sm*/
@media (max-width: 576px) {
    .header-pics {
        background: url("../img/header-bg-2.jpg") no-repeat center center;
        height: 150px;
    }

    .header-txt {
        font-size: 1.5rem;
    }

    .feat, .feat a {
        letter-spacing: -1.4px;
        font-size: 1.1rem
    }

    .icon {
        display: table;
        margin: 0 auto;
        width: 15%;
    }

    .icon-box {
        min-height: auto
    }

    .zag-3 {
        font-size: 1.5rem !important
    }

    .zag-5 {
        font-weight: 900;
        letter-spacing: -1px;
        color: #D7F0C6;
        font-size: 1.1rem;
        line-height: 1
    }

    .footer-info {
        height: 140px !important;
        text-align: center
    }

    .param-titles {
        white-space: nowrap;
        margin-right: 5% !important
    }

    .infotext {
        font-size: 0.8rem !important
    }

    .desc-txt, .infotext, .param {
        line-height: 1.3 !important
    }

    .menu-collapse {
        font-size: 1.2rem !important;
        line-height: 0.9 !important
    }

    .menu-collapse li:last-child {
        margin-bottom: 20px !important
    }

    #info-pochva-1 .card-text {
        font-size: 2.5rem !important
    }

    #info-pochva-2 .card-text {
        font-size: 2.5rem !important
    }

    #info-pochva-1 .card-title {
        font-size: 0.8rem !important
    }

    #info-pochva-2 .card-title {
        font-size: 0.8rem !important
    }

    #info-pochva-1 .col-4 {
        padding-right: 5px !important;
        padding-left: 5px !important
    }

    #info-pochva-2 .col-4 {
        padding-right: 5px !important;
        padding-left: 5px !important
    }
}

/* pochvogrunt */
.link-podrazdel a {
    font-size: 0.9rem;
    font-weight: 500;
    letter-spacing: -0.9px;
    color: #000;
    text-decoration: underline
}

.link-podrazdel a:hover {
    color: #96C050;
    text-decoration: none
}

.podrazdely {
    background: url("../img/podrazdel-bg.png") repeat-x center center;
    height: 220px
}

.podrazdely-2 {
    background: url("../img/podrazdel-2-bg.png") repeat-x center center;
    height: 200px
}

.podrazdely-txt {
    color: #fff;
    line-height: 1.4
}

.active-2 {
    color: #96C050
}

/*Tovar*/
/*@font-face{font-family:"GothamPro";src:url("../fonts/GothamPro-Bold.ttf") format("truetype");font-style:normal;font-weight:bold;font-display:auto}*{font-family:Arial;color:0;font-weight:normal;font-size:14px;line-height:19px}*/
.block-grunt p, .block-grunt h2, .block-grunt h3 {
    margin: 0;
    padding: 0
}

.block-grunt .row-title h2, h3.title {
    font-size: 20px;
    font-family: "GothamPro";
    font-weight: bold;
    color: #4c6600;
    display: block;
    line-height: 0.9;
    letter-spacing: -1.2px;
}

.block-grunt .block-grunt .about img {
    display: block;
    margin-top: -25px
}

.block-grunt .block-grunt .description .group p {
    letter-spacing: -0.3px;
}

.block-grunt .description .group h3, h4.title {
    font-size: 20px;
    font-family: "GothamPro";
    font-weight: bold;
    color: #96c050;
    margin-bottom: 20px;
    letter-spacing: -0.7px
}

.block-grunt .description .group h4.title {
    margin-bottom: 13px !important
}

.block-grunt .description .group p.title {
    margin-bottom: 18px;
    display: block
}

.block-grunt .description .group .params {
    display: flex;
    width: 100%;
    max-width: 360px;
    justify-content: space-between
}

.block-grunt .description .group .params .param-titles {
    white-space: nowrap;
    margin-right: 80px
}

.block-grunt .description .group .params .param-content {
    white-space: nowrap
}

.block-grunt .description .price .group h3.title {
    margin-bottom: 30px
}

.block-grunt .description .content {
    margin-bottom: 25px
}

.block {
    margin-bottom: 10px
}

.block-grunt .description .price .content .block .cost .value {
    letter-spacing: -1.5px;
    font-size: 20px;
    font-family: "GothamPro";
    font-weight: bold;
    background-color: #96c050;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.block-grunt .description .price .content .block .cost .unit {
    font-size: 20px;
    font-family: "GothamPro";
    font-weight: bold;
    color: #96c050;
    margin-left: 7px;
    letter-spacing: -1.3px
}

.block-grunt .description .price .content .block .desc {
    margin-top: 12px
}

@media (max-width: 768px) {
    .block-grunt .description .groups {
        display: flex;
        margin-right: -50px;
        flex-wrap: wrap
    }

    .block-grunt .description .groups .group {
        margin-right: 50px
    }
}

@media (max-width: 360px) {
    .block-grunt .about img {
        width: 100%
    }

    .block-grunt .description .characteristics p {
        font-size: 11px !important
    }

    .block-grunt .description .groups {
        display: flex;
        margin-right: -50px;
        flex-wrap: wrap
    }

    .block-grunt .description .groups .group {
        margin-right: 50px
    }

    .block-grunt .description .price .content .block .desc {
        white-space: normal
    }
}

.desc-txt {
    font-size: 0.8rem !important
}

.podrazdely-menu h3 {
    font-size: 20px;
    font-family: "GothamPro";
    font-weight: bold;
    color: #4c6600;
    display: block;
    line-height: 1.3;
    letter-spacing: -1.2px;
}

.param-content, .param-titles, .param {
    line-height: 1.3 !important
}

#info-pochva-1 .bg-success {
    background-color: #96C050 !important
}

#info-pochva-2 .bg-success {
    background-color: #96C050 !important
}

.card-text {
    font-size: 5rem;
    letter-spacing: -1.2px;
    color: #fff;
    text-shadow: 1px 1px 1px #4C6600
}

.card-title {
    color: #4C6600;
    letter-spacing: -1.2px;
}