html {
    font-size: 16px;
}

body{
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333333;
    position:relative;
}

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

h1, h2, h3, h4, h5, h6, h7 {
    text-align: center;
    font-family: inherit;
    text-transform: uppercase;
}

.main__textgreen a:hover,
.footer__textgreen a:hover,
.contact_container__telmail a:hover{
    color: #5d7927;
}



.header__container{
    width: 100%;
    height: auto;
    background-color: #475254;
}

.header__inner{
    height: 100%;
    padding-top: 101px;
    position: relative;
}

.header__text{
    max-width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 90px 20px 100px 20px;
}

.header__h1{
    font-size: 2.2em;
    font-weight: 300;
    color: white;
}

.header__h1--strong{
    font-weight: 700;
}

.header__h1:after{
    content: '';
    display: block;
    height: 4px;
    width: 60px;
    background: #8fb547;
    margin: 0 auto;
    margin-top: 15px;
}

.header__h2{
    font-size: 1.3em;
    font-weight: 400;
    color: white;
}

.header__contact{
    background-image: url(/extfiles/3/0/8822e9a753bc3fdd53e6ec8fe528ce64.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0%;
}

.header__form{
    background-image: url(/extfiles/c/7/c9a8ceb1152745932ebec5c196658882.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.header__analysis {
    background-image: url(/extfiles/5/c/78328250fbb86c7f8f1dc545c2779585.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.header__hand_data {
    background-image: url(/extfiles/1/3/0f7b816f19a222af47498fd76aaa16b7.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

.header__automatic_data {
    background-image: url(/extfiles/e/7/f7b74c991912828c1da6d45e2f7d53c6.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.header__simulation {
    background-image: url(/extfiles/6/f/8c1c594a4a609a68bee3e0abd9168a62.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 50%;
}



.page__inner{
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.page__h2 {
    text-transform: uppercase;
    font-family: inherit;
    color: inherit;
    font-weight: 300;
    font-size: 30px;
    font-size: 1.875rem;
    text-align: center;
    padding-bottom: 40px;
}

.page__h2--strong{
    font-weight: 600;
}

.page__h2--greenbg{
    background: #8fb547;
    padding: 2px 10px;
}

.page__h2:after{
    content: '';
    display: block;
    height: 4px;
    width: 60px;
    background: #8fb547;
    margin: 0 auto;
    margin-top: 15px;
}

.page__h3{
    text-transform: uppercase;
    font-family: inherit;
    color: inherit;
    font-weight: 600;
    font-size: 26px;
    font-size: 1.625rem;
    text-align: center;
    padding: 0;
}

.page__h3--white{
    color: white;
}


.btn{
    display: inline-block;
    padding: 12px 45px;
    background-color: #8fb547;
    border-radius: 4px;
    color: white;
    font-weight: 700;
    font-size: 0.95em;
    text-decoration: none;
    text-transform: uppercase;
    outline: none;
    border: none;
    cursor: pointer;
}

.btn:hover{
    background: #5d7927;
}

.btn--second{
    padding: 10px 45px;
    border: 2px solid #00abd2;
    background: transparent;
    margin-left: 10px;
    color: #00abd2;
}

.btn--second:hover{
    border: 2px solid #5d7927;
    color: white;
}

.btn--small{
    padding: 8px 40px;
    font-size: 0.9em;
}



.nav{
    width: 100%;
    height: 102px;
    position: fixed;
    background-color: rgba(255,255,255,.06);
    z-index: 105;
    display: flex;
    justify-content: center;
}

.nav__content{
    width: 100%;
    max-width: 1200px;
    height: 100%;
    padding: 0px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.nav__content:after{
    content: "";
    height: 1px;
    opacity: 0.22;
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0px;
    background: #909090;
}

.nav__logo{
    outline: none;
    display: inline-block;
    width: 150px;
    height: 58px;
    background-image: url('/extfiles/2/7/82d8f03a84d92070b43b7cf2050cc96b.svg');
    background-repeat: no-repeat;
    background-position: 0 0;
}

.nav__menucontainer{
    height: 100%;
    display: flex;
    align-items: center;
}

.nav__menu{
    display: inline-block;
}

.nav__cta{
    font-family: inherit;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    color: white;
    background-color: #00abd2;
    padding: 7px 15px;
    border-radius: 2px;
    margin: 0 20px;
    background: #8fb547;
}

.nav__ctalink:hover{
    opacity: .7;
}

.nav__menubtn{
    width: 46px;
    height: 46px;
    background-color: #8fb547; 
    background-image: url('/extfiles/1/a/408da708883cb6cc6331df578c0f662f.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 55%;
    border-radius: 3px;
    float: right;
    cursor: pointer;
    display: none;
}

.nav__menubtn--closed{
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMjQuNSAyMjQuNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjI0LjUgMjI0LjU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxnPjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMjI0LjUsNyAyMTcuNSwwIDExMi4zLDEwNS4zIDcsMCAwLDcgMTA1LjMsMTEyLjMgMCwyMTcuNSA3LDIyNC41IDExMi4zLDExOS4yIDIxNy41LDIyNC41IDIyNC41LDIxNy41IDExOS4yLDExMi4zICIvPjwvZz48L3N2Zz4=);
}

.nav__lngbtn {
    width: 45px;
    height: 45px;
    background-size: 55%;
    border-radius: 2px;
    cursor: pointer;
    border: 2px solid #8fb547;
    color: #8fb547;
    font-weight: 600;
    font-size: .95rem;
    text-align: center;
    margin-right: 15px;
    align-items: center;
    justify-content: center;
    display: none;
}

.nav__lngscontainer{
    height: 30px;
    width: 40px;
    position: relative;
    font-size: 0.8rem;
}

.nav__lng{
    width: 100%;
    height: 100%;
    font-family: inherit;
    font-weight: 600;
    border: 1px solid white;;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: white;
}

.nav__lnglist{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #8fb547;
    display: none;
}

.nav__lngscontainer:hover .nav__lng{
    display: none;
}

.nav__lngscontainer:hover .nav__lnglist{
    display: initial;
}

.nav__lngsitem{
    width: 100%;
    height: 30px;
}

.nav__lngslink{
    font-weight: 600;
    text-decoration: none;
    color: white !important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

.nav__lngslink:hover{
    opacity: .7;
}

.nav__item{
    display: inline-block;
}

.nav__link{
    font-family: inherit;
    font-size: 0.75rem;
    font-weight: 600;
    margin-left: 17px;
    text-transform: uppercase;
    text-decoration: none;
    outline: none;
    color: white;
}

.nav__link--cta{
    background: #8fb547;
    border-radius: 100px;
    padding: 6px 18px;
}

.nav__link--cta:hover{
    background: #5d7927;
    color: white !important;
}


.nav__lngs .nav__link{
    margin-left: 5px;
}


.nav--small{
    height: 70px;
    background-color: white;
    background-color: rgba(255,255,255,.9);
    border-bottom-color: #e9e9e9;
}

.nav--small .nav__logo{
    background-image: url('/extfiles/6/7/8be9e9ec217b2c7216ad26e872803149.svg');
    width: 132px;
    height: 41.25px;
}

.nav--small .nav__link,
.nav--small .nav__lngslink{
    color: #333333;
}

.nav--small .nav__link--cta{
    color: white;
}

.nav--small .nav__inner:after{
    background: transparent;
}

.nav--small .nav__lng{
    color: #333333;
    border-color: #333333;
}

.nav--small .nav__menubtn{
    width: 36px;
    height: 36px;
}

.nav--small .nav__lngbtn{
    width: 36px;
    height: 36px;
}

.navlogos{
    width: auto;
    height: 20px;
    display: flex;
}

.navlogos__item{
    height: 100%;
    width: auto;
    margin-left: 17px;
}

.navlogos__item:hover{
    opacity: .6
}

.navlogos__item--anyplication{
    height: 90%;
}

.navlogos__item img{
    height: 100%;
    width: auto;
}

.navlogos__logodark{
    display: none;
}

.navlogos__logolight{
    display: block;
}

.nav--small .navlogos__logodark{
    display: block;
}

.nav--small .navlogos__logolight{
    display: none;
}


.nav__mobile{
    width: 100%;
    height: auto;
    background: #8fb547;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 10;
    display: none;
}

.nav__mobileinner{
    width: 100%;
    height: 100%;
    padding: 25px; 10px;
}


.nav__mobilemenu{
    padding-top: 5px;
}

.nav__mobileitem{
    color: white;
    font-size: 1.1em;
    font-weight: 600;
    text-transform: uppercase;
    background: rgba(255,255,255,.1);
    border-radius: 4px;
    margin-bottom: 5px;
}

.nav__mobileitem--cta{
    background-color: #6d8c36;
}

.nav__mobileitem:hover{
    background-color: rgba(0,0,0,.05);
}

.nav__mobilelink{
    padding: 10px 14px;
    display:block;
}


.nav__link:hover,
.nav__link--active,
.nav--small .nav__link--active{
    color: #8fb547;
}


.nav--animation,
.nav--animation .nav__logo,
.nav--animation .nav__lngs,
.nav--animation .nav__menu{
    -moz-transition: padding .5s ease 0s, margin .5s ease 0s, height .5s ease 0s, width .5s ease 0s, background-color .5s ease 0s;
    -o-transition: padding .5s ease 0s, margin .5s ease 0s, height .5s ease 0s, width .5s ease 0s, background-color .5s ease 0s;
    -webkit-transition: padding .5s ease 0s, margin .5s ease 0s, height .5s ease 0s, width .5s ease 0s, background-color .5s ease 0s;
    -webkit-transition-delay: 0s;
    transition: padding .5s ease 0s, margin .5s ease 0s, height .5s ease 0s, width .5s ease 0s, background-color .5s ease 0s;
}

.nav--animation .nav__menubtn,
.nav--animation .nav__lngs{
    -moz-transition: width .5s ease 0s, height .5s ease 0s, margin .5s ease 0s;
    -o-transition: width .5s ease 0s, height .5s ease 0s, margin .5s ease 0s;
    -webkit-transition: width .5s ease, height .5s ease, margin .5s ease 0s;
    -webkit-transition-delay: 0s;
    transition: width .5s ease 0s, height .5s ease 0s, margin .5s ease 0s;
}


.main{
    width: 100%;
    height: 600px;
    min-height: 600px;
    height: 100vh;
    background: #797979 url("/extfiles/9/0/7d94717d8f5e62804aa27c86a76d1f33.jpg") no-repeat 50% 50%;
    background-size: cover;
    position: relative;
}

.main:before{
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #8fb547;
    z-index: 100;
}

.main__h1 {
    color: white;
    text-transform: uppercase;
    font-family: inherit;
    font-weight: 700;
    font-size: 40px;
    text-align: left;
    margin-top: 0;
}

.main__h1:after{
    content: '';
    display: block;
    height: 4px;
    width: 100px;
    background: #8fb547;
    margin-top: 15px;
}

.main__h1--green{
    font-size: 30px;
    color: #8fb547;
    display: block;
    font-weight: 400;
}

.main__text{
    color: white;
    font-weight: 300;
    font-size: 19px;
}

.main__btns{
    margin-top: 50px;
}

.main__content{
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 120px;
}

.main__connterinner{
    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
    padding: 0 20px;
    padding-top: 100px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.main__presentation{
    width: 100%;
    position: relative;
    justify-content: center;
    align-self: center;
}

.main__footer{
    position: absolute;
    bottom: 0;
    height: 120px;
    width: 100%;
    background: url('/extfiles/1/6/763449a8f027f0656c88b1d333a3bd79.png');
}

.main__footerflex{
    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main__footerflex:before{
    content: '';
    height: 1px;
    background: white;
    opacity: .22;
    position: absolute;
    left: 20px;
    right: 20px;
    top: 0;
}

.main__footerflexpart{
    display: inline-block;
}

.main__footerflexpart--first{
    padding-right: 40px;
}

.main__textgreen,
.footer__textgreen{
    display: block;
    color: #8fb547;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 700;
}

.main__textwhite,
.footer__textwhite{
    display: block;
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
}

.action_btn{
    display: inline-block;
    background: #8fb547;
    border-radius: 100px;
    color: white;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    border: 2px solid #8fb547;
    min-width: 220px;
    text-align: center;
}

.action_btn:hover{
    background: #5d7927;
    border-color: #5d7927;
}

.action_btn--light{
    border: 2px solid #8fb547;
    background: transparent;
    margin-left: 20px;
}

.action_btn__a{
    cursor: pointer;
    display: inline-block;
    padding: 8px 35px;
    text-decoration: none;
    color: inherit;
}

.round__flex{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.round__flexitem{
    width: 25%;
    padding: 70px 20px 0 20px;
    text-align: center;
}

.round__ring{
    width: 203px;
    height: 203px;
    border-radius: 50%;
    border: 2px dashed #8fb547;
    padding: 4px;
    margin: 0 auto;
}

.round__ringinner{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0.6;
}

.round__ring--1 .round__ringinner{
    background: url('/extfiles/0/0/9b0b7f76b6104aa2f3ffc8b75c222856.jpg');
}

.round__ring--2 .round__ringinner{
    background: url('/extfiles/0/a/64a68c6dfeee7c1cb59d2a0b84327307.jpg');
}

.round__ring--3 .round__ringinner{
    background: url('/extfiles/1/2/2c7fc86fe0c20f5129d9166adfe2b899.jpg');
}

.round__ring--4 .round__ringinner{
    background: url('/extfiles/f/b/9cd1d17d47f54db7f914bd06f826378d.jpg');
}

.round__flexlink:hover h3{
    color: #5d7927;
}

.round__flexlink:hover .round__ring{
    border-color: #5d7927;
}

.round__flexlink:hover .round__ringinner{
    opacity: 1;
}

.frame{
    border: 2px solid #8fb547;
    padding: 35px 20px;
    text-align: center;
    margin: 0 auto;
    font-family: inherit;
    font-size: 19px;
    color: #8fb547;
    font-weight: 400;
    margin-top: 60px;
}

.list{
    margin: 0 auto;
    margin-top: 60px;
    counter-reset: section;  
}

.list__proccess{
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    background: #f6f6f6;
    cursor: pointer;
}

.list__item{
    border-bottom: 1px solid #e0e0e0;
    padding: 30px 80px 30px 105px;
    position: relative;
}

.list__item:hover{
    cursor: pointer;
    background: #ececec;
}

.list__item:after{
    content: '';
    width: 45px;
    height: 45px;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -22px;
    background: transparent url('/extfiles/0/0/6abc9cb9c7961483b256fdbe2739708a.svg') 50% 50% no-repeat;
    background-size: 50% 50%;
}

.list__item--open:after{
    content: '';
    transform: rotate(90deg);
}


.list__header{
    font-family: inherit;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
}

.list__header:before{
    counter-increment: section;
    content: counter(section)".";
    width: 45px;
    height: 45px;
    background: #8fb547;
    border-radius: 100px;
    position: absolute;
    left: -60px;
    top: -50%;
    color: white;
    line-height: 45px;
    text-align: center;
    font-weight: 600;
}

.list__btns{
    padding-left: 10px;
    display: inline-block;
 
}

.list__content{
    display: none;
    padding-top: 20px;
    font-family: inherit;
    color: inherit;
    font-size: 0.875rem;
}

.list__item--open .list__header:after{
    
}

.list__item--open .list__content{
    display: block;
}

.process{
    margin: 90px 0;
}

.process__text{
    text-align: center;
    font-family: inherit;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6rem;
    text-transform: uppercase;
    font-weight: 400;
    max-width: 900px;
    margin: 0 auto;
}


.service{
    height: auto;
    padding: 100px 0;
    width: 100%;
    background: #797979 url("/extfiles/c/7/2972bfd10e7c1beea684b8e8f92eacfe.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: 50% 50%;
}

.service__h2{
    text-transform: uppercase;
    font-family: inherit;
    color: inherit;
    font-weight: 300;
    font-size: 30px;
    font-size: 1.875rem;
    text-align: center;
    padding-bottom: 40px;
    color: white;
}

.service__h3{
    text-align: center;
    font-family: inherit;
    line-height: 1.6rem;
    text-transform: uppercase;
    max-width: 900px;
    margin: 0 auto;
    font-size: 18px;
    font-size: 1.125rem;
    padding-bottom: 20px;
    color: white;
    font-weight: 600;
}

.service__text{
    text-align: center;
    font-family: inherit;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: 400;
    max-width: 900px;
    margin: 0 auto;
    text-transform: initial;
    color: white;
}

.keyproperties{
    height: auto;
    width: 100%;
}

.keyproperties__head{
    height: 365px;
    width: 100%;
    background: #f1f1f1 url("/extfiles/6/8/4b9f044276b5d09a58826c16e6f49601.png");
    position: relative;
}

.keyproperties__head .page__inner{
    padding-top: 250px;
}

.keyproperties__body{
    margin-top: 70px;
}

.keyproperties__img{
    width: 100%;
    height: 380px;
    position: absolute;
    bottom: 165px;
    left: 0;
    background: url('/extfiles/5/1/ff1a160fbc4aa779c49122bd62d48da7.png') 50% 50% no-repeat;
}

.keyproperties__flex{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.keyproperties__flexitem{
    width: 33.3333%;
    padding: 0 50px 80px 50px;
}

.keyproperties__headline{
    text-transform: uppercase;
    font-family: inherit;
    color: inherit;
    font-weight: 600;
    font-size: 17.6px;
    font-size: 1.1rem;
    text-align: left;
}

.keyproperties__content{
    font-family: inherit;
    color: inherit;
    font-weight: 300;
    font-size: 16px;
    font-size: 1rem;
}

.keyproperties__more{
    border-radius: 100px;
    border: 2px solid #8fb547;
    padding: 2px 15px;
    text-decoration: none;
    color: #8fb547;
    font-size: 0.875rem;
    line-height: 0.875rem;
    font-weight: 600;
    margin-top: 15px;
    display: inline-block;
}

.keyproperties__more:hover{
    color: white;
    background: #8fb547;
}

.green{
    margin-top: 90px;
    padding-top: 70px;
    background: #8fb547 url("/extfiles/6/8/4b9f044276b5d09a58826c16e6f49601.png");
    height: 380px;
}

.green__text{
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400;
    padding-bottom: 20px;
    text-align: center;
    font-family: inherit;
    line-height: 1.6rem;
    text-transform: uppercase;
    max-width: 900px;
    margin: 0 auto;
    color: white;
}

.why{
    padding-top: 90px;
}

.why__text {
    text-align: center;
    font-family: inherit;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6rem;
    text-transform: uppercase;
    font-weight: 400;
    max-width: 900px;
    margin: 0 auto;
}

.why__h3{
    font-family: 'Caveat', cursive;
    font-size: 1.65em;
    color: #8fb547;
    padding-top: 17px;
    font-weight: 400;
    text-transform: lowercase;
}

.form{
    padding: 90px 0;
}

.form__h2{
    text-align: center;
    font-family: inherit;
    line-height: 1.6rem;
    text-transform: uppercase;
    max-width: 900px;
    margin: 0 auto;
    font-size: 18px;
    font-size: 1.125rem;
    padding-bottom: 20px;
    font-weight: 600;
}

.form__form{
    max-width: 900px;
    height: auto;
    margin: 0 auto;
}

.form__flex{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.form__flexitem,
.form__flexitem--half{
    padding: 1rem;
}

.form__flexitem{
    width: 100%;
}

.form__flexitem--half{
    width: 50%;
}

.form__inputitem:last-child{
    margin-bottom: initial;
}

.form__inputtext{
    border-radius: 4px;
    border: 1px solid #dcdcdc;
    background: rgb(248,248,248);
    padding: 8px;
    font-family: inherit;
    font-size: .99rem;
    line-height: .99rem;
    color: inherit;
    width: 100%;
    height: auto;
}

.form__textarea{
    border-radius: 4px;
    border: 1px solid #dcdcdc;
    background: rgb(248,248,248);
    padding: 8px;
    font-family: inherit;
    font-size: 0.99rem;
    line-height: 1.2rem;
    color: inherit;
    width: 100%;
    max-width: 100%;
    height: 180px;
    max-height: 180px;
}

.form__itemtitle{
    display: inline-block;
    padding-bottom: 5px;
    font-size: 0.95em;
}

.form__fieldset{
    border: 1px solid rgb(190, 190, 190);
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    height: 100%;
}

.form__legend{
    font-family: inherit;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1rem;
    display: table;
    max-width: 100%;
    padding: 2px 8px;
    background: #8fb547;
    color: white;
}

.form__checklabel{
    cursor: pointer;
    display: inline-block;
}

.form__check{
    position: absolute;
    left: -50px;
    opacity: 0;
}

.form__checkitem{
    padding: .6rem 0;
}

.form__square{
    width: 24px;
    height: 24px;
    line-height: 1;
    background: rgb(248,248,248);
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 12px;
    border: 1px solid #dcdcdc;
    vertical-align: top;
}

.form__check[type=checkbox]:checked+.form__square {
    background-color: #8fb547;
    border: 1px solid #8fb547;
}

.form__check[type=checkbox]:checked+.form__square:before {
    content: " ";
    display: block;
    width: 6px;
    height: 12px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    margin-left: 7px;
    margin-top: 2px;
}

.form__submitbtn{
    background: #8fb547;
    border: none;
    outline: none;
    width: auto;
    height: auto;
    padding: .8rem 2rem;
    margin: 0 auto;
    border-radius: 4px;
    display: block;
    color: white;
    font-size: 1.1rem;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
}

.form__submitbtn:hover{
    background: rgb(93, 121, 39);
}

.form__submitresult{
    padding: 50px 0;
    margin-bottom: 70px;
    background: #8fb547;
    color: white;
    font-family: inherit;
}

.form__submitresultbad{
    background: #d63030;
}

.form__submithead,
.form__submittext{
    text-align: center;
    display: block;
}

.form__submithead{
    font-size: 1.6rem;
    text-transform: uppercase;
}

.form__submittext{
    font-size: 1.3rem;
}

.form__itemerr{
    background: #ffe5e5;
    border: 1px solid #ff1100;
}
.form__submitcontact{
    margin: 25px 0 0 0;
}


.product{
    width: auto;
}

.product__part{
    width: auto;
}

.product__part:nth-child(even) {
    background-color: #f0f0f0;
}

.product__flex{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1200px;
    min-height: 440px;
    margin: 0 auto;
    padding: 0 20px;
}

.product__flexitemimg{
    width: 50%;
    justify-content: center;
    align-self: center;
    text-align: center;
}

.product__img{
    max-width: 550px;
    max-height: 300px;
}

.product__flexitemtext{
    width: 50%;
    justify-content: center;
    align-self: center;
}

.product__flexitemtext--left{
    padding: 100px 50px 100px 0;
}

.product__flexitemtext--right{
    padding: 100px 0 100px 50px;
    padding-left: 50px;
}

.product_h3{
    text-align: left;
    padding-bottom: 15px;
    font-size: 1.1em;
    font-weight: 700;
}

.product_parttext{
    font-size: 1.1em;
    line-height: 1.5em;
    font-weight: 300;
}



#map{
    width: 100%;
    height: 345px;
}


.contact{
    padding: 90px 0;
}

.contact__container:before{
    content: "";
    display: table;
}

.contact__container:after{
    content: "";
    display: table;
    clear: both;
}

.contact__logoorcave {
    width: 160px;
    height: auto;
    margin-bottom: 10px;
}

.contact__icdic {
    font-size: 0.87em;
    margin-left: 5px;
    margin-bottom: 35px;
}

.contact__addresse,
.contact__email,
.contact__tel{
    padding-left: 50px;
    font-size: 0.9em;
    margin-bottom: 35px;
    position: relative;
}

.contact__tel{
    margin-bottom: 0;
}

.contact__addresse:before,
.contact__email:before,
.contact__tel:before{
    content: '';
    width: 50px;
    height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.8;
}

.contact__addresse:before {
    background: url('/extfiles/4/b/6f3c2c19a3abaeba6f73455a4619623d.svg') no-repeat 0 0;
    background-size: 45%;
}

.contact__email:before {
    background: url('/extfiles/1/c/e300c01c006d02f00c7ccda3d2699a6b.svg') no-repeat 0 20%;
    background-size: 45%;
}

.contact__tel:before {
    background: url('/extfiles/d/2/f2b7ed8b40fb5f3b66940b3783c060cf.svg') no-repeat 0 20%;
    background-size: 45%;
}

.contact__email:hover{
    color: #5d7927;
}

.contact__left{
    float: left;
    height: 100%;
    width: 45%;
}

.contact__right{
    float: left;
    height: 100%;
    width: 55%;
}

.contact__row{
    padding-bottom: 16px;
}

.contact__row--captcha{
    display: flex;
    align-items: center;
}

.contact__input, .contact__textarea{
    width: 100%;
    font-size: 0.87em;
    padding: 10px 14px;
    background-color: #f9f9f9;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
}

.contact__textarea{
    height: 150px;
}

.contact__input--captcha {
    width: 160px;
    margin-right: 20px;
}

.contact__input--err, .contact__textarea--err{
    background: #ffe5e5 !important;
    border: 1px solid #ff1100 !important;
}

.contact__resultbox{
    padding: 50px 0;
    margin-bottom: 70px;
    color: white;
    font-family: inherit;
}

.contact__resultbox--ok{
    background: #8fb547;
}

.contact__resultbox--bad{
    background: #d63030;
}

.contact__resultboxhead,
.contact__resultboxtext{
    text-align: center;
    display: block;
}

.contact__resultboxhead{
    font-size: 1.6rem;
    text-transform: uppercase;
}

.contact__resultboxtext{
    font-size: 1.3rem;
}

.contact__input::-webkit-input-placeholder,
.contact__textarea::-webkit-input-placeholder{
  color: #565656;
}
.contact__input::-moz-placeholder,
.contact__textarea::-moz-placeholder{
  color: #565656;
}
.contact__input:-ms-input-placeholder,
.contact__textarea:-ms-input-placeholder{
  color: #565656;
}
.contact__input:-moz-placeholder,
.contact__textarea:-moz-placeholder {
  color: #565656;
}
.contact__input::placeholder,
.contact__textarea::placeholder {
  color: #565656;
}



.beforefooter{
    width: 100%;
    height: auto;
    padding: 80px 0;
}

.beforefooter--dark{
    background: #f6f6f6;
}
    
.beforefooter__text{
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-size: 1.45em;
    padding-bottom: 45px;
}

.beforefooter__text strong{
    font-weight: 600;
}

.beforefooter__flex{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 600px;
    margin: 0 auto;
}

.beforefooter__flexitem--phone{
    width: 200px;
    justify-content: center;
    align-self: center;
}

.beforefooter__flexitem--icon{
    width: 160px;
    height: 90px;
    background: url('/extfiles/4/8/e8c710812e26a013fc2fcbc2f19e9960.svg') no-repeat 50% 50%;
}

.beforefooter__flexitem--email{
    width: 240px;
    justify-content: center;
    align-self: center;
}

.beforefooter__title{
    display: block;
    text-transform: uppercase;
    font-size: 0.85em;
}

.beforefooter__value {
    display: block;
    font-size: 1.4em;
    font-weight: 600;
}

.beforefooter__flexitem--phone .beforefooter__title,
.beforefooter__flexitem--phone .beforefooter__value{
    text-align: right;
}


.footer{
    background-color: #36383b;
    color: #d4d4d4;
}

.footer__body{
    height: auto;
    width: 100%;
}

.footer__flex{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.footer__contact{
    width: 30%;
}

.footer__links{
    width: 25%;
}

.footer__form{
    width: 45%;
}

.footer__end{
    position: relative;
    background: #313336;
}

.footer__logo{
    opacity: 0.8;
}

.footer__inner{
    position: relative;
    padding: 50px 20px;
}

.footer__inner:before{
    content: "";
    height: 1px;
    position: absolute;
    left: 20px;
    right: 20px;
    top: 0px;
    background: #6c6c6d;
}

.footer__endtext{
    float: right;
    color: inherit;
    font-size: 0.7em;
    display: inline;
    clear: both;
}

.footer__endtext--light{
    opacity: 0.6;
}

.footer__h5{
    color: inherit;
    text-align: left;
    font-weight: 600;
    padding-bottom: 35px;
}

.footer__addresse,
.footer__email,
.footer__tel{
    padding-left: 45px;
    font-size: 0.8em;
    margin-bottom: 35px;
    position: relative;
}

.footer__tel{
    margin-bottom: 0;
}

.footer__addresse:before,
.footer__email:before,
.footer__tel:before{
    content: '';
    width: 40px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.68;
}

.footer__addresse:before {
    background: url('/extfiles/d/8/808cf11de8c4554bdd0d962e46c22ce1.svg') no-repeat 50% 0;
}

.footer__email:before {
    background: url('/extfiles/0/5/b2a02052abf9fb594459bd77b2d4d9ec.svg') no-repeat 50% 0;
    background-size: 62%;
}

.footer__tel:before {
    background: url('/extfiles/7/d/531fc81a9a0818c81861caad891bf2e5.svg') no-repeat 50% 0;
    background-size: 68%;
}

.footer__formrow{
    padding-bottom: 10px;
}

.footer__formrow--submit{
    width: 100%;
    display: flex;
}

.footer__inputcaptcha{
    flex: 0 0 auto;
}

.footer__imgcaptcha{
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    font-size: .88rem;
    font-weight: 600;
}

.footer__imgcaptcha img{
    background: #969696;
}

.footer__btnsubmit{
    flex: 0 0 auto;
}

.footer__input,
.footer__textarea{
    outline: none;
    background: #444649;
    border: 1px solid #5a5c60;
    padding: 6px 8px;
    border-radius: 3px;
    color: white;
    font-size: 0.8em;
}

.footer__input--err,
.footer__textarea--err{
    background: #a04d4d;
    border: 1px solid #f98787;
}

.footer__input--name{
    margin-right: 4px;
}

.footer__input{
    width: calc(50% - 5px);
}

.footer__input--captcha{
    width: 140px;
    margin-right: 10px;
}

.footer__textarea{
    width: 100%;
    height: 110px;
}

.footer__fastlink{
    font-size: 0.8em;
    line-height: 1.8em;
    font-weight: 700;
    text-decoration: none;
    color: inherit;
}

.footer__fastlink:hover{
    color: #5d7927
}

.footer::-webkit-input-placeholder {
  color: #828282;
}

.footer::-moz-placeholder {
  color: #828282;
}

.footer:-ms-input-placeholder {
  color: #828282;
}

.footer:-moz-placeholder {
  color: #828282;
}

.footer__lngs{
    margin-top: 20px;
    display: none;
}

.footer__lngsitem{
    display: inline-block;
    width: 40px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.7);
    margin-right: 5px;
}

.footer__lngsitem:hover, .footer__lngsitem--active{
    border-color: #8fb547; 
    background-color: #8fb547;
}

.footer__lngslink{
    display: block;
    color: inherit;
    padding: 4px 0;
    font-weight: 600;
    font-size: 0.9em;
    text-decoration: none;
}