* {
  margin: 0;
  padding: 0;
}

body {
  background-color: #ffffff;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  color: #686f76;
}

*, a:focus {
  outline: none !important;
}

a {
  text-decoration: none;
}

a:hover, a:focus {
  text-decoration: none;
}

/***** MODAL CONTACT *****/

.modal-content {
  border-radius: 0px;
}

.modal-header {
  background: #ffffff;
  color: #686f76;
    padding: 30px 40px;
}

.modal-header h4 {
  font-weight: 700;
color: #686f76;
    font-size: 20px;
}

.close {
color: #686f76;
}

.modal-header .close {
    right: 18px;
    top: 18px;
    position: absolute;
}

.modal-body {
  background: #ffffff;
  font-family: "Lato";
  font-weight: 300;
  font-size: 16px;
  color: #555;
    padding: 40px;
}

.modal-footer {
  background: #f2f2f2;
  margin-top: 0px;
}



/* Contact Form */

.contact-form {
  text-align: left;
  padding: 0 15px;
}

.contact-form label {
   color: #999;
}

.contact-form input, .contact-form textarea {
  padding: 10px 12px;
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  height: auto;
}

.contact-form .form-send {
  text-align: center;
}

.contact-form .form-send button  {
  background: #d9534f;
  border: 0;
  padding: 10px 30px;
  color: #fff;
  transition: 0.4s;
  cursor: pointer;
}

.contact-form .form-send button:hover {
  background: #e65f5b;
}

.contact-form .validate {
  display: none;
  color: red;
  margin: 0 0 15px 0;
  font-weight: 400;
  font-size: 13px;
}

.contact-form .loading {
  display: none;
  color: #555;
  background: #fff;
  text-align: center;
  padding: 15px;
  margin: 15px 0;
}

.contact-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

@-webkit-keyframes animate-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.contact-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin: 15px 0;
}

.contact-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin: 15px 0;
}

/* Copyrights */

#copyrights {
  background: #222222;
  padding: 20px 0;
  text-align: center;
  color: #fff;
}

#copyrights p {
  margin-bottom: 5px;
}

.credits {
  color: #999;
}







header {
width: 100%;
max-width: 1920px;
min-height: 130px;
margin: 0 auto;
}

header .logo-block {
margin-top: 26px;
}

header .logo-block img {
width: 236px;
height: 54px;
}

header .logo-block p {
font-size: 12px;
color: #686f76;
line-height: 1.2;
margin: -4px 0 0 69px;
}



header .head-search {
width: 382px;
height: 49px;
margin: 49px auto 0 auto;
padding: 0;
float: left;
}

header .head-search input[type="text"] {
width: 332px;
height: 49px;
margin: 0;
padding: 0 0 0 25px;
border: 0;
font-size: 14px;
color: #686f76;
background: #f5f5f5;
float: left;
}


header .head-search input[type="button"], header .head-search input[type="submit"] {
cursor: pointer;
background: url("../img/search.svg") no-repeat;
width: 50px;
height: 49px;
margin: 0;
padding: 0;
border: 0;
float: left;
}


header .phone-head {
margin-top: 14px;
}
header div.gorod {
display: block;
height: 21px;
float: right;
margin-right: 14px;
position: relative;
z-index: 15;
}


.header-lang {
float: right;
margin-right: 16px;
display: flex;
grid-gap: 10px;
padding: 3px 0 0 16px;
}


.header-lang a, .header-lang span {
    font-size: 12px;
    color: #686f76;
}

.header-lang a {
    color: #686f76;
    font-weight: 700;
}

header div.gorod p {
font-size: 12px;
color: #686f76;
display: block;
height: 21px;
padding: 3px 0 0 16px;
cursor: pointer;
background: url("../img/adress-icon.svg") left center no-repeat;
-webkit-transition: all .5s ease-out 0.1s;
-moz-transition: all .5s ease-out 0.1s;
-o-transition: all .5s ease-out 0.1s;
transition: all .5s ease-out 0.1s;
}
header div.gorod p:hover {
color: #4f5459;
}
header a.tel {
font-size: 15px;
color: #686f76;
font-weight: 700;
display: block;
height: 21px;
float: right;
text-align: right;
}



header .button-head {
margin-top: 14px;
}

header .mail-button {
width: 180px;
height: 49px;
display: block;
background: #686f76;
font-size: 14px;
color: #ffffff;
float: right;
margin: 0 48px 26px 0;
text-align: center;
padding-top: 14px;
-webkit-transition: all .5s ease-out 0.1s;
-moz-transition: all .5s ease-out 0.1s;
-o-transition: all .5s ease-out 0.1s;
transition: all .5s ease-out 0.1s;
}
header .zaiavka-button {
width: 180px;
height: 49px;
display: block;
background: #eb1e23;
font-size: 14px;
color: #ffffff;
float: right;
margin-bottom: 26px;
cursor: pointer;
text-align: center;
padding-top: 14px;
-webkit-transition: all .5s ease-out 0.1s;
-moz-transition: all .5s ease-out 0.1s;
-o-transition: all .5s ease-out 0.1s;
transition: all .5s ease-out 0.1s;
}

header .mail-button:hover {
background: #4f5459;

}
header .zaiavka-button:hover {
background: #c41215;
}

@media (max-width: 1199px) {
header .head-search {
float: right;
}
}

@media (max-width: 767px) {
header .logo-block {
margin: 26px auto 0 auto;
width: 246px;
}
header .head-search {
float: none;
margin: 49px auto 0 auto;
}
header .phone-head {
width: 262px;
margin: 22px auto 0 auto;
}

header .button-head {
width: 408px;
margin: 22px auto 0 auto;
}
}



.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #101010;
    text-align: center;
}

@media (min-width: 768px) {
.navbar-nav {
    float: none!important;
    margin-right: 0;
    margin: 0 auto;
    display: inline-block;
}
}

.navbar-inverse {
    background: #686f76;
    border: 0;
    border-radius: 0;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
}

.navbar {
    padding-top: 0;
    padding-bottom: 0;
    min-height: 49px;
    line-height: 0;
z-index: 12;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #fff;
    background-color: #eb1e23;
padding-top: 12px;
border-bottom: 3px solid #eb1e23;
}

.navbar-inverse .navbar-toggle {
    border-color: #ffffff;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #eb1e23;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #ffffff;
    text-align: center;
}

.navbar-inverse .navbar-nav>li>a {
color: #ffffff;
font-size: 17px;
position: relative;
display: block;
padding: 15px 15px 14px 15px;
font-weight: 400;
-webkit-transition: all .5s ease-out 0.1s;
-moz-transition: all .5s ease-out 0.1s;
-o-transition: all .5s ease-out 0.1s;
transition: all .5s ease-out 0.1s;
}



.brand-main-block {

}

.brand-main-block h2 {
color: #686f76;
font-size: 30px;
text-transform: none;
font-weight: 700;
text-align: center;
margin: 70px 0 50px 0;
}

.brand-main-block .brand-item {
float: left;
width: 142px;
height: 90px;
border: 1px solid #f3f3f3;
display: block;
background-position: center center;
background-repeat: no-repeat;
}

.brand-main-block .brand-item h3 {
width: 144px;
height: 90px;
text-align: center;
color: #ffffff;
text-decoration: none;
vertical-align: middle;
font-size: 16px;
font-weight: 700;
display: none;
visibility: hidden;
-webkit-transition: all .5s ease-out 0.1s;
-moz-transition: all .5s ease-out 0.1s;
-o-transition: all .5s ease-out 0.1s;
transition: all .5s ease-out 0.1s;
}

.brand-main-block a.brand-item:hover {
border: 1px solid #eb1e23;
}

.brand-main-block a.brand-item:hover h3 {
background-color: #eb1e23;
display: table-cell;
visibility: visible;
}

.prichini-main-block {


}

.prichini-main-block h2 {
color: #686f76;
font-size: 30px;
text-transform: none;
font-weight: 700;
text-align: center;
margin: 70px 0 50px 0;
}

.col-no-padding {
padding: 0;
margin: 0;
}

.prichini-main-block .prichini-item {
width: 100%;
min-width: 276px;
height: 276px;
border: 1px solid #f3f3f3;
}


.prichini-main-block .prichini-item .icon {
width: 76px;
height: 76px;
background-position: left top;
background-repeat: no-repeat;
margin: 22px 0 0 30px;
}

.prichini-main-block .prichini-item .icon.ic-1 {
background-image: url("../img/preim-glav-01.svg");
}

.prichini-main-block .prichini-item .icon.ic-2 {
background-image: url("../img/preim-glav-02.svg");
}

.prichini-main-block .prichini-item .icon.ic-3 {
background-image: url("../img/preim-glav-03.svg");
}

.prichini-main-block .prichini-item .icon.ic-4 {
background-image: url("../img/preim-glav-04.svg");
}

.prichini-main-block .prichini-item .icon.ic-5 {
background-image: url("../img/preim-glav-05.svg");
}

.prichini-main-block .prichini-item .icon.ic-6 {
background-image: url("../img/preim-glav-06.svg");
}

.prichini-main-block .prichini-item .icon.ic-7 {
background-image: url("../img/preim-glav-07.svg");
}

.prichini-main-block .prichini-item .icon.ic-8 {
background-image: url("../img/preim-glav-08.svg");
}

.prichini-main-block .prichini-item h3 {
font-size: 18px;
color: #686f76;
text-transform: none;
font-weight: 700;
margin: 25px 0 17px 30px;
}

.prichini-main-block .prichini-item p {
color: #686f76;
font-size: 14px;
margin: 0 0 0 30px;
line-height: 1.5;
}


@media (max-width: 767px) {

.prichini-main-block .prichini-item .icon {
background-position: center top;
margin: 22px auto 0 auto;
}

.prichini-main-block .prichini-item h3 {
text-align: center;
padding-left: 0;
margin-left: 0;
}

.prichini-main-block .prichini-item p {
text-align: center;
padding-left: 0;
margin-left: 0;
}
}


.news-main-block {


}

.news-main-block h2 {
color: #686f76;
font-size: 30px;
text-transform: none;
font-weight: 700;
text-align: left;
margin: 70px 0 50px 0;
}

.news-button {
display: block;
font-size: 18px;
margin: 79px 0 0 0;
color: #686f76;
text-align: center;
float: right;
font-weight: 700;
-webkit-transition: all .5s ease-out 0.1s;
-moz-transition: all .5s ease-out 0.1s;
-o-transition: all .5s ease-out 0.1s;
transition: all .5s ease-out 0.1s;
}

.news-button:hover {
color: #eb1e23;
}


@media (max-width: 991px) {
.news-main-block h2 {
text-align: center;
}

.news-button {
margin: 0 auto 50px auto;
float: none;
}
}


.news-item {
display: block;
margin: 0 auto;
max-width: 322px;
width: 100%;
height: 256px;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 40px;
position: relative;
overflow: hidden;
-webkit-transition: all .5s ease-out 0.1s;
-moz-transition: all .5s ease-out 0.1s;
-o-transition: all .5s ease-out 0.1s;
transition: all .5s ease-out 0.1s;
}


@media (min-width: 992px) {
.news-bl:nth-child(3n+1) .news-item {
margin: 0 0 40px 0;
}

.news-bl:nth-child(3n) .news-item {
margin: 0 0 40px auto;
}
}

.news-item .descr-block {
margin: 0 auto;
max-width: 322px;
width: 100%;
height: 100px;
background: #ffffff;
opacity: 1;
color: #ffffff;
font-weight: 700;
font-size: 14px;
line-height: 1.2;
padding: 23px 28px 0 28px;
position: absolute;
z-index: 11;
background: linear-gradient(to top, transparent, #4d4d4d);
}

.news-item:hover .descr-block {
background: linear-gradient(to top, transparent, #eb1e23);
}


.news-item .hover {
max-width: 322px;
width: 100%;
height: 256px;
position: absolute;
z-index: 10;
opacity: 0.4;

-webkit-transition: all .5s ease-out 0.1s;
-moz-transition: all .5s ease-out 0.1s;
-o-transition: all .5s ease-out 0.1s;
transition: all .5s ease-out 0.1s;
}


.news-item .hover-icon {
max-width: 322px;
width: 100%;
height: 256px;
position: absolute;
z-index: 9;
opacity: 1;
-webkit-transition: all .5s ease-out 0.1s;
-moz-transition: all .5s ease-out 0.1s;
-o-transition: all .5s ease-out 0.1s;
transition: all .5s ease-out 0.1s;
background-position: center center;
background-repeat: no-repeat;
}

.news-item:hover .hover-icon{
transform: scale(1.1);
}


.news-item:hover .hover {
opacity: 0.7;
}
.news-item:hover .hover-icon {
opacity: 1;
}


.partners-main-block {
min-height: 340px;
}

.partners-main-block h2 {
color: #686f76;
font-size: 30px;
text-transform: none;
font-weight: 700;
text-align: left;
margin: 30px 0 50px 0;
}

@media (max-width: 991px) {
.partners-main-block h2 {
text-align: center;
}
}

.partners-main-block .slick-slider {
margin-bottom: 0px;
height: 122px;
}




.partners-main-block .slick-prev {
display: block;
width: 50px;
height: 50px;
position: absolute;
z-index: 1;
display: block;
top: -80px;
right: 60px;
left: auto;
}

.partners-main-block .slick-next {
display: block;
width: 50px;
height: 50px;
position: absolute;
z-index: 1;
top: -80px;
right: 0px;
}


.partners-main-block .slick-slide {
border: 0;
min-height: 242px;
text-align: center;
}

.partners-main-block .slick-slide img {
border-top: 1px solid #f3f3f3;
border-right: 1px solid #f3f3f3;
border-bottom: 1px solid #f3f3f3;
border-left: 1px solid #f3f3f3;
width: 100%;
height: auto;
display: block;
}


.partners-main-block .slick-prev:before {
content: '';
display: block;
width: 50px;
height: 50px;
background: url("../img/strelka-left.svg") center center no-repeat;
opacity: 1;
-webkit-transition: all .5s ease-out 0.1s;
-moz-transition: all .5s ease-out 0.1s;
-o-transition: all .5s ease-out 0.1s;
transition: all .5s ease-out 0.1s;
}

.partners-main-block .slick-next:before {
content: '';
display: block;
width: 50px;
height: 50px;
background: url("../img/strelka-right.svg") center center no-repeat;
opacity: 1;
-webkit-transition: all .5s ease-out 0.1s;
-moz-transition: all .5s ease-out 0.1s;
-o-transition: all .5s ease-out 0.1s;
transition: all .5s ease-out 0.1s;
}

.partners-main-block .slick-prev:hover:before {
background: url("../img/strelka-left-red.svg") center center no-repeat;
}

.partners-main-block .slick-next:hover:before {
background: url("../img/strelka-right-red.svg") center center no-repeat;
}

.slider-table {
width: 100%;
border: 0;
}

.slider-table .slider-left, .slider-table .slider-right {
width: 70px;
}


@media (max-width: 991px) {
.partners-main-block {
min-height: 440px;
}
.partners-main-block h2 {
margin: 40px 0 120px 0;
}
}







footer {
min-height: 119px;
border-top: 1px solid #f3f3f3;
max-width: 1920px;
margin: 0 auto;
padding-bottom: 30px;
}


footer h3 {
font-size: 16px;
color: #686f76;
font-weight: 700;
text-transform: none;
margin: 55px 0 0 0;
padding: 0;
}

footer ul {
padding: 0;
margin: 0;
}

footer ul li {
list-style-type: none;
margin-top: 17px;
}

footer ul li a {
font-size: 16px;
color: #686f76;

-webkit-transition: all .5s ease-out 0.1s;
-moz-transition: all .5s ease-out 0.1s;
-o-transition: all .5s ease-out 0.1s;
transition: all .5s ease-out 0.1s;
}

footer ul li a:hover {
color: #eb1e23;
}





footer .phone-head {
margin-top: 28px;
float: right;
margin-bottom: 44px;
}
footer div.gorod {
display: block;
height: 21px;
float: right;
margin-right: 14px;
position: relative;
}

footer div.gorod p {
font-size: 12px;
color: #686f76;
display: block;
height: 21px;
padding: 3px 0 0 16px;
cursor: pointer;
background: url("../img/adress-icon.svg") left center no-repeat;
-webkit-transition: all .5s ease-out 0.1s;
-moz-transition: all .5s ease-out 0.1s;
-o-transition: all .5s ease-out 0.1s;
transition: all .5s ease-out 0.1s;
}
footer div.gorod p:hover {
color: #4f5459;
}
footer a.tel {
font-size: 16px;
color: #686f76;
font-weight: 700;
display: block;
height: 21px;
width: 142px;
float: right;
text-align: right;
}

footer .button-head {
margin-top: 55px;
width: 180px;
float: right;
}

footer .mail-button {
width: 180px;
height: 49px;
display: block;
background: #686f76;
font-size: 14px;
color: #ffffff;
float: right;
margin-right: 0;
text-align: center;
padding-top: 14px;
-webkit-transition: all .5s ease-out 0.1s;
-moz-transition: all .5s ease-out 0.1s;
-o-transition: all .5s ease-out 0.1s;
transition: all .5s ease-out 0.1s;
}
footer .zaiavka-button {
width: 180px;
height: 49px;
display: block;
background: #eb1e23;
font-size: 14px;
color: #ffffff;
float: right;
cursor: pointer;
text-align: center;
padding-top: 14px;
margin-top: 27px;
-webkit-transition: all .5s ease-out 0.1s;
-moz-transition: all .5s ease-out 0.1s;
-o-transition: all .5s ease-out 0.1s;
transition: all .5s ease-out 0.1s;
}

footer .mail-button:hover {
background: #4f5459;

}
footer .zaiavka-button:hover {
background: #c41215;
}








.modal-dialog {
max-width: 500px;
width: 100%;
}

.modal-content {
padding-bottom: 8px;
}

.order-form-block {
max-width: 552px;
width: 100%;
font-family: "Arial";
}

.order-form-block input[type='text'] {
width: 100%;
height: 42px;
margin: 0;
padding: 0 0 0 25px;
border: 0;
font-size: 14px;
color: #686f76;
background: #f5f5f5;
font-family: "Arial";
}

.order-form-block input[type='submit'] {
font-size: 14px;
font-weight: 700;
text-transform: none;
color: #ffffff;
text-decoration: none;
display: block;
text-align: center;
background: #eb1e23;
max-width: 100%;
width: 100%;
padding: 16px 0 16px 0;
margin: 0 0 0 0;
cursor: pointer;
border: 0;
font-family: "Arial";
}

.order-form-block input[type='submit']:hover {
background: #c41215;
}

.order-form-block textarea {
width: 100%;
height: 181px;
margin: 0;
padding: 16px 25px 0 25px;
border: 0;
font-size: 14px;
color: #686f76;
background: #f5f5f5;
float: left;
font-family: "Arial";
}

.order-form-block .name-block {
width: 100%;
height: 42px;
margin-bottom: 27px;
}

.order-form-block .phone-block {
width: 100%;
height: 42px;

margin-bottom: 27px;
}

.order-form-block .description-block {
width: 100%;
    max-width: 420px;
margin-bottom: 27px;
}

.order-form-block .uslovia-block {
max-width: 100%;
width: 100%;
float: left;
font-size: 14px;
color: #686f76;
line-height: 1.3;
padding-top: 8px;
font-family: "Arial";
}

.order-form-block .uslovia-block .uslovia-checkbox {
width: 30px;
float:left;
}

.order-form-block .uslovia-block .uslovia-checkbox input[type="checkbox"] {
width: 20px;
height: 20px;
border-radius: 0;
margin-top: 2px;
}

.order-form-block .uslovia-block .uslovia-text {
width: 300px;
max-width: 100%;
float: left;
font-size: 14px;
}


.order-form-block .uslovia-block a {
font-size: 14px;
color: #686f76;
text-decoration: underline;
}

.order-form-block .uslovia-block a:hover {
text-decoration: none;
}

.order-form-block .submit-block {
max-width: 100%;
width: 100%;
height: 49px;
float: left;
margin-top: 20px;
}

.catalog-new-content .zaiavka-button {
    font-size: 16px;
    color: #eb1e23;
    text-transform: none;
    font-weight: 700;
    cursor: pointer;
    margin-bottom: 14px;
    display: block;
margin-top: -10px;
-webkit-transition: all .5s ease-out 0.1s;
-moz-transition: all .5s ease-out 0.1s;
-o-transition: all .5s ease-out 0.1s;
transition: all .5s ease-out 0.1s;
}

.catalog-new-content .zaiavka-button:hover {
    color: #c41215;
}


@media (max-width: 991px) {
.order-form-block .submit-block {
width: 100%;
height: 49px;
float: none;
max-width: 100%;
margin-top: 20px;
}
.order-form-block .uslovia-block {
width: 100%;
max-width: 100%;
}

.order-form-block input[type="submit"] {
width: 100%;
max-width: 100%;
}

.file-upload {
width: 100%!important;
}

}




.documents-list {
	 
}


.documents-list .documents-list-item {
	border:1px solid #cccccc;
	background:#f3f3f3;
	position:relative;
	margin:0 0 5px 0; 
display: block;
}

.documents-list .documents-list-name {
	margin:0 110px 0 54px; font-size:16px; color:#686f76;padding: 15px 5px 15px 5px;
}
.documents-list .documents-list-img {
	width:45px; float:left;  padding: 0px 5px;
}
.documents-list .documents-list-link {
	width:110px; float:right;   
}
.documents-list .documents-list-link > .doc-button {
	width: 98px; height:28px;
    display: block;
    background: #686f76;
    font-size: 14px;
    color: #ffffff;
    float: right;
    margin-bottom: 26px;
    cursor: pointer;
    text-align: center;
    padding-top: 4px;
    margin: 12px;
    -webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
}

.documents-list .documents-list-link > .doc-button:hover {
    background: #4f5459;
}


.documents-list .documents-list-img > span {
	width:35px; height:33px; background: url('../img/pdf.svg') center no-repeat; display:inline-block;
	    margin: 8px 0 0 4px;
}

.documents-list  .documents-list-item:after {
	content:''; display:table; clear:both;
}


.dropdown {
display: none;
position: absolute;
z-index: 1;
}

.dropdown.open {
display: block;
}

#dropdown-2 {
margin-top: -164px;
}

.dropdown .dropdown-bg {
    background-color: #ffffff;
    opacity: 0.9;
    height: 164px;
position: absolute;
z-index: 15;
width: 160px;
border: 1px solid #f4f4f4;
}

.dropdown .dropdown-text {
position: absolute;
z-index: 15;
padding: 16px;
width: 160px;
}

.dropdown .dropdown-text ul li {
    list-style-type: none;
margin: 0;
}

.dropdown .dropdown-text ul  {
    margin-left: 0;
    padding-left: 0;
}

.dropdown .dropdown-text ul li span {
    color: #686f76;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
}

.dropdown .dropdown-text ul li span:hover {
    color: #eb1e23;
}

.bx-404-container {
    text-align: center;
    margin-bottom: 60px;
}

@media all and (max-width: 767px) {
header a.tel {
display: block;
width: 100%;
float: none;
text-align: center;
}
header div.gorod {
display: block;
margin: 0 auto;
width: 118px;
float: none;
}

footer a.tel {
display: block;
width: 100%;
float: none;
text-align: center;
}
footer div.gorod {
display: block;
margin: 0 auto;
width: 118px;
float: none;
}
}

.dropdown-menu {
    background-color: #eb1e23;
    border: 0;
    border-radius: 0;
    padding-top: 10px;
    padding-bottom: 14px;
}

.dropdown-menu>li>a {
    color: #ffffff;
    font-size: 16px;
    position: relative;
    display: block;
    padding: 9px 14px 8px 24px;
    font-weight: normal;
    -webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
}

@media (max-width: 767px) {
.dropdown-menu>li>a {
    color: #ffffff!important;
    text-align: center!important;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background-color: #eb1e23!important;
}
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #c41215;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #eb1e23;
}

.about-new-content {
    margin: 0 auto;
    max-width: 1170px;
    width: 100%;
    margin-bottom: 60px;
}

.about-block-1 {
margin: 0 auto;
max-width: 1170px;
width: 100%;
padding: 70px 70px 50px 70px;
}

.about-block-1 h1 {
font-size: 36px;
color: #686f76;
text-align: left;
text-transform: none;
font-weight: 700;
line-height: 1.2;
margin: 0 0 27px 0;
padding: 0;
}

.about-block-1 p{
font-size: 16px;
color: #686f76;
text-align: left;
line-height: 1.5;
margin: 0 0 21px 0;
}

.about-block-1 p.grey {
font-size: 21px;
color: #686f76;
text-align: left;
line-height: 1.5;
margin: 0 0 21px 0;
}





.about-block-2 {
margin: 0 auto;
max-width: 1170px;
width: 100%;
padding: 52px 69px 0 69px;
border: 1px solid #eeeeee;
border-radius: 2px;
}

.about-block-2 img {
float: right;
}

.about-block-2 .row, .about-block-4 .row {
display: flex;
flex-direction: row;
align-items: flex-end;
}

.about-block-2 .text-about, .about-block-4 .text-about {
padding-bottom: 30px;
}




.dostavka-block-2 img {
float: right;
}

.dostavka-block-2 .row {
display: flex;
flex-direction: row;
align-items: flex-end;
}

.dostavka-block-2 .text-about {
padding-bottom: 0;
}

.dostavka-block-3 img {
float: left;
}

.dostavka-block-3 .text-about {
padding-bottom: 30px;
}

.dostavka-block-4 img {
float: right;
}

.dostavka-block-4 .row {
display: flex;
flex-direction: row;
align-items: flex-end;
}

.dostavka-block-4 .text-about {
padding-bottom: 0;
}






.oplata-block-2 img {
float: right;
}

.oplata-block-2 .row {
display: flex;
flex-direction: row;
align-items: flex-end;
}

.oplata-block-2 .text-about {
padding-bottom: 30px;
}

.oplata-block-3 img {
float: left;
}

.oplata-block-3 .text-about {
padding-bottom: 0;
}

.oplata-block-4 img {
float: right;
}

.oplata-block-4 .row {
display: flex;
flex-direction: row;
align-items: flex-end;
}

.oplata-block-4 .text-about {
padding-bottom: 30px;
}





.about-block-2 h2 {
font-size: 30px;
color: #686f76;
text-align: left;
text-transform: none;
font-weight: 700;
line-height: 1.2;
margin: 0 0 27px 0;
padding: 0;
}

.about-block-2 p{
font-size: 16px;
color: #686f76;
text-align: left;
line-height: 1.5;
margin: 0 0 21px 0;
}




.about-block-3 {
margin: 0 auto;
max-width: 1170px;
width: 100%;
padding: 52px 70px 30px 70px;
}

.about-block-3 h2 {
font-size: 30px;
color: #686f76;
text-align: left;
text-transform: none;
font-weight: 700;
line-height: 1.2;
margin: 18px 0 47px 0;
padding: 0;
}

.corp {
width: 320px;
height: 136px;
margin: 0 auto;
}
.corp .count {
width: 90px;
height: 80px;
float: left;
font-size: 110px;
font-weight:bold;
color: #686f76;
line-height: 0.7;
margin-top: 1px;
}
.corp .corp-right {
width: 160px;
height: 80px;
float: left;
}
.corp .corp-right .line {
width: 100px;
height: 2px;
background: #eb1e23;
}
.corp .corp-right h3 {
font-size: 24px;
font-weight:bold;
color: #686f76;
margin: 11px 0 3px 0;
line-height: 1.2;
}
.corp .corp-right p {
font-size: 16px;
color: #737373;
margin: 0;
padding: 0;
line-height: 1.2;
}




.corp.corp2 {
width: 330px;
}
.corp.corp2 .count {
width: 150px;
}




.about-block-4 {
margin: 0 auto;
max-width: 1170px;
width: 100%;
padding: 52px 69px 0 69px;
border: 1px solid #eeeeee;
border-radius: 2px;

}



.about-block-4 p{
font-size: 16px;
color: #686f76;
text-align: left;
line-height: 1.5;
margin: 0 0 21px 0;
}


.about-block-4 h2 {
font-size: 30px;
color: #686f76;
text-align: left;
text-transform: none;
font-weight: 700;
line-height: 1.2;
margin: 0 0 27px 0;
padding: 0;
}


.about-block-5 {
margin: 0 auto;
max-width: 1170px;
width: 100%;
padding: 70px 0 16px 0;
}

.about-block-5 h2 {
font-size: 30px;
color: #686f76;
text-align: center;
text-transform: none;
font-weight: 700;
line-height: 1.2;
margin: 0 0 57px 0;
padding: 0;
}






.about-block-6 {
min-height: 532px;
}

.about-block-6 h2 {
color: #686f76;
font-size: 30px;
text-transform: none;
font-weight: 700;
text-align: left;
margin: 40px 0 54px 0;
}

@media (min-width:1200px) {
.slider-sert{
position: absolute;
left: 50%;
width: 1182px;
margin-left: -592px;
}

}

@media (max-width: 991px) {
.about-block-6 h2 {
text-align: center;
}
}

.about-block-6 .slick-slider {
margin-bottom: 0px;
height: 354px;
}


.about-block-6.sert .slick-prev {
display: block;
width: 50px;
height: 50px;
position: absolute;
z-index: 1;
display: block;
top: -80px;
right: 270px;
left: auto;
}

.about-block-6.sert .slick-next {
display: block;
width: 50px;
height: 50px;
position: absolute;
z-index: 1;
top: -80px;
right: 210px;
}



.about-block-6 .slick-prev {
display: block;
width: 50px;
height: 50px;
position: absolute;
z-index: 1;
display: block;
top: -80px;
right: 220px;
left: auto;
}

.about-block-6 .slick-next {
display: block;
width: 50px;
height: 50px;
position: absolute;
z-index: 1;
top: -80px;
right: 160px;
}


.about-block-6 .slick-slide {
border: 0;
min-height: 354px;
}

.about-block-6 .slick-slide img {
border-top: 1px solid #f3f3f3;
border-right: 1px solid #f3f3f3;
border-bottom: 1px solid #f3f3f3;
border-left: 1px solid #f3f3f3;
max-width: 250px;
width: 100%;
height: auto;
display: block;
}


.about-block-6 .allsertifikaty {
display: block;
cursor: pointer;
position: absolute;
z-index: 1;
padding-top: 15px;
opacity: 1;
font-size: 18px;
color: #686f76;
font-weight: 700;
top: 33px;
right: 15px;
text-align: center;
-webkit-transition: all .5s ease-out 0.1s;
-moz-transition: all .5s ease-out 0.1s;
-o-transition: all .5s ease-out 0.1s;
transition: all .5s ease-out 0.1s;
}

@media (max-width: 991px) {
.about-block-6 .allsertifikaty {
top: 96px;
}
}


@media (max-width: 595px) {
.about-block-6 .allsertifikaty {
top: 96px;
}
}


.about-block-6 .allsertifikaty:hover {
color: #eb1e23;
}

.about-block-6 .slick-prev:before {
content: '';
display: block;
width: 50px;
height: 50px;
background: url(../img/strelka-left.svg) center center no-repeat;
opacity: 1;
font-weight: 700;
-webkit-transition: all .5s ease-out 0.1s;
-moz-transition: all .5s ease-out 0.1s;
-o-transition: all .5s ease-out 0.1s;
transition: all .5s ease-out 0.1s;
}

.about-block-6 .slick-next:before {
content: '';
display: block;
width: 50px;
height: 50px;
background: url(../img/strelka-right.svg) center center no-repeat;
opacity: 1;
font-weight: 700;
-webkit-transition: all .5s ease-out 0.1s;
-moz-transition: all .5s ease-out 0.1s;
-o-transition: all .5s ease-out 0.1s;
transition: all .5s ease-out 0.1s;
}

.about-block-6 .slick-prev:hover:before {
background: url(../img/strelka-left-red.svg) center center no-repeat;
}

.about-block-6 .slick-next:hover:before {
background: url(../img/strelka-right-red.svg) center center no-repeat;
}

.about-block-6 .slider-table {
width: 100%;
border: 0;
}

.about-block-6 .slider-table .slider-left, .about-block-6 .slider-table .slider-right {
width: 70px;
}


@media (max-width: 991px) {
.about-block-6 {
min-height: 440px;
}
.about-block-6 h2 {
margin: 40px 0 120px 0;
}
}


.about-block-6 .sert-block {
max-width: 250px;
width: 100%;
height: 354px;
margin: 0 auto 40px auto;
display: block;
}

.about-block-6 .sert-block img {
max-width: 250px;
width: 100%;
height: 354px;
}

.about-block-6 .sert-block .hover {
max-width: 250px;
width: 100%;
height: 354px;
position: absolute;
margin-top: -354px;
z-index: 1;
opacity: 0;
background: #eb1e23;

-webkit-transition: all .5s ease-out 0.1s;
-moz-transition: all .5s ease-out 0.1s;
-o-transition: all .5s ease-out 0.1s;
transition: all .5s ease-out 0.1s;
}

.about-block-6 .sert-block .hover-text {
display: table;
max-width: 250px;
width: 100%;
height: 354px;
position: absolute;
margin-top: -354px;
z-index:2;
opacity: 0;

-webkit-transition: all .5s ease-out 0.1s;
-moz-transition: all .5s ease-out 0.1s;
-o-transition: all .5s ease-out 0.1s;
transition: all .5s ease-out 0.1s;
}

.about-block-6 .sert-block .hover-text-cell {
display: table-cell;
text-align: center;
vertical-align: middle;
max-width: 250px;
width: 100%;
height: 354px;
font-size: 18px;
color: #ffffff;
font-weight: 700;
}


.about-block-6 .sert-block:hover .hover {
opacity: 0.7;
}

.about-block-6 .sert-block:hover .hover-text {
opacity: 1;
}






.dostavka-new-content {
    margin: 0 auto;
    max-width: 1170px;
    width: 100%;
    margin-bottom: 14px;
}

.dostavka-block-1 {
margin: 0 auto;
max-width: 1170px;
width: 100%;
padding: 70px 70px 22px 70px;
}

.dostavka-block-1 h1 {
font-size: 36px;
color: #686f76;
text-align: left;
text-transform: none;
font-weight: 700;
line-height: 1.2;
margin: 0 0 27px 0;
padding: 0;
}




.dostavka-block-2 {
margin: 0 auto 58px auto;
max-width: 1170px;
width: 100%;
padding: 52px 0 30px 69px;
border: 1px solid #eeeeee;
border-radius: 2px;
min-height: auto;
}


.dostavka-block-2 h2 {
font-size: 30px;
color: #686f76;
text-align: left;
text-transform: none;
font-weight: 700;
line-height: 1.2;
margin: 0 0 27px 0;
padding: 0;
}

.dostavka-block-2 p{
font-size: 16px;
color: #686f76;
text-align: left;
line-height: 1.5;
margin: 0 0 21px 0;
}

.dostavka-block-3 {
margin: 0 auto 58px auto;
max-width: 1170px;
width: 100%;
padding: 52px 69px 0 69px;
border: 1px solid #eeeeee;
border-radius: 2px;
min-height: auto;
}


.dostavka-block-3 p{
font-size: 16px;
color: #686f76;
text-align: left;
line-height: 1.5;
margin: 0 0 21px 0;
}


.dostavka-block-3 h2 {
font-size: 30px;
color: #686f76;
text-align: left;
text-transform: none;
font-weight: 700;
line-height: 1.2;
margin: 0 0 27px 0;
padding: 0;
}



.dostavka-block-4 {
margin: 0 auto 84px auto;
max-width: 1170px;
width: 100%;
padding: 52px 0 30px 69px;
border: 1px solid #eeeeee;
border-radius: 2px;
min-height: auto;
}


.dostavka-block-4 h2 {
font-size: 30px;
color: #686f76;
text-align: left;
text-transform: none;
font-weight: 700;
line-height: 1.2;
margin: 0 0 27px 0;
padding: 0;
}

.dostavka-block-4 p{
font-size: 16px;
color: #686f76;
text-align: left;
line-height: 1.5;
margin: 0 0 21px 0;
}







.oplata-block-1 {
margin: 0 auto;
max-width: 1170px;
width: 100%;
padding: 70px 70px 22px 70px;
}

.oplata-block-1 h1 {
font-size: 36px;
color: #686f76;
text-align: left;
text-transform: none;
font-weight: 700;
line-height: 1.2;
margin: 0 0 27px 0;
padding: 0;
}




.oplata-block-2 {
margin: 0 auto 58px auto;
max-width: 1170px;
width: 100%;
padding: 52px 69px 0 69px;
border: 1px solid #eeeeee;
border-radius: 2px;
min-height: auto;
}


.oplata-block-2 h2 {
font-size: 30px;
color: #686f76;
text-align: left;
text-transform: none;
font-weight: 700;
line-height: 1.2;
margin: 0 0 27px 0;
padding: 0;
}

.oplata-block-2 p{
font-size: 16px;
color: #686f76;
text-align: left;
line-height: 1.5;
margin: 0 0 21px 0;
}

.oplata-block-3 {
margin: 0 auto 58px auto;
max-width: 1170px;
width: 100%;
padding: 52px 69px 30px 0;
border: 1px solid #eeeeee;
border-radius: 2px;
min-height: auto;
}


.oplata-block-3 p{
font-size: 16px;
color: #686f76;
text-align: left;
line-height: 1.5;
margin: 0 0 21px 0;
}


.oplata-block-3 h2 {
font-size: 30px;
color: #686f76;
text-align: left;
text-transform: none;
font-weight: 700;
line-height: 1.2;
margin: 0 0 27px 0;
padding: 0;
}



.oplata-block-4 {
margin: 0 auto 58px auto;
max-width: 1170px;
width: 100%;
padding: 52px 69px 0 69px;
border: 1px solid #eeeeee;
border-radius: 2px;
min-height: auto;
}


.oplata-block-4 h2 {
font-size: 30px;
color: #686f76;
text-align: left;
text-transform: none;
font-weight: 700;
line-height: 1.2;
margin: 0 0 27px 0;
padding: 0;
}

.oplata-block-4 p{
font-size: 16px;
color: #686f76;
text-align: left;
line-height: 1.5;
margin: 0 0 21px 0;
}






.project-item {
display: block;
margin: 0 auto;
max-width: 540px;
width: 100%;
height: 350px;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 40px;
position: relative;
overflow: hidden;
-webkit-transition: all .5s ease-out 0.1s;
-moz-transition: all .5s ease-out 0.1s;
-o-transition: all .5s ease-out 0.1s;
transition: all .5s ease-out 0.1s;
}

@media (min-width: 992px) {
.project-bl:nth-child(2n+1) .project-item {
margin: 0 0 40px 0;
}

.project-bl:nth-child(2n) .project-item {
margin: 0 0 40px auto;
}
}


.project-item .descr-block {
display: table;
margin: 134px auto 0 auto;
max-width: 540px;
width: 100%;
height: 82px;
background: #ffffff;
opacity: 1;
color: #ffffff;
font-size: 14px;
line-height: 1.2;
padding: 0;
position: absolute;
z-index: 11;
background: linear-gradient(-90deg, transparent, #4d4d4d, transparent);
}


.project-item .descr-block-cell {
display: table-cell;
vertical-align: middle;
}

.project-item:hover .descr-block {
background: linear-gradient(-90deg, transparent, #eb1e23, transparent);
}


.project-item .descr-block h3 {
text-align: center;
font-size: 24px;
font-weight: 700;
line-height: 1.2;
color: #ffffff;
margin: 0;
padding: 0;
}

.project-item .descr-block p {
text-align: center;
font-size: 16px;
line-height: 1.2;
color: #ffffff;
margin: 3px 0 0 0;
padding: 0;
}


.project-item .hover {
max-width: 540px;
width: 100%;
height: 350px;
position: absolute;
z-index: 10;
opacity: 0.4;

-webkit-transition: all .5s ease-out 0.1s;
-moz-transition: all .5s ease-out 0.1s;
-o-transition: all .5s ease-out 0.1s;
transition: all .5s ease-out 0.1s;
}


.project-item .hover-icon {
max-width: 540px;
width: 100%;
height: 350px;
position: absolute;
z-index: 9;
opacity: 1;
-webkit-transition: all .5s ease-out 0.1s;
-moz-transition: all .5s ease-out 0.1s;
-o-transition: all .5s ease-out 0.1s;
transition: all .5s ease-out 0.1s;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}


.project-item.vilma .hover-icon {
background-image:url('../img/vilma-bg.jpg')
}


.project-item.ovik .hover-icon {
background-image:url('../img/ovik-bg.jpg')
}

.project-item:hover .hover-icon{
transform: scale(1.1);
}


.project-item:hover .hover {
opacity: 0.7;
}
.project-item:hover .hover-icon {
opacity: 1;
}




.sert-page {

}

.sert-page h1 {
font-size: 36px;
color: #686f76;
text-align: left;
text-transform: none;
font-weight: 700;
line-height: 1.2;
margin: 70px 0 50px 0;
padding: 0;
}

.sert-page .sert-block {
max-width: 250px;
width: 100%;
height: 354px;
margin: 0 auto 40px auto;
display: block;
}

.sert-page .sert-block img {
max-width: 250px;
width: 100%;
height: 354px;
}

.sert-page .sert-block .hover {
max-width: 250px;
width: 100%;
height: 354px;
position: absolute;
margin-top: -354px;
z-index: 1;
opacity: 0;
background: #eb1e23;

-webkit-transition: all .5s ease-out 0.1s;
-moz-transition: all .5s ease-out 0.1s;
-o-transition: all .5s ease-out 0.1s;
transition: all .5s ease-out 0.1s;
}

.sert-page .sert-block .hover-text {
display: table;
max-width: 250px;
width: 100%;
height: 354px;
position: absolute;
margin-top: -354px;
z-index:2;
opacity: 0;

-webkit-transition: all .5s ease-out 0.1s;
-moz-transition: all .5s ease-out 0.1s;
-o-transition: all .5s ease-out 0.1s;
transition: all .5s ease-out 0.1s;
}

.sert-page .sert-block .hover-text-cell {
display: table-cell;
text-align: center;
vertical-align: middle;
max-width: 250px;
width: 100%;
height: 354px;
font-size: 18px;
color: #ffffff;
font-weight: 700;
}


.sert-page .sert-block:hover .hover {
opacity: 0.7;
}

.sert-page .sert-block:hover .hover-text {
opacity: 1;
}





.carier-block-2 {
margin: 0 auto;
max-width: 1170px;
width: 100%;
padding: 31px 0 16px 0;
}

.carier-block-2 h2 {
font-size: 30px;
color: #686f76;
text-align: center;
text-transform: none;
font-weight: 700;
line-height: 1.2;
margin: 0 0 50px 0;
padding: 0;
}

.carier-block-2 .carier-icons {
padding: 80px 14px 0 16px;
width: 100%;
background-repeat: no-repeat;
background-position: 16px top;
margin: 24px 0 0 0;
}


.carier-block-2 .border-icon {
min-height: 305px;
border: 1px solid #f3f3f3;
}

.carier-block-2 .carier-icons h3 {
font-size: 18px;
color: #686f76;
font-weight: 700;
text-transform: none;
line-height: 1.2;
margin: 20px 0 16px 0;
padding: 0;
}

.carier-block-2 .carier-icons p {
font-size: 14px;
color: #737373;
line-height: 1.5;
margin: 0;
padding: 0;
}

.carier-block-2 .carier-icons.icon-1 {
background-image: url('../img/kariera-01.svg');
}

.carier-block-2 .carier-icons.icon-2 {
background-image: url('../img/kariera-02.svg');
}

.carier-block-2 .carier-icons.icon-3 {
background-image: url('../img/kariera-03.svg');
}

.carier-block-2 .carier-icons.icon-4 {
background-image: url('../img/kariera-04.svg');
}



.carier-block-3 {
margin: 0 auto;
max-width: 1170px;
width: 100%;
padding: 69px 0 16px 0;
}

.carier-block-3 h2 {
font-size: 30px;
color: #686f76;
text-align: center;
text-transform: none;
font-weight: 700;
line-height: 1.2;
margin: 0 0 50px 0;
padding: 0;
}




.carier-block-3 .carier-item {
max-width: 992px;
height: 58px;
margin: 0 auto 10px auto;
position: relative;
overflow: hidden;
cursor: pointer;
background: #f3f3f3;

-webkit-transition: all .5s ease-out 0.1s;
-moz-transition: all .5s ease-out 0.1s;
-o-transition: all .5s ease-out 0.1s;
transition: all .5s ease-out 0.1s;
}

.carier-block-3 .carier-name {
max-width: 992px;
height: 58px;
background-color: #686f76;
background-image: url('../img/carier-plus.png');
background-position: right 28px center;
background-repeat: no-repeat;
font-size: 18px;
color: #ffffff;
padding: 16px 0 0 28px;
}

.carier-block-3 .carier-name.minus {
background-image: url('../img/carier-minus.png');
}

.carier-block-3 .carier-descr {
max-width: 992px;
padding: 16px 0 28px 28px;
font-size: 16px;
line-height: 1.5;
}







.catalog-new-list .spec-item {
border: 1px solid #f3f3f3;
}

.catalog-new-list .spec-item img {
width: 100%;
height: auto;
max-height: auto;
max-width: 262px;
margin: 15px auto 0 auto;
display: block;
}

.catalog-new-list .spec-item .image-bg {
width: 100%;
height: 260px;
max-height: 260px;
max-width: 262px;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
}

.catalog-new-list .spec-item .spec-item-content {
width: 100%;
max-width: 262px;
margin: 0 auto;
height: 382px;
margin-top: 15px;
}

.catalog-new-list .spec-item .spec-item-content p.spec-name {
font-size: 16px;
color: #686f76;
line-height: 1.2;
margin: 11px 0 0 0;
padding: 0;
}

.catalog-new-list .spec-item .spec-item-content p.spec-price {
font-size: 18px;
color: #686f76;
font-weight: 700;
line-height: 1.2;
margin: 15px 0 0 0;
padding: 0;
}




.project-catalog-element {
padding-bottom: 120px;
position: relative;
}

.project-catalog-element h1 {
font-size: 36px;
color: #686f76;
text-transform: none;
font-weight: 700;
padding: 70px 0 50px 0;
margin: 0;
}

.project-catalog-element img.main-img {
max-width: 520px;
width: 100%;
height: auto;
margin-bottom: 40px;
}

.project-catalog-element h2 {
font-size: 30px;
color: #686f76;
text-transform: none;
font-weight: 700;
padding: 0 0 30px 0;
margin: 0;
line-height: 1.2;
}

.project-catalog-element h3 {
font-size: 21px;
color: #686f76;
font-weight: 700;
padding: 4px 0 12px 0;
margin: 0;
line-height: 1.2;
}

.project-catalog-element p {
font-size: 16px;
color: #686f76;
line-height: 1.2;
margin: 0 0 18px 0;
}

.project-catalog-element ul {
list-style-type: none;
margin-top: 28px;
padding-left: 23px;
}

.project-catalog-element ul li {
font-size: 16px;
color: #686f76;
list-style-type: none;
display:block;
line-height: 1.2;
margin-bottom: 20px;
}

.project-catalog-element ul li:before {
color: #ec1e24;
content: "•";
padding-right: 10px;
display:block;
position: absolute;
margin-left: -24px;
font-size: 24px;
}


.about-new-content h1.center {
text-align: center;
padding: 70px 0 50px 0;
}



.inzhiniring-im-block-head {
margin: 0 auto;
max-width: 1170px;
width: 100%;
padding: 70px 8px 70px 70px;
}

.inzhiniring-im-block-head h1 {
font-size: 36px;
color: #686f76;
text-align: left;
text-transform: none;
font-weight: 700;
line-height: 1.2;
margin: 0 0 27px 0;
padding: 0;
}

.inzhiniring-im-block-head p.grey {
font-size: 21px;
color: #737373;
text-align: left;
line-height: 1.2;
margin: 0 0 21px 0;
}


.inzhiniring-im-block-head p {
font-size: 16px;
color: #686f76;
text-align: left;
line-height: 1.5;
margin: 0 0 21px 0;
}


.inzhiniring-im-block {
margin: 0 auto;
max-width: 1170px;
width: 100%;
padding: 0;
border: 1px solid #eeeeee;
border-radius: 2px;
background-repeat: no-repeat;
margin-bottom: 70px;
}

.inzhiniring-im-block.right {
padding-left: 69px;
}

.inzhiniring-im-block.left {
padding-right: 69px;
}

.inzhiniring-im-block.right img {
display: block;
float: right;
}

.inzhiniring-im-block.left img {
display: block;
float: left;
}


.inzhiniring-im-block h2 {
font-size: 30px;
color: #686f76;
text-align: left;
text-transform: none;
font-weight: 700;
line-height: 1.2;
margin: 52px 0 27px 0;
padding: 0;
}

.inzhiniring-im-block p{
font-size: 16px;
color: #686f76;
text-align: left;
line-height: 1.2;
margin: 0 0 21px 0;
}


.inzhiniring-im-block ul {
list-style-type: none;
margin-top: 28px;
padding-left: 23px;
}

.inzhiniring-im-block ul li {
font-size: 16px;
color: #686f76;
list-style-type: none;
display:block;
line-height: 1.5;
margin-bottom: 20px;
}

.inzhiniring-im-block ul li:before {
color: #ec1e24;
content: "•";
/*background: #ec1e24;
border-radius: 2px;*/
padding-right: 10px;
display:block;
position: absolute;
margin-left: -24px;
font-size: 18px;
font-family: Arial;
}




.inzhiniring-icons-block {
margin: 0 auto;
max-width: 1170px;
width: 100%;
padding: 0 0 49px 0;
}

.inzhiniring-icons-block .row {
padding: 0;
margin: 0;
}

.inzhiniring-icons-block h2 {
font-size: 30px;
color: #686f76;
text-align: left;
text-transform: none;
font-weight: 700;
line-height: 1.2;
margin: 0 0 50px 0;
padding: 0;
}

.inzhiniring-icons-block .inzhiniring-icons {
padding: 80px 14px 0 16px;
width: 100%;
background-repeat: no-repeat;
background-position: 16px top;
margin: 24px 0 0 0;
}


.inzhiniring-icons-block .border-icon {
min-height: 255px;
border: 1px solid #f3f3f3;
}

.inzhiniring-icons-block .border-icon.napravleniya {
min-height: 200px;
}

.inzhiniring-icons-block .inzhiniring-icons h3 {
font-size: 18px;
color: #686f76;
font-weight: 700;
text-transform: none;
line-height: 1.2;
margin: 20px 0 16px 0;
padding: 0;
}

.inzhiniring-icons-block .inzhiniring-icons p {
font-size: 14px;
color: #737373;
line-height: 1.5;
margin: 0;
padding: 0;
}

.inzhiniring-icons-block .inzhiniring-icons.proizvodstvo-icon-1 {
background-image: url('../img/proizvodstvo-01.svg');
}

.inzhiniring-icons-block .inzhiniring-icons.proizvodstvo-icon-2 {
background-image: url('../img/proizvodstvo-02.svg');
}

.inzhiniring-icons-block .inzhiniring-icons.proizvodstvo-icon-3 {
background-image: url('../img/proizvodstvo-03.svg');
}

.inzhiniring-icons-block .inzhiniring-icons.proizvodstvo-icon-4 {
background-image: url('../img/proizvodstvo-04.svg');
}



.inzhiniring-icons-block .inzhiniring-icons.napravleniya-icon-1 {
background-image: url('../img/napravleniya-01.svg');
}

.inzhiniring-icons-block .inzhiniring-icons.napravleniya-icon-2 {
background-image: url('../img/napravleniya-02.svg');
}

.inzhiniring-icons-block .inzhiniring-icons.napravleniya-icon-3 {
background-image: url('../img/napravleniya-03.svg');
}

.inzhiniring-icons-block .inzhiniring-icons.napravleniya-icon-4 {
background-image: url('../img/napravleniya-04.svg');
}





.inzhiniring-icons-block .inzhiniring-icons.otrasli-icon-1 {
background-image: url('../img/otrasli-01.svg');
}

.inzhiniring-icons-block .inzhiniring-icons.otrasli-icon-2 {
background-image: url('../img/otrasli-02.svg');
}

.inzhiniring-icons-block .inzhiniring-icons.otrasli-icon-3 {
background-image: url('../img/otrasli-03.svg');
}

.inzhiniring-icons-block .inzhiniring-icons.otrasli-icon-4 {
background-image: url('../img/otrasli-04.svg');
}

.inzhiniring-icons-block .inzhiniring-icons.otrasli-icon-5 {
background-image: url('../img/otrasli-05.svg');
}

.inzhiniring-icons-block .inzhiniring-icons.otrasli-icon-6 {
background-image: url('../img/otrasli-06.svg');
}

.inzhiniring-icons-block .inzhiniring-icons.otrasli-icon-7 {
background-image: url('../img/otrasli-07.svg');
}

.inzhiniring-icons-block .inzhiniring-icons.otrasli-icon-8 {
background-image: url('../img/otrasli-08.svg');
}

.inzhiniring-icons-block .inzhiniring-icons.otrasli-icon-9 {
background-image: url('../img/otrasli-09.svg');
}

.inzhiniring-icons-block .inzhiniring-icons.otrasli-icon-10 {
background-image: url('../img/otrasli-10.svg');
}






.diogramma-block {
padding-bottom: 30px;
}
.diogramma-block h2 {
color: #686f76;
font-size: 30px;
font-weight: 700;
text-transform: none;
text-align: center;
padding: 17px 0 54px 0;
}
.diogramma-block .diogramma-flex-block {
display: flex;
flex-direction: row;
justify-content: space-between;
padding-left: 26px;
}

.diogramma-block .stolb {
width: 95px;
height: 310px;
background: #ededed;
display: flex;
flex-direction: column-reverse;
position: relative;
}
.diogramma-block .stolb .title {
position: absolute;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
font-size: 18px;
color: #686f76;
font-weight: 700;
width: 310px;
height: 26px;
left: -172px;
bottom: 142px;
text-transform: none;
}
.diogramma-block .stolb .bacg {
width: 95px;
height: 60px;
background: #e9222d;
background: linear-gradient(to top, #fc8158, #e92f39);
display: flex;
flex-direction: column-reverse;
}

.diogramma-block .stolb .bacg .procent {
font-size: 24px;
font-weight: 700;
color: #ffffff;
text-align: center;
margin: 0 auto 16px auto;
display: block;
}
/*
.stolb.s1 .bacg {
height: 310px;
}
.stolb.s2 .bacg {
height: 220px;
}
.stolb.s3 .bacg {
height: 220px;
}
.stolb.s4 .bacg {
height: 150px;
}
.stolb.s5 .bacg {
height: 130px;
}
.stolb.s6 .bacg {
height: 100px;
}
.stolb.s7 .bacg {
height: 70px;
}
.stolb.s8 .bacg {
height: 140px;
}
*/
.owerlow {
overflow-x: auto;
}
.owerlow-size {
min-width: 1140px;
width: 1140px;
padding-bottom: 20px;
}


.project-naw {
position: absolute;
display: flex;
flex-direction: row;
justify-content: flex-end;
width: 300px;
right: 0;
top: 40px;
}

@media (max-width: 991px) {
.project-naw {
top: 120px;
}

.project-catalog-element h1 {
padding: 53px 0 120px 0;
}
}

.project-naw .project-prev, .project-naw .project-next {
display: block;
width: 50px;
height: 50px;
opacity: 1;
font-weight: 700;
-webkit-transition: all .5s ease-out 0.1s;
-moz-transition: all .5s ease-out 0.1s;
-o-transition: all .5s ease-out 0.1s;
transition: all .5s ease-out 0.1s;
margin-left: 12px;
margin-top: 13px;
}

.project-naw .project-prev {
    background: url(../img/strelka-left.svg) center center no-repeat;
}
.project-naw .project-next {
    background: url(../img/strelka-right.svg) center center no-repeat;
}

.project-naw .project-prev:hover {
    background: url(../img/strelka-left-red.svg) center center no-repeat;
}
.project-naw .project-next:hover {
    background: url(../img/strelka-right-red.svg) center center no-repeat;
}

.project-naw .project-all {
display: block;
cursor: pointer;
z-index: 1;
opacity: 1;
    font-size: 18px;
    margin: 26px 0 0 0;
    color: #686f76;
    text-align: center;
    font-weight: 700;
top: 26px;
right: 15px;
text-align: center;
-webkit-transition: all .5s ease-out 0.1s;
-moz-transition: all .5s ease-out 0.1s;
-o-transition: all .5s ease-out 0.1s;
transition: all .5s ease-out 0.1s;
margin-left: 20px;
}


.project-naw .project-all:hover {
color: #eb1e23;
}

.file-block {
margin-bottom: 20px;
}




.file-upload input[type="file"]{

display: none;/* скрываем input file */

}

/* задаем стили кнопки выбора файла*/

.file-upload {

position: relative;

overflow: hidden;

width: 250px;

height: 40px;

background: #686f76;

border-radius: 0;

color: #fff;

text-align: center;

}

.file-upload:hover {

background: #878787;

}

/* Растягиваем label на всю область блока .file-upload */

.file-upload label {

display: block;

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

cursor: pointer;

}

/* стиль текста на кнопке*/

.file-upload span {

line-height: 40px;

font-weight:bold;

}

.file-name {
padding:10px 0 10px 0;
color: #929292;
}

textarea {
    resize:none;
}

.main-banner {
background: url('../img/banner.jpg') center center no-repeat;
width: 100%;
max-width: 1920px;
height: 470px;
margin: 0 auto;
}

.main-banner h1 {
text-transform: none;
color: #686f76;
font-weight: 700;
font-size: 36px;
padding: 70px 0 14px 0;
}

.main-banner p {
color: #686f76;
font-size: 26px;
line-height: 1.2;
margin: 0;
padding: 0;
}

.main-banner p.main-banner-search-descr {
color: #686f76;
font-size: 18px;
margin-top: 62px;
}

.main-banner p.main-banner-search-descr span {
font-weight: 700;
}

.main-banner .main-banner-head-search {
    max-width: 570px;
    width: 100%;
    height: 49px;
    margin: 30px auto 0 auto;
    padding: 0;
    float: left;
}

.main-banner .main-banner-head-search input[type="text"] {
    width: calc(100% - 50px);
    max-width: 570px;
    height: 49px;
    margin: 0;
    padding: 0 0 0 25px;
    border: 0;
    font-size: 14px;
    color: #686f76;
    background: #ffffff;
    float: left;
}

.main-banner .main-banner-head-search input[type="button"], .main-banner .main-banner-head-search input[type="submit"] {
    cursor: pointer;
    background: url("../img/search.svg") no-repeat;
    width: 50px;
    height: 49px;
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
}

input[type="text"]:focus {
  border: 1 solid #eb1e23!important;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #eb1e23;
}



.right-block ul {
    list-style-type: none;
    margin-top: 28px;
    padding-left: 16px;
}

.right-block ul li {
    font-size: 16px;
    color: #686f76;
    list-style-type: none;
    display: block;
    line-height: 1.5;
}

.right-block ul li:before {
    color: rgb(236, 30, 36);
    content: "•";
    padding-right: 10px;
    display: block;
    position: absolute;
    margin-left: -16px;
    font-size: 18px;
    font-family: Arial;
}

.table-wrapper {
max-width: 100%;
overflow-x: auto;
}

.news-detail {
max-width: 800px;
text-align: left;
margin: 0 auto;
}

.mobilpanel {
display: none;
}

.mobil-menu {
display: none;
}

.searchpanel {
display: none;
}

.inzhiniring-im-block h2.mobil {
display: none;
}

.inzhiniring-im-block img {
max-width: 100%;
height: auto;
}

.about-block-2 h2.mobil {
display: none;
}

.about-block-2 img {
max-width: 100%;
height: auto;
}

.about-block-4 h2.mobil {
display: none;
}

.about-block-4 img {
max-width: 100%;
height: auto;
}




.dostavka-block-2 h2.mobil {
display: none;
}

.dostavka-block-2 img {
max-width: 100%;
height: auto;
}

.dostavka-block-3 h2.mobil {
display: none;
}

.dostavka-block-3 img {
max-width: 100%;
height: auto;
}

.dostavka-block-4 h2.mobil {
display: none;
}

.dostavka-block-4 img {
max-width: 100%;
height: auto;
}

.oplata-block-2 h2.mobil {
display: none;
}

.oplata-block-2 img {
max-width: 100%;
height: auto;
}

.oplata-block-3 h2.mobil {
display: none;
}

.oplata-block-3 img {
max-width: 100%;
height: auto;
}

.oplata-block-4 h2.mobil {
display: none;
}

.oplata-block-4 img {
max-width: 100%;
height: auto;
}




@media (max-width: 991px) {
.inzhiniring-im-block img {
display: none;
}

.about-block-2 img {
display: none;
}

.about-block-4 img {
display: none;
}

.dostavka-block-2 img {
display: none;
}

.dostavka-block-3 img {
display: none;
}

.dostavka-block-4 img {
display: none;
}

.oplata-block-2 img {
display: none;
}

.oplata-block-3 img {
display: none;
}

.oplata-block-4 img {
display: none;
}
}

@media (max-width: 1200px) {
.catalog-new-top div.latins-oblojka {
    height: 71px;
    overflow: hidden;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 158px;
    margin-bottom: 28px;
}

.catalog-new-top div.latins-wrap {
overflow-x: auto;
height:90px;
overflow-y: hidden;
}

.catalog-new-top div.latins2 {
width: 1090px;
}

.catalog-new-top div.latins {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
margin-left: 20px;
margin-right: 20px;
    width: 1050px;
}



.navbar.navbar-inverse, header {
display: none;
}

.main-banner, .catalog-new-content, .about-new-content, .dostavka-new-content {
margin-top: 80px;
}

.mobilpanel {
height: 80px;
background: #686F76;
position: fixed;
display: flex;
align-items: center;
flex-direction: row;
justify-content: space-between;
width: 100%;
z-index: 100;
padding: 0 20px 0 20px;
top: 0;
}

.mobil-zaiavka-button {
border-radius: 5px;
    width: 140px;
    height: 36px;
    display: block;
    background: #eb1e23;
    font-size: 14px;
    color: #ffffff;
    float: right;
    margin-bottom: 0;
    cursor: pointer;
    text-align: center;
    padding-top: 7px;
    -webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
}

.mobil-zaiavka-button:hover {
background: #c41215;
}

.searchpanel {
display: block;
-webkit-transition: left .3s ease 0s;-o-transition: left .3s ease 0s;transition: left .3s ease 0s;
left: 100%;
}



.searchpanel.active {
left: 0;
}

.searchpanel {
height: 80px;
background: #686F76;
position: fixed;
display: flex;
align-items: center;
flex-direction: row;
justify-content: space-between;
width: 100%;
z-index: 101;
padding: 0 20px 0 20px;
top: 0;
}



.searchpanel input[type='text']:focus::-webkit-input-placeholder {
  color: transparent
}

.searchpanel input[type='text']:focus::-moz-placeholder {
  color: transparent
}

.searchpanel input[type='text']:focus:-moz-placeholder {
  color: transparent
}

.searchpanel input[type='text']:focus:-ms-input-placeholder {
  color: transparent
}

.searchpanel .close-icon {
display: block;
width: 30px;
height: 30px;
background-size: contain;
cursor: pointer;
background: url("../img/mobil/mobilclose.svg") center center no-repeat;
}

.searchpanel .mobilsearch-icon {
display: block;
background: url("../img/mobil/mobilsearch.svg") center center no-repeat;
width: 30px;
height: 30px;
background-size: contain;
cursor: pointer;
border: 0;
}

.searchpanel input[type='text'] {
    background: #f5f5f5;
    color: #686F76;
    border: 2px solid #ffffff;
    border-radius: 5px;
    height: 48px;
    width: 100%;
    margin-left: 0;
    margin-right: 14px;
    padding-left: 20px;
}


.mobilpanel .mobilmenu-icon {
display: block;
background: url("../img/mobil/mobilmenu.svg") center center no-repeat;
width: 30px;
height: 30px;
background-size: contain;
cursor: pointer;
}

.mobilpanel .mobilmenu-icon.active {
background: url("../img/mobil/mobilclose.svg") center center no-repeat;
}

.mobilpanel .mobil-right-menu {
display: flex;
align-items: center;
flex-direction: row;
justify-content: space-between;
max-width: 370px;
width: 100%;
}
.mobilpanel .mobilphone-icon {
display: block;
background: url("../img/mobil/mobilphone.svg") center center no-repeat;
width: 30px;
height: 30px;
background-size: contain;
cursor: pointer;
}
.mobilpanel .mobilmail-icon {
display: block;
background: url("../img/mobil/mobilmail.svg") center center no-repeat;
width: 32px;
height: 30px;
background-size: contain;
cursor: pointer;
}
.mobilpanel .mobilsearch-icon {
display: block;
background: url("../img/mobil/mobilsearch.svg") center center no-repeat;
width: 30px;
height: 30px;
background-size: contain;
cursor: pointer;
}


.mobil-menu {
display: block;
}

.mobil-menu ul {
margin-top: 0;
top: 80px;
}

.mobil-menu ul{padding-top: 18px;padding-bottom: 32px;padding-left: 20px;background: #686F76;list-style-type: none;display: block;position: fixed;z-index: 99;width: 100%;height: calc(100% - 62px);left: 100%;overflow-y: auto;-webkit-transition: left .3s ease 0s;-o-transition: left .3s ease 0s;transition: left .3s ease 0s}
.mobil-menu ul li {list-style-type: none;}
.mobil-menu > ul{left: -100%}
.mobil-menu.active > ul{left: 0}
.mobil-menu ul li.active > ul{left: 0}
.mobil-menu ul li a{font-size: 24px;padding: 14px 42px 14px 21px;color: #ffffff;border-bottom: 0px solid #E1E9EB;border-radius: 0;display: block;padding-left: 0;position: relative}
.mobil-menu ul li a:hover{
-webkit-transition: all .5s ease-out 0.1s;
-moz-transition: all .5s ease-out 0.1s;
-o-transition: all .5s ease-out 0.1s;
transition: all .5s ease-out 0.1s;
opacity: 1;
}
.mobil-menu ul li.next > a:before{right: 14px}
.mobil-menu ul li.next > a:before{display: block;content: "";background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.485 14.143' fill='%23ffffff'%3E%3Cpath d='M0 1.414L1.414 0l7.071 7.07-1.414 1.415z' /%3E%3Cpath d='M8.485 7.071L7.071 8.485 5.657 7.071 7.07 5.657z' class='a'/%3E%3Cpath d='M7.071 5.657l1.414 1.414-7.07 7.071L0 12.728z' /%3E%3C/svg%3E");position: absolute;height: 14px;width: 8px;top: 50%;transform: translateY(-50%)}
.mobil-menu ul li.back > a{padding-left: 28px;color: #ffffff}
.mobil-menu ul li.back > a:before{display: block;content: "";background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.485 14.143' fill='%23ffffff'%3E%3Cpath d='M0 1.414L1.414 0l7.071 7.07-1.414 1.415z' /%3E%3Cpath d='M8.485 7.071L7.071 8.485 5.657 7.071 7.07 5.657z' class='a'/%3E%3Cpath d='M7.071 5.657l1.414 1.414-7.07 7.071L0 12.728z' /%3E%3C/svg%3E");position: absolute;height: 14px;width: 8px;top: 50%;transform: translateY(-50%)}
.mobil-menu ul li.back > a:before{left: 0px;transform: translateY(-50%) rotate(180deg)}

footer .mobilnone {
display: none;
}

footer {
border: 0;
padding-bottom: 94px;
}

footer .mobil {
width: 100%;
max-width: 100%;
float: none;
padding-top: 20px;
}

footer .button-head {
    max-width: 512px;
    width: 100%;
    float: none;
    margin: 0 auto;
}

footer .button-head .mail-button {
    height: 55px;
    max-width: 512px;
    width: 100%;
    float: none;
    margin: 0 auto;
font-size: 18px;
margin-bottom: 40px;
}

footer .button-head .zaiavka-button {
    height: 55px;
    max-width: 512px;
    width: 100%;
    float: none;
    margin: 0 auto;
font-size: 18px;
}

.container {
    padding-right: 20px!important;
    padding-left: 20px!important;
    margin-right: auto!important;
    margin-left: auto!important;
}
}

@media (max-width: 992px) {
.news-main-block .news-hidden {
display: none;
}

.news-main-block .news-oblojka {
overflow: hidden;
height: 257px;
margin-right: -20px;
margin-left: -20px;
}

.news-main-block .news-wrap {
overflow-x: auto;
overflow-y: hidden;
height: 270px;
}

.news-main-block .news-flex {
display: flex;
flex-direction: row;
justify-content: flex-start;
width: auto;
padding-left: 20px;
margin: 0;
}

.news-main-block .news-flex .news-bl {
width: 322px;
min-width: 322px;
height: 257px;
padding-left: 0;
padding-right: 14px;
}

.news-main-block .news-flex .news-bl:nth-last-child(1) {
padding-right: 20px;
}

.news-item .descr-block {
    margin: 0 auto;
    max-width: 322px;
    width: 100%;
    height: 100px;
    background: #ffffff;
    opacity: 1;
    color: #ffffff;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.6;
    padding: 18px 28px 0 34px;
    position: absolute;
    z-index: 11;
    background: linear-gradient(to top, transparent, #4d4d4d);
}





}

.brand-main-block .main-brends-button {
display: none;
}

.brand-main-block a.brand-item.hidden {
display: block!important;
}

@media (max-width: 500px) {
.modal {
padding-right: 0!important;
background: #ffffff;
}

.close, .close:hover {
    color: #686F76;
    font-size: 70px;
    font-weight: 100;
    opacity: 1;
}

.modal-title {
font-size: 24px;
    margin-top: 82px;
    margin-bottom: 50px;
    color: #686F76;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0;
    border: 0;
    width: 100%;
    min-height: 100%;
}

.modal-header {
border-bottom: 0;
}

.modal-header, .modal-body {
    padding: 0 20px 0 20px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.order-form-block input[type='text'] {
height: 60px;
font-size: 18px;
font-family: 'Open Sans', sans-serif;
}

.order-form-block .file-upload {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 55px;
    background: #686f76;
    border-radius: 0;
    color: #fff;
    text-align: center;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
margin-top: 40px;
    line-height: 52px;
}

.order-form-block .file-upload span {
    line-height: 40px;
    font-weight: 300;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
}

.order-form-block input[type='submit'] {
    font-size: 18px;
    font-weight: 300;
    text-transform: none;
    color: #ffffff;
    text-decoration: none;
    display: block;
    text-align: center;
    background: #eb1e23;
    max-width: 100%;
    width: 100%;
    padding: 16px 0 16px 0;
    margin: 0 0 0 0;
    cursor: pointer;
    border: 0;
    font-family: 'Open Sans', sans-serif;
height: 55px;
}

.order-form-block textarea {
    font-size: 18px;
height: 275px;
font-family: 'Open Sans', sans-serif;
}

input[type='text']:focus::-webkit-input-placeholder {
  color: transparent
}

input[type='text']:focus::-moz-placeholder {
  color: transparent
}

input[type='text']:focus:-moz-placeholder {
  color: transparent
}

input[type='text']:focus:-ms-input-placeholder {
  color: transparent
}



textarea:focus::-webkit-input-placeholder {
  color: transparent
}

textarea:focus::-moz-placeholder {
  color: transparent
}

textarea:focus:-moz-placeholder {
  color: transparent
}

textarea:focus:-ms-input-placeholder {
  color: transparent
}



.order-form-block .name-block, .order-form-block .phone-block {
    width: 100%;
    height: 60px;
    margin-bottom: 22px;
}

.order-form-block .uslovia-block {
    width: 100%;
    max-width: 100%;
    position: absolute;
    margin-top: 82px;
padding-bottom: 50px;
}

.order-form-block .submit-block {
    width: 100%;
    height: 55px;
    float: none;
    max-width: 100%;
    margin-top: 0;
}

.order-form-block .uslovia-block .uslovia-text {
    width: 280px;
    float: left;
    font-size: 14px;
color: #686F76;
text-decoration: none;
font-family: 'Open Sans', sans-serif;
line-height: 1.4;
}

.order-form-block .uslovia-block .uslovia-text a {
    font-size: 14px;
color: #686F76;
text-decoration: none;
font-family: 'Open Sans', sans-serif;
}

.order-form-block .uslovia-block .uslovia-checkbox {
width: 50px;
float: left;
}

.order-form-block .uslovia-block .uslovia-checkbox input[type="checkbox"] {
width: 16px;
height: 16px;
border-radius: 0;
margin-top: 2px;
}

.slider-partners-oblojka {
overflow: hidden;
height: 145px;
margin-right: -20px;
margin-left: -20px;
}

.slider-partners {
overflow-x: auto;
overflow-y: hidden;
height: 160px;
}

.slider-partners img {
width: 228px;
height: 145px;
min-width: 228px;
border-top: 1px solid #f3f3f3;
border-right: 1px solid #f3f3f3;
border-bottom: 1px solid #f3f3f3;
border-left: 1px solid #f3f3f3;
}

.slider-partners .responsive2 {
display: flex;
flex-direction: row;
justify-content: flex-start;
width: auto;
padding-left: 20px;
}

.slider-partners .responsive2 div {
width: 228px;
height: 145px;
}


.slider-partners .responsive2 div:nth-last-child(1) img {
margin-right: 20px;
}


.slider-sert {
overflow: hidden;
height: 243px;
margin-right: -20px;
margin-left: -20px;
}


.slider-sert .gallery-project {
overflow-x: auto;
overflow-y: hidden;
height: 260px;
}

.slider-sert img {
width: 315px!important;
height: 243px;
min-width: 315px;
}



.slider-sert .responsive-project {
display: flex;
flex-direction: row;
justify-content: flex-start;
width: auto;
padding-left: 20px;
}

.slider-sert .responsive-project div {
width: 315px!important;
height: 243px;
margin-right: 20px;
}

.slider-sert .responsive-project div .project-item {
    max-width: 315px;
    width: 315px;
    height: 243px;
    margin: 0;
    display: block;
}

.slider-sert .responsive-project div:nth-last-child(1) .project-item {
    max-width: 335px;
    width: 335px;
}

.slider-sert .responsive-project div .project-item:hover .hover-icon{
transform: scale(1);
}

.slider-sert .responsive-project div .project-item div.descr-block {
    display: table;
    margin: 87px auto 0 auto;
    max-width: 315px;
    width: 100%;
    height: 70px;
    background: #ffffff;
    opacity: 1;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.5;
    padding: 0;
    position: absolute;
    z-index: 11;
    background: linear-gradient(-90deg, transparent, #4d4d4d, transparent);
}

.slider-sert .responsive-project div .project-item div.descr-block div.descr-block-cell {
height: auto;
}

.slider-sert .responsive-sertifikaty div:nth-last-child(1) img {
margin-right: 20px;
}





.sert .slider-sert {
overflow: hidden;
height: 456px;
margin-right: -20px;
margin-left: -20px;
}

.sert .slider-sert .gallery {
overflow-x: auto;
overflow-y: hidden;
height: 470px;
}

.sert .slider-sert img {
width: 322px!important;
height: 456px;
min-width: 322px;
}

.sert .slider-sert .responsive-sertifikaty {
display: flex;
flex-direction: row;
justify-content: flex-start;
width: auto;
padding-left: 20px;
}

.sert .slider-sert .responsive-sertifikaty div {
width: 322px!important;
height: 456px;
margin-right: 14px;
}

.sert .slider-sert .responsive-sertifikaty div .sert-block {
    max-width: 322px;
    width: 322px;
    height: 456px;
    margin: 0;
    display: block;
}

.sert .slider-sert .responsive-sertifikaty div .hover, .sert .slider-sert .responsive-sertifikaty div .hover-text {
display: none;
}

.sert .slider-sert .responsive-sertifikaty div:hover .hover, .sert .slider-sert .responsive-sertifikaty div:hover .hover-text {
display: none;
}


.sert .slider-sert .responsive-sertifikaty div:nth-last-child(1) img {
margin-right: 20px;
}


.about-block-6 .allsertifikaty {
display: none;
}













.prichini-main-block .prichini-item {
    border: 0;
}

.main-banner h1 {
    text-transform: none;
    color: #686f76;
    font-weight: 700;
    font-size: 24px;
    padding: 74px 0 12px 0;
    line-height: 1.5;
}

.main-banner p {
    color: #686f76;
    font-size: 21px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
}


.main-banner p.main-banner-search-descr {
    color: #686f76;
    font-size: 18px;
    margin-top: 98px;
}

.main-banner {
    background: #f5f5f5 url(../img/banner-mobil.jpg) bottom right no-repeat;
    width: 100%;
    max-width: 1920px;
    height: 610px;
    margin: 80px auto 0 auto;
}

.main-banner .main-banner-head-search input[type="text"] {
    width: calc(100% - 55px);
    max-width: 570px;
    height: 55px;
    margin: 0;
    padding: 0 0 0 25px;
    border: 0;
    font-size: 14px;
    color: #686f76;
    background: #ffffff;
    float: left;
    font-size: 18px;
}


.main-banner .main-banner-head-search input[type="button"], .main-banner .main-banner-head-search input[type="submit"] {
    cursor: pointer;
    background: url(../img/search.svg) no-repeat;
    width: 55px;
    height: 55px;
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    background-size: contain;
}

.brand-main-block h2 {
    color: #686f76;
    font-size: 24px;
    text-transform: none;
    font-weight: 700;
    text-align: center;
    margin: 92px 0 50px 0;
    line-height: 1.5;
}

.brand-main-block .main-brends-flex {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.brand-main-block .brand-item {
    float: none;
    height: 90px;
    border: 1px solid #f3f3f3;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    width: 33.33%;
}


.prichini-main-block h2 {
    color: #686f76;
    font-size: 24px;
    text-transform: none;
    font-weight: 700;
    text-align: center;
    margin: 98px 0 30px 0;
    line-height: 1.5;
}

.partners-main-block h2 {
    color: #686f76;
    font-size: 24px;
    text-transform: none;
    font-weight: 700;
    text-align: center;
    margin: 82px 0 50px 0;
    line-height: 1.5;
}

.news-main-block h2 {
    color: #686f76;
    font-size: 24px;
    text-transform: none;
    font-weight: 700;
    text-align: center;
    margin: 60px 0 50px 0;
    line-height: 1.5;
}

.prichini-main-block .prichini-item h3 {
    font-size: 20px;
    color: #686f76;
    text-transform: none;
    font-weight: 700;
    margin: 25px 0 17px 0;
line-height: 1.5;
}
.prichini-main-block .prichini-item p {
    color: #686f76;
    font-size: 18px;
    margin: 0 0 0 0;
    line-height: 1.5;
}


.prichini-main-block .prichini-item .icon {
    width: 90px;
    height: 90px;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 22px auto 0 auto;
    background-size: contain;
}

.brand-main-block a.brand-item h3, .brand-main-block a.brand-item:hover h3 {
display: none;
visibility: hidden;
}
.brand-main-block a.brand-item:hover {
border: 1px solid #f3f3f3;
}

.brand-main-block .main-brends-button {
    height: 55px;
    max-width: 512px;
    width: 100%;
    float: none;
    margin: 0 auto;
    font-size: 18px;
    margin-bottom: 0;
margin-top: 40px;
    display: block;
    background: #F5F5F5;
    color: #686F76;
cursor: pointer;
    text-align: center;
    padding-top: 14px;
}


.brand-main-block a.brand-item.hidden {
display: none!important;
}
.brand-main-block a.brand-item.hidden.active {
display: block!important;
}



.bx_breadcrumbs {
display: none;
}

.catalog-new .left-block .cat, .catalog-new .left-block .cat-2 {
display: none;
}

.catalog-new .count-finds {
display: none;
}

.catalog-new .left-block ul li span {
display: none;
}

.catalog-new .left-block {
    overflow-x: auto;
    height: 60px;
    overflow-y: hidden;
}

.catalog-new .left-block ul {
    padding: 0;
    display: block;
    width: auto;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding-left: 20px;
}

.catalog-new .left-block ul li p {
white-space: nowrap;
color: #ffffff;
}
.catalog-new .left-block ul li a {
color: #ffffff;
}

.catalog-new .left-block ul li {
display: block;
background: #686F76;
border-radius: 20px;
margin-right: 14px;
padding-left: 14px;
padding-right: 14px;
width: auto;
}

.catalog-new .left-block ul:after {
content:'';
width:20px;
min-width: 20px;
display: block;
}

.catalog-new .left-block ul li:nth-last-child(1) {
margin-right: 0;
}





.catalog-new .left-block ul li a:hover p {
    color: #ffffff;
    padding-left: 0;
background: none;
}

.catalog-new .left-block ul li a:hover {
    color: #ffffff;
    padding-left: 0;
background: none;
}

.catalog-new .left-block-oblojka {
    height: 40px;
    overflow: hidden;
    margin-left: -20px;
    margin-right: -20px;
}

.catalog-new h1 {
    width: 100%;
    padding: 74px 0 40px 0;
    text-align: left;
    font-size: 24px;
    line-height: 1.5;
}

.catalog-new-top h1 {
    text-align: left;
    font-size: 24px;
    color: #686f76;
    text-transform: none;
    font-weight: 700;
    padding: 74px 0 16px 0;
    margin: 0;
    line-height: 1.5;
}

.catalog-new-top p {
    text-align: left;
    font-size: 18px;
    color: #686f76;
    padding: 0;
    margin: 12px 0 26px 0;
}

.catalog-new-top .search_latins input[type="text"] {
    width: calc(100% - 55px);
    height: 55px;
    margin: 0;
    padding: 0 0 0 25px;
    border: 0;
    font-size: 18px;
    color: #686f76;
    background: #f5f5f5;
    float: left;
}

.catalog-new-top .search_latins {
width: calc(100% - 40px);
    height: 49px;
    margin: -206px auto 0 auto;
    padding: 0;
    position: absolute;
}

.catalog-new-top .search_latins input[type="submit"] {
    cursor: pointer;
    background: url(../../images/search.svg) center center no-repeat;
    width: 55px;
    height: 55px;
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    background-size: contain;
}

.catalog-new-top .latinblocks h2 {
    display: block;
    font-size: 24px;
    color: #686f76;
    text-transform: none;
    font-weight: 700;
    margin: 0;
    padding: 0;
    width: 36px;
}

.catalog-new-top .latinblocks a {
    display: block;
    width: 50%;
    height: 100px;
    float: left;
    background-position: center center;
    background-repeat: no-repeat;
    border-left: 1px solid #f0f0f0;
    margin-bottom: 0;
    text-decoration: none;
    border-right: 1px solid #f0f0f0;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    margin-left: -1px;
    margin-top: -1px;
}

.catalog-new-top .latinblocks a:hover {
    background-position: center center;
    background-repeat: no-repeat;
background-color: #ffffff;
}

.catalog-new-top .latinblocks div span.catalog-top-flex {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
width: calc(100% - 36px);
padding: 0;
margin-bottom: 40px;
}

.catalog-new-top .latinblocks a:hover span {
    display: none;
    visibility: hidden;
}


.catalog-new .search-catalog input[type="text"] {
    width: calc(100% - 55px);
    height: 55px;
    margin: 0;
    padding: 0 0 0 25px;
    border: 0;
    font-size: 18px;
    color: #686f76;
    background: #f5f5f5;
    float: left;
}

.catalog-new .search-catalog input[type="button"], .catalog-new .search-catalog input[type="submit"] {
    cursor: pointer;
    background: url(../../images/search.svg) center center no-repeat;
    width: 55px;
    height: 55px;
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    background-size: contain;
}

.catalog-new .search-catalog {
    width: 100%;
    margin-bottom: 50px;
}

.catalog-new.search .search-catalog {
    margin-top: 12px;
}

.catalog-new-list .spec-item {
    border: 0;
padding: 0;
}

.catalog-new-list .spec-item .spec-item-content {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    height: auto;
    margin-top: 0;
    margin-bottom: 32px;
}

.catalog-new-list .spec-item .image-bg {
    width: 100%;
    height: 335px;
    max-height: 335px;
    max-width: 100%;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

.catalog-new-list .spec-item .spec-item-content p.spec-name {
    font-size: 18px;
    color: #686f76;
    line-height: 1.5;
    margin: 11px 0 0 0;
    padding: 0;
}

.catalog-new-list .spec-item .spec-item-content p.spec-price {
    font-size: 18px;
    color: #686f76;
    font-weight: 700;
    line-height: 1.2;
    margin: 26px 0 0 0;
    padding: 0;
}

.navigation-pages span {
    padding: 9px 16px 10px 16px;
    margin-bottom: 5px;
}

.navigation-pages a {
    padding: 9px 16px 10px 16px;
    margin-bottom: 5px;
}

.navigation {
margin-bottom: 110px;
}

.about-block {
    display: none;
}

.element-new h1 {
    font-size: 24px;
    font-weight: 700;
    text-align: left;
    color: #686f76;
    margin: 0;
    padding: 74px 0 50px 0;
    line-height: 1.5;
}

.element-new .left-block {
    height: auto;
}

.element-new .element-row {
    display: flex;
    flex-direction: column-reverse;
}

.element-new .element-param {

}

.element-new .element-image {

}

.element-new .right-block {
    max-width: 100%;
    width: 100%;
    text-align: center;
    margin-top: 0;
}


.element-new .right-block img {
    max-width: 100%!important;
    height: auto!important;
    margin: 0 auto;
    width: 100%;
}

.element-new .element-param {
    margin-top: 10px;
}

.element-new .left-block h3 {
    font-size: 18px;
    color: #686f76;
    font-weight: 700;
    text-transform: none;
    padding: 0;
    margin: 31px 0 15px 0;
}

.element-new .left-block p {
    font-size: 18px;
    color: #686f76;
    margin: 0 0 25px 0;
    padding: 0;
    line-height: 1.5;
}

.curs-text {
    margin-top: 28px;
    font-size: 14px;
    line-height: 1.5;
}

.element-new .mail-button {
    font-size: 18px;
    font-weight: 300;
    text-transform: none;
    color: #ffffff;
    text-decoration: none;
    display: block;
    text-align: center;
    background: #eb1e23;
    width: 100%;
    padding: 15px 0 15px 0;
    margin: 32px 0 36px 0;
    cursor: pointer;
    -webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
}

.pri-zakaze-block h2 {
    font-size: 24px;
    font-weight: 700;
    text-align: left;
    color: #686f76;
    text-transform: none;
    margin: 0;
    padding: 80px 0 48px 0;
    line-height: 1.5;
}

.pri-zakaze-block .pri-zakaze-block-item h3 {
    color: #686f76;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    padding: 28px 0 16px 28px;
}

.pri-zakaze-block .pri-zakaze-block-item p {
    color: #686f76;
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    padding: 12px 28px 0 28px;
    line-height: 1.5;
}

.pri-zakaze-block .pri-zakaze-block-item {
    float: none;
    margin: 0 auto 20px auto;
    max-width: 100%;
    border: 0;
    height: auto;
}

.pri-zakaze-block .pri-zakaze-block-item h3 {
    color: #686f76;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    padding: 14px 0 14px 28px;
    border-left: 3px solid #eb1e23;
}

.catalog-new .gaz-logo {
    padding: 0 0 0 0;
    position: relative;
    margin-top: 0;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    max-width: 1170px;
    margin-bottom: 60px;
}

.catalog-new .gaz-logo a.brand-item {
    width: 50%;
    height: 90px;
    border: 1px solid #f3f3f3;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    background-size: contain;
}

.catalog-new .gaz-logo a.brand-item:hover h3 {
display: none;
}

.catalog-new br {
display: none;
}

.about-block-1 {
    margin: 0 auto;
    max-width: 1170px;
    width: 100%;
    padding: 76px 0 58px 0;
}

.about-block-1 h1 {
    font-size: 24px;
    color: #686f76;
    text-align: left;
    text-transform: none;
    font-weight: 700;
    margin: 0 0 50px 0;
    padding: 0;
    line-height: 1.5;
}

.about-block-1 p {
    font-size: 18px;
    color: #686f76;
    text-align: left;
    line-height: 1.5;
    margin: 0 0 26px 0;
}

.about-block-2 p {
    font-size: 18px;
    color: #686f76;
    text-align: left;
    line-height: 1.5;
    margin: 0 0 26px 0;
}

.about-block-3 h2 {
    font-size: 24px;
    color: #686f76;
    text-align: left;
    text-transform: none;
    font-weight: 700;
    line-height: 1.5;
    margin: 18px 0 47px 0;
    padding: 0;
}

.about-block-3 {
    margin: 0 auto;
    max-width: 1170px;
    width: 100%;
    padding: 43px 0 30px 0;
}

.corp .corp-right {
    width: 182px;
    height: 80px;
    float: left;
}

.corp.corp2 .count {
    width: 148px;
}

.corp .corp-right h3 {
    font-size: 24px;
    font-weight: bold;
    color: #686f76;
    margin: 11px 0 3px 0;
    line-height: 1.4;
}

.corp .corp-right p {
    font-size: 16px;
    color: #737373;
    margin: 0;
    padding: 0;
    line-height: 1.4;
}

.corp {
    width: 100%;
    height: 136px;
    margin: 0 auto 12px auto;
}

.corp.corp2 {
    width: 100%;
}

.about-block-4 {
    padding: 14px 0 30px 0;
}



.about-block-2, .about-block-4 {
padding: 0;
border: 0;
border-radius: 0;
}

.about-block-2 img, .about-block-4 img {
width: 100%;
height: auto;
float: none;
margin-bottom: 36px;
display: block;
}

.about-block-2 h2, .about-block-4 h2 {
display: none;
}

.about-block-2 h2.mobil, .about-block-4 h2.mobil {
display: block;
}

.about-block-4 .row {
display: flex;
flex-direction: column;
}

.about-block-2 .row {
display: flex;
flex-direction: column-reverse;
}


.about-block-2 h2, .about-block-4 h2 {
    font-size: 24px;
    color: #686f76;
    text-align: left;
    text-transform: none;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 50px 0;
    padding: 0;
}








.dostavka-block-2, .dostavka-block-3, .dostavka-block-4, .oplata-block-2, .oplata-block-3, .oplata-block-4 {
padding: 0;
border: 0;
border-radius: 0;
}

.dostavka-block-2 img, .dostavka-block-3 img, .dostavka-block-4 img, .oplata-block-2 img, .oplata-block-3 img, .oplata-block-4 img {
width: 100%;
height: auto;
float: none;
margin-bottom: 36px;
display: block;
}

.dostavka-block-2 h2, .dostavka-block-3 h2, .dostavka-block-4 h2, .oplata-block-2 h2, .oplata-block-3 h2, .oplata-block-4 h2 {
display: none;
}

.dostavka-block-2 h2.mobil, .dostavka-block-3 h2.mobil, .dostavka-block-4 h2.mobil, .oplata-block-2 h2.mobil, .oplata-block-3 h2.mobil, .oplata-block-4 h2.mobil {
display: block;
}

.dostavka-block-2 .row {
display: flex;
flex-direction: column-reverse;
}

.dostavka-block-3 .row {
display: flex;
flex-direction: column;
}

.dostavka-block-4 .row {
display: flex;
flex-direction: column-reverse;
}


.oplata-block-2 .row {
display: flex;
flex-direction: column-reverse;
}

.oplata-block-3 .row {
display: flex;
flex-direction: column;
}

.oplata-block-4 .row {
display: flex;
flex-direction: column-reverse;
}


.about-block-4 p {
    font-size: 18px;
    color: #686f76;
    text-align: left;
    line-height: 1.5;
    margin: 0 0 26px 0;
}

.about-block-5 {
    margin: 0 auto;
    max-width: 1170px;
    width: 100%;
    padding: 28px 0 16px 0;
}

.about-block-5 h2 {
    font-size: 24px;
    color: #686f76;
    text-align: left;
    text-transform: none;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 50px 0;
    padding: 0;
}

.project-bl {
    margin: 0;
    padding: 0;
    margin-left: -5px;
    width: calc(100% + 10px);
}

.project-item {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
    height: 243px;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 40px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
}

.project-item:hover .hover {
    display: none;
}

.project-item:hover .hover-icon{
transform: scale(1);
}

.project-item .descr-block {
    display: table;
    margin: 87px auto 0 auto;
    max-width: 540px;
    width: 100%;
    height: 82px;
    background: #ffffff;
    opacity: 1;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.2;
    padding: 0;
    position: absolute;
    z-index: 11;
    background: linear-gradient(
-90deg
, transparent, #4d4d4d, transparent);
}

.project-item:hover .descr-block {
    background: linear-gradient(
-90deg
, transparent, #4d4d4d, transparent);
}

.about-block-6 h2 {
    color: #686f76;
    font-size: 24px;
    text-transform: none;
    font-weight: 700;
    text-align: left;
    margin: 24px 0 52px 0;
    line-height: 1.5;
}

.about-new-content .partners-main-block {
min-height: 392px;
}

.about-new-content .partners-main-block h2 {
    color: #686f76;
    font-size: 24px;
    text-transform: none;
    font-weight: 700;
    text-align: left;
    margin: 82px 0 50px 0;
    line-height: 1.5;
}



.sert-page h1 {
    font-size: 24px;
    color: #686f76;
    text-align: left;
    text-transform: none;
    font-weight: 700;
    line-height: 1.5;
    margin: 74px 0 50px 0;
    padding: 0;
}


.sert-page .sert-block {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 0 auto 40px auto;
    display: block;
}

.sert-page .sert-block:hover .hover, .sert-page .sert-block:hover .hover-text {
    display: none;
}

.carier-block-2 h2 {
    font-size: 24px;
    color: #686f76;
    text-align: left;
    text-transform: none;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 50px 0;
    padding: 0;
}

.carier-block-2 {
    margin: 0 auto;
    max-width: 1170px;
    width: 100%;
    padding: 4px 0 16px 0;
}

.carier-block-2 .carier-icons {
    padding: 80px 14px 0 16px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 16px top;
    margin: 0 0 0 0;
    background-size: 90px;
}

.carier-block-2 .border-icon {
    min-height: auto;
    border: 0;
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
}

.carier-block-2 .carier-icons h3 {
    font-size: 20px;
    color: #686f76;
    font-weight: 700;
    text-transform: none;
    line-height: 1.5;
    margin: 40px 0 20px 0;
    padding: 0;
}

.carier-block-2 .carier-icons p {
    font-size: 18px;
    color: #737373;
    line-height: 1.5;
    margin: 0;
    padding: 0;
}

.carier-block-3 {
    margin: 0 auto;
    max-width: 1170px;
    width: 100%;
    padding: 48px 0 46px 0;
}

.carier-block-3 h2 {
    font-size: 24px;
    color: #686f76;
    text-align: left;
    text-transform: none;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 50px 0;
    padding: 0;
}

.carier-block-3 .carier-name {
    max-width: 992px;
    height: 55px;
    background-color: #686f76;
    background-image: url(../img/carier-plus.png);
    background-position: right 28px center;
    background-repeat: no-repeat;
    font-size: 14px;
    color: #ffffff;
    padding: 17px 0 0 28px;
}

.carier-block-3 .carier-item {
    max-width: 992px;
    height: 58px;
    margin: 0 auto 20px auto;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background: #f3f3f3;
    -webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
}

.carier-block-3 .carier-name {
    max-width: 992px;
    height: 55px;
    background-color: #686f76;
    background-image: url(../img/carier-plus.png);
    background-position: right 28px center;
    background-repeat: no-repeat;
    font-size: 14px;
    color: #ffffff;
    padding: 17px 0 0 28px;
}

.carier-block-3 .carier-name span {
    display: block;
    max-width: calc(100% - 100px);
    overflow-x: hidden;
    white-space: nowrap;
}

.carier-block-3 .carier-name.carier-2:after {
    content: ' ...';
    position: absolute;
    right: 80px;
    top: 16px;
}

.carier-descr h3 {
margin-bottom: 20px;
}


.inzhiniring-im-block-head {
    margin: 0 auto;
    max-width: 1170px;
    width: 100%;
    padding: 74px 0 58px 0;
}


.inzhiniring-im-block-head h1 {
    font-size: 24px;
    color: #686f76;
    text-align: left;
    text-transform: none;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 50px 0;
    padding: 0;
}

.inzhiniring-im-block-head p {
    font-size: 18px;
    color: #686f76;
    text-align: left;
    line-height: 1.5;
    margin: 0 0 26px 0;
}

.about-block-1.proizvodstvo {
padding: 76px 0 0 0;
}

.inzhiniring-im-block.left, .inzhiniring-im-block.right {
padding: 0;
border: 0;
border-radius: 0;
}

.inzhiniring-im-block.left img, .inzhiniring-im-block.right img {
width: 100%;
height: auto;
float: none;
margin-bottom: 28px;
display: block;
}

.inzhiniring-im-block h2 {
display: none;
}

.inzhiniring-im-block h2.mobil {
display: block;
}

.inzhiniring-im-block.left .row {
display: flex;
flex-direction: column;
}

.inzhiniring-im-block.right .row {
display: flex;
flex-direction: column-reverse;
}


.inzhiniring-im-block h2 {
    font-size: 24px;
    color: #686f76;
    text-align: left;
    text-transform: none;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 50px 0;
    padding: 0;
}

.inzhiniring-im-block ul li {
    font-size: 18px;
    color: #686f76;
    list-style-type: none;
    display: block;
    line-height: 1.5;
    margin-bottom: 20px;
}

.inzhiniring-im-block ul li {
    font-size: 18px;
    color: #686f76;
    list-style-type: none;
    display: block;
    line-height: 1.5;
    margin-bottom: 26px;
}

.inzhiniring-icons-block h2 {
    font-size: 24px;
    color: #686f76;
    text-align: left;
    text-transform: none;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 50px 0;
    padding: 0;
}

.inzhiniring-icons-block .border-icon {
    min-height: auto;
    border: 0;
    margin: 0;
    padding: 0;
}

.inzhiniring-icons-block .inzhiniring-icons {
    padding: 80px 14px 0 16px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: left top;
    margin: 24px 0 0 0;
    background-size: 90px;
}

.inzhiniring-icons-block .inzhiniring-icons {
    padding: 80px 14px 0 0;
    width: 100%;
    background-repeat: no-repeat;
    background-position: left top;
    margin: 10px 0 0 0;
    background-size: 90px;
}

.inzhiniring-icons-block .inzhiniring-icons h3 {
    font-size: 20px;
    color: #686f76;
    font-weight: 700;
    text-transform: none;
    line-height: 1.5;
    margin: 40px 0 16px 0;
    padding: 0;
}

.about-new-content .partners-main-block.inzhiniring {
    min-height: 274px;
}

.about-new-content .partners-main-block.inzhiniring h2 {
    margin: 0 0 50px 0;
}

h1 {
    text-transform: none;
    color: #686f76;
    font-weight: 700;
    font-size: 24px;
    padding: 74px 0 50px 0;
    margin: 0;
    line-height: 1.5;
    text-align: left;
}

.about-new-content h1.center {
    text-align: left;
    padding: 74px 0 50px 0;
}

.catalog-new-content .news-item {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
    height: 300px;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 40px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
}

.catalog-new-content .news-item .hover-icon {
    max-width: 100%;
    width: 100%;
    height: 300px;
    position: absolute;
    z-index: 9;
    opacity: 1;
    -webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.catalog-new-content .news-item:hover .hover-icon {
    transform: scale(1);
}

.catalog-new-content .news-item .descr-block {
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
    height: 100px;
    background: #ffffff;
    opacity: 1;
    color: #ffffff;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.6;
    padding: 18px 28px 0 34px;
    position: absolute;
    z-index: 11;
    background: linear-gradient(to top, transparent, #4d4d4d);
	}

.catalog-new-content .news-item:hover .descr-block {
    background: linear-gradient(to top, transparent, #4d4d4d);
}

.catalog-new-content .news-list {
margin-left: -5px;
margin-right: -5px;
}

.catalog-new-content .news-list .news-bl {
margin: 0;
padding: 0;
}

.documents-list {
    margin-top: 64px;
}

.documents-list .documents-list-item {
    border: 0;
    background: #f5f5f5;
    position: relative;
    margin: 0 0 10px 0;
    display: block;
    min-height: 60px;
    height: auto;
}

.documents-list .documents-list-name {
    margin: 0 0 0 58px;
    font-size: 14px;
    color: #686f76;
    padding: 0 5px 0 5px;
    display: flex;
    align-items: center;
    height: 60px;
}

.documents-list .documents-list-link > .doc-button {
display: none;
}

.documents-list .documents-list-img > span {
    width: 35px;
    height: 33px;
    background: url(../img/pdf.svg) center no-repeat;
    display: inline-block;
    margin: 12px 0 0 6px;
}

.documents-list .navigation {
margin-top: 60px;
margin-bottom: 150px;
}


.catalog-new-top .documents-menu ul li {
    float: none;
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
}

.catalog-new-top .documents-menu a {
    text-decoration: none;
    color: #686f76;
    font-size: 21px;
}

.catalog-new-top .documents-menu a:hover {
color: #686f76;
}

.catalog-new-top .documents-menu ul {
padding-left: 0px;
}

.catalog-new-top .documents-menu {
    max-width: 1100px;
    margin: 38px 0 64px 0;
    padding: 0px;
    width: 100%;
}

.catalog-new-content .left-block-oblojka {
    margin-bottom: 0;
}

h2 {
    font-size: 21px;
    margin: 10px 0px 34px 0;
    text-align: left;
    text-transform: none;
    font-weight: 700;
    line-height: 1.5;
}

p {
    margin: 0 0 26px 0;
    font-size: 18px;
line-height: 1.5;
}

.right-block ul li {
    font-size: 18px;
    color: #686f76;
    list-style-type: none;
    display: block;
    line-height: 1.5;
    margin-bottom: 28px;
}

.catalog-new-content.ovik {
display: block;
}

.catalog-new-content.ovik .container div h2 {
    margin: 88px 0px 34px 0;
}

.catalog-new-content.ovik .table-wrapper {
    max-width: calc(100% + 40px);
    overflow-x: hidden;
    margin-left: -20px;
    width: calc(100% + 40px);
}

.catalog-new-content.ovik table {
max-width: 100%!important;
width: 100%!important;
display: block;
}

.catalog-new-content.ovik table tr {
max-width: 100%!important;
width: 100%!important;
display: block;
}

.catalog-new-content.ovik table tr td {
max-width: 100%!important;
width: 100%!important;
display: block;
padding: 0;
}

.catalog-new-content.ovik table tr td img {
max-width: 100%!important;
width: 100%!important;
display: block;
}

.catalog-new-content.ovik table tr td a {
max-width: 100%!important;
width: 100%!important;
display: block;
    text-align: center;
    font-size: 18px;
}

.breadcrumb-h1 h1 {
    padding: 74px 0 50px 0;
}

.catalog-new-content .right-block ul, .catalog-new-content .news-detail ul {
    list-style-type: none;
    margin-top: 28px;
    padding-left: 16px;
}

.catalog-new-content .right-block ul li, .catalog-new-content .news-detail ul li {
    font-size: 18px;
    color: #686f76;
    list-style-type: none;
    display: block;
    line-height: 1.5;
    margin-bottom: 28px;
}

.catalog-new-content .right-block ul li:before, .catalog-new-content .news-detail ul li:before {
    color: rgb(236, 30, 36);
    content: "•";
    padding-right: 10px;
    display: block;
    position: absolute;
    margin-left: -16px;
    font-size: 18px;
    font-family: Arial;
}


.dostavka-block-1 {
    margin: 0 auto;
    max-width: 1170px;
    width: 100%;
    padding: 76px 0 58px 0;
}

.dostavka-block-1 h1 {
    font-size: 24px;
    color: #686f76;
    text-align: left;
    text-transform: none;
    font-weight: 700;
    margin: 0 0 0 0;
    padding: 0;
    line-height: 1.5;
}

.dostavka-block-2 {
    margin: 0 auto;
    max-width: 1170px;
    width: 100%;
    padding: 0 0 58px 0;
    border: 0;
    border-radius: 0;
}

.dostavka-block-2 h2 {
    font-size: 24px;
    color: #686f76;
    text-align: left;
    text-transform: none;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 50px 0;
    padding: 0;
}

.dostavka-block-2 p {
    font-size: 18px;
    color: #686f76;
    text-align: left;
    line-height: 1.5;
    margin: 0 0 26px 0;
}




.dostavka-block-3 {
    margin: 0 auto;
    max-width: 1170px;
    width: 100%;
    padding: 0 0 58px 0;
    border: 0;
    border-radius: 0;
}

.dostavka-block-3 h2 {
    font-size: 24px;
    color: #686f76;
    text-align: left;
    text-transform: none;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 50px 0;
    padding: 0;
}

.dostavka-block-3 p {
    font-size: 18px;
    color: #686f76;
    text-align: left;
    line-height: 1.5;
    margin: 0 0 26px 0;
}




.dostavka-block-4 {
    margin: 0 auto;
    max-width: 1170px;
    width: 100%;
    padding: 0 0 58px 0;
    border: 0;
    border-radius: 0;
}

.dostavka-block-4 h2 {
    font-size: 24px;
    color: #686f76;
    text-align: left;
    text-transform: none;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 50px 0;
    padding: 0;
}

.dostavka-block-4 p {
    font-size: 18px;
    color: #686f76;
    text-align: left;
    line-height: 1.5;
    margin: 0 0 26px 0;
}


.dostavka-new-content .partners-main-block h2 {
    color: #686f76;
    font-size: 24px;
    text-transform: none;
    font-weight: 700;
    text-align: left;
    margin: 6px 0 50px 0;
    line-height: 1.5;
}














.oplata-block-1 {
    margin: 0 auto;
    max-width: 1170px;
    width: 100%;
    padding: 76px 0 58px 0;
}

.oplata-block-1 h1 {
    font-size: 24px;
    color: #686f76;
    text-align: left;
    text-transform: none;
    font-weight: 700;
    margin: 0 0 0 0;
    padding: 0;
    line-height: 1.5;
}

.oplata-block-2 {
    margin: 0 auto;
    max-width: 1170px;
    width: 100%;
    padding: 0 0 58px 0;
    border: 0;
    border-radius: 0;
}

.oplata-block-2 h2 {
    font-size: 24px;
    color: #686f76;
    text-align: left;
    text-transform: none;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 50px 0;
    padding: 0;
}

.oplata-block-2 p {
    font-size: 18px;
    color: #686f76;
    text-align: left;
    line-height: 1.5;
    margin: 0 0 26px 0;
}




.oplata-block-3 {
    margin: 0 auto;
    max-width: 1170px;
    width: 100%;
    padding: 0 0 58px 0;
    border: 0;
    border-radius: 0;
}

.oplata-block-3 h2 {
    font-size: 24px;
    color: #686f76;
    text-align: left;
    text-transform: none;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 50px 0;
    padding: 0;
}

.oplata-block-3 p {
    font-size: 18px;
    color: #686f76;
    text-align: left;
    line-height: 1.5;
    margin: 0 0 26px 0;
}




.oplata-block-4 {
    margin: 0 auto;
    max-width: 1170px;
    width: 100%;
    padding: 0 0 58px 0;
    border: 0;
    border-radius: 0;
}

.oplata-block-4 h2 {
    font-size: 24px;
    color: #686f76;
    text-align: left;
    text-transform: none;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 50px 0;
    padding: 0;
}

.oplata-block-4 p {
    font-size: 18px;
    color: #686f76;
    text-align: left;
    line-height: 1.5;
    margin: 0 0 26px 0;
}

.project-catalog-element h1 {
    font-size: 24px;
    color: #686f76;
    text-transform: none;
    font-weight: 700;
    padding: 70px 0 50px 0;
    margin: 0;
    line-height: 1.5;
}

.project-catalog-element h2 {
    font-size: 21px;
    margin: 10px 0px 34px 0;
    text-align: left;
    text-transform: none;
    font-weight: 700;
    line-height: 1.5;
}

.project-catalog-element p {
    margin: 0 0 26px 0;
    font-size: 18px;
line-height: 1.5;
}

.project-catalog-element ul li {
    font-size: 18px;
    color: #686f76;
    list-style-type: none;
    display: block;
    line-height: 1.5;
    margin-bottom: 28px;
}

.project-naw {
    display: none;
}

.owerlow {
    overflow-x: auto;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
}

.diogramma-block .stolb.s8 {
    margin-right: 20px;
}

.diogramma-block h2 {color: #686f76;font-size: 24px;font-weight: 700;text-transform: none;text-align: left;padding: 17px 0 50px 0;line-height: 1.5;}

.help-block.form-error {
display: none;
}

.navigation-pages span.mnogotochie~a.mnog {
display: none;
}
}


.komanda-text {
font-weight: 800;
font-size: 16px;
line-height: 36px;
text-align: center;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
width: 250px;
height: 114px;
position: relative;
z-index: 1;
margin-top: -114px;
background: linear-gradient(to top, #4d4d4d, transparent);
flex-direction: column;
}

.komanda-text span {
font-weight: normal;
font-size: 14px;
line-height: 19px;
text-align: center;
color: #FFFFFF;
}

.sert-block:hover .komanda-text {
background: linear-gradient(to top, #eb1e23, transparent);
}

.zaiavka-button-zvonok {
    font-size: 12px;
    color: #686f76;
    display: block;
    float: right;
    text-align: right;
cursor: pointer;
padding-top: 3px;
    margin-right: 14px;
}

@media(max-width: 482px) {
  .mobilpanel .mobil-right-menu {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    max-width: 300px;
    width: 100%;
  }
}

@media(max-width: 420px) {
  .mobilpanel .mobil-right-menu {
        max-width: 100%;
        width: 100%;
        margin-left: 20px;

  }



}