body{font-family:Roboto,sans-serif;color:#5e5e5e;padding:0;margin:0;letter-spacing:0}
a,button,div,form,input,p,span{box-sizing:border-box}
img{width:100%;height:auto}
p{margin:0;line-height:1.5em}
li,ul{display:block;padding:0;margin:0}
h1,h2,h3,h4,h5,h6{padding:0;margin:0;font-family:Roboto,sans-serif!important;line-height:1em!important;font-weight:700;text-transform:uppercase}
a,button,input{transition:all .5s ease}
button,button:active,button:focus,button:hover,input,input:active,input:focus,input:hover{outline:0}
body,html{width:100%;overflow-x:hidden}
.header__page{background:url(../img/fonPage.jpg) no-repeat center top;position:relative;padding-bottom:20px}
.page-title-overlay{position:absolute;width:100%;height:100%;top:0;left:0;right:0;background-color:rgba(0,0,0,.7)}
.headerPage__topbar{border-bottom:1px solid rgba(255,255,255,.1);padding:14px 0;position:relative}
.headerPage__contact ul{display:flex;color:#fff}
.headerPage__contact ul li{margin-right:10px}
.headerPage__contact ul li a{color:#fff}
.headerPage__contact ul li i{color:#f15303;margin-right:5px}
.headerPage__logo{margin-top:10px}
.headerPage__links{display:flex;justify-content:flex-end;margin-top:10px}
.headerPage__links li{margin-left:30px}
.headerPage__links li a{color:#fff}
.headerPage__links li a:hover{color:#f15303;text-decoration:none}
.headerPage__info{display:flex;margin-top:30px}
.headerPage__name{color:#fff}
.headerPage__name h1{color:#fff}
.headerPage__breadcrumb{display:flex;align-items:center;color:#fff;font-size:16px}
.headerPage__breadcrumb li{margin-right:10px}
.headerPage__breadcrumb i{margin-right:5px;margin-left:5px}
.headerPage__breadcrumb a{color:#fff}
.headerPage__breadcrumb a:hover{color:#f15303;text-decoration:none}
.header__language{position:absolute;top:0;right:20px}
.header__language_offer{display:block;max-height:0;transition:max-height .3s}
.header__rus{padding-left:5px;width:55px;height:35px;padding-top:5px;background-color:#676666;text-align:left;position:relative}
.header__rus img{width:24px;height:16px}
.header__ukr{display:none;z-index:10;position:absolute;width:55px;height:35px;top:-24px;text-align:left;padding-left:5px;padding-top:5px;border-radius:0 0 5px 5px;background-color:#676666}
.header__ukr img{width:24px;height:24px}
input.toggleMenu:checked~.header__language,input.toggleSubmenu:checked~.header__ukr{display:block;position:relative;transition:max-height 2s ease-in}
.header__language [type=checkbox],.header__language label.toggleSubmenu{display:none}
.header__language label.toggleSubmenu{position:absolute;top:0;right:0;width:100%;cursor:pointer;display:block}
.header__language label.toggleSubmenu .fa:before{content:"\f0d7";color:#fff}
.header__language label.toggleSubmenu .fa{position:absolute;top:5px;right:7px}
.header__language input.toggleSubmenu:checked~label.toggleSubmenu .fa::before{content:"\f0d8";color:#fff}
.sales-department{padding-top:30px}
.SalesDepartmen__team{margin-bottom:50px}
.SalesDepartmen__offer{padding-top:50px;padding-bottom:50px}
.SalesDepartmen__title{margin-top:50px;margin-bottom:5px;text-align:center;margin-bottom:50px}
.SalesDepartmen__title h2{font-size:48px;color:#393939;margin-bottom:10px;font-weight:700}
.SalesDepartmen__title p{font-size:20px;font-weight:400}
.SalesDepartmen__description{background-color:#5e5e5e;padding:20px;transition:ease-in-out .3s}
.SalesDepartmen__photo{position:relative}
.SalesDepartmen__overlay{position:absolute;opacity:0;width:100%;height:100%;background-color:#5e5e5e70;top:0;left:0;-webkit-transform-origin:right top;transform-origin:right top;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.SalesDepartmen__overlay i{color:#f15303;display:flex;justify-content:center;margin-top:45%;font-size:40px}
.SalesDepartmen__photo:hover .SalesDepartmen__overlay{opacity:1;transition:all .5s ease-in-out;visibility:visible;-webkit-transform:scale(1);transform:scale(1)}
.SalesDepartmen__info{text-align:center;color:#fff;margin-bottom:20px}
.SalesDepartmen__info a{color:#fff;font-size:18px;font-weight:600;text-transform:uppercase;line-height:24px}
.SalesDepartmen__info span{font-size:12px;text-transform:uppercase;color:#fff}
.SalesDepartmen__contact span.call{font-size:20px;line-height:28px;font-weight:600}
.SalesDepartmen__contact span.call>p{margin-bottom:10px}
.SalesDepartmen__contact span.email{font-size:16px;display:flex;justify-content:center;align-items:center;margin-bottom:10px}
.SalesDepartmen__contact span a{color:#fff;display:block;text-align:center}
.SalesDepartmen__contact .icq{color:#fff;text-align:center}
.icq p{display:flex;justify-content:center}
.SalesDepartmen__contact span i{padding-right:10px;color:#fff}
.SalesDepartmen__social ul{display:flex;justify-content:center}
.SalesDepartmen__social ul li{border-radius:10px;transition:all .3s ease-in-out;width:40px;height:40px}
.SalesDepartmen__social ul li a{color:#fff;text-align:center;line-height:40px;display:block}
.SalesDepartmen__team:hover .SalesDepartmen__description{background-color:#f15303;transition:ease-in-out .3s}
.SalesDepartmen__facebook:hover{background-color:#5d82d1;transition:all .3s ease-in-out}
.SalesDepartmen__instagram:hover{background-color:#e95950}
.SalesDepartmen__vk:hover{background-color:#45668e}
.activities__block{text-align:center;margin-bottom:50px}
.activities__block p{max-width:700px;margin:0 auto;font-size:16px;color:#393939}
.activities__block h4{font-size:24px;color:#393939;font-weight:400}
.activities__title{font-size:48px;font-weight:700;margin-top:10px;margin-bottom:10px;color:#393939}
.accordion{width:100%;max-width:600px;min-height:0;display:block;position:relative;margin:48px auto 0;padding:0;background-color:#fefffa;overflow:hidden}
.accordion h2{font-size:16px;font-weight:400;display:block;margin:0;padding:20px 25px;cursor:pointer;color:#f4f4f4;background:#f15303;border-top:1px solid #f06723;border-bottom:1px solid #a74e21;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.msg{position:relative;overflow:hidden;max-height:800px;opacity:1;padding:5px 20px;transform:translate(0,0)}
.msg p{font-size:16px;line-height:25px}
@media (max-width:550px){
.accordion{box-sizing:border-box;transform:translate(0,0);max-width:100%;min-height:100%;margin:0;left:0}
}
.accordion ul{list-style:none;perspective:900;padding:0;margin:0}
.accordion ul li{position:relative;padding:0;margin:0}
.accordion ul li:nth-of-type(1){animation-delay:.5s}
.accordion ul li:nth-of-type(2){animation-delay:.75s}
.accordion ul li:nth-of-type(3){animation-delay:1s}
.accordion ul li:last-of-type{padding-bottom:0}
.accordion ul li i{position:absolute;transform:translate(-6px,0);margin-top:16px;right:25px}
.accordion ul li i:after,.accordion ul li i:before{content:"";position:absolute;top:10px;background-color:#eee;width:3px;height:9px}
.accordion ul li i:before{transform:translate(-2px,0) rotate(45deg)}
.accordion ul li i:after{transform:translate(2px,0) rotate(-45deg)}
.accordion ul li input[type=checkbox]{position:absolute;cursor:pointer;width:100%;height:100%;margin:0;padding:0;opacity:0}
.accordion ul li input[type=checkbox]:checked~div.msg{margin-top:0;max-height:0;opacity:0;transform:translate(0,50%)}
.accordion ul li input[type=checkbox]:checked~i:before{transform:translate(2px,0) rotate(45deg)}
.accordion ul li input[type=checkbox]:checked~i:after{transform:translate(-2px,0) rotate(-45deg)}
.accordion__list li i:after,.accordion__list li i:before,div.msg{transition:all .5s ease-in-out}
.clients__comment{position:relative;padding:55px 50px 45px 70px;margin-top:45px;font-weight:400;line-height:24px}
.clients__icon{width:100px;height:100px;position:absolute;left:50%;margin-left:-40px;top:-45px}
.clients__icon img{border-radius:50%;width:100%;border:2px solid #d25416}
.clients__text{font-size:18px;position:relative}
.clients__text::before{position:absolute;top:-15px;left:-35px;color:#393939;content:"\201C";font-family:Georgia,serif;font-size:100px}
.clients__other{text-align:center;margin-top:20px;font-weight:700}
.our-activities{padding-top:100px;padding-bottom:20px}
.footer{background-color:#393939;padding-top:100px}
.footer__menu h6{margin-bottom:20px}
.footer__menu ul li{margin-bottom:10px}
.footer__menu ul li a{color:rgba(255,255,255,.5);text-decoration:none;font-size:16px;line-height:26px}
.footer__menu ul li a:hover{color:rgba(255,255,255,.9)}
.footer__addres{margin-bottom:30px}
.addresss-info,.addresss-info a{color:rgba(255,255,255,.5)}
.addresss-info a:hover{color:rgba(255,255,255,.9)}
.addresss-info li{margin-bottom:20px}
.addresss-info li i{margin-right:10px}
.footer-widget{margin-top:20px;padding-top:30px;padding-bottom:30px;color:rgba(255,255,255,.5);border-top:1px solid rgba(255,255,255,.1)}
.footer__logo-block p{padding-top:20px;color:rgba(255,255,255,.5)}
.footer__company{color:#f15303}
.footer__company:hover{color:#ff9d6c;text-decoration:none}
.footer__social-icons ul{display:flex;justify-content:flex-end}
.footer__social-icons ul li{margin-left:15px;width:40px;height:40px;text-align:center;border-radius:5px}
.footer__social-icons ul li a{font-size:18px;line-height:40px;display:block;color:rgba(255,255,255,.5);transition:all .3s ease-in-out}
.footer__facebook:hover{background-color:#5d82d1;transition:all .3s ease-in-out}
.footer__instagram:hover{background-color:#e1326b;transition:all .3s ease-in-out}
.footer__vk:hover{background-color:#45668e;transition:all .3s ease-in-out}
.footer__email:hover{background-color:#a4c639;transition:all .3s ease-in-out}
.footer__email:hover a,.footer__facebook:hover a,.footer__instagram:hover a,.footer__vk:hover a{color:#fff}
.consultation__title2{font-size:24px;font-weight:400;color:#fcfbfb;text-transform:none;text-align:center;margin-bottom:30px;margin-top:20px}
.form-control2{background-color:#eaeaea;color:#8a8a8a;width:100%;height:60px;font-size:14px;font-weight:300;padding:5px 0 0 30px;margin-bottom:30px;border-radius:3px;border:none}
.consultation__btn2{width:100%;background-color:#5a5a5a;color:#fdfdfd;border:none;border-radius:3px;cursor:pointer;text-transform:uppercase;font-size:16px;font-weight:400;padding:15px 25px}
.little-consultation__form2{padding:30px;background-color:#d25416;border-radius:5px;box-shadow:0 0 0 10px rgba(153,153,153,.3)}
.footer__btn{font-size:16px;background-color:#f15303;border:2px solid #f15303;cursor:pointer;color:#fff;width:100%;padding:10px 15px;text-transform:uppercase;margin-top:10px}
.footer__btn:hover{background-color:transparent}
.box-modal{position:relative}
#thx,#thx3{position:relative;width:100%;padding-top:250px;height:100%;background:#fff;text-align:center;position:absolute;color:#3c3c3c;box-shadow:0 0 0 6px rgba(153,153,153,.3);border-radius:6px}
#thx2,#thx4{padding:130px 20px;position:relative;width:100%;height:100%;background:#fff;text-align:center;position:absolute;color:#3c3c3c;box-shadow:0 0 0 6px rgba(153,153,153,.3);border-radius:6px}
#thx5{padding:130px 20px;position:relative;width:100%;height:100%;background:#fff;text-align:center;position:absolute;color:#3c3c3c;box-shadow:0 0 0 6px rgba(153,153,153,.3);border-radius:6px}
.box-modal_close{position:absolute;right:10px;top:10px;font-size:14px;line-height:15px;color:#5e5e5e;cursor:pointer}
#loader,#loader2,#loader3,#loader4,#loader5{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(240,240,240,.91);overflow:hidden;display:none}
label.error{font-size:12px;color:red;position:absolute;left:40px}
input.error{border:1px solid red!important}
input.valid{border:1px solid #ffea39!important}
#loader img,#loader2 img,#loader3 img,#loader4 img,#loader5 img{position:absolute;width:50px;height:50px;left:50%;margin-left:-25px;top:50%;margin-top:-25px}
.overlay__cloce{position:absolute;right:10px;top:10px;font-size:20px;line-height:15px;color:#d25416;cursor:pointer}
#form-message__thx{width:100%;position:relative;padding:100px;background:#fff;text-align:center;color:#3c3c3c;box-shadow:0 0 0 6px rgba(153,153,153,.3);border-radius:6px}
#overlay,#overlay2,#overlay3,#overlay4,#overlay5{display:none;position:absolute;width:100%;height:100%;left:0;top:0;cursor:pointer;background:#000c}
.invisible{display:none}


/* sticky */
@-webkit-keyframes show-menu {
  0% {
    opacity: 0;
    top: -70px;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}

@keyframes show-menu {
  0% {
    opacity: 0;
    top: -70px;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}

@-webkit-keyframes menu {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes menu {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.header__sticky {
  display: none;
}


@media screen and (max-width:991px){
.headerPage__links li{margin-left:15px}
.headerPage__links li a{font-size:15px}
.footer__addres{margin-top:50px}
.footer__logo{margin-top:30px}
}
@media screen and (max-width:767px){
.header__language{right:0}
.header__rus,.header__ukr{background-color:transparent}
.footer__social-icons ul{justify-content:center}
}
@media screen and (max-width:575px){
  .sticky {
    background-color: #5e5e5e;
    padding-bottom:0;
    display: block;
    position: fixed;
    padding-top: 0;
    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, .5);
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    -webkit-animation-name: show-menu;
            animation-name: show-menu;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
  }
.headerPage__links{display:none}
.headerPage__contact{text-align:left}
.headerPage__contact ul{display:block;text-align:left!important}
.headerPage__contact ul li{margin:0;margin-bottom:8px}
.headerPage__name h1{font-size:26px}
.headerPage__breadcrumb{margin-top:10px}
.activities__block h4{font-size:18px}
.SalesDepartmen__title p{font-size:18px}
.SalesDepartmen__title h2,.activities__title{font-size:30px}
.activities__block p{font-size:14px}
.our-activities{padding-bottom:0}
.headerPage__logo{margin-top:10px}
.headerPage__info{margin-top:0;justify-content:center}
.header__page{padding-bottom:10px}
.headerPage__topbar{padding-bottom:0}
}
.lb-style-github .lb-a{padding:5px 10px!important}
.page-template-template-rolling .template-section,
.page-template-template-working .template-section,
.page-template-template-engineering .template-section {padding-bottom: 0;}
.page-template .template-section h1 {margin-bottom: 30px;}
.page-template-template-rolling .services,
.page-template-template-working .services,
.page-template-template-engineering .services {
  padding-top: 50px;
  padding-bottom: 50px;
}
.services__blog .category-otzyvy .post-thumbnail {
  max-width: 150px;
}
.services__blog .type-post .entry-header .entry-title {
  font-size: 30px;
}

.page-template-template-rolling .form,
.page-template-template-working .form,
.page-template-template-engineering .form {
  margin-bottom: 80px;
}
