@import url(../fonts/font.css);

:root {
    --color-green: #8bff8b;
    --color-background: #fafafa;
    --color-light-text: #f5f5f5;
    --color-dark-text: #3a3a3a;
    --color-grey-text: #989898;
    --shadow-panel: 1px 1px 5px rgba(0, 0, 0, 0.2);
    --shadow-text: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar {
    width: 15px;
}

::-webkit-scrollbar-thumb {
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border-radius: 9999px;
    background-color: #AAAAAA;
}

html {
    -webkit-font-smoothing: antialiased;
}

body {
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
    font: normal 18px "GothaPro", Arial, Helvetica, sans-serif;
    letter-spacing: 0;
    text-rendering: optimizeLegibility;
    word-spacing: 0.1em;
    margin: 0;
    padding: 0;
    color: var(--color-dark-text);
    background-color: var(--color-background);
}

iframe {
    border: solid 1px rgb(92, 92, 92);
    border-radius: 35px 35px 35px 35px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

header {
    height: auto;
}

main {
    height: auto;
    min-height: 500px;
}

ul {
    line-height: 1;
    color: var(--color-dark-text);
    font-size: 16px;
}

input {
    border: none;
    outline: solid 1px rgb(166, 166, 166);
    background-color: rgb(235, 235, 235);

}

input::placeholder {
    font-style: italic;
    font-weight: normal;
    color: #676767;
    font-size: 13px;
}

input:invalid {
    outline: solid 2px #f57c7c;
}

input:valid {
    background-color: rgb(232, 240, 254);
}

input:disabled {
    outline: none;
}

textarea {
    border: none;
    outline: solid 1px rgb(166, 166, 166);
    background-color: rgb(235, 235, 235);
}

textarea::placeholder {
    font-style: italic;
    font-weight: normal;
    color: #676767;
    font-size: 13px;
}

textarea:invalid {
    outline: solid 2px #f57c7c;
}

textarea:valid {
    background-color: rgb(232, 240, 254);
}


textarea:disabled {
    outline: none;
}

button:disabled {
    background: linear-gradient(to right, #71e864, #64eb8d);
    color: var(--color-dark-text);
    /* text-shadow: var(--shadow-text); */
    font-size: 15px;
}

button:disabled:hover {
    background: linear-gradient(to right, #71e864, #64eb8d);
    color: var(--color-dark-text);
    /* text-shadow: var(--shadow-text); */
    font-size: 15px;
}

h1,
h2,
h3,
h4,
h5 {
    padding: 2em 0 .8em 0;
    letter-spacing: -0.01em;
    line-height: 0.9em;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

h1 {
    font-size: 1.7em;
}

h2 {
    font-size: 1.5em;
}

h3 {
    font-size: 1.3em;
}

h4 {
    font-size: 1.1em;
}


a {
    text-decoration: none;
    color: inherit;
}

.al {
    text-decoration: underline;
    cursor: pointer;
}

p {
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

ul,
ol {
    margin: 1em 0 1.4em 24px;
    padding: 0;
    line-height: 140%
}

li {
    margin: 0 0 .5em;
    padding: 0
}

table {
    /* border: solid 3px; */
    border-radius: 10px;
    width: 100%;
    background-color: var(--color-dark-text);
    color: var(--color-light-text);
    padding: 10px;

}

td {
    font-size: calc(0.7em + 0.4vh);
    background-color: #464646;
    border-radius: 5px;
    padding: 10px;
}

th {
    padding-bottom: 15px;
    color: white;
    font-size: calc(0.6em + 0.4vh);
    text-align: left;
}

.fullwh {
    height: 100%;
    width: 100%;
}

.margnull {
    margin: 0;
    margin-block: 0;
}

.paddnull {
    padding: 0;
}

.semibold {
    font-weight: 400;
}

.bold {
    font-weight: 600;
}

.ultrabold {
    font-weight: 800;
}

.grey {
    color: var(--color-grey-text);
}

.light {
    color: var(--color-light-text);
}

.centered {
    text-align: center;
}

aside {
    width: 200px;
    height: auto;
    font-size: 0.9em;
    float: right;
    /* font-style: italic; */
    /* color: var(--color-dark-text) */
    /* border-right: solid 1px rgb(122, 122, 122); */
}

.radiobutton_button {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 40px;
    /* background-color: #e7efef; */
    color: var(--color-dark-text);
    margin-left: -3px;
    padding-right: 10px;
    border-radius: 5px;
    font-size: 0.8em;
    font-weight: bold;
}

.radiobutton_button input {
    outline: none;
}

/* ------------ NEW --------------*/

.index_logo_title {
    font-weight: 600;
    font-size: 0.9em;
    /* font: normal 1.2em "Inf", Arial, Helvetica, sans-serif; */
}

.infoPanePlantsCatItem {
    margin: 10px 10px 10px 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 0.8em;
}

.idx_plants_block {
    display: flex;
    flex-direction: row;
}

.idx_picture_sorts {
    height: 250px;
    width: 300px;
    min-height: 250px;
    min-width: 300px;
    background: url(../images/plant_prewiev.png);
    background-size: cover;
    background-position: center;
    /* border-radius: 100px 10px 100px 10px; */
    /* box-shadow: var(--shadow-panel); */
}

.idx_qa_container {
    margin: 50px 0 35px 0;
    height: auto;
}

.qa_item {
    height: auto;
    margin: 10px 0 10px 0;
}

.qa_button {
    background: linear-gradient(to right, #ededed, #f3f3f3);
    border-radius: 5px;
    height: 40px;
    color: var(--color-dark-text);
    line-height: 0.8;
    display: flex;
    flex-direction: row;
    align-items: center;
    /* justify-content: center; */
    padding-left: 15px;
    /* padding-bottom: 3px; */
    font-size: 15px;
    cursor: pointer;
    outline: solid 1px rgba(29, 29, 29, 0.1);
    font-weight: bold;
}

.qa_text {
    /* overflow: hidden; */
    height: auto;
    font-size: 16px;
    font-weight: 400;
    margin: 15px 0 35px 10px;
    padding-left: 10px;
    padding-right: 10px;
    /* background-color: #e9e9e9; */
    border-radius: 0 0 10px 10px;
    /* align-items: center; */
    /* justify-content: center; */
    /* outline: solid 1px rgb(29, 29, 29); */
}

.qa_arrow {
    background: url(../images/icons/arrow.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-color: var(--color-dark-text); */
    border-radius: 5px;
    height: 25px;
    width: 25px;
    min-width: 25px;
    margin-right: 10px;
    transition: transform 0.3s ease-in-out;
}

.plants-catalog-wrapper {
    /* margin-top: 25px; */
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(auto-fit, minmax(225px, 225px));
    grid-gap: 1.5em;
    width: 100%;
}

.products-catalog-wrapper {
    /* margin-top: 25px; */
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(auto-fit, minmax(300px, 300px));
    grid-gap: 1.5em;
    width: 100%;
}

.catalog_item_plants {
    overflow: hidden;
    height: 300px;
    background-color: #444;
    color: #fff;
    border-radius: 10px;
    box-shadow: var(--shadow-panel);
    outline: solid 1px rgba(0, 0, 0, 0.2);
    color: var(--color-light-text);
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.catalog_item_products {
    overflow: hidden;
    height: 250px;
    background-color: #444;
    color: #fff;
    border-radius: 10px;
    box-shadow: var(--shadow-panel);
    outline: solid 1px rgba(0, 0, 0, 0.2);
    color: var(--color-light-text);
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.catalog_item_plants img {
    transition: transform 0.5s ease-out;
    z-index: 0;
}

.catalog_item_products img {
    transition: transform 0.5s ease-out;
    z-index: 0;
}

.catalog_item_plants:hover img {
    transform: scale(1.2);
}

.catalog_item_products:hover img {
    transform: scale(1.2);
}

.catalog_item_plants:hover .catalog_item_title_plants {
    height: 175px;
}

.catalog_item_products:hover .catalog_item_title_products {
    height: 100px;
}

.catalog_item_plants:hover .catalog_item_title_plants .title_description {
    opacity: 1;
}

.catalog_item_products:hover .catalog_item_title_products .title_description {
    opacity: 1;
}

.catalog_item_title_plants {
    position: absolute;
    background-color: #353535;
    border-radius: 0 0 10px 10px;
    height: 75px;
    width: 225px;
    display: flex;
    align-items: flex-start;
    justify-content: start;
    flex-direction: column;
    transition: height 0.2s ease-in-out;
}

.catalog_item_title_products {
    position: absolute;
    background-color: #353535;
    border-radius: 0 0 10px 10px;
    height: 75px;
    width: 300px;
    display: flex;
    align-items: flex-start;
    justify-content: start;
    flex-direction: column;
    transition: height 0.2s ease-in-out;
}

.title_description {
    color: var(--color-light-text);
    padding-top: 10px;
    overflow: hidden;
    height: auto;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.plants_mc {
    display: flex;
    margin-left: 5%;
    margin-right: 5%;
    flex-direction: row;
}

/* ------------ NEW --------------*/

.label_title {
    font-size: calc(1em + 1vw);
    font-weight: 800;
    margin: 0;
}

.header_index {
    background: url("../images/header_background.jpg");
    position: relative;
    height: 550px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.buttons_container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: left;
}

.dark_button {
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 7px;
    background-color: rgb(48, 48, 48);
    color: var(--color-light-text);
    height: 50px;
    /* width: auto; */
    padding-left: 20px;
    padding-right: 20px;
    line-height: 1;
    font-weight: bold;
    box-shadow: var(--shadow-panel);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 0.7em;
    box-sizing: border-box;
    transition: all 0.15s ease-in;
}

.dark_button:hover {
    font-size: 14px;
    /* background: linear-gradient(to right, #71e864, #64eb8d); */
    color: var(--color-dark-text);
    outline: solid 1px var(--color-dark-text);
    background-color: #e9eef7;
}

.dark_button:hover .pdf_icon {
    filter: invert(100%);
}

.h_text_button {
    color: var(--color-light-text);
    font-size: 17px;
    font-weight: bold;
}

.plants_h_events {
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 50px;
    margin-bottom: 50px;
    display: flex;
    flex-direction: row;
}

.plants_h_events_item {
    margin-left: 10px;
    margin-right: 10px;
    height: 50px;
    width: auto;
    /* background-color: #676767; */
    display: flex;
    flex-direction: row;
    justify-content: space-between;

    align-items: center;
}

.plants_h_events_item h3 {
    line-height: 1.1;
    color: var(--color-light-text);
}

.ask_link {
    text-decoration: underline;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    width: 150px;
    color: var(--color-dark-text);
}

.pdf_icon {
    background: url("../images/icons/pdf.png");
    background-size: contain;
    background-repeat: no-repeat;
    height: 35px;
    width: 35px;
    margin-left: 15px;
}

.header_page {
    background-color: #353535;
    position: fixed;
    height: 70px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.h_logo {
    color: var(--color-light-text);
    line-height: 1;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: auto;
    font-size: calc(1.2em + 1vw);
    font-weight: 600;
    text-shadow: var(--shadow-text);
    /* margin-left: 50px; */
    /* margin-right: 50px; */
}

.h_logo_top {
    text-align: left;
    width: 100%;
    font-size: 0.35em;
    font-weight: 600;
    /* color: #AAAAAA; */
}

.h_logo_bottom {
    text-align: right;
    width: 100%;
    font-size: 0.35em;
    /* color: #AAAAAA; */
    font-weight: 600;
}

.h_phone {
    color: var(--color-light-text);
    line-height: 1;
    text-align: center;
    display: flex;
    /* flex-direction: column; */
    justify-content: center;
    align-items: center;
    height: 50px;
    font-size: 25px;
    font-weight: 400;
    text-shadow: var(--shadow-text);
    /* margin-left: 50px; */
    /* margin-right: 50px; */
}

.h_buttons {
    color: var(--color-light-text);
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: auto;
    font-size: 45px;
    font-weight: 400;
    /* margin-left: 25px; */
    /* margin-right: 25px; */
    /* width: 100%; */
    margin-top: 35px;
    margin-bottom: 25px;
}

.h_button {
    background: linear-gradient(#e6e6e6, #e6e6e6);
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    height: 35px;
    /* width: 100%; */
    max-width: 300px;
    min-width: 100px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 7px;
    color: var(--color-dark-text);
    box-shadow: var(--shadow-panel);
    text-shadow: none;
}

.h_button:hover {
    background: linear-gradient(to right, #71e864, #64eb8d);
}

.h_nav {
    height: 70px;
    width: 100%;
    position: fixed;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    z-index: 1
}

.h_nav_logo {
    background: url("../images/logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 300px;
    height: 55px;
    cursor: pointer;
}

.h_nav_links {
    display: flex;
    align-items: center;
    height: 25px;
}

.h_nav_link {
    width: auto;
    height: 12px;
    color: var(--color-light-text);
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    justify-content: center;
    text-shadow: var(--shadow-text);
    transition: color 0.2s linear;
}

.h_nav_link_pointer {
    width: 125px;
    height: 40px;
    position: absolute;
    display: none;
}

.h_nav_link:hover {
    color: var(--color-green);
}

.h_nav_link:hover .h_nav_link_pointer {
    display: block;
}

.h_nav_link:hover .popup_menu {
    display: block;
    animation: show_popup_menu 0.5s;
}

.h_nav_btn_links {
    cursor: pointer;
    display: none;
    min-width: 40px;
    width: 50px;
    height: 50px;
    margin-left: 5px;
    justify-content: center;
    align-items: center;
}

.modalSortImage {
    overflow: hidden;
    height: 250px;
    width: 250px;
    background-color: black;
    float: left;
    border-radius: 15px;
    margin-right: 25px;
    margin-bottom: 25px;
}

.modalSendMailMes {
    z-index: 25;
    display: none;
    background-color: #000000d7;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.modalSendMailMesPanel {
    line-height: 1;
    display: block;
    background-color: #f3f3f3;
    border-radius: 25px;
    width: 465px;
    height: auto;
    max-height: 90%;
    margin-left: 25px;
    margin-right: 25px;
    padding-left: 25px;
    padding-right: 25px;
    overflow: auto;
}

.modalSendMailMesPanel textarea {
    text-indent: 10px;
    width: 100%;
    height: 180px;
    max-height: 500px;
    min-height: 50px;
    font-size: 16px;
    color: rgb(36, 36, 36);
    border-radius: 5px;
    margin-top: 3px;
    margin-bottom: 5px;
    font-weight: bold;
    box-sizing: border-box;
    transition: all 0.2s ease-in;
    resize: none;
}

.modalSendMailMesPanel input {
    text-indent: 10px;
    width: 100%;
    height: 50px;
    max-height: 50px;
    font-size: 17px;
    color: var(--color-dark-text);
    border-radius: 5px;
    margin-top: 3px;
    margin-bottom: 13px;
    transition: all 0.2s ease-in;
    box-sizing: border-box;
    font-weight: bold;
}

.button_send_message {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    font-size: 16px;
    color: var(--color-dark-text);
    border-radius: 5px;
    /* margin-bottom: 20px; */
    margin-top: 10px;
    border: none;
    background-color: #eaeaea;
    font-weight: bold;
    transition: all 0.2s linear;
    cursor: pointer;
    outline: solid 1px var(--color-dark-text);
}

.button_send_message:hover {
    background-color: var(--color-dark-text);
    color: var(--color-light-text);
    font-size: 17px;
}

.buttonCloseModal {
    background-color: transparent;
    color: var(--color-dark-text);
    height: 40px;
    width: 45px;
    float: right;
    font-size: 34px;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
}

.buttonCloseModal:hover {
    font-size: 30px;
}

.decorBorder {
    background: url("../images/border3.png");
    height: 10vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    pointer-events: none;
}

.decorBorder2 {
    background: url("../images/border2.png");
    height: 10vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    pointer-events: none;
}

#devmodcont {
    display: none;
    width: 100%;
    /* height: 100%; */
    position: absolute;
    top: 0;
}

.deviceModalHeaderNav {
    display: none;
    position: absolute;
    height: auto;
    box-shadow: var(--shadow-panel);
    background-color: #f3f3f3;
    top: 80px;
    left: 15px;
    right: 15px;
    padding-bottom: 15px;
    border-radius: 10px
}

.deviceModalHeaderNav_btn {
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 25px;
    margin-right: 25px;
    position: relative;
    height: 50px;
    /* width: 100%; */
    font-size: 17px;
    font-weight: bold;
    color: rgb(31, 31, 31);
}

.deviceModalHeaderNav_crg {
    overflow: hidden;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    transition: ALL 0.3s ease-in-out;
    /* background-color: #dedede; */
    position: relative;
    height: 3px;
    font-size: 20px;
    color: rgb(35, 35, 35);
    margin-left: 25px;
    margin-right: 25px;
}

.deviceModalHeaderNav_crg_item {
    background-color: rgb(42, 42, 42);
    display: flex;
    align-items: center;
    font-size: 15px;
    color: rgb(239, 237, 237);
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 10px;
    height: 50px;
    border-radius: 5px;
    cursor: pointer;
}

.deviceModalHeaderNav_crg_item:hover {
    background-color: rgb(52, 52, 52);
    font-weight: bold;
}

/* <---------- POPUP MENU------------> */

.popup_menu {
    display: none;
    position: absolute;
    width: auto;
    height: auto;
    margin-top: 40px;
}

.popup_menu_arrow {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -7px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent var(--color-light-text) transparent;
}

.popup_menu_container {
    background-color: #f3f3f3;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0px 2px 5px 1px rgb(0, 0, 0, 0.5);
    /* border-radius: 10px; */
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
}

.popup_menu_container_button {
    text-decoration: none;
    color: var(--color-dark-text);
    font-size: 1.2em;
    font-weight: 400;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 15px;
    padding-right: 15px;
    height: auto;
    cursor: pointer;
    display: flex;
    align-items: center;
    text-shadow: none;
    line-height: 0.9;
}

.popup_menu_container_button:hover {
    background-color: rgb(213, 213, 213);
    color: var(--color-dark-text);
}

@keyframes show_popup_menu {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fading_in {
    0% {
        background-color: #35353500;
        /* opacity: 0; */
        /* height: 0px; */
        top: -55px;
    }

    100% {
        background-color: #353535;
        /* opacity: 1; */
        top: 0;
    }
}

@keyframes fading_out {
    0% {
        background-color: #353535;
    }

    100% {
        background-color: #35353500;
    }
}

/* <-------------------- MAIN -----------> */

.wrapper {
    margin-left: 15%;
    margin-right: 15%;
}

.index_plants_block {
    display: flex;
    flex-direction: row;
}

.mblock_title {
    color: var(--color-dark-text);
    font-size: 35px;
    height: auto;
    width: 100%;
    font-weight: bold;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    justify-content: left;
    align-items: center;
}

.mblock_description {
    color: var(--color-dark-text);
    font-size: 20px;
    height: auto;
    width: 100%;
    font-weight: normal;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    justify-content: left;
    align-items: center;
}

.mblock_label_subtitle {
    color: var(--color-dark-text);
    font-size: 15px;
    height: auto;
    width: 100%;
    font-weight: bold;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    justify-content: left;
    align-items: flex-start;
}


.main_block_title_container {
    height: auto;
    width: 100%;
    max-width: 750px;
    display: flex;
    flex-direction: column;
}

.main_block_title_container_order {
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.main_block_title {
    color: var(--color-dark-text);
    font-size: 35px;
    height: auto;
    /* font-weight: bold; */
}

.main_block_title_order {
    color: var(--color-dark-text);
    font-size: 35px;
    height: auto;
    font-weight: bold;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.orders_olders_list {
    display: flex;
    justify-content: center;
    align-items: center;
}

.grid_container {
    display: grid;
    align-items: center;
    justify-content: center;
    grid-template-columns: repeat(auto-fit, minmax(200px, 0.5fr));
    grid-gap: 1em;
    width: 100%;
}

.grid_item {
    overflow: hidden;
    background: #fff;
    height: 250px;
    font-weight: normal;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    box-shadow: var(--shadow-panel);
    outline: none;
}

.grid_item img {
    transition: transform 0.3s ease-in-out;
}

.grid_item:hover img {
    transform: scale(1.2);
}

.grid_item_products {
    background: #fff;
    height: 150px;
    font-weight: normal;
    border-radius: 15px;
    background-size: cover;
    box-shadow: var(--shadow-panel);
    background-position: center;
    background-size: cover;
}

.grid_item:hover .grid_item_label {
    height: 20%;
    border-radius: 15px 15px 0 0;
    color: #f9f9f9;
    text-shadow: 1px 1px 1px black;
    background-color: rgba(28, 28, 28, 0.897);
}

.grid_item_label {
    font-size: 1rem;
    border-radius: 15px;
    background-color: rgb(0, 0, 0, 0.6);
    width: inherit;
    height: inherit;
    padding-left: 10px;
    padding-right: 10px;
    color: rgba(136, 136, 136, 0);
    line-height: 1.1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-shadow: none;
    transition: all 0.1s linear;
}

/* <!------------------- FOOTER ---------> */

footer {
    background:
        linear-gradient(to right, rgba(0, 0, 0, 0.3) 10%,
            rgba(0, 0, 0, 0)), url("../images/header_background.jpg");
    background-size: cover;
    height: auto;
    min-height: 250px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding-left: 100px;
    padding-right: 100px;
}

.footer_label {
    line-height: 1;
    min-height: 25px;
    height: auto;
    color: var(--color-light-text);
    font-size: 15px;
}

.footer_category_label {
    color: rgb(190, 190, 190);
    font-size: 11px;
    font-weight: bold;
}

.footer_container {
    /* text-transform: uppercase; */
    margin-top: 25px;
    margin-bottom: 50px;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: flex-start;
    /* grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); */
}

.footer_block {
    line-height: 1.2;
    height: auto;
    width: auto;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-right: 75px;
    margin-bottom: 25px;
}

.title_big {
    font-size: 35px;
    color: var(--color-dark-text);
    font-weight: bold;
    /* text-shadow: var(--shadow-text); */
}

.title_medium {
    font-size: 20px;
    color: var(--color-dark-text);
    font-weight: bold;
    /* text-shadow: var(--shadow-text); */
}

.title_medium_normal {
    font-size: 20px;
    color: var(--color-dark-text);
    font-weight: normal;
}

.title_small_normal {
    font-size: 15px;
    color: var(--color-dark-text);
    font-weight: normal;
}

/* ------------PLANTS----PAGE----------------- */

.block_plants {
    display: flex;
    flex-direction: column;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 100px;
    padding-right: 100px;
    height: auto;
}

.block_plants_aboutus {
    display: flex;
    flex-direction: column;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 100px;
    padding-right: 100px;
    height: auto;
    align-items: center;
}


.plant_block {
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: row;
}

.plant_block_aboutus {
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
}

.plant_subblock {
    /* background-color: #64eb8d; */
    width: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.plant_subblock ul {
    color: var(--color-dark-text);
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
}

.berries_pict {
    background: url(../images/berries.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    width: 100%;
}

.agro_pict {
    background: url(../images/resources/ixplant0.png);
    background-size: contain;
    height: 300px;
    width: 500px;
    min-width: 300px;
    border-radius: 15px;
    box-shadow: var(--shadow-panel);
}

.plant_catbutton_container {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: left;
}

.plant_categoty_button {
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 7px;
    background-color: rgb(48, 48, 48);
    color: var(--color-light-text);
    height: 50px;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 1;
    font-weight: bold;
    box-shadow: var(--shadow-panel);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 13px;
    box-sizing: border-box;
    transition: all 0.15s ease-in;
    margin-top: 10px;
    margin-bottom: 10px;
}

.plant_categoty_button:hover {
    font-size: 14px;
    color: var(--color-dark-text);
    outline: solid 1px var(--color-dark-text);
    background-color: #e9eef7;
}

.plant_categoty_text {
    color: var(--color-dark-text);
    padding-left: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 15px;
}

.block_info {
    /* border-radius: 5px; */
    /* background-color: #f0f1f4; */
    /* border: solid 1px black; */
    color: var(--color-dark-text);
    height: auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    font-weight: bold;
    font-size: 18px;
    /* justify-content: ; */
    /* padding-left: 25px; */
    /* padding-right: 25px; */
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.block_info_button_download {
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 7px;
    background-color: rgb(48, 48, 48);
    color: var(--color-light-text);
    height: 40px;
    width: auto;
    padding-left: 25px;
    padding-right: 25px;
    line-height: 1;
    font-weight: bold;
    box-shadow: var(--shadow-panel);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 13px;
    box-sizing: border-box;
    transition: all 0.15s ease-in;
    margin-top: 15px;
    margin-bottom: 5px;
}

.dropitem {
    background-color: #ededed;
    border-radius: 5px;
    height: 45px;
    color: var(--color-dark-text);
    display: flex;
    flex-direction: row;
    align-items: center;
    /* justify-content: center; */
    padding-left: 15px;
    /* padding-bottom: 3px; */
    font-size: 15px;
    cursor: pointer;
    outline: solid 1px rgba(29, 29, 29, 0.3);
    font-weight: bold;
}

.dropiem_data {
    transition: all 0.2s ease-in-out;
    overflow: hidden;
    height: auto;
    line-height: 1.4;
    font-size: 17px;
    font-weight: 600;
    margin: 5px;
    padding-left: 10px;
    padding-right: 10px;
    /* background-color: #e9e9e9; */
    border-radius: 0 0 10px 10px;
    display: flex;
    flex-direction: row;
    /* align-items: center; */
    /* justify-content: center; */
    /* outline: solid 1px rgb(29, 29, 29); */
}

.dropitem_arrow {
    background: url(../images/icons/arrow.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-color: var(--color-dark-text); */
    border-radius: 5px;
    height: 25px;
    width: 25px;
    margin-right: 10px;
}