/* - - - - - major elements - - - - - */

body {margin: 0;font-family: 'Inter', Arial, Helvetica, sans-serif;}

#container_0 {}

#container_1 {
    overflow: auto;
}

#container_2 {
    position: relative;
    /* margin: 175px auto; */
    margin-top: 175px;
    /* width: fit-content; */
}

/* - - - - - minor elements - - - - - */

/* - color scheme - */
:root {
    --green_1: #A6CE39;
    --gray_1: #B9B9B9;
    --black_1: #171717;
    --black_2: #28293D;
    --blue_1: #2F49D1;

}

input, textarea {font-family: 'Inter', Arial, Helvetica, sans-serif;letter-spacing: 0.5px;}

input, textarea, select {background: #FFFFFF;border: 1px solid #F6F4F4;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);border-radius: 4px;padding: 5px;}


.checkbox_container {display: block;position: relative;padding-left: 32px;user-select: none;cursor: pointer;}
.checkbox_container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkbox_container span {position: absolute;top: 0;left: 0;height: 18px;width: 18px;background: #FFFFFF;border: 1px solid #F6F4F4;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);border-radius: 4px;}
.checkbox_container:hover span {border: 1px solid #888;}


.checkbox_container span:after {content: "";position: absolute;display: none;left: 5px;top: 1px;width: 5px;height: 9px;border: solid var(--black_1);border-width: 0 3px 3px 0;transform:rotate(45deg);}
.checkbox_container input:checked ~ span:after {display: block;}


input::placeholder {color: var(--gray_1);}


/* - fonts - */

@font-face {font-family: 'Inter';src: url('/design/fonts/Inter-Thin.woff2') format('woff2');font-weight: 100;font-style: normal;font-display: swap;}
@font-face {font-family: 'Inter';src: url('/design/fonts/Inter-ExtraLight.woff2') format('woff2');font-weight: 200;font-style: normal;font-display: swap;}
@font-face {font-family: 'Inter';src: url('/design/fonts/Inter-Light.woff2') format('woff2');font-weight: 300;font-style: normal;font-display: swap;}
@font-face {font-family: 'Inter';src: url('/design/fonts/Inter-Regular.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap;}
@font-face {font-family: 'Inter';src: url('/design/fonts/Inter-Medium.woff2') format('woff2');font-weight: 500;font-style: normal;font-display: swap;}
@font-face {font-family: 'Inter';src: url('/design/fonts/Inter-SemiBold.woff2') format('woff2');font-weight: 600;font-style: normal;font-display: swap;}
@font-face {font-family: 'Inter';src: url('/design/fonts/Inter-Bold.woff2') format('woff2');font-weight: 700;font-style: normal;font-display: swap;}
@font-face {font-family: 'Inter';src: url('/design/fonts/Inter-ExtraBold.woff2') format('woff2');font-weight: 800;font-style: normal;font-display: swap;}
@font-face {font-family: 'Inter';src: url('/design/fonts/Inter-Black.woff2') format('woff2');font-weight: 900;font-style: normal;font-display: swap;}


/* - - - - - content elements - - - - - */


/* top_bar */

#top_bar_0 {position: relative;top: 100px;width: 90%;max-width: 1280px;margin: 0 auto;z-index: 10;}
#top_bar_1 {position: relative;display: flex;height: 48px;/*background-color: #A6CE39;*/}

#top_bar_left_logo {flex: 0 0 auto;display: flex;position: relative;cursor: pointer;}
#top_bar_left_logo img {display: block;height: 100%;margin-right: 2px;}
#top_bar_left_logo img:nth-of-type(4) {margin: 0 13px;}
/**/#top_bar_left_hat {height: 3.72px !important;position: absolute;top: -5.5px;right: 21.35px;}

#top_bar_middle_spacer {flex: 1 1 auto;}


#top_bar_right_buttons {flex: 0 0 auto;color: var(--green_1);display: flex;align-items: center;}
#top_bar_right_buttons div {display: flex;align-items: center;cursor: pointer;}

#top_bar_right_plant_tree {}
#top_bar_right_plant_tree:hover span {text-decoration: underline;}
#top_bar_right_plant_tree img {padding: 5px 7px;border-radius: 50px;margin: 9px;display: block;border: 1px solid #00000000;}
#top_bar_right_plant_tree img:hover {background-color: #7eac0042;}
#top_bar_right_plant_tree img:active {/*background-color: #7eac0000;*/border: 1px solid #7eac00b8;}

#top_bar_right_fb_integration {margin-left: 60px;}
/*
#top_bar_0 {position: absolute;top: 0;left: 0;right: 0;height: 70px;}
#top_bar_1_1 {position: absolute;left: 10px;right: 10px;bottom: 0;border-bottom: 1px solid white;}
#top_bar_1_2 {position: absolute;top: 0;left: 25px;right: 25px;bottom: 0;display: flex;justify-content: space-between;align-items: center;}

#top_bar_1_2_left {margin-left: 10px;height: 100%;}
#top_bar_1_2_left img {height: 100%;margin: 0;cursor: pointer;}
#top_bar_1_2_right {height: 100%;}
#top_bar_1_2_right img {height: 100%;margin: 0 0 0 10px;cursor: pointer;}

#top_bar_mobile_toggle {display: none;}
*/


/* bottom_bar */

#bottom_bar {display: flex;justify-content: space-between;width: 90%;max-width: 1280px;margin: 0 auto;font-weight: 500;font-size: 12px;color: var(--gray_1);margin-bottom: 50px;line-height: 20px;}

#bottom_bar_left {
    /* text-align: center; */
}
#bottom_bar_left_first_row {}
#bottom_bar_left_first_row a {color: var(--green_1);text-decoration: none;margin-right: 10px;}
#bottom_bar_left_second_row {}


#bottom_bar_right {
    /* text-align: center; */
}
#bottom_bar_right span {vertical-align: top;margin-right: 20px;}
#bottom_bar_right img {margin: 0 20px;}
#bottom_bar_right img:nth-of-type(1) {vertical-align: 10px;}



/* - other elements - */


/* modules */

.little_box {position: relative;width: 480px;/* height: 280px; */margin: 0 auto;padding: 36px 60px 30px 28px;background: #FFFFFF;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);border-radius: 10px;box-sizing: border-box;display: inline-block;margin: 0 20px;flex-shrink: 0;padding: 30px 28px 30px 28px;}


.little_box_title {font-weight: 600;font-size: 16px;line-height: 120%;letter-spacing: -0.4px;color: var(--black_1);}

.close_module {font-weight: 500;font-size: 10px;line-height: 140%;letter-spacing: -0.3px;color: #B9B9B9;/**/position: absolute;z-index: 1;top: 14px;right: 22px;/**/cursor: pointer;user-select: none;}
.close_module span {color: var(--green_1);}


/* - - - - - media resize - - - - - */



@media (max-width: 1150px) {


#bottom_bar {flex-direction: column;}
#bottom_bar_left, #bottom_bar_right {text-align: center;}
#bottom_bar_right {margin-top: 25px;}

}
    


@media (max-width: 840px) {
    
}

@media (max-width: 740px) {

    #top_bar_right_buttons {display: none;}
    #top_bar_middle_spacer {display: none;}
    #top_bar_1 {justify-content: center;}
}