html {
    font-size: 16px;
}

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

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


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


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

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

.header__h1home{
    font-size: 1.9em;
    font-weight: 700;
    padding-bottom: 5px;
}

.header__h2home{
    font-size: 1.3em;
    font-weight: 300;
}

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

.header__h1{
    font-size: 2.1em;
    font-weight: 700;
    color: white;
}

.header__h1:after{
    content: "";
    display: block;
    height: 4px;
    width: 60px;
    background: #00abd2;
    margin: 25px auto 25px;
}

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

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

.header__faq{
    background-image: url('/extfiles/2/5/485300bcd9bb8d584fa45f045a8c7657.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.header__product{
    background-image: url('/extfiles/c/5/db9b0881442e9d85b0b3a5c708557288.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.header__roof{
    background-image: url('/extfiles/b/8/83cfd81f4cdacecc22a38ce5739050d9.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}



.page__h2{
    font-size: 1.67em;
    font-weight: 700;
}

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

.page__h3{
    padding-bottom: 15px;
    font-size: 1.1em;
    font-weight: 700;
}

.page__h3--left{
    text-align: left;
}

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


.btn{
    display: inline-block;
    padding: 12px 45px;
    background-color: #00abd2;
    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: #0190b1;
}

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

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

.btn--pricing{
    position: absolute;
    bottom: 25px;
    left: 50%;
    width: 240px;
    margin-left: -120px;
    text-align: center;
}

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


.nav{
    width: 100%;
    height: 102px;
    position: fixed;
    z-index: 99;
    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: 160px;
    height: 50px;
    background-image: url('/extfiles/c/d/64299d0c5a661cf22609f17f0c257c8d.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;
}

.nav__ctalink:hover{
    opacity: .7;
}

.nav__menubtn{
    width: 46px;
    height: 46px;
    background-color: #00abd2; 
    background-image: url('/extfiles/5/a/dd442f107ebe5e14ee913228730f1941.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--small .nav__menubtn{
    width: 36px;
    height: 36px;
}

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

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

.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 rgba(51, 51, 51, .6);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.nav__lnglist{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #00abd2;
    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__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;
}

.nav--dark .nav__link{
    color: #333333;
}

.nav__link--cta{
    padding: 6px 14px;
    background-color: #00abd2;
    border-radius: 4px;
    color:white !important;
}

.nav__link--cta:hover{
    color:white;
    background-color: #0190b1;
}


.nav--light .nav__link,
.nav--light .nav__lngslink{
    color: white;
}

.nav--light .nav__inner:after{
    background: white;
}

.nav--light .nav__logo{
    background-image: url('/extfiles/a/0/2c2dfa5c069514ea9095b78ffc35fca5.svg');
}

.nav--light .nav__lng{
    color: white;
    border-color: white;
}


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

.nav--small .nav__logo{
    background-image: url('/extfiles/c/d/64299d0c5a661cf22609f17f0c257c8d.svg');
    width: 132px;
    height: 41.25px;
}

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

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

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

.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;
}


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

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


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

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

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


.nav--light .nav__link--active,
.nav--dark .nav__link--active,
.nav__link:hover{
    color: #00abd2;
}


.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;
    position: relative;
    background: #e5e5e5;
}

.homeheader__flex{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    padding-top: 101px;
    overflow:hidden;
}

.homeheader__graphiccontainer{
    width: 100%;
    height: 65%;
    background: url('/extfiles/2/c/8d3dd04b6ed5998925c5779097a10554.png') 50% 0% no-repeat;
    background-size: 1100px;
}

.homeheader__textcontainer{
    width: 100%;
    height: 35%;
    min-height: 240px;
    display: table;
}

.homeheader__texinner{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    padding: 0 20px;
}

.homeheader__textcell {
    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
    padding: 0 20px;
    vertical-align: middle;
}

.homeheader__ctaheader{
    text-align: center;
    margin-top: 30px;
}


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

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


.homewhy__text{
    text-align: center;
    text-transform: uppercase;
    line-height: 1.65em;
    font-size: 1.1em;
    font-weight: 400;
    margin-top: 40px;
}

.homewhy__flextext{
    font-size: 1.1em;
    line-height: 1.5em;
    font-weight: 300;
    text-align: center;
}

.homewhy__h3icon:before{
    content: '';
    height: 88px;
    width: 88px;
    margin: 0 auto;
    display: block;
    margin-bottom: 30px;
}

.homewhy__h3icon--1:before{
    content: '';
    background: url('/extfiles/4/6/ffa1017fb8fda9052d36aff3b13a9a01.svg') no-repeat 50% 50%;
}
    

.homewhy__h3icon--2:before{
    content: '';
    background: url('/extfiles/3/9/8fa5d2c255b4d6c2e90586dffcf59cde.svg') no-repeat 50% 50%;
}

.homewhy__h3icon--3:before{
    content: '';
    background: url('/extfiles/4/0/f716e1b0b4627a0909fbd5a421f22a7d.svg') no-repeat 50% 50%;
}


.hometry{
    width: 100%;
    background: #4f5c5f url('/extfiles/5/4/5a8f596ff3e761a74e2a02d78a5d89ff.jpg') no-repeat 50% 50%;
    background-size: cover;
}

.hometry__h2{
    padding-bottom: 0.35em;
    font-size: 1.6em;
    font-weight: 700;
    color: white;
}

.hometry__h3{
    font-size: 1.3em;
    font-weight: 300;
    color: white;
}


.use{
    width: 100%;
    background: #4f5c5f url('/extfiles/a/0/5adc6d399456e7d3eed1d6f276fd0781.jpg') no-repeat 50% 50%;
    background-size: cover;
}

.use__h2{
    font-size: 1.6em;
    font-weight: 700;
    padding-bottom: 0.35em;
    color: white;
}

.use__h3{
    font-size: 1.3em;
    font-weight: 300;
    color: white;
}



.homekeys{
    background-color: #f0f0f0;
}

.homekeys__flex{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 40px;
}

.homekeys__flexitem{
    width: 33.3333%;
    padding: 15px;
}

.homekeys__flexinner{
    background: #f9f9f9;
    border: 1px solid #e2e2e2;
    padding: 15px;
    padding-top: 25px;
    height: 100%;
}

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

.homekeys__h3icon:before{
    content: '';
    height: 88px;
    width: 88px;
    margin: 0 auto;
    display: block;
    margin-bottom: 30px;
}

.homekeys__h3icon--1:before{
    content: '';
    background: url('/extfiles/2/0/400d5b5bdd9508c67a341f900b792a76.svg') no-repeat 50% 50%;
}

.homekeys__h3icon--2:before{
    content: '';
    background: url('/extfiles/a/f/df402b3e2d339cd8ad9dddaf5a619d39.svg') no-repeat 50% 50%;
}

.homekeys__h3icon--3:before{
    content: '';
    background: url('/extfiles/5/e/252bc248407e65f637d7a83094219d07.svg') no-repeat 50% 50%;
}

.homekeys__h3icon--4:before{
    content: '';
    background: url('/extfiles/7/7/a094c9d0559a99730cafa53980f3e849.svg') no-repeat 50% 50%;
}

.homekeys__h3icon--5:before{
    content: '';
    background: url('/extfiles/8/9/829c3053e004bca80adbdc0e6f438dea.svg') no-repeat 50% 50%;
}

.homekeys__h3icon--6:before{
    content: '';
    background: url('/extfiles/4/7/4df15d974d26dca2a61c74741c9e97cf.svg') no-repeat 50% 50%;
}

.contact{
}

.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: 20px;
    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/5/1/3b9d0e9f5f9760d60c7e1bb01b5529f3.svg') no-repeat 0 0;
    background-size: 45%;
}

.contact__email:before {
    background: url('/extfiles/0/e/6c7810ce67db0e88243f31eda34a9d27.svg') no-repeat 0 20%;
    background-size: 45%;
}

.contact__tel:before {
    background: url('/extfiles/e/3/5c412da46673c435bef6d9dd285d8645.svg') no-repeat 0 20%;
    background-size: 45%;
}

.contact__link:hover{
    color: #0190b1;
}

.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: 150px;
    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: #00abd2;
}

.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;
}


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

.faq{
    background-color: #f0f0f0;
}

.faq__list{
    width: 100%;
    margin: 0 auto;
}
    
.faq__listitem{
    margin-bottom: 15px;
    border: 1px solid #3aa8c1;
    border-radius: 4px;
    overflow: hidden;
}

.faq__question{
    padding: 12px 25px;
    padding-right: 60px;
    background: #3aa8c1;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1em;
    position: relative;
    cursor: pointer;
}

.faq__question:hover{
    background: #0190b1;
}

.faq__answer{
    padding: 12px 25px;
    font-weight: 400;
    font-size: 0.95em;
}

.faq__listitem[a-faq-item='close'] .faq__answer{
    display: none;
}

.faq__listitem[a-faq-item='close'] .faq__question:after{
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -10px;
    background: url('/extfiles/8/8/a41b6d198ad6b651f86f4bc10e498f3c.svg') no-repeat 50% 50%;
}

.faq__listitem[a-faq-item='open'] .faq__question:after{
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -10px;
    background: url('/extfiles/4/e/5e1179b395b33504c5ee94ab5726221a.svg') no-repeat 50% 50%;
}


.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: 380px;
}

.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;
}

.product__btn{
    padding: 8px 24px;
    background-color: #00abd2;
    border-radius: 4px;
    color: white !important;
    display: inline-block;
    margin-top: 20px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.9em;
}


.roof__part{
    padding: 95px 0;
}

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

.roof__partcontainer:before{
    content: '';
    display: table;
}

.roof__partcontainer:after{
    content: '';
    display: table;
    clear: both;   
}

.roof__partleft{
    float: left;
    height: 100%;
    width: 50%;
    padding-right: 40px;
}

.roof__partright{
    float: left;
    height: 100%;
    width: 50%;
    padding-left: 40px;
}

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

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


.pricing__flex{
    width: 100%;
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.pricing__flexitem{
    width: 33.33333%;
    padding: 15px;
}

.pricing__flexinner{
    background: #f9f9f9;
    border: 1px solid #e2e2e2;
    height: 100%;
    width:100%;
    padding-bottom: 100px;
    position: relative;
}

.pricing__header{
    padding: 20px;
    background-color: #00abd2;
    color: white;
}

.pricing__text{
    text-align: center;
    text-transform: uppercase;
    line-height: 1.65em;
    font-size: 1.1em;
    font-weight: 400;
    margin-top: 40px;
}

.pricing__h3{
    padding-bottom: 0;
    font-size: 0.9em;
    font-weight: 600;
}

.pricing__h4{
    font-size: 2.3em;
    font-weight: 700;
    line-height: 1.1em;
}

.pricing__h4:after{
    content: 'UNLIMITED number of users';
    font-size: 12px;
    text-transform: initial;
    font-weight: 400;
    display: block;
    line-height: 12px;
    margin-top: 4px;
}

.pricing__options,
.pricing__plist{
    padding: 20px;
    padding-bottom: 0;
}

.pricing__opt{
    font-size: 1.1em;
    line-height: 1.9em;
    font-weight: 400;
    text-align: center;
}

.pricing__pitem{
    font-size: 0.9em;
    line-height: 1.5em;
    font-weight: 300;
    text-align: center;
}

.pricing__pitem:before{
    content: '';
    width: 10px;
    height: 10px;
    background: red;
}


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

.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/6/9/c113027e6433f60ab21589915ebafe72.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__flexitem--phone .beforefooter__title,
.beforefooter__flexitem--phone .beforefooter__value {
    text-align: right;
}

.beforefooter__flexitem--email .beforefooter__title,
.beforefooter__flexitem--email .beforefooter__value {
    text-align: left;
}

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

.beforefooter__tel .beforefooter__value {
    text-align: right;
}

.beforefooter__email .beforefooter__value {
    text-align: left;
}


.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: 20px;
    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__link:hover{
    color: #0190b1
}

.footer__addresse:before {
    background: url('/extfiles/a/5/6b85954f823a1503b18582456ec436b0.svg') no-repeat 50% 0;
}

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

.footer__tel:before {
    background: url('/extfiles/4/0/4312921f1a5a15a9a9d462ceb5567797.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;
}

.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: 130px;
    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: #0190b1
}

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

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