html, body{
    height: 100%;
}

html {
    font-size: 16px;
}

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

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

.page {
    width: 100%;
    height: auto;
    position: relative;
}

.page__block {
    width: 100%;
    height: auto;
    padding: 105px 0;
}

.page__block--dark {
    background-color: #f0f0f0;
}

.page__block--smaller {
    padding-top: 80px;
}

.nav--animation,
.nav--animation .nav__logo,
.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__lngbtn,
.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;
}

.homeheader {
    width: 100%;
    height: 650px;
    height: 100vh;
    min-height: 650px;
    overflow: hidden;
}

.homeheader__inner{
    width: 100%;
    height: 100%;
    background: #a2a2a2 url('/extfiles/a/5/07a2952dd0cd8896b4f4b5a30c425bde.jpg') no-repeat 50% 50%;
    background-size: cover;
    position: relative;
}

.homeheader__inner--animation {
    transition: transform 7s;
    transform: scale(1.15);
}

.header{
    width: 100%;
    height: 400px;
    height: 65vh;
    min-height: 400px;
}

.header--img{
    background-size: cover;
    background-position: 50% 50%;
    background-color: #dcdcdc;
}

.header--apps {
    background: #929292 url('https://www.orcave.com?req=P13R0Y7pp3216OeB1c5ZT6blRY07PNXqPcbiPGLtPM9fP203D3Gt1cPfR6LfP203CJ8u0oGaC203Gq9Jf1') no-repeat 50% 50%;
    background-size: cover;
}

.header--prods {
    background: #929292 url('https://www.orcave.com?req=B0940ipRLeQ16OeB1c5ZT6blRY07PNXqPcbiPGLtPM9fP203D3Gt1cPfR6LfP203CJ8v0oGaC203Gq9Jf1') no-repeat 50% 50%;
    background-size: cover;
}

.header--assimblies{
    background: #929292 url('https://www.orcave.com?req=6nJk0sLBMEI16OeB1c5ZT6blRY07PNXqPcbiPGLtPM9fP203D3Gt1cPfR6LfP203CJCm0oGaC203Gq9Jf1') no-repeat 50% 50%;
    background-size: cover;
}

.header--products304 {
    background: #929292 url('/extfiles/4/d/d8a7b171b89dd8b52a548d1fb3b4c04a.jpg') no-repeat 50% 0%;
    background-size: cover;
}

.header--products101 {
    background: #6e7b84 url('/extfiles/8/4/24f0fa82e20c11fa8e2834bf9178c862.jpg') no-repeat 50% 50%;
    background-size: cover;
}

.header--products401 {
    background: #2a2d2a url('/extfiles/f/f/5ac1046433a16a437c90cac0319b6046.jpg') no-repeat 0% 50%;
    background-size: cover;
}

.header--products401ev {
    background: #2a2d2a url('/extfiles/f/f/5ac1046433a16a437c90cac0319b6046.jpg') no-repeat 0% 50%;
    background-size: cover;
}

.header--services {
    background: #767a7d url('/extfiles/b/a/41791c392971ff1c69378c9cc02decb2.jpg') no-repeat 50% 50%;
    background-size: cover;
}

.header__products--sales {
    background: #767a7d url('/extfiles/3/4/b5cf4037abc8e2cf598ad6a9f0ce7da4.jpg') no-repeat 50% 50%;
    background-size: cover;
}

.header__products--assimblies {
    background: #a2a2a2 url('/extfiles/a/5/07a2952dd0cd8896b4f4b5a30c425bde.jpg') no-repeat 50% 50%;
    background-size: cover;
}


.header__products--orc_projekty {
    background: #6e7b84 url('/extfiles/f/9/51da34d77bda4070c1b82fde111ed601.jpg') no-repeat 55% 50%;
    background-size: cover;
}

.header__products--orc_osvetleni {
    background: #6e7b84 url('/extfiles/5/e/6d5dc203f4de220764ca68475f8e3454.jpg') no-repeat 50% 50%;
    background-size: cover;
}

.header__products--orc_majetek {
    background: #6e7b84 url('/extfiles/0/8/3a05df3571be90eef819aab16aef7d54.jpg') no-repeat 60% 10%;
    background-size: cover;
}

.header__products--orc_servis {
    background: #6e7b84 url('/extfiles/8/c/0eff23ebd86ae70aafea801c3778eb6d.png') no-repeat 50% 70%;
    background-size: cover;
}

.header__products--orc_bezpecnost { 
    background: #6e7b84 url('/extfiles/f/9/51da34d77bda4070c1b82fde111ed601.jpg') no-repeat 25% 25%;
    background-size: cover;
}

.header__products--orc_energie {
    background: #6e7b84 url('') no-repeat 50% 50%;
    background-size: cover;
}

.header__products--orc_ovladani_objektu {
    background: #6e7b84 url('') no-repeat 50% 50%;
    background-size: cover;
}

.header__inner{
    height: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
}

.header__text{
    position: absolute;
    left: 20px;
    bottom: 40px;
}

.header__headline {
    color: white;
    font-weight: 800;
    font-size: 2.6em;
}

.header__subheadline:after {
    content: "";
    display: block;
    height: 4px;
    width: 60px;
    background: #f39307;
    margin-top: 12px;
}

.header__subheadline {
    color: white;
    font-weight: 600;
    font-size: 1.8em;
    text-transform: uppercase;
}


.nav {
    width: 100%;
    height: 90px;
    position: fixed;
    z-index: 99;
    border-bottom: 1px solid rgba(255,255,255,.2);
    background-color: rgba(0,0,0,.03);
    display: flex;
    justify-content: center;
}

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

.nav__logo{
    outline: none;
    display: inline-block;
    height: 25px;
    width: 134px;
    background-image: url('/extfiles/3/c/4cf176d43510389cfa964d752b41348d.svg');
    background-repeat: no-repeat;
    background-position: 0 0;
}

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

.nav__ctalink:hover{
    opacity: .7;
}

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

.nav__menu{
    display: flex;
}

.nav__menuitem{
    display: inline-block;
    position:relative;
    height: 100%;
    padding-left: 17px;
}

.nav__menulink{
    position: relative;
    display: block;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 600;
    font-size: 0.9em;
    text-decoration: none;
}

.nav__menulink:before{
    content: '';
    height: 2px;
    width: 100%;
    background: transparent;
    position: absolute;
    left: 0;
    margin-top: 25px;
}

.nav__menuitem--separe{
    margin-left: 20px;
}

.nav__menulink--lng {
    padding: 35px 6px;
}

.nav__menulink--lngactive {
    color: #f39307
}

.nav__menulink:hover:before,
.nav__menulink--active:before{
    content: '';
    background: #f39307;
}

.navlogos{
    display: flex;
}

.navlogos__item{
    margin-left: 18px;
}

.navlogos__item:hover{
    opacity: .6
}

.navlogos__item img{
    height: 12px;
    width: auto;
}

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

.nav__mobile--block{
    display: block;
}

.nav__mobileinner{
    width: 100%;
    padding: 25px;

}

.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: #c37309;
}

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

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

.nav__menubtn{
    width: 46px;
    height: 46px;
    background-color: #f39307; 
    background-image: url('/extfiles/f/f/cfbb7cee5209ca57f295794cd510400d.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 white;
    color: white;
    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;
    margin-left: 18px;
}

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

.nav__lnglist{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #f39307;
    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;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

.nav__lngslink:hover{
    opacity: .7;
}

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

.nav--small {
    border-bottom: initial;
    background-color: #464648;
    height: 70px;
}

.nav--small .nav__logo {
    width: 115px;
    height: 21px;
}

.rowcontainer {
    width: auto;
}

.rowcontainer__rowouter--dark {
    background-color: #f0f0f0;
}

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

.rowcontainer__textcol {
    width: 50%;
    align-self: center;
}

.rowcontainer__row--left .rowcontainer__textcol,
.rowcontainer__row--left .rowcontainer__textcoldetail{
     padding-right: 60px;
}

.rowcontainer__row--right .rowcontainer__textcol,
.rowcontainer__row--right .rowcontainer__textcoldetail{
    padding-left: 60px;
}

.rowcontainer__textcoldetail {
    width: 60%;
    align-self: center;
}

.rowcontainer__imgcol {
    width: 50%;
    align-self: center;
    text-align: center;
}

.rowcontainer__img,
.rowcontainer__imgdetail{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 450px;
}

.rowcontainer__imgdetail{
    box-shadow: 10px 9px 16px rgba(35,32,39,0.25);
    position: relative;
}

.rowcontainer__imgcoldetail {
    width: 40%;
    align-self: center;
    text-align: center;
    position: relative;
}

.rowcontainer__title {
    font-family: verdana;
    font-size: 2.7em;
    color: #f39307;
    position: relative;
    margin-bottom: 50px;
}

.rowcontainer__title--lighter {
    font-weight: 400;
}

.rowcontainer__title:before {
    content: "";
    position: absolute;
    height: 6px;
    width: 60px;
    margin-bottom: 10px;
    background: #f39307;
    left: 5px;
    bottom: -30px;
}

.rowcontainer__headline {
    font-size: 2.7em;
    position: relative;
    margin-bottom: 50px;
}

.rowcontainer__headline:before {
    content: "";
    position: absolute;
    height: 6px;
    width: 60px;
    margin-bottom: 10px;
    background: #f39307;
    left: 5px;
    bottom: -30px;
}

.rowcontainer__subtitle {
    text-transform: uppercase;
    font-size: 1.15em;
    padding-bottom: 15px;
}

.rowcontainer__titledetail {
    text-transform: uppercase;
    font-size: 1.3em;
    font-weight: 800;
    padding-bottom: 15px;
}

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

.rowcontainer__btns {
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.rowcontainer__btn{
    display: inline-block;
    cursor: pointer;
    border: 1px solid transparent;
    padding: 16px 10px;
    text-transform: uppercase;
    font-size: 0.88em;
    font-weight: 600;
    background: transparent;
    text-align: center;
    width: 48%;
    text-decoration: none;
    border-radius: 50px;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    outline: none;
}

.rowcontainer__btn_main {
    border-color: #f39307;
    color: #f39307;
}

.rowcontainer__btn_main:hover {
    background: #f39307;
    color: white;
}

.rowcontainer__btn_minor {
    border-color: #f39307;
    color: #f39307;
}

.rowcontainer__btn_minor:hover {
    background: #f39307;
    color: white;
}

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

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

.text__title {
    font-size: 1.9em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.text__title:after {
    content: "";
    display: block;
    height: 4px;
    width: 60px;
    background: #f39307;
    margin-top: 15px;
}

.text__titleproduct{
    text-transform: uppercase;
    font-size: 1.4em;
    font-weight: 800;
    position: relative;
    margin-bottom: 55px;
}

.text__titleproduct:before{
    content: "";
    position: absolute;
    height: 6px;
    width: 60px;
    margin-bottom: 10px;
    background: #f39307;
    left: 5px;
    bottom: -30px;
}

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

.text__featuresproduct{
    padding-top: 15px;
    font-weight: 400;
    font-size: 1.1em;
}

.text__outerproduct{
    padding-top: 15px;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 600;
    color: #f39307;
}


.text__text {
    line-height: 1.55em;
    font-size: 1.15em;
    font-weight: 400;
}

.text__text--small {
    line-height: 1.4em;
    font-size: 1.05em;
}

.text__link {
    text-decoration: underline;
}

.text__link:hover {
    color: #f39307
}


.text__list {
    margin-top: 10px;
}

.text__listitem {
    font-weight: 600;
    line-height: 1.6em;
    font-size: 1.1em;
}

.text__listitem:before {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50px;
    border: 2px solid #f39307;
    display: inline-block;
    margin-right: 7px;
}

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

.tile--break{
    margin-top: 70px;
}

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

.tile__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.tile__col {
    width: 33.3333%;
    padding: 10px;
}

.tile__colinner {
    background: #f9f9f9;
    border: 1px solid #e2e2e2;
    padding: 30px 20px;
    height: 100%;
}

.tile__colinner:hover {
    background: white;
}

.tile__title {
    font-size: 1.15em;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.tile__title--icon:before {
    content: '';
    height: 90px;
    width: 90px;
    display: block;
    margin: 0 auto;
    margin-bottom: 25px;
}

.tile__title--heart:before {
    content: '';
    background: url('/extfiles/2/8/cc0ef2fff408d75eefcf9864ab49d2b8.svg') no-repeat;
}

.tile__title--schield:before {
    content: '';
    background: url('/extfiles/f/8/551988fa44583b7b7338892bdab7e301.svg') no-repeat;
}

.tile__title--support:before {
    content: '';
    background: url('/extfiles/6/f/0a11b90a14a8013b644dcd1e605f6300.svg') no-repeat;
}

.tile__title--battery:before {
    content: '';
    background: url('/extfiles/9/8/947dcded9e1971f9625e0d748de6f882.svg') no-repeat;
}

.tile__title--power:before {
    content: '';
    background: url('/extfiles/9/f/7355abeaad312db4b53133cfea96ed3e.svg') no-repeat;
}

.tile__title--eletric:before {
    content: '';
    background: url('/extfiles/4/f/5e663a7cabfdb9f5399566375482d4ce.svg') no-repeat;
}

.tile__title--signal:before {
    content: '';
    background: url('/extfiles/6/8/eab9f4699ba76ea2bfc8c9ee06c18527.svg') no-repeat;
}

.tile__title--volume:before {
    content: '';
    background: url('/extfiles/c/8/7f477b1c3814b32a218226bf74b6c62a.svg') no-repeat;
}

.tile__title--streetlamp:before {
    content: '';
    background: url('/extfiles/3/d/2f18e7893a04824d744c7475885c1567.svg') no-repeat;
}

.tile__text {
    font-size: 1.05em;
    line-height: 1.5em;
    font-weight: 300;
}


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

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

.texttab__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.texttab__bottomcontent{
    padding-top: 80px;
}

.texttab__bottomimg{
    display: block;
    margin: 0 auto;
    max-width: 100%;
    width: auto;
    height: auto;
}

.texttab__col {
    width: 33.3333%;
    padding: 10px;
}

.texttab__title {
    text-align: center;
    font-size: 1.8em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 45px;
}

.texttab__title:after {
    content: "";
    display: block;
    height: 4px;
    width: 60px;
    background: #f39307;
    margin: 15px auto 0px;
}

.texttab__coltab {
    display: flex;
    flex-direction: column;
}

.texttab__coltab--img {
    height: 100%;
    justify-content: space-between;
    align-items: center;
}

.texttab__coltab--imgmiddle {
    justify-content: center;
}

.texttab__colimg {
    width: auto;
    height: auto;
    max-width: 100%;
}

.texttab__colimg--304 {
    max-width: 205px;
}

.texttab__colimg--101 {
    max-width: 340px;
}

.texttab__colimg--401ev {
    max-width: 340px;
}

.texttab__colimg--401 {
    max-width: 340px;
}

.texttab__coltitle {
    text-transform: uppercase;
    font-size: 1.05em;
    padding-bottom: 8px;
}

.texttab__col--left .texttab__coltitle {
    text-align: right;
}

.texttab__col--right .texttab__coltitle {
    text-align: left;
}

.texttab__coltext {
    font-size: 0.95em;
    line-height: 1.5em;
    font-weight: 300;
    padding-bottom: 25px;
}

.texttab__coltext--last {
    padding-bottom: initial;
}

.texttab__col--left .texttab__coltext {
    text-align: right;
}

.texttab__col--right .texttab__coltext {
    text-align: left;
}

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


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

.form__resultbox--ok{
    background: #f39307;
}

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

.form__resultboxhead,
.form__resultboxtext{
    text-align: center;
    display: block;
}

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

.form__resultboxtext{
    font-size: 1.3rem;
}

.form__title{
    padding-bottom: 35px;
    font-size: 1.17em;
    font-weight: 700;
    color: initial;
}

.form__btn_submit{
    display: inline-block;
    cursor: pointer;
    border: 1px solid transparent;
    padding: 16px 80px;
    text-transform: uppercase;
    font-size: 0.88em;
    font-weight: 600;
    background: transparent;
    text-align: center;
    text-decoration: none;
    border-radius: 50px;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    background: #f39307;
    color: white;
    margin-top: 40px;
    outline: none;
}

.form__btn_submit:hover{
    opacity: 0.6;
}

.form__cols {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

.form__colleft {
    width: 50%;
    padding-right: 25px;
}

.form__colright {
    width: 50%;
    padding-left: 25px;
}

.form__captcha{
    display: flex;
    padding-top: 45px;
}

.form__inputcaptcha{
    width: 150px;
    margin-right: 20px;
}

.form__fieldcontainer {
    position: relative;
}

.form__textareacontainer {
    height: 100%;
}

.form__field {
    display: block;
    width: 100%;
    background-color: transparent;
    background-image: none;
    border-width: 0 0 2px 0;
    border-color: #d6d6d6;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-bottom: 45px;
    padding: 12px 10px 8px;
    font-size: 0.9em;
    letter-spacing: 0.03em;
    outline: 0;
}

.form__field:focus {
  outline: 0;
  border-color: #3d3d3e;
  color: initial;
  opacity: 1;
}

.form__field::-moz-placeholder {
  color: #fbfbf;
  opacity: 1;
}

.form__field:-ms-input-placeholder {
  color: #bfbfbf;
  opacity: 1;
}

.form__field::-webkit-input-placeholder {
  color: #bfbfbf;
  opacity: 1;
}

.form__field--last {
    margin-bottom: 0;
}

.form__field--text {
    width: 100%;
    height: 100%;
}

.form__field--err{
    border-color: #f93737 !important;
    color: #f93737 !important;
}

.form__field--err::-moz-placeholder {
  color: #f93737 !important;
  opacity: 1;
}

.form__field--err:-ms-input-placeholder {
  color: #f93737 !important;
  opacity: 1;
}

.form__field--err::-webkit-input-placeholder {
  color: #f93737 !important;
  opacity: 1;
}

.productstile{
    margin: 35px 0;
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
}

.productstile__item{
    padding: 26px;
    background: rgb(240, 240, 240);
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.productstile__item:hover{
    background: rgb(222, 222, 222);
}

.productstile__title {
    font-size: 1.05em;
    font-weight: 700;
    text-align: center;
}

.productstile__subtitle {   
    font-size: 0.85em;
    opacity: 0.8;
    text-align: center;
}

.productstile__img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 80px;
    margin-bottom: 20px;
}


.productstile__img--apps{
    max-height: 115px;
}





.footer {
    background: #3d3d3e;
    background: -webkit-linear-gradient(#464648, #3c3c3e);
    background: -o-linear-gradient(#464648, #3c3c3e);
    background: -moz-linear-gradient(#464648, #3c3c3e);
    background: linear-gradient(#464648, #3c3c3e);
    color: #d4d4d4;
}

.footer__body {
    padding-top: 90px;
    padding-bottom: 90px;
}

.footer__end {
    background: #38383a;
    border-top: 1px solid rgba(255,255,255,.2);
    padding-top: 40px;
    padding-bottom: 40px;
}

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

.footer__container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer__title {
    color: inherit;
    text-align: left;
    font-weight: 400;
    margin-bottom: 30px;
    font-size: 0.9em;
    position: relative;
}

.footer__title:after {
    content: '';
    width: 25px;
    height: 2px;
    background: #f39307;
    position: absolute;
    bottom: -8px;
    left: 0;
}

.footer__link {
    font-weight: 600;
    font-size: 0.9em;
    text-decoration: none;
    line-height: 1.8em;
    color: inherit;
}

.footer__link--lighter {
    line-height: initial;
    font-weight: initial;
}

.footer__link:hover {
    color: #f39307
}

.footer__producttext {
    font-size: 0.8em;
    opacity: 0.65;
    display: block;
    line-height: 0.9em;
    padding-bottom: 6px;
}

.footer__contant {
    font-weight: 400;
    font-size: 0.9em;
    text-decoration: none;
    color: inherit;
}

.footer__cookies,
.footer__copyright {
    text-align: center;
}

.footer__cookies {
    opacity: 0.6;
    font-size: 0.75em;
}

.footer__copyright {
    line-height: 2em;
    font-size: 0.8em;
}

.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: #f39307; 
    background-color: #f39307;
}

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