/*----------------------------------------------------------------------------*\
                                  ������
\*----------------------------------------------------------------------------*/



@font-face {
    font-family: 'pfdin-bold';
    src: url('/templates/fonts/plumb-bold.eot');
    src: url('/templates/fonts/plumb-bold.eot?#iefix') format('embedded-opentype'),
         url('/templates/fonts/plumb-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'pfdin-bold';
    src: url('/templates/fonts/plumb-bold.eot');
    src: url('/templates/fonts/plumb-bold.eot?#iefix') format('embedded-opentype'),
         url('/templates/fonts/plumb-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'pfdin-light';
    src: url('/templates/fonts/pfdintextpro-light.eot');
    src: url('/templates/fonts/pfdintextpro-light.eot?#iefix') format('embedded-opentype'),
         url('/templates/fonts/pfdintextpro-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'pfdin-thin';
    src: url('/templates/fonts/pfdintextpro-thin.eot');
    src: url('/templates/fonts/pfdintextpro-thin.eot?#iefix') format('embedded-opentype'),
         url('/templates/fonts/pfdintextpro-thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'pfdin-xthin';
    src: url('/templates/fonts/pfdintextpro-xthin.eot');
    src: url('/templates/fonts/pfdintextpro-xthin.eot?#iefix') format('embedded-opentype'),
         url('/templates/fonts/pfdintextpro-xthin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'pfdin';
    src: url('/templates/fonts/pfdintextpro-xthin.eot');
    src: url('/templates/fonts/pfdintextpro-xthin.eot?#iefix') format('embedded-opentype'),
    url('/templates/fonts/pfdintextpro-xthin.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'pfdin';
    src: url('/templates/fonts/pfdintextpro-thin.eot');
    src: url('/templates/fonts/pfdintextpro-thin.eot?#iefix') format('embedded-opentype'),
    url('/templates/fonts/pfdintextpro-thin.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'pfdin';
    src: url('/templates/fonts/pfdintextpro-light.eot');
    src: url('/templates/fonts/pfdintextpro-light.eot?#iefix') format('embedded-opentype'),
    url('/templates/fonts/pfdintextpro-light.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'pfdin';
    src: url('/templates/fonts/pfdintextpro-regular.eot');
    src: url('/templates/fonts/pfdintextpro-regular.eot?#iefix') format('embedded-opentype'),
    url('/templates/fonts/pfdintextpro-regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
/*@font-face {
    font-family: 'pfdin';
    src: url('/templates/fonts/pfdintextpro-regular.eot');
    src: url('/templates/fonts/pfdintextpro-regular.eot?#iefix') format('embedded-opentype'),
    url('/templates/fonts/pfdintextpro-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}*/
@font-face {
    font-family: 'pfdin';
    src: url('/templates/fonts/pfdintextpro-bold.eot');
    src: url('/templates/fonts/pfdintextpro-bold.eot?#iefix') format('embedded-opentype'),
    url('/templates/fonts/pfdintextpro-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/*----------------------------------------------------------------------------*\
                                  ����������
\*----------------------------------------------------------------------------*/
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section { display: block; }

html, body {  padding: 0px; margin:0px; height: 100%; font-family: pfdin, Arial; font-size: 16px; color: #000; font-weight: 300; }
body { min-width: 1200px; }
table { border-collapse: collapse; }
a, .a { text-decoration: none; color: #007fc0; } /*316cc4*/
a:hover, .a:hover { text-decoration: underline; }
:focus { outline: 0 none; }
td { padding: 0; vertical-align: top; }
.rel { position: relative; width: 100%; }
.abs { position: absolute; }
img { margin: 0; padding: 0; outline: none; border: none; vertical-align: top; }
input, textarea { margin: 0; font-family: pfdin, Arial; }
iframe { border: none; }


.reds { color: #f00; }
.nowrap { white-space: nowrap; }

/*.fix {  min-width: 1100px; background: #189bd3; }*/
.placer {  position: relative; overflow: hidden; }
.pagefix { width: 1366px; padding: 0 25px; margin: 0 auto; }
.va-fix { display: inline-block; *display: inline; zoom: 1; min-height: inherit; height: 100%; vertical-align: middle; }
.va { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; }

.main-frame { min-width: 1200px; /*border: 15px solid;*/ border-top-color: #c5c5c5; border-right-color: #dbdbdb; border-left-color: #dbdbdb; border-bottom-color: #e2001a; position: relative; }
.main-frame.wide { /*min-width: 1318px;*/ }


.to-up { z-index: 1000; width: 64px; height: 64px; background: url('/templates/pictures/pic-toup.svg') no-repeat 50% 50%; cursor: pointer; position: fixed; bottom: 67px; right: 50px; border-radius: 50%; /*box-shadow: 0 0 14px rgba(0,0,0,0.2);*/ background-size: contain; }

.social { display: flex; gap: 12px; }
.social > * { font-size: 0; width: 24px; height: 24px; }
.social > .wa { background: url('/templates/pictures/pic-contact-wa.svg') no-repeat 0 0; }
.social > .wa:hover { background-image: url('/templates/pictures/pic-contact-wa-sel.svg'); }
.social > .tg { background: url('/templates/pictures/pic-contact-tg.svg') no-repeat 0 0; }
.social > .tg:hover { background-image: url('/templates/pictures/pic-contact-tg-sel.svg'); }
.social > .vk { background: url('/templates/pictures/pic-contact-vk.svg') no-repeat 0 0; }
.social > .vk:hover { background-image: url('/templates/pictures/pic-contact-vk-sel.svg'); }
.social > .yt { background: url('/templates/pictures/pic-contact-yt.svg') no-repeat 0 0; }
.social > .yt:hover { background-image: url('/templates/pictures/pic-contact-yt-sel.svg'); }
/*----------------------------------------------------------------------------*\
                                 ����� 
\*----------------------------------------------------------------------------*/
.main-header { padding: 23px 0 26px 0; background: #262626; color: #fff; font-weight: 300; }
.main-header table { width: 100%; font-size: 18px;  }
.main-header table td { vertical-align: middle; }
.main-header .space { width: 62px; }
.main-header .left { width: 30%;  }
.main-header .center { text-align: center; width: 30%; padding-bottom: 0; vertical-align: middle; }
.main-header .center img { margin-top: -3px; }
.main-header .right { text-align: right; width: 30%; }
.main-header .email {  text-decoration: none; background: url('/templates/pictures/pic-contact-email.svg') no-repeat 0 5px; padding-left: 33px; color: #fff; margin-bottom: 10px; display: inline-block; }
.main-header .email span {  }
.main-header .email:hover  { color: #007fc0; background-image: url('/templates/pictures/pic-contact-email-sel.svg'); }
.main-header .email:hover span {  }
.main-header .social {  }
/*.main-header .slogan { font-size: 18px; color: #a3a3a3; }
.main-header .about { margin: 0; padding: 0; color: #000; margin-top: 4px; font-size: 18px; line-height: 21px; font-weight: normal; display: block; }
.main-header .about span { color: #000; }*/
.main-header .city {  }
.main-header .phone { color: #DBDBDB; text-decoration: none; font-size: 28px; margin-top: 2px; margin-bottom: -12px;  }
.main-header .phone:hover { text-decoration: none; color: #007fc0;  }
.main-header .address { color: #DBDBDB; text-decoration: none; white-space: nowrap; }
.main-header .address:hover { /*text-decoration: none; color: #007fc0; */ }
.main-header .phone-row { display: flex; align-items: center; gap: 6px; justify-content: right; margin-top: 2px; margin-bottom: -12px; white-space: nowrap; }
.main-header .phone-row .phone { margin: 0; }
.main-header .worktime { background: #323232; color: #fff; font-size: 18px; line-height: 1.2em; padding: 3px 25px; border-radius: 2px;  }
.main-header .rwb { display: flex; gap: 14px; justify-content: right; }
.main-header .btn-callback { cursor: pointer; background: #206486; color: #fff; font-size: 24px; line-height: 1.2em; padding: 9px 17px; white-space: nowrap; display: block; margin-top: 3px; margin-bottom: -10px; font-weight: 400; }
.main-header .btn-callback:hover { background: #ae0014; }

.main-header-content { z-index: 10000; }

/*----------------------------------------------------------------------------*\
                                  ��������� 
\*----------------------------------------------------------------------------*/
.main-promo { height: 626px; position: relative; }
.main-promo .fader { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(225deg, rgba(2, 2, 2, 0.77) 0%, rgba(2, 2, 2, 0.11) 95.43%); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); }
.main-promo .frame { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; }
.main-promo .frame img { min-width:100%; min-height:100%; }
.main-promo .frame .size { display: none; }
.main-promo .wrapper { position: absolute; top: 0; right:auto; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1440px; padding: 0 20px; box-sizing: border-box; display: flex; align-items: center; }
.main-promo .info { flex-shrink: 0; /*position: absolute; top: 50%; transform: translateY(-50%); margin-left: -700px; left: 50%; */ width: 400px; margin-left: 43px;  }
.main-promo .left { background: url('/templates/pictures/promo-bg-left.png') repeat; width: 275px; padding: 27px 40px 35px; }
.main-promo .left .header { color: #888; font-size: 22px; }
.main-promo .citate { position: relative; margin-top: 37px; color: #fff; font-size: 14px; line-height: 22px; }
.main-promo .quote { position: absolute; color: #555; font-size: 30px; line-height: 14px; }
.main-promo .quote.l { top: 0px; left: -25px; }
.main-promo .quote.r { bottom: 8px; right: -25px; }
.main-promo .autor { margin-top: 28px; color: #888; font-size: 12px; text-align: right; }
.main-promo .right { background: url('/templates/pictures/promo-bg-right.png') repeat; width: 275px; padding: 40px 40px; vertical-align: middle; }
.main-promo .right .header { color: #888; margin-top: 30px; font-size: 18px; text-align: center; }
.main-promo .items { margin-top: 35px; padding-left: 40px; color: #fff; font-size: 14px; line-height: 18px; }
.main-promo .items .item { position: relative; padding: 0 0 0 20px; }
.main-promo .items .item span { position: absolute; left: 0; top: 0; color: #888; }
.main-promo .promo-control { display: none; position: absolute; right: 65px; top: 0; width: 20px; }
.main-promo .promo-control span { display: block; margin: 7px 0 8px; background: #000; border: 3px solid #fff; width: 18px; height: 18px; cursor: pointer; font-size: 0; line-height: 0; }
.main-promo .promo-control span.sel { border-color: #e2001a; }
.main-promo .block { text-align: center;  }
.main-promo .block-header { font-size: 22px; font-weight: 400; color: #fff; text-align: center; background: rgba(38,38,38,0.95); padding: 47px 20px; }
.main-promo .block-url { font-size: 20px; color: #fff; display: inline-block; background: url('/templates/pictures/arrow-right-white.png') no-repeat 100% 65%; text-decoration: none; vertical-align: top;  padding: 0px 20px 0 0; text-align: center;   }
.main-promo .block-url:hover { text-decoration: none; }
.main-promo .block-items { font-size: 18px; line-height: 23px; color: #fff; text-align: left; background: rgba(38,38,38,0.8); padding: 35px 40px 35px 40px; }
.main-promo .block-items .item { display: inline-block; }
.main-promo .block-items .num { display: inline-block; color: #888; padding-right: 5px; }
.main-promo .block-items .separator { display: inline-block; margin: 0 5px; width: 13px; height: 7px; background: url('/templates/pictures/mailproject-separator.png') no-repeat; margin-top: 5px; vertical-align: top; }
.main-promo .block-footer { padding: 30px 0 0; position: relative; overflow: hidden; }
.main-promo .block-footer .current { float: right; margin-top: -1px; font-size: 20px; color: #fff; }
.main-promo .btn { display: block; width: 56px; height: 56px; position: absolute; top: 50%; margin-top: -28px; cursor: pointer; }
.main-promo .btn.l { left: 0; background: url('/templates/pictures/main-slide-btn-left.png') no-repeat; }
.main-promo .btn.r { right: 0; background: url('/templates/pictures/main-slide-btn-right.png') no-repeat; }
.main-promo .btn-order { font-size: 24px; font-weight: 400; background: #206486; color: #fff; text-align: center; cursor: pointer; padding: 15px 0; display: block; margin: 35px 0 0 0 }
.main-promo .btn-order:hover { background: #AE0014; }
.main-promo .h1 { flex-grow: 1; margin: 0 0 0 150px; /*position: absolute; top: 50%; left: 50%;*/ font-size: 48px; line-height: 55px; font-weight: 300; color: #fff; /*transform: translate(0, -50%); margin-left:  width: 680px;*/ }
.main-promo .h1 h1 { margin: 0; padding: 0; font-size: 48px; line-height: 55px; font-weight: 300; color: #fff; display: inline; }
.main-promo .h1 div { display: inline; }

.main-promo > .h1 { position: absolute; left: 50%; top: 50%; transform: translate(-109px, -50%); margin-left: 0; max-width: 685px; }
@media (max-width: 1430px)  {
    .main-promo > .h1 { left: 615px; transform: translate(0, -50%); }
}



.main-advantage { background: #262626; padding: 31px 0 32px; }
.main-advantage .title {  font-size: 48px; line-height: 100%; color: #fff; text-align: center; }
.main-advantage .items { max-width: 1240px; overflow: hidden; margin: 53px auto; text-align: center; }
.main-advantage .item { display: inline-block; vertical-align: top; background-position: 50% 0; text-align: center; background-repeat: no-repeat; margin: 0; font-size: 24px; color: #fff; width: 275px; height: 100px; padding: 126px 10px 0; cursor: default;  }
.main-advantage .item.box { background-image: url('/templates/pictures/pic-service-case-box.svg'); }
.main-advantage .item.list { background-image: url('/templates/pictures/pic-service-case-list.svg'); }
.main-advantage .item.measure { background-image: url('/templates/pictures/pic-service-case-rule.svg'); }
.main-advantage .item.guard { background-image: url('/templates/pictures/pic-service-case-guard.svg'); }

.main-sro { padding: 5px 0 0; font-size: 26px; background: #262626 url('/templates/pictures/sro-bg.png') no-repeat 50% 0; height: 156px; position: relative; }
.main-sro .title { color: #fff; }
.main-sro .center { width: 1030px; overflow: hidden; margin: 96px auto 0; text-align: center;  }
.main-sro a { display: inline-block; margin: 0 40px 0 340px; text-decoration: underline;  }
.main-sro a:hover { text-decoration: none; }
.main-sro a.fix { display: inline-block; position: absolute; bottom: 0; left: 50%; margin-left: -117px; width: 234px; height: 157px; font-size: 0; line-height: 0; }

.image-slide { width: 100%; }
.image-slide .btn span { display: inline-block; width: 53px; height: 53px; }
.image-slide .left { vertical-align: middle;  }
.image-slide .left span { margin-right: 20px; background: url('/templates/pictures/logo-navi-left-na.png') no-repeat 50% 50%;  }
.image-slide .left span.active {  background: url('/templates/pictures/logo-navi-left.png') no-repeat 50% 50%; cursor: pointer;  }
.image-slide .right { vertical-align: middle; }
.image-slide .right span { margin-left: 20px; background: url('/templates/pictures/logo-navi-right-na.png') no-repeat 50% 50%;  }
.image-slide .right span.active {  background: url('/templates/pictures/logo-navi-right.png') no-repeat 50% 50%;  cursor: pointer; }
.image-slide .img {  }
.image-slide .image-thumbnails { padding-top: 40px; text-align: center; }
.image-slide .image-thumbnails .thumb { display: inline-block; margin: 0 4px; width: 18px; height: 18px; cursor: pointer; background: #000; border: 3px solid #fff; }
.image-slide .image-thumbnails .thumb.sel { cursor: default; border-color: #e2001a; }


.main-response {  padding: 35px 0 60px; }
.main-response .title { font-size: 48px; line-height: 110%; text-align: center; }
.main-response .items { max-width: 1434px; margin: 49px auto 0; background: #ECECEC; display: flex; }

@media (max-width: 1430px) {
    /*.main-response .items { width: 1240px; }*/
}

.main-response .data-list-scroll { position: relative; /*width: 500px;*/ }
.main-response .data-list-scroll .viewport { height: 346px; /*width: 640px;*/ overflow: hidden; position: relative; }
.main-response .data-list-scroll .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.main-response .data-list-scroll .scrollbar{ display: none; position: absolute; left: 0; bottom: 0; right: 0; }
.main-response .data-list-scroll .track { background: none; width: 100%; height: 7px; position: relative;  }
.main-response .data-list-scroll .thumb { background: #5c473b; height: 7px; width: 7px; cursor: pointer; position: absolute; top: 0; left: 0; }
.main-response .data-list-scroll .disable { display: none; }
.main-response .data-list-scroll table td { padding: 0; }

.main-response .data-list-item { display: flex; height: auto; }
.main-response .data-list-item a { margin: 0; }
.main-response .data-list-item.first { margin-left: 0; }
.main-response .data-list-item .cover { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; }
.main-response .data-list-item:hover .cover { /*background: url('/templates/pictures/gallery-cover-hover.png');*/ }
.main-response .data-list-item.sel .cover { /*border: 3px solid #8dabb1;*/ }
.main-response .data-list-item .hover { display: none; }
.main-response .data-list-item.inline { display: inline-block; margin-bottom: 50px; }

.main-response .img-response { box-sizing: border-box; width: 50%; flex-grow: 1; padding: 38px 78px 45px 45px; border-right: 6px solid #fff; position: relative; }
.main-response .img-response.wide { border-right: none; }
.main-response .img-response .data-list-item { width: 545px; }
.main-response .img-response a { flex-shrink: 0; width: 220px; min-height: 301px; height: 100%; border: 11px solid #206486; background: #fff; box-sizing: border-box; margin-right: 26px;  }
.main-response .img-response a img { height: 100%; width: 100%; object-fit: contain; }
.main-response .img-response a:hover { text-decoration: none;  }
.main-response .img-response a:hover img { border-color: #e2001a; }
.main-response .img-response .count { position: absolute; left: 46px; width: 219px; bottom: 17px; color: #555555; font-size: 16px; text-align: center; }
.main-response .img-response .text { flex-grow: 1; font-size: 20px; line-height: 24px; font-weight: 200; display: flex; flex-direction: column; justify-content: space-between;  padding: 40px 10px 54px 20px; background: url('/templates/pictures/pic-quote-top.svg') no-repeat 0 0; position: relative; }
.main-response .img-response .text:after { content: ""; position: absolute; right: 5px; bottom: 2px; width: 33px; height: 25px; background: url('/templates/pictures/pic-quote-bottom.svg') no-repeat 0 0; }
.main-response .img-response .text .autor { margin-top: 20px; font-weight: 300; font-style: normal; }
.main-response .img-response .navi { position: absolute; left: 300px; bottom: 37px; display: flex; }

.main-response .video-response { box-sizing: border-box; width: 50%; flex-grow: 1; vertical-align: top; padding: 42px 75px 0 75px; position: relative; }
.main-response .video-response .data-list-placer { height: 100%; padding-bottom: 42px; box-sizing: border-box; }
.main-response .video-response .data-list-item { width: auto; height: 100%; flex-direction: column; }
.main-response .video-response .video-desc { font-size: 16px; line-height: 22px; color: #555555; text-align: center; padding-top: 5px; margin-bottom: -27px; }
.main-response .video-response .v-hover { height: 100%; flex-grow: 1; cursor: pointer; }
.main-response .video-response .v-hover .after { opacity: 0.4; }
.main-response .video-response .v-hover:before { content: ""; z-index: 1; position: absolute; left: 50%; top: 50%; margin: -31px 0 0 -31px; width: 62px; height: 62px; background: url('/templates/pictures/pic-play.svg') no-repeat 50% 50%; }
.main-response .video-response .v-hover .img { background-size: cover; }
.main-response .video-response .data-list-btn { top: 50%; position: absolute; }
.main-response .video-response .data-list-btn.next { right: 20px; }
.main-response .video-response .data-list-btn.prev { left: 20px; }

.main-response .data-list-btn { position: relative; width: 40px; height: 40px; background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer; }
.main-response .data-list-btn.swiper-button-disabled { cursor: default; opacity: 0.2; }
.main-response .data-list-btn.next { right: 0; background: url('/templates/pictures/pic-navi1-right.svg') no-repeat 50% 50%; }
.main-response .data-list-btn.next:hover {  }
.main-response .data-list-btn.prev { left: 0; background: url('/templates/pictures/pic-navi1-left.svg') no-repeat 50% 50%;  }
.main-response .data-list-btn.prev:hover { }

/*.main-catalog { background: #fff; padding: 0 0 0; position: relative; }
.main-catalog .title {  font-size: 48px; color: #323232; text-align: center; position: relative; }
.main-catalog .block-title {  font-size: 48px; color: #fff; text-align: center; font-weight: bold; padding: 30px 0 0; position: relative; }
.main-catalog .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; }
.main-catalog img { min-width: 100%; min-height: 100%; }
.main-catalog .items { position: relative; margin: 0 auto 0; width: 100%; table-layout: fixed; }
.main-catalog h1 { position: relative; text-align: center; color: #fff; padding: 30px 0 40px; font-size: 50px; }
.main-catalog .item { position: relative; padding: 0; color: #fff; border-left: 18px solid transparent; }
.main-catalog .item:hover { background: rgba(0,0,0,0.5); border-left: 18px solid #d6000e; }
.main-catalog .item:hover .desc { color: #fff; }
.main-catalog .item > a { display: block; overflow: hidden; color: #fff; padding: 80px 20px 80px 70px; }
.main-catalog .item > a:hover { text-decoration: none; }
.main-catalog .item > a:hover h2 { border-bottom-color: #fff; }
.main-catalog .item > a > div { width: 530px; }
.main-catalog .item > a.odd { position: relative;; }
.main-catalog .item > a.odd > div { float: right; }
.main-catalog .subtitle { margin: 0; padding: 0 0 5px 0; border-bottom: 1px solid transparent; display: inline-block; font-size: 44px; line-height: 1em; font-weight: normal; }
.main-catalog .desc { font: 18px/23px pfdin-light; color: #d0d0d0; display: block; margin-top: 8px; }
.main-catalog .desc a { color: #cccccc; }
.main-catalog .desc a:hover { color: #fdfdfd; text-decoration: none; }
*/

.main-catalog { background: #fff; padding: 23px 0 100px; position: relative; }
.main-catalog.m { padding: 0 0 64px; }
.main-catalog .title { font-size: 48px; color: #323232; text-align: center; position: relative; }
.main-catalog .block-title { font-size: 48px; line-height: 110%; color: #fff; text-align: center; padding: 35px 0 15px; position: relative; }
.main-catalog .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; }
.main-catalog .img:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.33); }
.main-catalog img { width: 100%; height: 100%; object-fit: cover; }
.main-catalog .items { position: relative; margin: 0 auto 0; width: 1128px; table-layout: fixed; border-spacing: 20px; border-collapse: separate; }
.main-catalog h1 { position: relative; text-align: center; color: #fff; padding: 30px 0 38px; font-size: 50px; }
.main-catalog .landing-block-header {  position: relative; text-align: center; color: #fff; padding: 30px 0 38px; font-size: 50px; }
.main-catalog .item { background: rgba(38,38,38,0.8); position: relative; padding: 0; color: #fff; }
.main-catalog .item:hover { /*background: #0076b0;*/ }
.main-catalog .item:hover .desc { /*color: #fff;*/ }
.main-catalog .item > a:hover { background: #0076b0; }
.main-catalog .item > a { display: block; overflow: hidden; color: #fff; padding: 31px 38px 30px 33px; }
.main-catalog .item > a:hover { text-decoration: none;  }
.main-catalog .item > a:hover h2 {  }
.main-catalog .item > a h2 .arr { width: 9px; height: 13px; vertical-align: top; margin: 0 0 0 13px; background: url('/templates/pictures/portfolio-title-arrow.png') no-repeat 0 16px; }
.main-catalog .item > a > div {}
.main-catalog .item > a.odd { position: relative;; }
.main-catalog .item > a.odd > div { float: right; }
.main-catalog .item > .sub-items { padding: 5px 0 37px; font-size: 24px; line-height: 30px;  }
.main-catalog .item > .sub-items .sub-items { padding: 5px 0 5px 30px; font-size: 18px; line-height: 23px;  }
.main-catalog .item > .sub-items a { color: #fff; display: block; text-decoration: none; padding: 5px 48px 5px 33px  }
.main-catalog .item > .sub-items a:hover { text-decoration: none; background: rgba(0,0,0,0.3); }
.main-catalog .subtitle { margin: 0; padding: 0 0 5px 0; border-bottom: 1px solid transparent; display: inline-block; font-size: 36px; line-height: 1em; font-weight: 300; }
.main-catalog .desc { font-size: 18px; line-height: 23px; color: #d0d0d0; display: block; margin-top: 8px; }
.main-catalog .desc a { color: #cccccc; }
.main-catalog .desc a:hover { color: #fdfdfd; text-decoration: none; }


.portfolio-block-title { font-size: 48px; line-height: 52px; color: #fff; text-align: center; background: #262626; padding: 20px 0 24px; }
.portfolio-block { background: #262626; padding: 20px 20px 138px; }
.portfolio-block .new-h1 { background: transparent; position: relative; padding-bottom: 58px; }
.portfolio-block .items { display: flex; flex-wrap: wrap; gap: 24px; }
.portfolio-block .items > div { background: no-repeat 50% 50%; background-size: cover; width: 49%; flex-grow: 1; }
.portfolio-block .items a { display: block; height: 582px; text-align: center; font-weight: 400; }
.portfolio-block .items a .b { display: inline-block; vertical-align: middle; background: #206486; color: #fff; padding: 20px 35px 14px; }
.portfolio-block .items a .c { font-size: 90px; line-height: 80px; display: inline-block; vertical-align: top; border-bottom: 1px solid transparent; }
.portfolio-block .items a:hover .c { /*border-bottom-color: #fff;*/ }
.portfolio-block .items a .n {  font-size: 36px; line-height: 40px; display: inline-block; vertical-align: top; text-transform: uppercase; margin-left: 14px; text-align: left; }
.portfolio-block .items a .n span { display: inline-block; line-height: 35px; vertical-align: top;  border-bottom: 1px solid transparent; }
.portfolio-block .items a .n span:last-child { margin-bottom: 0; }
.portfolio-block .items a:hover .n span { /*border-bottom-color: #fff;*/ }
.portfolio-block .items a .n span.arr { display: inline; line-height: 1em; opacity: 0.5; width: 9px; height: 13px; vertical-align: top; margin: 0 0 0 10px; background: url('/templates/pictures/portfolio-title-arrow.png') no-repeat 0 13px;  }
.portfolio-block .items a:hover .n span.arr { opacity: 1; }
.portfolio-block .items a::before { content: ""; display: inline-block; min-height: inherit; height: 100%; vertical-align: middle; }
.portfolio-block .items a:hover { background: rgba(0,0,0,0.56); }
.portfolio-block .items a:hover .b { background: #206486; }

.portfolio-block .cat-breadcrumbs { font-size: 16px; line-height: 24px; color: #fff; text-align: center; }
.portfolio-block .cat-breadcrumbs .breadcrumbs { padding: 0 0 13px; }
.portfolio-block .cat-breadcrumbs a { color: #fff; text-decoration: none; }

.main-blog-spec { font-size: 14px; }
.main-blog-spec .alt .auto { padding: 0; }
.main-blog-spec .alt .auto table { width: auto; }
.main-blog-spec .alt .auto td { width: auto; padding: 0; }
.main-blog-spec .auto .subscribe { padding-top: 20px; padding-bottom: 35px; }
.main-blog-spec .auto .subscribe .subtitle { text-align: center; }
.main-blog-spec .block-title { font-size: 26px; padding-bottom: 20px; }
.main-blog-spec .block-title-alt { font-size: 26px; padding-bottom: 15px; padding-top: 30px; text-align: center; color: #fff; }
.main-blog-spec .block-title a { text-decoration: underline; }
.main-blog-spec .block-title a:hover { text-decoration: none; }
.main-blog-spec table { width: 100%; margin-bottom: 60px; }
.main-blog-spec td { width: 50%; padding: 35px 45px; }
.main-blog-spec .alt td { padding: 35px 45px 10px; }
.main-blog-spec td.left .blog-spec-item { float: right; }
.main-blog-spec td.bg { background: url('/templates/pictures/mainslider-bg.jpg') repeat-x; }
.main-blog-spec td.bg.alt { background: url('/templates/pictures/mainslider-bg2.jpg') repeat-x center top; padding-top: 20px; padding-bottom: 20px; }
.main-blog-spec td.bg.alt .slider { height: 205px; }
.main-blog-spec td.bg.alt .block-title-alt { padding-top: 0; }
.main-blog-spec td.bg.alt .blog-spec-item { margin: 0 auto; }
.main-blog-spec .blog-spec-item { max-width: 680px; min-width: 450px; }
.main-blog-spec a { color: #316cc4;  }
.main-blog-spec .field { overflow: hidden; }
.main-blog-spec .img { float: left;  }
.main-blog-spec .right-col { margin-left: 250px; }
.main-blog-spec .title { margin-top: -3px; }
.main-blog-spec .title a { font-weight: bold; display: inline-block; margin-right: 20px; text-decoration: underline; }
.main-blog-spec .title a:hover { text-decoration: none; }
.main-blog-spec .title .time { color: #949494; display: inline-block; }
.main-blog-spec .anons { padding-top: 10px; line-height: 20px; }
.main-blog-spec .subscribe { padding-top: 20px; }
.main-blog-spec .subscribe .subtitle { font-size: 22px; padding-bottom: 10px; }
.main-blog-spec .subscribe .text { font-size: 14px; line-height: 16px; color: #262626; background: #cccccc; text-align: center; padding: 12px 10px 11px; max-width: 250px; min-width: 210px; width: 40%; border: none; vertical-align: top; }
.main-blog-spec .subscribe .btn {  font-size: 22px; line-height: 25px; color: #fff; background: #e2001a; text-align: center; padding: 7px 10px; max-width: 240px; min-width: 210px; width: 40%; border: none; display: inline-block; text-decoration: none; }
.unsubscribe .btn { font-size: 22px; line-height: 25px; color: #fff; background: #e2001a; text-align: center; padding: 7px 10px; width: 240px; border: none; cursor: pointer; }

.swiper-container { margin: 0 auto; position: relative; overflow: hidden; z-index: 1; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; }
.swiper-button-prev, .swiper-button-next { position: absolute; z-index: 10; cursor: pointer; }
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; }
.swiper-pagination { position: absolute; text-align: center; z-index: 10; }
.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

/*.slider-placer .swiper-slide { position: relative; width: auto; height: 475px; display: inline-block; padding: 0; background: #ccc no-repeat center center; background-size: cover; }
.slider-placer .swiper-slide.fit { background-size: contain; background-color: #e6e0d8; }
.slider-placer .swiper-slide.top-align { background-position: center top; }
.slider-placer .slider-btn { width: 22px; height: 41px; top: 50%; margin-top: -20px; background: no-repeat 0 0; }
.slider-placer .slider-btn:hover {background-position: 0 -100px; }
.slider-placer .swiper-button-next { right: 7px; background-image: url('/templates/pictures/pic-slideshow-right.png');  }
.slider-placer .swiper-button-prev { left: 7px; background-image: url('/templates/pictures/pic-slideshow-left.png');  }
.slider-placer .swiper-pagination { bottom: 25px; left: 10px; right: 10px; text-align: center; }
.slider-placer .swiper-pagination .swiper-pagination-bullet { display: inline-block; background: #959595; width: 10px; height: 10px; border-radius: 100%; margin: 0 5px; vertical-align: top; cursor: pointer; }
.slider-placer .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: transparent; border: 2px solid #f6c92e; width: 6px; height: 6px; }
*/

.slider { height: 225px; max-width: 680px; min-width: 450px; position: relative; }
.slider .items { display: none; }
.slider .slider-item { height: 107px; background: #e5e5e5; padding: 25px 40px; font-size: 14px; line-height: 20px; position: absolute; left: 70px; right: 70px; top: 0;  }
.slider .slider-item a { font-weight: bold; text-decoration: underline; }
.slider .slider-item a:hover { ext-decoration: none; }
.slider .slider-item .desc { padding-top: 15px; }
.slider .slider-item .over {  height: 115px; overflow: hidden; position: relative; }
.slider .slider-item .fader { position: absolute; left: 0; bottom: 0; right: 0; height: 15px; background: url('/templates/pictures/mainslider-fader.png') repeat-x; }
.slider .slider-workblock { position: relative; }
.slider .slider-workblock .slider-item { }
.slider .slider-btn { position: absolute; left: 0; bottom: 0; right: 0; text-align: center; }
.slider .slider-btn span { background: #000000; border: 3px solid #FFFFFF; cursor: pointer; display: inline-block; font-size: 0; height: 18px; line-height: 0; margin: 0 7px; width: 18px; }
.slider .slider-btn span.sel { border-color: #E2001A; }
.slider .slider-btn span:hover {}
.slider .slider-navi { position: absolute; width: 30px; height: 30px; top: 65px; display: none; cursor: pointer; }
.slider .slider-navi.left { left: 0; background: url('/templates/pictures/logo-navi-left.png') no-repeat 50% 50%; }
.slider .slider-navi.right { right: 0; background: url('/templates/pictures/logo-navi-right.png') no-repeat 50% 50%; }


.main-partner { padding: 37px 55px 90px; }
.main-partner .title { padding-left: 50px;  }
.main-partner .title .bt { display: inline-block; color: #007FC0; text-decoration: underline; font-size: 24px; vertical-align: top; margin-top: 19px; margin-right: 20px; cursor: pointer; }
.main-partner .title .bt.sel { text-decoration: none; font-size: 48px; color: #fff; margin-top: 0; cursor: default; }
.main-partner .title .bt:hover { text-decoration: none;  }
.main-partner .items {  max-width: 1300px; margin: 35px auto 0; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: auto; gap: 40px 20px; }
.main-partner .items .item { display: flex; align-items: center; justify-content: center; }
.main-partner .items .item img { max-width: 120px; max-height: 60px; }

.main-partner .data-list-scroll { position: relative; /*width: 500px;*/  }
.main-partner .data-list-scroll .viewport {  height: 91px; /*width: 640px;*/ margin-left: 55px; margin-right: 55px; overflow: hidden; position: relative; }
.main-partner .data-list-scroll .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.main-partner .data-list-scroll .scrollbar{ display: none; position: absolute; left: 0; bottom: 0; right: 0; }
.main-partner .data-list-scroll .track { background: none; width: 100%; height: 7px; position: relative;  }
.main-partner .data-list-scroll .thumb { background: #5c473b; height: 7px; width: 7px; cursor: pointer; position: absolute; top: 0; left: 0; }
.main-partner .data-list-scroll .disable { display: none; }
.main-partner .data-list-scroll table td { padding: 0; }
.main-partner .data-list-scroll table td { padding: 0; }
.main-partner .data-list-fader { position: absolute; top: 0; bottom: 0; width: 23px; }
.main-partner .data-list-fader.fader-left { left: 55px; background: url('/templates/pictures/logo-navi-fader-left.png') repeat-y; }
.main-partner .data-list-fader.fader-right { right: 55px; background: url('/templates/pictures/logo-navi-fader-right.png') repeat-y; }

.main-partner .data-list-item { position: relative; margin: 0 0 0 18px; width: 171px; height: 91px; background: #fff; text-align: center; }
.main-partner .data-list-item a { margin: 0; cursor: default; }
.main-partner .data-list-item.first { margin-left: 0; }
.main-partner .data-list-item .cover { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; }
.main-partner .data-list-item:hover .cover { /*background: url('/templates/pictures/gallery-cover-hover.png');*/ }
.main-partner .data-list-item.sel .cover { /*border: 3px solid #8dabb1;*/ }
.main-partner .data-list-item .hover { display: none; }


.main-partner .data-list-btn { position: absolute; top: 0; bottom: 0; width: 55px; background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer; }
.main-partner .data-list-btn.disabled { cursor: default; }
.main-partner .data-list-btn.next { right: 0; background: url('/templates/pictures/logo-navi-right.png') no-repeat 100% 50%; }
.main-partner .data-list-btn.next.disabled { right: 0; background-image: url('/templates/pictures/logo-navi-right-na.png'); }
.main-partner .data-list-btn.prev { left: 0; background: url('/templates/pictures/logo-navi-left.png') no-repeat 0 50%; }
.main-partner .data-list-btn.prev.disabled { left: 0; background-image: url('/templates/pictures/logo-navi-left-na.png') }

.main-seo { background: #eee; padding: 10px 55px 10px; color: #777; font-size: 14px; }

/*----------------------------------------------------------------------------*\
                                    ������ 
\*----------------------------------------------------------------------------*/
.lo { display: flex; }
.lo .sp { width: 62px; }
.lo .w { flex-grow: 1; }
.lo .fx { display: flex; }

.main-footer { padding: 0; color: #fff;  }
.main-footer .categories { background: #2D2D2D; font-size: 16px; line-height: 18px; padding: 61px 0 47px;  }
.main-footer .categories a { color: #fff; text-decoration: none;  }
.main-footer .categories a:hover { color: #007fc0; text-decoration: none; }
.main-footer .categories .cat1 { font-size: 18px; line-height: 21px; font-weight: 400; }
.main-footer .categories .sub-cats {  margin-top: 16px;  }
.main-footer .categories .cat2 + .cat2 { margin-top: 9px; }
.main-footer .categories .fx { gap: 30px; justify-content: center; }
.main-footer .bottom { background: #262626; padding: 35px 0 33px; }
.main-footer .bottom .fx { justify-content: space-between; align-items: end; }
.main-footer .bottom .fx > * { flex-grow: 1; width: 25%; }
.main-footer .bottom .footer-contacts { text-align: center; width: auto; }
.main-footer .bottom .footer-social { display: flex; flex-direction: column; align-items: end; padding-bottom: 3px; }
.main-footer .about {  font-size: 12px; line-height: 14px; color: #DBDBDB; align-self: start; }
.main-footer .phone { font-size: 28px; color: #fff; margin-top: 10px; }
.main-footer .address { text-decoration: none; color: #fff; font-size: 18px; }
.main-footer .address:hover { text-decoration: none; color: #007fc0; }


.main-footer table { width: 100%; font-size: 12px; color: #b5b5b5;  }
.main-footer table td { vertical-align: top; }
.main-footer .space { width: 62px; }
.main-footer .left { width: 36%;  }
.main-footer .center { width: 37%; }
.main-footer .right { text-align: right; width: 21%; color: #969696; }
.main-footer .right a { color: #969696; }
.main-footer .left .social { margin-top: 30px; }
.main-footer .left .vk_group { vertical-align: top; display: inline-block; width: 27px; height: 27px; font-size: 0; line-height: 0; background: url('/templates/pictures/vk_group.png') no-repeat; text-decoration: none; }
.main-footer .left .vk_group:hover { text-decoration: none; background-position: 0 -27px; }
.main-footer .left .fb_group { vertical-align: top; display: inline-block; width: 27px; height: 27px; font-size: 0; line-height: 0; background: url('/templates/pictures/fb_group.png') no-repeat; text-decoration: none; }
.main-footer .left .fb_group:hover { text-decoration: none; background-position: 0 -27px; }
.main-footer .left .ig_group { vertical-align: top; display: inline-block; width: 27px; height: 27px; font-size: 0; line-height: 0; background: url('/templates/pictures/ig_group.png') no-repeat; text-decoration: none; }
.main-footer .left .ig_group:hover { text-decoration: none; background-position: 0 -27px; }
.main-footer .left .tg_group { vertical-align: top; display: inline-block; width: 27px; height: 27px; font-size: 0; line-height: 0; background: url('/templates/pictures/tg_group.png') no-repeat; text-decoration: none; }
.main-footer .left .tg_group:hover { text-decoration: none; background-position: 0 -27px; }
.main-footer .left #vk_like { margin-top: 3px; }

.main-footer .city { color: #aaaaaa; font-size: 14px; }



/*----------------------------------------------------------------------------*\
                                    ������� 
\*----------------------------------------------------------------------------*/
.main-menu-placer { /*height: 43px;*/ position: relative; z-index: 20; }
.main-menu-placer.sub { /*height: 89px;*/ }
.main-menu { z-index: 10000; background: #ae0014; text-align: center; }
.main-menu a, .main-menu span { height: 33px; display: inline-block; font-weight: 200; font-size: 24px; line-height: 29px; color: #fff; padding: 8px 25px 8px;  }
.main-menu a.sel, .main-menu span.sel { background-color: #1a171b; text-decoration: none; color: #847d87;  } 
.main-menu a:hover { text-decoration: none; }
.main-menu-content { position: relative; padding-right: 30px; /*180px;*/ display: flex; justify-content: center; z-index: 10; }
.main-menu-content > * { flex-shrink: 0; }
.main-menu-content .item { position: relative; display: flex; flex-direction: column; white-space: nowrap; }
.main-menu-content .item:hover > a { background-color: rgba(0,0,0,0.3); position: relative; display: flex; flex-direction: column; white-space: nowrap; }
.main-menu-content .item .subitems-placer { height: 0; position: relative; }
.main-menu-content .item :first-child { flex-grow: 1; }
.main-menu-content .item .subitems { display: none; position: absolute; padding: 12px 0 15px; left: 0; background: #262626; text-align: left; }
.main-menu-content .item .subitems a { padding: 8px 31px 8px; }
.main-menu-content .item:hover > .subitems-placer > .subitems { display: block;  }
.main-menu-content .item .item  { flex-direction: row; }
.main-menu-content .item .item .subitems-placer { width: 0; height: auto; }
.main-menu-content .item .item .subitems { position: absolute; top: -12px; left: 1px; background: #262626; text-align: left; }
.main-menu-content .item .item { border-right: 2px solid transparent; }
.main-menu-content .item .item:hover { background-color: #000; border-right-color: #fff; }
.main-menu-content .item .item:hover a { background-color: transparent; }
.main-menu .home-page { position: absolute; left: 0; top: 0; font-size: 18px; line-height: 30px; padding-left: 35px; padding-right: 35px; height: 33px; color: #d7808a;  } /*background: url('/templates/pictures/tomainpage-ico.png?t=2') no-repeat 22px 11px;*/
.main-menu .callback { position: absolute; right: 0; top: 0; font-size: 18px; line-height: 27px; height: 29px; }
.main-menu .calc { position: absolute; right: 0; top: 0; font-size: 18px; line-height: 27px; padding: 12px 35px 4px 35px; }
.main-menu .calc.sel { background-color: #000; background-position: 140px -49px; }
/*.main-menu .calc { position: absolute; right: 0; top: 0; font-size: 20px; line-height: 27px; height: 29px; padding-right: 55px; background: url('/templates/pictures/calc-pic.png') no-repeat 140px -2px; }
.main-menu .calc.sel { background-color: #000; background-position: 140px -49px; }*/

.request-info-btn { position: fixed; left: -48px; top: 50%; margin-top: -140px; z-index: 9999; }

.main-submenu-content { position: relative; background: #676766;  }
.main-submenu-content .separator { display: inline-block; padding: 15px 2px; display: none;  }
.main-submenu-content a, .main-submenu-content span  { font-size: 14px; color: #fff; padding: 15px 10px; }
.main-submenu-content a.sel, .main-submenu-content span.sel {  text-decoration: none; color: #847d87; background-color: #1a171b;  } 
.main-submenu-content a:hover { background-color: #767676; text-decoration: none; }

.breadcrumbs { padding: 21px 0 9px 0; font-size: 16px; line-height: 20px; }
.breadcrumbs a { color: #000; text-decoration: none; }
.breadcrumbs a:hover { color: #0075B0; }

h1 { margin: 0; padding: 0 0 20px 0; font-size: 48px; line-height: 48px; font-weight: 300; }
h2 { margin: 0 0 0px; padding: 0; font-size: 28px; line-height: 22px; font-weight: 300; }
.main-content { border-bottom: 2px solid #d4d4d4; padding-bottom: 60px; }
.main-content.nopadd { padding-bottom: 0; }
.main-content.noborder { border: none; }
.page { font-size: 14px; line-height: 22px; }
.page p { margin: 10px 0; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
.contacts-layout { width: 100%;  }
.contacts-layout .r { width: 280px; }
.contacts-layout .dwnl { }
.contacts-layout .dwnl:hover > * { color: #0075B0 !important; }
.contacts-layout .dwnl .title { /*color: #A3A3A3;*/ }
.contacts-layout .dwnl .size { /*color: #A3A3A3;*/ }

.main-form-levels { height: 192px; position: relative; overflow: hidden; }
.main-form-levels .placer { position: absolute; width: 1010px; top: 50px; left: 50%; margin-left: -400px; }
.main-form-levels .placer:before { content: ""; position: absolute; bottom: 30px; left: 100px; right: 100px; border-top: 1px solid #b2b2b2; }
.main-form-levels table { width: 100%; position: relative; table-layout: fixed; }
.main-form-levels table th { font-size: 24px; font-weight: normal; text-align: center; }
.main-form-levels table td { font-size: 46px; font-weight: bold; text-align: center; padding-top: 10px; }
.main-form-levels table td span { background: #fff; display: inline-block; padding: 0 15px; }

.main-formorder-placer { margin-top: 40px; }
.main-formorder-block { height: 496px; background: #132B4E url('/templates/pictures/bg-contact2+.webp?t=2') no-repeat center 0; padding: 0; position: relative; overflow: hidden; }
.main-formorder { padding-top: 119px; }
.main-formorder .mail-form { margin: 0 auto; width: 1200px; height: 365px; position: relative;  }
.main-formorder .title { text-align: center; font-size: 55px; line-height: 55px; color: #fff;  padding: 56px 12px 0 150px; }
.main-formorder .info { display: block; color: #fff; text-align: center; font-size: 22px; line-height: 28px; margin-top: 7px; padding: 0 12px 28px 150px; margin-bottom: 0; }
.main-formorder .desc { text-align: left; vertical-align: bottom; font-size: 24px; line-height: 28px; color: #fff; padding: 0 0 0 50px; }
.main-formorder table { vertical-align: middle; margin-left: 292px; }
.main-formorder td { vertical-align: middle;  }
.main-formorder .pic { width: 304px; height: 537px; position: absolute; bottom: 0; left: -190px; background: url('/templates/pictures/order-form-pic2.png') no-repeat; }
.main-formorder .service-offer-button { background: #206486; }
.main-formorder .notice { color: #fff; margin-top: 10px; font-size: 16px; line-height: 18px; margin-right: -1px; }

.main-formorder .mail-form { width: 1200px; }
.main-formorder .title { padding-left: 465px; }
.main-formorder .info { padding-left: 465px; }
.main-formorder .pic { left: -70px; }
.main-formorder .form-order-layout { padding-left: 465px; }

.main-formorder-levels-placer { margin: 0 auto; width: 1200px; position: relative; }
.main-formorder-levels { color: #fff; left: 235px; right: -50px; top: 56px; position: absolute; font-size: 18px; line-height: 20px; }
.main-formorder-levels .row { display: flex; }
.main-formorder-levels .row.text {  }
.main-formorder-levels .row.text > * { flex-grow: 1; text-align: center; width: 20%; font-weight: 400; }
.main-formorder-levels .row.num { font-size: 48px; line-height: 50px; font-weight: bold; margin: 8px 89px 0 89px; }
.main-formorder-levels .sp { flex-grow: 1; }
.main-formorder-levels .sp.l { position: relative; }
.main-formorder-levels .sp.l:after { content: ""; position: absolute; top: 22px; left: 12px; right: 12px; border-top: 1px solid #fff; }


.formorder-alt  { background: url('/templates/pictures/bg-contact3-f+.webp') repeat-x 0 0; }
.formorder-alt .main-formorder-block { background: url('/templates/pictures/bg-contact3-3+.webp') no-repeat center 0; }
.formorder-alt .main-formorder-levels { color: #000; }
.formorder-alt .main-formorder-levels .sp.l:after { border-top: 1px solid #000; }
.formorder-alt .main-formorder .title { padding-top: 76px; }
.formorder-alt .main-formorder .info {  padding-bottom: 25px; }

.formorder-alt2  { }
.formorder-alt2 .main-formorder-block { height: auto; background: #00224f url('/templates/pictures/bg-contact4.jpg') no-repeat center 0; padding: 35px 0 36px; }
.formorder-alt2 .main-formorder-levels { display: none; }
.formorder-alt2 .main-formorder { padding-top: 0; }
.formorder-alt2 .main-formorder .title { padding: 0px; font-size: 48px; }
.formorder-alt2 .main-formorder .info { padding: 0px; }
.formorder-alt2 .main-formorder .form-order-layout { padding: 0; width: 100%; margin-top: 37px; }
.formorder-alt2 .main-formorder .form-order-layout form { width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto;  grid-template-areas: "A B C" "D D D"}
.formorder-alt2 .main-formorder .mail-form { width: 1123px; height: auto; }
.formorder-alt2 .main-formorder .notice { margin-top: 13px; font-size: 16px; line-height: 18px; text-align: center; grid-area: D; }
.formorder-alt2 .service-offer-button { margin-right: 0; font-size: 28px; padding: 9px 21px 10px; }
.formorder-alt2 .form-order-layout .text { width: auto; margin-bottom: 0; }
.formorder-alt2 .form-order-layout .text::placeholder { color: #7D7D7D; }

.mail-form { margin-top: 10px; }
.mail-form .form-input { margin-bottom: 11px; resize: none; border: none; color: #262626; font-size: 14px; padding: 13px 12px; background: #cccccc; width: 255px; }
.mail-form .form-input.error::placeholder { background: #ffbaba; color: #f00; }
.mail-form select.form-input { width: 234px; }
.mail-form .form-btn { display: block; background: #e2001a; color: #fff; text-align: center; font-size: 22px; padding: 13px 12px; }
.mail-form .form-btn:hover { text-decoration: none;  }

.mail-form.alter .form-input { width: 455px; }
.mail-form.alter select.form-input { width: 434px; }
.mail-form.alter .captcha-layout { width: auto; }

.maincard { background: #fff url('/templates/pictures/maincard-bg.jpg') no-repeat right top; }
.maincard .layout { /*width: 1055px;*/ height: 515px; /*margin: 0 auto;*/ background: url('/templates/pictures/maincard-fade.png') repeat-y 0 0; }
.maincard .title { color: #fff; font-size: 48px; text-align: left; padding: 47px 0 20px 150px; }
.maincard table { margin-left: 150px;  border: none;  }
.maincard table td { font-size: 22px; height: 270px; vertical-align: middle; color: #fff; border: none; }
.maincard table td table { border: none; margin: 0; }
.maincard table td table td { height: auto; vertical-align: middle; border: none; padding: 0; }
.maincard table td table.maincard-table { width: 720px; }
.maincard table td .maincard-pic { width: 80px; text-align: center; padding-right: 20px; }
.maincard table td .maincard-text { padding: 30px 40px 30px 0; }
.maincard .link { font-size: 24px; margin: 20px 0 0 150px; }
.maincard .link a { text-decoration: none; display: inline-block; background: #0076b0; padding: 5px 35px; color: #fff;  }
.maincard .link a:hover { text-decoration: none; }

.captcha-layout { width: 100%; }
.captcha-layout td {  }
.captcha-layout .num-input { padding-right: 11px; }
.captcha-layout .num-input .form-input { width: 110px; }
.captcha-layout .num-reload { font-size: 12px; line-height: 12px; padding-top: 7px; padding-left: 10px; width: 20px; }

.office-photo { margin-top: 48px; height: 530px; background: no-repeat 50% 50%; background-size: cover; position: relative; text-align: center; }
.office-photo span { font-size: 48px; background: #fff; padding: 8px 16px; display: inline-block; vertical-align: top; margin-top: 50px; }
.contact-map { margin-top: 48px; width: 100%; height: 530px }
.contact-map.nomargin { margin-top: 0; }

.contact.placer { position: relative; background: no-repeat 0 0; background-size: cover; }
.contact.placer:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #262626; opacity: 0.8; z-index: 0; }
.contact.placer .page { position: relative; z-index: 1; color: #fff; padding-bottom: 58px; }
.contact.placer a { color: #fff; }
.contact.placer a:hover { color: #0075B0; }
.contact.placer .breadcrumbs { text-align: center; }
.contact.placer .breadcrumbs a { color: #fff; }
.contact.placer .breadcrumbs a:hover { color: #0075B0; }
.contact.placer h1 { text-align: center; padding-bottom: 60px; }
.contact.placer .contacts-layout { display: flex; font-size: 24px; line-height: 28px; }
.contact.placer .contacts-layout .title { font-size: 18px; line-height: 21px; color: #A3A3A3; font-weight: 400; }
.contact.placer .contacts-layout  p + .title { margin-top: 33px; }
.contact.placer .contacts-layout  .title + p { margin-top: 7px; }
.contact.placer .contacts-layout > :first-child { flex-grow: 1; }


.service-catalog {}
.service-catalog .direction { min-height: 145px; position: relative; background-color: #e0e0e0; background-position: -22px bottom; background-repeat: no-repeat; padding: 25px 220px 45px 97px; margin-bottom: 15px; }
.service-catalog .num1 { background-image: url('/templates/pictures/service_N1.png'); }
.service-catalog .num2 { background-image: url('/templates/pictures/service_N2.png'); }
.service-catalog .num3 { background-image: url('/templates/pictures/service_N3.png'); }
.service-catalog .num4 { background-image: url('/templates/pictures/service_N4.png'); }
.service-catalog .num5 { background-image: url('/templates/pictures/service_N5.png'); }
.service-catalog .img { position: absolute; top: 34px; right: 65px; width: 125px; text-align: center; }
.service-catalog .img .hover { display: none; }
.service-catalog .direction:hover { background-color: #cccccc; }
.service-catalog .direction:hover .img .hover { display: inline; }
.service-catalog .direction:hover .img .release { display: none; }
.service-catalog .title { margin: 0; padding: 0; font-size: 22px; line-height: 1em; font-weight: normal; }
.service-catalog .items { padding: 25px 0 0 5px  }
.service-catalog .item { margin-bottom: 6px; }
.service-catalog .name { color: #007fc0; line-height: 14px; }
.service-catalog .item a { display: inline-block; line-height: 14px; vertical-align: top; }
.service-catalog .text { display: none; padding: 0 0 5px 30px; }
.service-catalog .item .order-btn { margin: 10px 0 30px; }
a.order-btn.right { float: right; background: none; color: #007fc0; text-decoration: none;  }
a.order-btn.right:hover { text-decoration: underline; background: none; }



.service-oneitem {}
.service-oneitem .header-text { margin-bottom: 30px; }
.service-oneitem .header-text.service-image { color: #fff; height: 278px; position: relative; }
.service-oneitem .header-text img { position: absolute; }
.service-oneitem .header-text .text { padding: 20px 35px; position: relative; }
.service-oneitem .header-text .shadow { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url('/templates/pictures/service-img-shadow2.png') repeat; }
.service-step { margin-bottom: 30px; font-size: 14px; }
.service-step .step { display: inline-block; background: #ae0014; font-size: 18px; padding: 1px 7px; color: #fff; }
.service-step .margin-left { margin-right: 30px; }
.service-step .margin-right { margin-left: 30px; }
.service-step .price-block { margin-top: 30px; color: #fff; }
.service-step .price-block .price-text { background: #3d3d3d; border-right: 1px solid #fff; font-size: 22px;  padding: 9px 10px; text-align: center; margin-bottom: 1px; }
.service-step .price-layout { width: 100%; }
.service-step .price-layout td { text-align: center; vertical-align: middle; background: #ae0014; border-right: 1px solid #fff; padding: 7px 10px 14px; }
.service-step .price-layout .l1 { font-size: 22px; padding-bottom: 16px; }
.service-step .price-layout .l2 { font-size: 18px; vertical-align: bottom; }
.service-step .price-layout .l2 span { font-size: 60px; line-height: 49px; margin: 0 4px; }


.service-page { width: 997px; margin: 0 auto; }
.service-page.wide { width: 1197px; }
.service-page.wider { width: 1104px; }

.service-page.wider h2 { padding-top: 50px; }

.service-start { width: 100%; }
.service-start td { padding: 0; width: 50%; }
.service-start .frame { display: block; height: 430px; position: relative; overflow: hidden; text-align: center; }
.service-start .frame img { position: absolute; left: 0; }
.service-start .frame .hover { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); }
.service-start .frame .title { position: relative; color: #fff; font-size: 24px; display: inline-block; padding: 10px 20px; vertical-align: middle; text-align: center; }
.service-start .frame .title2 { position: absolute; bottom: 70px; left: 50%; width: 370px; margin-left: -185px; color: #fff; font-size: 24px; display: inline-block; padding: 10px 0 15px; vertical-align: middle; text-align: center; }
.service-start .frame .title2 span { border-bottom: 2px solid #fff; display: inline-block; line-height: 24px; }
.service-start .frame:hover .title { background: url('/templates/pictures/service-start-bg.png') repeat; }
.service-start .frame:hover .hover { display: none; }
.service-start .frame:hover .title2 { background: rgba(0,0,0, 0.5); }
.service-start .frame:hover .title2 span:hover { border-bottom: 2px solid transparent; }


.service-block { margin: 0 auto; width: 817px; }
.service-block select { width: 771px; }
.service-block-header { text-align: center; font-size: 48px; padding: 45px 0 28px; }
.service-block-items { overflow: hidden; font-size: 0; margin-right: -12px; padding-bottom: 65px }
.service-block-items a { display: inline-block; position: relative; width: 264px; height: 188px; margin: 12px 12px 0 0; vertical-align: top; background: #ccc; }
.service-block-items .label { min-height: 47px; position: absolute; padding: 5px 8px; left: 0; bottom: 0; right: 0; background: url('/templates/pictures/service-block-bg.png') repeat; text-align: center; }
.service-block-items .name { display: inline-block; vertical-align: middle; font-size: 16px; line-height: 18px; color: #fff; }
.service-block-items a:hover .label { background: #e31016; }
.service-block-navi { padding-bottom: 20px }

.items-placer { position: relative; }

.service-block .ui-select { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: auto; position: relative; padding-right: 45px; margin-bottom: 0; /*z-index: 3000000;*/   }
.service-block .ui-select-input { display: block; color: #fff; font-size: 24px; line-height: 27px; /*border: 1px solid #000; border-right: none;*/ background: #545454; /*border-radius: 6px 0 0 6px;*/  padding: 25px 0px 25px 50px; overflow: hidden; white-space: nowrap; z-index: 3010000; cursor: pointer; }
.service-block .ui-select-input-open { /*border-radius: 6px 0 0 0;*/ }
.service-block .ui-select-button { display: block; /*border: 1px solid #000; border-left: none;*/ /*border-radius: 0 6px 6px 0;*/ position: absolute; top: 0; right: 0; width: 90px; bottom: 0; cursor: pointer; z-index: 3001; background: #545454 url('/templates/pictures/ui-select-ico-down.png') 50% 50% no-repeat; }
.service-block .ui-select-button-open { background-image: url('/templates/pictures/ui-select-ico-up.png'); /*border-radius: 0 6px 0 0;*/ }
.service-block .ui-select-fader { position: absolute; top: 0; bottom:0; right: 45px; width: 14px; background: url('/templates/pictures/ui-select-fader-dark.png') repeat-y; }
.service-block .ui-select-layer { display: block; position: absolute; border-collapse: separate; top: 77px; right: 0; left: 0; max-height: 300px; background: #cccccc; border: 1px solid #ccc; border-top: 1px dotted #626262; /*border-radius: 0 0 6px 6px;*/ visibility: hidden; overflow: auto; z-index: 9002000; }
.service-block .ui-select-list { display: block; z-index: 9003000; height: auto; overflow: hidden; }
.service-block .ui-select-item { display: block; font-size: 12px; line-height: 17px; color: #000; text-decoration: none; padding: 5px 8px 5px 8px; cursor: pointer; }
.service-block .ui-select-item:hover { color: #000; background: #c1bfbf;  } 
.service-block .ui-select-item.disabled { font-size: 13px; font-weight: bold; color: #fff; background: #626262; padding: 8px 8px 8px 8px; cursor: default; }
/*.ui-select-item.odd { background: #e5eefe; }
.ui-select-item.odd:hover { background: #d3e0f2; }*/
.service-block .ui-select-item.selected { /*font-weight: bold;*/ color: #fff; background: #969696; }
.service-block .ui-select-item.selected:hover { background: #7f7f7f; }

.landing-header { text-align: center; min-height: 630px; overflow: hidden; position: relative; background: no-repeat center center; -webkit-background-size: cover; background-size: cover; }
.landing-header .fader1 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(225deg, rgba(2, 2, 2, 0.77) 0%, rgba(2, 2, 2, 0.11) 95.43%); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); }
.landing-header .frame { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; }
.landing-header .frame img { min-width:100%; min-height:100%; }
.landing-header .promo-control { display: none; position: absolute; right: 65px; top: 0; width: 20px; }
.landing-header .promo-control span { display: block; margin: 7px 0 8px; background: #000; border: 3px solid #fff; width: 18px; height: 18px; cursor: pointer; font-size: 0; line-height: 0; }
.landing-header .promo-control span.sel { border-color: #e2001a; }
.landing-header .btn { display: block; width: 56px; height: 56px; position: absolute; top: 50%; margin-top: -28px; cursor: pointer; z-index: 1000; }
.landing-header .btn.l { left: 0; background: url('/templates/pictures/main-slide-btn-left.png') no-repeat; }
.landing-header .btn.r { right: 0; background: url('/templates/pictures/main-slide-btn-right.png') no-repeat; }

.landing-header .breadcrumbs-placer { position: absolute; left: 0; top: 0; right: 0; /*background: rgba(255,255,255,0.5);*/ z-index: 10; }
.landing-header .breadcrumbs { color: #fff; font-size: 16px; line-height: 24px; padding: 13px 0 13px 40px; text-align: center; }
.landing-header .breadcrumbs a { color: #fff; text-decoration: none; }
.landing-header .breadcrumbs a:hover { color: #0075B0; text-decoration: none; }
.landing-header .fader { background: url('/templates/pictures/service-header-fader.png') repeat-x; height: 81px; left: 0; bottom: 0; right: 0; position: absolute; z-index: 9; }
.landing-header .bottom-menu { position: absolute; bottom: 0; padding-bottom: 22px; text-align: center; width: 997px; left: 50%; margin-left: -498px; }
.landing-header .bottom-menu a { color: #fff; font-size: 16px; margin: 0 13px; text-decoration: underline; }
.landing-header .bottom-menu a:hover { text-decoration: none; }

.landing-header .header-order-block { /*position: absolute; left: 40px; top: 80px;*/ width: 520px; margin: 80px 0 65px 40px; flex-shrink: 0; }
.landing-header .header-order-block .top { background: rgba(38,38,38,0.95); padding: 36px 33px 15px; font-size: 36px; line-height: 36px; color: #fff; }
.landing-header .header-order-block .top .h { font-weight: 300; color: #fff; padding-top: 15px; padding-bottom: 15px; font-size: 30px; line-height: 30px; }
.landing-header .header-order-block .top .add-text { font-size: 24px; line-height: 29px; padding: 20px 0 10px; }
.landing-header .header-order-block .bottom { background: rgba(38,38,38,0.8); color: #fff; width: auto; padding-left: 33px;  }
.landing-header .header-order-block .bottom .service-offer-button { margin-right: 0; padding: 17px 21px; }
.landing-header .service-title { position: absolute; font-size: 30px; line-height: 30px; color: #fff; background: url('/templates/pictures/landing-header-form-top.png') repeat; padding: 40px 33px 43px; }
.landing-header .service-title.padding { margin-left: 480px; text-align: left; }

.header-order-block h1 { color: #939393; font-size: 20px; margin: -30px 0 0 0; padding: 0; }
.landing-header .header-order-block .top.alt { padding-bottom: 10px; }
.landing-header .offer-link { font-size: 22px; text-decoration: underline; }
.landing-header .offer-link:hover { text-decoration: none; }

.landing-header .header-order-block .bottom { padding: 38px 33px 43px; font-size: 24px; line-height: 28px; }
.landing-header .header-order-block .form-order-box form { margin-top: 35px; }
.landing-header .header-order-block .form-order-layout .text { margin-bottom: 15px; font-size: 18px; padding: 15px 25px 16px; width: 100%; box-sizing: border-box; }
.landing-header .header-order-block .notice { font-size: 16px; line-height: 19px; margin-top: 20px; }

.service-header { display: flex; align-items: center; width: 1520px; min-height: 630px; }
.service-header-title { flex-grow: 1; color: #fff; font-weight: 300; font-size: 48px; line-height: 55px; text-align: left; padding: 0 70px 0 170px; margin: 0; }
.service-header-title.center { padding: 0 70px 0 70px; text-align: center; }
.service-header-title h1 { font-weight: 300; font-size: 48px; line-height: 55px; padding: 0; margin: 0; display: inline; }
.service-header-title div { display: inline; }


.project-steps { position: relative; padding: 41px 0 240px; background: no-repeat 50% 50%; background-size: cover; }
.project-steps .service-page { max-width: 1464px; min-width: 900px; width: auto; }
.project-steps .landing-block-header { color: #fff; position: relative; padding-bottom: 128px; }
.project-steps:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.7) }
.project-steps .items { position: relative; z-index: 1; gap: 128px 0; padding: 0 20px; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; color: #fff; }
.project-steps .items .item { display: flex; flex-direction: column; border-left: 2px solid #fff; border-right: 2px solid #fff; margin-left: -2px; padding: 0 50px 0 32px; }
.project-steps .items .item .desc { flex-grow: 1; margin-top: 26px; font-size: 24px; line-height: 27px;  }
.project-steps .items .item .desc > :first-child { margin-top: 0; }
.project-steps .items .item ul { padding-left: 33px; }
.project-steps .items .item ul li { }
.project-steps .items .item .num { font-size: 100px; line-height: 100px; font-weight: 400; }
.project-steps .items .item .title { font-size: 24px; line-height: 30px; text-transform: uppercase; margin-top: 53px; font-weight: 400; }
.project-steps .items .item .sample { margin-top: 10px; }
.project-steps .items .item .sample .btn { font-weight: 400; text-align: center; text-decoration: none; display: flex; padding: 11px 20px 12px; align-items: center; justify-content: center; gap: 10px; width: 307px; box-sizing: border-box; background: #206486; color: #fff; font-size: 24px; line-height: 30px; cursor: pointer; }
.project-steps .items .item .sample .btn:before { content: ""; width: 32px; height: 32px; background: url('/templates/pictures/pic-download.svg') no-repeat center center; }
.project-steps .items .item .sample .btn:hover { background: #ae0014; }


.mini-form { background: #206486; color: #fff; padding: 50px 0 41px; font-size: 16px; line-height: 20px;  }
.mini-form .service-page { width: 1123px; }
.mini-form .landing-block-header { color: #fff; padding-bottom: 27px; line-height: 20px; }
.mini-form .title { text-align: center; font-size: 22px; margin: 0; }
.mini-form form { margin-top: 41px; text-align: center; }
.mini-form .text { border: none; color: #fff; background: rgba(255,255,255,0.1); padding: 17px 20px 16px; font-size: 16px; line-height: 20px; display: inline-block; vertical-align: top; margin-right: 17px; width: 340px; box-sizing: border-box; }
.mini-form .text::placeholder { color: rgba(255,255,255,0.8); }
.mini-form .notice { text-align: center; margin-top: 22px; font-weight: 400; }
.mini-form .service-offer-button { display: inline-block; padding: 16px 21px 17px; width: 370px; box-sizing: border-box; margin-right: 0; background: #fff; color: #262626; }
.mini-form .service-offer-button:hover { background: #eee; }
.mini-form .fm-footer { display: inline-block; width: 370px; box-sizing: border-box; margin-right: 0; }

.form-order-layout { width: 730px; padding-left: 200px; }
.form-order-layout .form-order-text { margin: 0 -5px; }
.form-order-layout .text { border: none; background: #fff; font-size: 16px; padding: 10px 21px 11px; margin-right: 36px; margin-bottom: 29px; width: 297px; }
.form-order-layout .text::placeholder { color: #AEAEAE; }
.form-order-layout #sphone.text { margin-right: 12px; }
.form-order-layout select.text { width: 296px; }
.form-order-layout .ui-select { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: auto; position: relative; padding-right: 45px; margin-bottom: 11px; /*z-index: 3000000;*/   }
.form-order-layout .ui-select-input { display: block; color: #000; font-size: 16px; line-height: 17px; /*border: 1px solid #000; border-right: none;*/ background: #fff; /*border-radius: 6px 0 0 6px;*/  padding: 13px 0px 13px 21px; overflow: hidden; white-space: nowrap; z-index: 3010000; cursor: pointer; }
.form-order-layout .ui-select-input-open { /*border-radius: 6px 0 0 0;*/ }
.form-order-layout .ui-select-button { display: block; /*border: 1px solid #000; border-left: none;*/ /*border-radius: 0 6px 6px 0;*/ position: absolute; top: 0; right: 0; width: 45px; bottom: 0; cursor: pointer; z-index: 3001000; background: #fff url('/templates/pictures/ui-select-ico-down-black.png') 50% 50% no-repeat; }
.form-order-layout .ui-select-button-open { background-image: url('/templates/pictures/ui-select-ico-up-black.png'); /*border-radius: 0 6px 0 0;*/ }
.form-order-layout .ui-select-fader { position: absolute; top: 0; bottom:0; right: 45px; width: 14px; background: none; }
.form-order-layout .ui-select-layer { display: block; position: absolute; border-collapse: separate; top: 43px; right: 0; left: 0; max-height: 300px; background: #cccccc; border: 1px solid #ccc; border-top: 1px dotted #626262; /*border-radius: 0 0 6px 6px;*/ visibility: hidden; overflow: auto; z-index: 9002000; }
.form-order-layout .ui-select-list { display: block; z-index: 9003000; height: auto; overflow: hidden; }
.form-order-layout .ui-select-item { display: block; font-size: 12px; line-height: 17px; color: #000; text-decoration: none; padding: 5px 8px 5px 8px; cursor: pointer; }
.form-order-layout .ui-select-item:hover { color: #000; background: #c1bfbf;  } 
.form-order-layout .ui-select-item.disabled { font-size: 13px; font-weight: bold; color: #fff; background: #626262; padding: 8px 8px 8px 8px; cursor: default; }
/*.form-order-layout .ui-select-item.odd { background: #e5eefe; }
.form-order-layout .ui-select-item.odd:hover { background: #d3e0f2; }*/
.form-order-layout .ui-select-item.selected { /*font-weight: bold;*/ color: #fff; background: #969696; }
.form-order-layout .ui-select-item.selected:hover { background: #7f7f7f; }
.service-offer-button { display: block; text-align: center; background: #206486; font-size: 28px; font-weight: 400; color: #fff; margin-right: 12px; padding: 10px 21px 11px; cursor: pointer; }
.service-offer-button:hover { background: #ae0014; }

.form-order-box { padding: 30px 33px 28px; font-size: 20px; line-height: 24px; text-align: center; }
.form-order-box form { margin-top: 30px; }
.form-order-box .text { margin-right: 0; margin-bottom: 13px; }
.form-order-box .service-offer-button { margin-right: 0; }

.landing-block-header { font-size: 48px; line-height: 110%; text-align: center; padding-bottom: 30px; color: #2e2e2e; }


.landing-block-calc { padding: 93px 0 0; }
.landing-block-calc .landing-block-header { margin-top: 0; line-height: 50px; font-size: 48px; padding-bottom: 57px; }

.calc-header { text-align: center; padding: 40px 0 20px; }
.calc-tabs { line-height: 30px; font-weight: 400; }
.calc-tab-header { text-align: left; }
.calc-tab-item { display: inline-block; font-size: 24px; line-height: 30px; padding: 21px 100px 24px; cursor: pointer; }
.calc-tab-item span { color: #075883; border-bottom: 1px dotted #075883; }
.calc-tab-item.sel { background: #262626; }
.calc-tab-item:not(.sel) { font-weight: 300; }
.calc-tab-item.sel span { color: #fff; border-bottom-color: transparent; }

.calc-tab-body { flex-grow: 1; display: flex; flex-direction: column; }
.calc-tab-body .top { background: #262626; padding: 51px 70px 1px; color: #fff; }
.calc-tab-body .top td { padding-bottom: 30px; vertical-align: bottom; }
.calc-tab-body .top .t { width: 527px; }
.calc-tab-body .top tr:first-child td { border-bottom: 1px solid #fff; padding-bottom: 37px; }
.calc-tab-body .top tr + tr td { padding-top: 28px; }
.calc-tab-body .l { font-size: 36px; display: inline-block; vertical-align: top; margin: 10px 0 0 15px; }
.calc-tab-body .label { font-size: 24px; line-height: 30px; padding-bottom: 13px; }
.calc-tab-body .label sup { margin-top: -10px; display: inline-block; }
.calc-tab-body .switch { display: inline-block; font-size: 20px; line-height: 26px; border: 2px solid #fff; background: transparent; padding: 9px 10px 8px; min-width: 196px; text-align: center; cursor: pointer; }
.calc-tab-body .switch + .switch { margin-left: 16px; }
.calc-tab-body .switch.big { }
.calc-tab-body .switch.sel { background: #206486; border-color: #206486; }
.calc-tab-body .edit { color: #fff; min-width: 0; width: 170px; }
.calc-tab-body .pack-block { display: none; }
.calc-tab-body .pack-block.sel { display: block; }

.calc-tab-body .calc-helper { display: inline-block; margin: 4px 0 0 3px; font-size: 12px;  line-height: 16px; border-radius: 20px; text-align: center; width: 15px; height: 15px; vertical-align: top; border: 1px solid #fff; }
.calc-tab-body .calc-page .calc-helper { line-height: 16px; cursor: pointer; }

.calc-tab-body .bottom { padding: 7px 70px 92px; color: #fff; background: #262626; flex-grow: 1; }
.calc-tab-body table { width: 100%; }
.calc-tab-body .calc-result-layout { display: flex; }
.calc-tab-body .calc-result-layout > :first-child { flex-grow: 1; }
.calc-tab-body .result { font-size: 30px; }
.calc-tab-body .result > div { border: 2px solid #fff; padding: 30px 21px 6px; }
.calc-tab-body .result td { padding-bottom: 48px; font-size: 20px; line-height: 26px; }
/*.calc-tab-body .result tr:last-child td { border-top: 1px solid #fff; padding-top: 20px; padding-bottom: 0; font-size: 30px; }
.calc-tab-body .result tr:last-child td.first { border-top: none; padding-top: 0; font-size: 30px; }*/
.calc-tab-body .result .value { text-align: right; font-size: 24px; font-weight: bold; }
.calc-tab-body .result .value .val { margin-right: 8px; white-space: nowrap; }
.calc-tab-body .right { width: 393px; padding-left: 70px; }
.calc-tab-body .right > div { display: flex; flex-direction: column; height: 100%; }
.calc-tab-body .right .sp { flex-grow: 1; }
.calc-tab-body .total-amount { display: flex; align-items: start; flex-direction: column; }
.calc-tab-body .total-amount > :first-child { flex-grow: 1; font-size: 26px; line-height: 28px; }
.calc-tab-body .total-amount .valm2 { white-space: nowrap; font-size: 24px; line-height: 24px; margin-top: 14px }
.calc-tab-body .total-amount .valm2 sup { font-size: 14px; }
.calc-tab-body .total-amount .val { white-space: nowrap; font-size: 35px; line-height: 35px; font-weight: bold; }
.calc-tab-body .total-amount .val span { margin-right: 8px;  }
.calc-tab-body .order-btn { display: block; background: #206486; margin-top: 22px; padding: 15px 0; text-align: center; font-size: 24px; cursor: pointer; }
.calc-tab-body .order-btn:hover { background: #ae0014; }
.calc-tab-body .info { font-size: 16px; line-height: 19px; }
.calc-tab-body .info span { display: inline-block; vertical-align: top; margin: 8px 5px 0 5px; background: url('/templates/pictures/calc-arrow.png') no-repeat; width: 12px; height: 7px; }
.calc-tab-body .noprice { background: #206486; color: #fff; padding: 20px 0; text-align: center; font-size: 30px; }
.calc-tab-body .pack-item { background: #000; margin-top: 20px; color: #fff; }

.service-page.service-calc { width: 1465px; padding-bottom: 95px; }
.calc-placer { display: flex; gap: 31px; align-items: baseline; }
.calc-placer .calc-tabs { flex-grow: 1; display: flex; flex-direction: column; }
.calc-placer .detail-info { width: 352px; flex-shrink: 0; align-self: normal; background: #262626; padding: 21px 40px 40px 45px; color: #fff; font-weight: 400; line-height: 19px; box-sizing: border-box; }
.calc-placer .detail-info .pack-item { display: none; margin-top: 23px; }
.calc-placer .detail-info .pack-item.sel { display: block; }
.calc-placer .detail-info .pack-item .block {  }
.calc-placer .detail-info .pack-item .block .ttl { position: relative; padding-right: 30px; font-size: 20px; line-height: 27px; cursor: pointer; }
.calc-placer .detail-info .pack-item .block .ttl::before { transition: 0.1s; content: ""; display: block; position: absolute; right: 0; top: 0; width: 22px; height: 22px; background: #0075B0 url('/templates/pictures/pic-plus-info.svg') no-repeat center center; border-radius: 50%; }
.calc-placer .detail-info .pack-item .block .ttl + div { display: none; }
.calc-placer .detail-info .pack-item .block.open .ttl {  }
.calc-placer .detail-info .pack-item .block.open .ttl::before { transform: rotate(-45deg); }
.calc-placer .detail-info .pack-item .block.open .ttl + div { display: block; }
.calc-placer .detail-info .title { font-size: 24px; line-height: 30px; text-align: right; position: relative; }
.calc-placer .detail-info .title:before { content: ""; position: absolute; left: 0; top: 50%; right: 0; border-top: 1px solid #fff; }
.calc-placer .detail-info .title span { display: inline-block; background: #262626; position: relative; z-index: 1; padding-left: 6px; }
.calc-placer .detail-info .headert { font-size: 36px; line-height: 40px; }
.calc-placer .detail-info .text { margin-top: 16px; }
.calc-placer .detail-info .desc { margin-top: 16px; }
.calc-placer .detail-info .desc br { display: block; height: 0; margin-top: 16px;  }
.calc-placer .detail-info .desc ul { margin: 5px 0; padding-left: 16px; font-size: 15px; line-height: 18px;  }
.calc-placer .detail-info .desc ul.sub { margin: -5px 0; padding-left: 26px; }
.calc-placer .detail-info .desc ul li::marker { }
.calc-placer .detail-info .desc ul.sub li::marker { content: "- "; }
/*.calc-placer .detail-info .desc ul li:before { content:"�"; font-size:11px; vertical-align:middle; line-height:20px; }*/

.calc-placer .detail-info .desc .block .ttl + div {  margin-top: 9px; font-size: 20px; line-height: 27px; }
.calc-placer .detail-info .desc .block .ttl + div > :first-child { margin-top: 0; }
.calc-placer .detail-info .desc .block .ttl + div > :last-child { margin-bottom: 0; }
.calc-placer .detail-info .desc br + .block { margin-top: -6px; }
.calc-placer .detail-info .desc br + br { margin-top: 0; }




.add-services-placer  { position: relative; margin: 0 0 0; padding: 46px 0 209px; background: url('/templates/pictures/calc-addons-bg.webp') no-repeat center center; background-size: cover; color: #fff; }
.add-services-placer:before  { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(38,38,38,0.30); }
.add-services-placer .title { font-size: 48px; line-height: 54px; margin-bottom: 78px; text-align: center; position: relative; font-weight: 400; }
.add-services-placer .items { max-width: 1450px; padding: 0 20px; margin: 0 auto; position: relative; font-weight: 400; }
.add-services-placer .block-view { display: none; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; gap: 50px; }
.add-services-placer .block-view.sel { display: grid; }
.add-services-placer .item { background: rgba(38,38,38,0.86); padding: 38px 44px 47px 54px; display: flex; flex-direction: column; }
.add-services-placer .item p { margin: 31px 0; }
.add-services-placer .item ul { padding-left: 26px; }
.add-services-placer .item p + ul { margin-top: -22px; }
.add-services-placer .offer-item-spec-name { font-size: 36px; line-height: 36px;  }
.add-services-placer .idj2 .offer-item-spec-name { font-size: 26px; line-height: 27px; min-height: 74px; }
.add-services-placer .offer-item-spec-text { font-size: 18px; margin-top: 17px; line-height: 22px; }
.add-services-placer .idj2 .offer-item-spec-text { margin-top: 23px;}
.add-services-placer .offer-item-spec-text > :first-child { margin-top: 0; }
.add-services-placer .offer-item-spec-button { flex-grow: 1; display: flex; align-items: end; margin-top: 3px; }
.add-services-placer .offer-item-spec-price { font-size: 36px;  }
.add-services-placer .offer-item-spec-price sup { vertical-align: top; font-size: 21px; margin-top: 2px; display: inline-block; font-weight: 400; }


.reasons-block { background: #262626; color: #fff; padding: 5px 0 92px; }
.reasons-block .service-page { width: 1180px; }
.reasons-block .new-h2 {  }
.reasons-block .landing-block-header  { color: #fff; }
.reasons-block table { width: 100%; margin: 0 0 0 67px; font-size: 20px; }
.reasons-block td { width: 50%; padding: 0 0 20px 0; }
.reasons-block td div { padding: 0 0 0 108px; min-height: 86px; }
.reasons-block .items { display: grid; gap: 40px 10px; grid-template-columns: auto auto auto auto; grid-template-rows: auto; margin-top: 68px; }
.reasons-block .item { text-align: center; font-size: 24px; line-height: 28px; flex-shrink: 1; }
.reasons-block .item img { display: block; width: 79px; height: 79px; margin: 0 auto 23px; }

.response-block { background: #fff; /*color: #fff;*/ padding: 40px 0 60px; position: relative; }
.response-block .service-page { width: 1100px; }
.response-block .landing-block-header  { /*color: #fff;*/ }
.response-placer { position: relative; overflow: hidden; padding: 0; background: url('/templates/pictures/service-response-quote.png') no-repeat 100% 20px; }
.response-item { display: none; position: relative; }
.response-item.show { display: block; }
.response-item table { width: 100%; }
.response-item .response-l { width: 288px; text-align: center; padding-top: 20px; padding-left: 30px; }
.response-item .response-l img { margin-bottom: 44px; }
.response-item .response-r { padding-left: 73px; padding-right: 70px; line-height: 20px; }
.response-item .response-r .to-project { margin-top: 15px; }
.response-item .response-name { font-size: 19px; line-height: 20px; color: #5a5a5a; padding-bottom: 5px; }
.response-item .response-images { margin-top: 45px; }
.response-item .response-images img { margin-right: 21px; height: 110px; border: 6px solid #d6d6d6; cursor: pointer; }
.response-item .response-images span:last-child img { margin-right: 0;  }
.response-btn { width: 55px; height: 66px; position: absolute; top: 50%; margin-top: -33px; cursor: pointer; }
.response-btn.left { left: 20px; background: url('/templates/pictures/service-response-left.png') no-repeat 50% 50%; }
.response-btn.right { right: 20px; background: url('/templates/pictures/service-response-right.png') no-repeat 50% 50%; }




.project-block { background: #262626; /*color: #fff;*/ padding: 65px 0 30px; position: relative; }
.project-block .service-page { width: 100%; }
.project-block .landing-block-header  { /*color: #fff;*/ }

.project-block { padding: 0; }
.project-block .landing-block-header { padding-bottom: 55px; }
.project-block .landing-block-header.inner { padding-top: 42px; color: #fff; }
.project-block .project-dots { display: none; }

.project-block .swiper-container { height: 592px; }
.project-block .swiper-wrapper { align-items: center; }
.project-block .swiper-slide { width: 1552px; opacity: 0.3; transition: height 0.3s;  }
.project-block .swiper-slide .images { gap: 30px; display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 100%; height: 487px; transition: height 0.3s; }
.project-block .swiper-slide.swiper-slide-active { opacity: 1; }
.project-block .swiper-slide.swiper-slide-active .tt { opacity: 1; }
.project-block .swiper-slide.swiper-slide-next { height: 400px; }
.project-block .swiper-slide.swiper-slide-next .images { height: 291px; }
.project-block .swiper-slide.swiper-slide-next .tt { opacity: 0; }
.project-block .swiper-slide.swiper-slide-prev { height: 400px; }
.project-block .swiper-slide.swiper-slide-prev .images { height: 291px; }
.project-block .swiper-slide.swiper-slide-prev .tt { opacity: 0; }


.project-placer { position: relative; overflow: hidden; padding: 0 0 54px; }
.project-item { /*display: none;*/ position: relative; text-align: center; }
.project-item.show { /*display: block;*/ }
.project-item .name { font-size: 30px; line-height: 35px; color: #fff; text-align: center; overflow: hidden; margin-top: 36px; }
.project-item .name a { color: #fff; text-decoration: none; }
.project-item .name .arr { opacity: 0.5; width: 9px; height: 13px; vertical-align: top; margin: 0 0 0 10px; background: url('/templates/pictures/portfolio-title-arrow.png') no-repeat 0 9px; }
.project-item .name a:hover .arr { opacity: 1; }
.project-item .readmore { display: inline-block; font-weight: 400; font-size: 20px; line-height: 25px; margin-top: 9px; background: url('/templates/pictures/pic-arrow-right2.svg') no-repeat right 6px; padding-right: 19px; }

.project-item .images { width: 100%; margin-top: 40px; display: flex; gap: 32px; }
.project-item .images div { position: relative; flex-grow: 1; /*width: 50%; height: 487px;*/ background: no-repeat center center; -webkit-background-size: cover; background-size: cover;  }
.project-item .images div span { position: absolute; left: 58px; bottom: 44px; display: inline-block; color: #fff; font-size: 26px; line-height: 32px; }
.project-item .text { width: 925px; margin-top: 55px; color: #010101; font-size: 18px; line-height: 20px; }
.project-btn { width: 55px; height: 66px; position: absolute; top: 180px; cursor: pointer; z-index: 1; }
.project-btn:hover { opacity: 0.8; }
.project-btn.left { left: 20px; background: url('/templates/pictures/pic-navi2-left.svg') no-repeat 50% 50%; }
.project-btn.right { right: 20px; background: url('/templates/pictures/pic-navi2-right.svg') no-repeat 50% 50%; }
.project-dots { position: absolute; top: 245px; left: 0; right: 0; text-align: center; }
.project-dots .dot { display: inline-block; width: 11px; height: 11px; font-size: 0; line-height: 0; margin: 0 3px 0 4px; background: #323232; border-radius: 10px;  }
.project-dots .dot.sel { background: #316cc4; }


.project-block .project-item .images { margin-top: 0; }
.project-block .project-btn { margin-top: -60px; top: 50%; width: 55px; }
.project-block .project-btn.disabled { display: none; }
.project-block.inner .project-btn { margin-top: 0; top: 355px; }
.project-block .project-btn.right { background-color: transparent; right: 0; }
.project-block .project-btn.left { background-color: transparent; left: 0; }
.project-placer-block { position: relative; }

.preview-block { position: relative; padding: 49px 0 76px; background: #262626; color: #fff; }
.preview-block .other-samples-btn { display: inline-block; background: #c9c9c9; color: #006cc8; padding: 12px 29px 13px; position: absolute; top: 78px; right: 40px; }
.preview-block .other-samples-btn:hover { background: #bfbfbf; text-decoration: none; }
.preview-block .landing-block-header { color: #fff; padding-bottom: 53px; }
.preview-block .landing-block-header a { color: #fff; text-decoration: none; }
.preview-block .landing-block-header a:hover { color: #007fc0; text-decoration: none; }
.preview-block .gallery-preview { max-width: 1845px; margin: 0 auto; padding: 0 20px; }
.preview-block .gallery-preview .page { display: none; }
.preview-block .gallery-preview .page .items { display: flex; display: flex; flex-wrap: wrap; gap: 19px 23px; }
.preview-block .gallery-preview .page .item { width: 49%; flex-grow: 1; height: 582px; position: relative; }
.preview-block .gallery-preview .page .item img { width: 100%; height: 100%; object-fit: cover; }
.preview-block .gallery-preview .page .item .desc { position: absolute; left: 0; bottom: 0; right: 0; padding: 20px 20px 20px; text-align: center; background: rgba(0,0,0,0.4); color: #fff; font-size: 22px; }

.preview-block .gallery-preview .page .item .bt { display: none; }
.preview-block .gallery-preview .page .item .bg { display: none; }
.preview-block .gallery-preview .page .item .name { font-size: 26px; line-height: 26px; margin: 0 80px 24px; text-align: center; color: #fff; }
.preview-block .gallery-preview .page .item .portfolio-stat { position: absolute; top: 50px; font-size: 25px;  line-height: 30px; font-weight: 400; }
.preview-block .gallery-preview .page .item:hover .bt { display: block; background: #206486; color: #fff; text-align: center; padding: 9px 0 12px; font-size: 24px; line-height: 24px; width: 335px; font-weight: 400; }
.preview-block .gallery-preview .page .item:hover .bt:hover { text-decoration: none; }
.preview-block .gallery-preview .page .item:hover .bg { display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; background: rgba(0,0,0,0.5); padding-top: 35px; left: 0; top: 0; right: 0; bottom: 0; }


.preview-block .gallery-preview .page.show { display: block; text-align: center; margin-top: 20px; }
.preview-block .gallery-preview .page.show .show-more { display: none; }
.preview-block .gallery-preview .page.show + .page.show { margin-top: 19px; }
.preview-block .gallery-preview .page.show + .page.show .show-more { display: block; }
.preview-block .gallery-preview .show-more { padding: 60px 0 0; }
.preview-block .gallery-preview .show-more .btn { font-weight: 400; margin: 0 auto; text-decoration: none; display: inline-block; padding: 11px 20px 12px; min-width: 400px; box-sizing: border-box; background: #206486; color: #fff; font-size: 24px; line-height: 30px; cursor: pointer; }
.preview-block .gallery-preview .show-more .btn:hover { text-decoration: none; background: #ae0014; }

.samples-photos.data-list-scroll { position: relative; margin: 30px auto 0; }
.samples-photos.data-list-scroll .disable { display: none; }
.samples-photos.data-list-scroll td { padding: 0; }
.samples-photos .data-list-fader { display: none; position: absolute; top: 4px; bottom: 4px; width: 0; }
.samples-photos .data-list-fader.fader-left { left: 0px; /*background: url('/templates/pictures/gallery-nav-fader-left.png') repeat-y;*/ }
.samples-photos .data-list-fader.fader-right { right: 0px; /*background: url('/templates/pictures/gallery-nav-fader-right.png') repeat-y;*/ }
.samples-photos .data-list-placer { height: 285px; margin: 0 0 0 0; overflow: hidden; position: relative; }
.samples-photos .data-list { position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.samples-photos .data-list-item { position: relative; padding: 0; margin-left: 0; /*border: 1px solid #cfcbc9;*/ overflow: hidden; font-size: 0; line-height: 0; }
.samples-photos .data-list-item a { display: inline-block;  }
.samples-photos .data-list-item.sel a {  }
.samples-photos .data-list-item img { /*margin: -1px;*/ }
.samples-photos .data-list-item.first { margin-left: 0; }
.samples-photos .data-list-item .cover { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; }
.samples-photos .data-list-item:hover  { /*border: 3px solid #007fc0;*/ }
.samples-photos .data-list-item:hover img  { /*margin: -3px;*/ }
.samples-photos .data-list-item.sel .cover { /*background: #000; opacity: 0.4; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);*/ }
.samples-photos .data-list-item .hover { display: none; position: absolute; left: 0px; bottom: 0px; right: 0px; padding: 0 20px 10px; background: rgba(255,255,255,0.5);  }
.samples-photos .data-list-item .hover .name { display: block; margin-top: 10px; font-size: 17px; line-height: 22px; }
.samples-photos .data-list-item .hover a { display: block; margin-top: 10px; font-size: 17px; line-height: 22px; }
.samples-photos .data-list-item:hover .hover { display: block; }

.samples-photos .data-list-btn { /*display: none;*/ position: absolute; width: 52px; top: 0; bottom: 0; background: no-repeat 50% 50%; cursor: pointer; }
.samples-photos .data-list-btn:hover {  }
.samples-photos .data-list-btn.disabled { cursor: default; }
.samples-photos .data-list-btn.disabled:hover {  }
.samples-photos .data-list-btn.next { right: 0; background-image: url('/templates/pictures/samples-page-right.png'); }
.samples-photos .data-list-btn.next:hover { background-image: url('/templates/pictures/samples-page-right.png'); }
.samples-photos .data-list-btn.prev { left: 0; background-image: url('/templates/pictures/samples-page-left.png'); }
.samples-photos .data-list-btn.prev:hover { background-image: url('/templates/pictures/samples-page-left.png'); }



.offer-block { padding: 48px 0 50px 0; position: relative; background: #fff; }

.offer-block .offer-header-block { padding: 15px 20px; text-align: center; background: #191919; font-size: 30px; line-height: 35px; color: #fff; }

.offer-block .offer-header { margin-bottom: 65px; font-size: 35px; line-height: 35px; color: #2e2e2e; text-align: center; }
.offer-block .offer-header sup { font-size: 15px;  }
.offer-placer.alt { margin-top: 13px; table-layout: fixed; width: 100%; }
.offer-placer .space { width: 17px; }
.offer-placer.alt .space { width: 14px; }
.offer-placer .offer-item { width: 321px; background: #595959; }
.offer-placer.alt .offer-item { width: auto; background: #333333; position: relative; }
.offer-placer.alt .offer-item:hover { background: #272727; }
.offer-placer .offer-item:hover .offer-item-header { background: #2e2e2e; }
.offer-placer .offer-item-header { background: #323232; color: #fff; font-size: 36px; padding: 8px 16px 8px 36px; }
.offer-placer.alt .offer-item-header-alt { color: #fff; font-size: 30px; text-align: center; padding: 0 0 30px; margin: 0 -16px; }
.offer-placer .offer-item-body { padding: 33px 36px;  }
.offer-placer.alt .offer-item-body { text-align: center; padding-bottom: 70px; padding-top: 25px; }
.offer-placer .offer-item-price { padding-bottom: 24px; font-size: 33px; font-weight: bold; color: #fff; }
.offer-placer.alt .offer-item-price { padding-bottom: 24px; font-size: 32px; color: #de051a; }
.offer-placer .offer-item-price sup { font-size: 20px; font-weight: bold; }
.offer-placer .offer-item-text { margin-top: 22px; color: #fff; font-size: 16px; line-height: 18px;  }
.offer-placer .offer-item-title { margin-top: 0; color: #fff; font-size: 26px; line-height: 28px;  }
.offer-placer .offer-item-total { background: #333333; padding: 33px 36px; margin: 33px -36px -33px; }
.offer-placer .offer-item-total.buttons { padding-top: 0; }
.offer-placer.alt .offer-item-total.buttons { display: none; margin: 0; padding: 0; position: absolute; left: 0; bottom: 0; right: 0; }
.offer-placer.alt .offer-item:hover .offer-item-total.buttons { display: block;  }
.offer-placer.alt .offer-item-desc { padding: 5px 36px 30px;  }
.offer-placer .service-offer-button { background: #e2001a; }
.offer-placer .service-offer-button:hover { background: #ee1029; }
.offer-placer .offer-item-img { margin-top: 20px; }
.offer-placer.alt .offer-item-img { margin-top: 0; }
.wide .offer-placer .offer-item-img { max-width: 222px; }
.wide .offer-placer.alt .offer-item-img { max-width: 218px; }
.wide .offer-placer .offer-item-header { font-size: 32px; }
.wide .offer-placer .offer-item-price { font-size: 30px; }
.wide .offer-placer.alt .offer-item-price { font-size: 28px; }
.offer-item-spec { width: 100%; margin-top: 17px; }
.offer-item-spec td { background: #075983; color: #fff; padding: 27px 0; vertical-align: middle; }
.offer-item-spec:hover td { background: #064362;  }
.offer-item-spec .offer-item-spec-name { padding-left: 58px; font-size: 35px; line-height: 28px; width: 255px; }
.offer-item-spec.alt .offer-item-spec-name { font-size: 30px; line-height: 28px; padding-top: 42px; vertical-align: top; }
.offer-item-spec .offer-item-spec-text { padding-left: 22px; font-size: 16px; line-height: 18px; }
.offer-item-spec .offer-item-spec-button { padding-left: 32px; padding-right: 43px; width: 200px; }
.offer-item-spec .offer-item-spec-price { text-align: center; font-size: 33px; font-weight: bold; padding-bottom: 20px; }
.offer-item-spec .service-offer-button { background: #e2001a; }
.offer-item-spec.alt .service-offer-button { visibility: hidden; }
.offer-item-spec.alt:hover .service-offer-button { visibility: visible; }
.offer-item-spec .service-offer-button:hover { background: #ee1029; }
.offer-subtitle { color: #2e2e2e; font-size: 35px; padding: 25px 0 10px; text-align: center; }
.offer-desc { margin-top: 30px; color: #888; }

.offer-slider { background: #075883; padding: 15px 40px 20px; margin-top: 13px; color: #fff; font-size: 30px; line-height: 30px; cursor: pointer; position: relative; }
.offer-slider .l { border-bottom: 1px dotted #fff; display: inline-block; }
.offer-slider .arrow { position: absolute; top:0; right: 20px; bottom: 0; width: 50px; background: url('/templates/pictures/offer-select-arrow-down.png') no-repeat 50% 50%; }
.offer-slider.open .arrow { background-image: url('/templates/pictures/offer-select-arrow-up.png'); }
.offer-slider:hover .l { border-bottom: 1px solid transparent;  }
.offer-slider-block { display: none; }

.special-block { padding: 48px 0 68px 0; background: url('/templates/pictures/service-special-bg2.jpg') no-repeat top center; -webkit-background-size: cover; background-size: cover; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/templates/pictures/service-special-bg.jpg', sizingMethod='scale'); }
.special-block .landing-block-header { color: #191919; }
.special-placer { width: 100%; margin-top: 15px; }
.special-placer .left { background: url('/templates/pictures/service-special-block-bg2.png') repeat; color: #fff; text-align: center; vertical-align: middle; }
.special-placer .left.l1 { font-size: 36px; line-height: 36px; }
.special-placer .left.l2 { height: 1px; vertical-align: bottom; }
.special-placer .price { display: inline-block; background: #b70015; padding: 8px 30px; font-size: 48px; line-height: 48px; }
.special-placer .timer { background: #121212; padding: 17px 0; }
.special-placer .clock { margin: 0 auto; padding-top: 25px; }
.special-placer .right { width: 299px; background: #fff; color: #5a5a5a; }
.special-placer .right.form-order-box form .text { background: #d7d7d7; }

.step-block { padding: 40px 0 85px; }
.step-block .step-layout { width: 940px; margin: 0 auto; }
.step-block .step-layout .tl { vertical-align: top; width: 50% }
.step-block .step-layout .tl.first { padding-right: 16px; }
.step-block .step-placer { width: 465px; margin: 0; }
.step-block td { vertical-align: middle; }
.step-block .space { height: 10px; font-size: 0; line-height: 0; }
.step-block .item .mark { width: 72px; background: #696969; color: #fff; text-align: center; font-size: 60px; line-height: 60px; padding: 5px 0 4px; }
.step-block .item .data { background: #e4e4e4; color: #000; padding: 0 10px 0 30px; font-size: 20px; line-height: 24px; }
.step-block .item .data p { margin: 11px 0; }
.step-block .item:hover td { background: #d6000e; color: #fff; cursor: default; }
.step-block .item:hover a { color: #fff; }

.theme-block { background: #262626; color: #fff !important; padding: 45px 0 68px; }
.theme-block .landing-block-header {color: #fff !important; }
.theme-block .theme-placer { font-size: 18px; line-height: 24px; }

.advantage-block { padding: 43px 0 68px 0; }
.advantage-block .service-page { width: 1200px; }
.advantage-block .landing-block-header { color: #1f1f1f; padding-bottom: 57px; }
.advantage-block .landing-block-header b { font-weight: bold; }
.advantage-block .landing-block-header strong { font-weight: bold; }
.advantage-block table { border-collapse: separate; border-collapse: collapse; }
.advantage-block td { text-align: left; vertical-align: top; color: #1f1f1f; font-size: 25px; line-height: 30px; padding: 0 30px 30px 45px; min-width: 290px; }
.advantage-block td:first-child { padding-left: 0; }
.advantage-block td:last-child { padding-right: 0; }
.advantage-block td table { width: 100%; }
.advantage-block .number { color: #bd0d12; font-size: 100px; line-height: 70px; font-weight: bold; padding: 0; }
.advantage-block .number sup { font-size: 35px; font-weight: bold; }
.advantage-block .text { margin-top: 13px; text-transform: uppercase;  }
.advantage-block td:hover { /*background: #fff; color: #0076b0; cursor: default;*/ }
.advantage-block td.line { width: 0px; padding: 0; border-left: 1px solid #979797; min-width: auto; }

::-webkit-input-placeholder { color: #000; opacity: 1; }
::-moz-placeholder          { color: #000; opacity: 1; }
:-moz-placeholder           { color: #000; opacity: 1; }
:-ms-input-placeholder      { color: #000; opacity: 1; }

:focus::-webkit-input-placeholder { color: transparent; }
:focus::-moz-placeholder          { color: transparent; }
:focus:-moz-placeholder           { color: transparent; }
:focus:-ms-input-placeholder      { color: transparent; }

input[placeholder]          { text-overflow: ellipsis; }
input::-moz-placeholder     { text-overflow: ellipsis; }
input:-moz-placeholder      { text-overflow: ellipsis; }
input:-ms-input-placeholder { text-overflow: ellipsis; }


.form-order-layout .text.error { background: #ffe2e2; }
.form-order-layout .text.error::-webkit-input-placeholder { color: #f00; opacity: 1; }
.form-order-layout .text.error::-moz-placeholder          { color: #f00; opacity: 1; }
.form-order-layout .text.error:-moz-placeholder           { color: #f00; opacity: 1; }
.form-order-layout .text.error:-ms-input-placeholder      { color: #f00; opacity: 1; }

.mini-form .text.error { background: #ffe2e2; }
.mini-form .text.error::-webkit-input-placeholder { color: #f00; opacity: 1; }
.mini-form .text.error::-moz-placeholder          { color: #f00; opacity: 1; }
.mini-form .text.error:-moz-placeholder           { color: #f00; opacity: 1; }
.mini-form .text.error:-ms-input-placeholder      { color: #f00; opacity: 1; }

.rouble { display: inline-block; position: relative; }
.rouble:after { content: '_'; position: absolute; left: 0; width: 90%; bottom: 23%; }

a.order-btn { display: inline-block; margin: 10px 0 0; padding: 8px 15px 10px 15px; background: #e2001a; color: #fff; text-decoration: none; font-size: 22px; line-height: 14px; }
a.order-btn:hover { background: #d2021a; text-decoration: none; }
a.order-btn.right { float: right; }

.back-to { display: inline-block; font-size: 20px; margin-top: 15px; }

.other-service-block.footer { border-bottom: 1px solid #c9c9c9; padding-bottom: 20px; }
/*
.portfolio-catalog {}
.catalog-item { padding: 40px 0; }
.catalog-item.first { padding-top: 0; }
.catalog-item.bg { background: #e0e0e0; }
.slide-frame { position: relative; width: 819px; height: 541px;  }
.slide-frame .title { color: #fff; font-size: 24px; vertical-align: middle;  }
.slide-frame .name { color: #888888; font-size: 14px; text-align: right; vertical-align: middle; }
.slide-frame .description { width: 425px; color: #868686; font-size: 12px; padding-bottom: 10px; }
.slide-frame .url { font-size: 16px; color: #408cfe; display: inline-block; padding-right: 12px; background: url('/templates/pictures/slide-show-small-arrow.png') no-repeat 100% 8px; }
.slide-frame .work-frame { position: absolute; top: 0; left: 0; width: 819px; height: 541px; }
.slide-frame .bg { background: url('/templates/pictures/slide-show-bg.png') repeat; }
.slide-frame .header { position: absolute; top: 0; left: 0; right: 0; padding: 15px 30px; height: 30px; }
.slide-frame .header table { width: 100%; }
.slide-frame td { padding-bottom: 0; }
.slide-frame .header a { color: #408cfe; display: inline-block; }
.slide-frame .header.photo { height: 25px; }
.slide-frame .header .right { text-align: right; }
.slide-frame .header .right a { background: url('/templates/pictures/project-next.png') no-repeat 100% 8px; padding-right: 10px;; }
.slide-frame .header .left a { background: url('/templates/pictures/project-prev.png') no-repeat 0 8px; padding-left: 10px;; }
.slide-frame .footer { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px 20px 15px; }
.slide-frame .switch { position: absolute; bottom: 30px; right: 20px; }
.slide-frame .switch .switch-btn { display: inline-block; margin: 0 0 15px 15px; background: #000; border: 3px solid #fff; width: 18px; height: 18px; cursor: pointer; font-size: 0px; line-height: 0; }
.slide-frame .switch .switch-btn.sel, .slide-frame .switch .switch-btn:hover { border-color: #e2001a; }
.slide-frame .btn { position: absolute; top: 50%; margin-top: -25px; width: 51px; height: 51px; cursor: pointer; }
.slide-frame .btn.left { left: -71px; background: url('/templates/pictures/gallery-left.png') no-repeat 50% 50%; }
.slide-frame .btn.left:hover { background-color: #316cc4; background-image: url('/templates/pictures/gallery-left-hover.png'); }
.slide-frame .btn.right { right: -71px;  background: url('/templates/pictures/gallery-right.png') no-repeat 50% 50%; }
.slide-frame .btn.right:hover { background-color: #316cc4; background-image: url('/templates/pictures/gallery-right-hover.png'); }
*/
.portfolio-catalog {}
.catalog-item { padding: 40px 0; }
.catalog-item.first { padding-top: 0; }
.catalog-item.bg { background: #e0e0e0; }
.portfolio-oneitem .slide-frame td { padding-bottom: 0; }
.slide-frame.photoalbum { margin-bottom: 40px; }
.slide-frame table { width: 100%; }
.slide-frame { position: relative; width: 819px; height: 541px;  }
.slide-frame .title { color: #fff; font-size: 24px; vertical-align: middle;  }
.slide-frame .name { color: #888888; font-size: 14px; text-align: right; vertical-align: middle; width: 50%; }
.slide-frame .url { margin-top: 4px; font-size: 16px; color: #408cfe; display: inline-block; padding-right: 12px; background: url('/templates/pictures/slide-show-small-arrow.png') no-repeat 100% 8px; }
.slide-frame .work-frame-placer { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; }
.slide-frame .work-frame { position: absolute; top: 0; left: 0; width: 819px; height: 541px; }
.slide-frame .swiper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; }
.slide-frame .bg { background: url('/templates/pictures/slide-show-bg.png') repeat; }
.slide-frame .header { position: absolute; top: 0; left: 0; right: 0; padding: 8px 30px; /*height: 30px;*/ }
.slide-frame .header a { color: #408cfe; display: inline-block; }
.slide-frame .header .right { text-align: right; }
.slide-frame .header .right a { background: url('/templates/pictures/project-next.png') no-repeat 100% 8px; padding-right: 10px;; }
.slide-frame .header .left a { background: url('/templates/pictures/project-prev.png') no-repeat 0 8px; padding-left: 10px;; }
.slide-frame .footer { position: absolute; bottom: 0; left: 0; right: 0; padding: 12px 20px 12px; }
.slide-frame .description { width: 425px; color: #868686; font-size: 12px; padding: 0 0 0 10px;/*padding-bottom: 10px;*/ vertical-align: middle; }
.slide-frame .switch { /*position: absolute; bottom: 30px; right: 20px;*/ padding: 0 20px 0 0; text-align: right; vertical-align: bottom; }
.slide-frame .switch-pages { display: none; }
.slide-frame .page-navi {}
.slide-frame .page-navi .counter { display: inline-block; padding-bottom: 4px; vertical-align: middle; color: #fff; font-size: 14px; }
.slide-frame .page-navi .content { display: inline-block; padding-bottom: 4px; vertical-align: bottom; }
.slide-frame .page-navi .page-btn { display: inline-block; margin: 7px 0 7px 0px; width: 18px; height: 18px; cursor: pointer; }
.slide-frame .page-navi .page-btn.left { background: url('/templates/pictures/gallery-page-left.png') no-repeat 50% 50%; }
.slide-frame .page-navi .page-btn.right { background: url('/templates/pictures/gallery-page-right.png') no-repeat 50% 50%; }
.slide-frame .switch .switch-btn { display: inline-block; margin: 0 7px 0 7px; background: #000; border: 3px solid #fff; width: 18px; height: 18px; cursor: pointer; font-size: 0px; line-height: 0; vertical-align: middle; }
.slide-frame .switch .switch-btn.sel, .slide-frame .switch .switch-btn:hover { border-color: #e2001a; }
.slide-frame .btn { position: absolute; top: 50%; margin-top: -25px; width: 51px; height: 51px; cursor: pointer; }
.slide-frame .btn.left { left: -71px; background: url('/templates/pictures/gallery-left.png') no-repeat 50% 50%; }
.slide-frame .btn.left:hover { background-color: #316cc4; background-image: url('/templates/pictures/gallery-left-hover.png'); }
.slide-frame .btn.right { right: -71px;  background: url('/templates/pictures/gallery-right.png') no-repeat 50% 50%; }
.slide-frame .btn.right:hover { background-color: #316cc4; background-image: url('/templates/pictures/gallery-right-hover.png'); }

.portfolio-oneitem { font-size: 14px; line-height: 22px; }
.portfolio-oneitem table { width: 100%; }
.portfolio-oneitem td { padding-bottom: 40px; }
.portfolio-oneitem .response { width: 200px;; }
.portfolio-oneitem .response .title { padding-bottom: 20px; }
.portfolio-oneitem .response img { border: 6px solid #494949; margin-bottom: 40px; }
.portfolio-oneitem .response-text { position: relative; margin-bottom: 30px; }
.portfolio-oneitem .response-autor { color: #424242; font-size: 12px; text-align: right; }
.portfolio-oneitem .response .quote { position: absolute; color: #b2b2b2; font-size: 30px; line-height: 14px; }
.portfolio-oneitem .response .quote.l { top: 0px; left: -25px; }
.portfolio-oneitem .response .quote.r { bottom: 8px; right: -25px; }
.portfolio-oneitem .title { color: #101010; font-size: 22px; }
.portfolio-oneitem .allitems { padding: 26px 42px; background: #e0e0e0; border-left: 4px solid #e2001a; }
.portfolio-oneitem .allitems .items { font-size: 14px; padding-top: 23px; }
.portfolio-oneitem .allitems .item {  }
.portfolio-oneitem .allitems .item span { color: #878787; }
.portfolio-oneitem .allitems .item a { color: #316cc4; }




.portfolio-width { max-width: 1464px; margin: 0 auto; padding: 0 25px; } /*844px*/
.portfolio-width.sl { max-width: 1542px; width: auto; }
.portfolio-width.preview { width: auto; margin: 17px auto 0; padding: 0; } /*width: 1006px;*/
.portfolio-width.preview .image img.va { /*cursor: pointer;*/ }
/*.product-items-list .product-item { float: left; width: 410px; margin: 0 24px 35px 0; }
.product-items-list .product-item .name { display: block; font-size: 20px; color: #007fc0; padding-top: 18px; }
.product-items-list .product-item .name:hover { text-decoration: underline; }
.product-items-list .product-item a { text-decoration: none; display: block; position: relative; }
.product-items-list .product-item .desc { font-size: 14px; color: #4c4c4c; padding-top: 7px; }*/
.portfolio-title { font-size: 48px; line-height: 55px; color: #fff; padding: 24px 0 53px; text-align: center; }
.portfolio-title.right { text-align: right; }
.portfolio-text-bg { background: #e6e6e6; padding: 20px 28px; }

.portfolio-big-photo { margin-top: 45px; }


.portfolio-comment { margin-top: 45px; }
.portfolio-comment .employer {  width: 120px; }
.portfolio-comment .employer img { margin-bottom: 20px; }
.portfolio-comment .employer .name { font-size: 16px; line-height: 19px; }
.portfolio-comment .text { vertical-align: middle; background: url('/templates/pictures/person-text-arrrow-black.png') no-repeat; padding-left: 50px; }

.portfolio-subtitle { font-size: 26px; margin-top: 45px; margin-bottom: 20px; }
.portfolio-worker { }
.portfolio-worker img {  }
.portfolio-worker .name {   }

.portfolio-main-catalog { width: 100%; }
.portfolio-main-catalog .placer { height: 560px; position: relative;  }
.portfolio-main-catalog .fader { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0.4; }
.portfolio-main-catalog .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: no-repeat center center; -webkit-background-size: cover; background-size: cover; }
.portfolio-main-catalog .box { position: relative; margin-top: 209px; width: 358px; left: 50%; margin-left: -179px; }
.portfolio-main-catalog .placer .sub-items { opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: 0.3s; }
.portfolio-main-catalog .placer.mobile .sub-items { opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); }
.portfolio-main-catalog .placer:hover .sub-items { opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); }
.portfolio-main-catalog .name { text-align: center; color: #fff; font-size: 36px; line-height: 40px; margin-bottom: 32px; }
.portfolio-main-catalog .subitem { display: block; padding: 30px 19px; border: 1px solid #fff; color: #fff; font-size: 22px; line-height: 24px; margin-bottom: 7px; position: relative; }
.portfolio-main-catalog .subitem:hover { text-decoration: none; }
.portfolio-main-catalog .subitem:hover .bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); }
.portfolio-main-catalog .subitem .arr { position: absolute; top: 0; right: 0; bottom: 0; width: 40px; background: url('/templates/pictures/main-portfolio-arrow.png') no-repeat 0 50%;  }
.portfolio-main-catalog .subitem .text { position: relative;  }

.portfolio-item-preview { background: #242424; padding-bottom: 26px; }
.portfolio-item-preview .cat-breadcrumbs { text-align: center; }
.portfolio-item-preview .cat-breadcrumbs .breadcrumbs { color: #fff; padding: 20px 0 0 0; }
.portfolio-item-preview .cat-breadcrumbs .breadcrumbs a { color: #fff; text-decoration: none; }
.portfolio-item-preview .cat-breadcrumbs .breadcrumbs a:hover { text-decoration: underline; }
.portfolio-item-preview h1 { font-size: 48px; line-height: 55px; color: #fff; text-align: center; margin: 19px 0 13px; padding: 0; }
.portfolio-item-preview .img-desc { height: 56px; text-align: center; color: #9c9c9c; }    
.portfolio-item-preview .image { position: relative;  }
.portfolio-item-preview .image .btn { position: absolute; top: 50%; margin-top: -34px; width: 62px; height: 68px; background: #121212 no-repeat 50% 50%; cursor: pointer; }
.portfolio-item-preview .image .btn:hover { background-color: #3e3e3e; }
.portfolio-item-preview .image .btn.left { left: 0; background-image: url('/templates/pictures/portfolio-arrow-left.png'); }
.portfolio-item-preview .image .btn.right { right: 0; background-image: url('/templates/pictures/portfolio-arrow-right.png'); }
.portfolio-item-preview .work-frame-placer {  height: 833px; margin: 0 auto; overflow: hidden; position: relative; }
.portfolio-item-preview .work-frame { position: absolute; left: 0; top: 0; right: 0; bottom: 71px; text-align: center; font-size: 0;  }
.portfolio-item-preview .work-frame img { /*max-height: 512px; max-width: 844px;*/ }
.portfolio-info { padding-bottom: 88px; font-size: 14px; line-height: 22px; }
.portfolio-info table { width: 100%; }
.portfolio-info .response { width: 200px; padding-left: 40px; }
.portfolio-info .response img { border: 6px solid #d2d2d2; margin-bottom: 40px; }
.portfolio-info .response-text { position: relative; margin-bottom: 30px; }
.portfolio-info .response-autor { color: #aaa; font-size: 12px; text-align: right; }
.portfolio-info .response .quote { position: absolute; color: #b2b2b2; font-size: 30px; line-height: 14px; }
.portfolio-info .response .quote.l { top: 0px; left: -25px; }
.portfolio-info .response .quote.r { bottom: 8px; right: -25px; }
.portfolio-other-products {  background: #262626; padding-bottom: 42px; }
.portfolio-other-products .product-items-list { overflow: hidden; /*margin-right: -54px;*/ position: relative; }
.portfolio-other-products .product-items-list .product-item { float: none; padding: 0 24px 35px 0; margin: 0; }
.portfolio-other-products .product-items-list .portfolio-title { font-size: 30px; line-height: 30px; color: #262626; text-align: center; padding: 52px 0 48px; /*position: absolute; top: 10px; left: 0; cursor: pointer;*/ /*color: #007fc0;*/ }
/*.portfolio-other-products .product-items-list .portfolio-title:hover { color: #686868; }
.portfolio-other-products .product-items-list .portfolio-title.right { left: auto; right: 0; }*/
.portfolio-other-products .product-items-list .scroll-items-field {  margin-bottom: 80px; }

.portfolio-cat-header { text-align: center; position: relative; background: #262626; }
.portfolio-cat-header .cat-breadcrumbs {  }
.portfolio-cat-header .cat-breadcrumbs .breadcrumbs { font-size: 16px; line-height: 24px; color: #fff; padding: 18px 0 13px 40px; text-align: center; /* */ }
.portfolio-cat-header .cat-breadcrumbs .breadcrumbs a { color: #fff; text-decoration: none; }
.portfolio-cat-header .cat-breadcrumbs .breadcrumbs a:hover { text-decoration: none; color: #0075B0; }
.portfolio-cat-header .name {  display: inline-block; vertical-align: middle; position: relative; font-size: 48px; line-height: 52px; color: #fff; margin-bottom: 44px; margin-top: 5px; }
.portfolio-cat-header .sub-items-placer { }
.portfolio-cat-header .sub-items-b { display: flex; }
.portfolio-cat-header .sub-items-b a.item { flex-grow: 1; width: 10%; border: 3px solid #206486; padding: 14px 10px 15px; font-size: 24px; line-height: 24px; color: #D6D6D6; }
.portfolio-cat-header .sub-items-b a.item.sel { background: #206486; color: #fff; }
.portfolio-cat-header .sub-items-b a.item:hover {  text-decoration: none; background: #ae0014; border-color: #ae0014; }
.portfolio-cat-header .sub-items-b a.item.sel:hover { text-decoration: none; }

.product-items-list-sm .swiper-container { height: 487px; }
.product-items-list-sm .swiper-wrapper { align-items: center; }
.product-items-list-sm .swiper-slide { width: 1542px; gap: 20px; display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 100%; opacity: 0.3; transition: height 0.3s; /*background: rgba(255,255,255,0.1)*/ }
.product-items-list-sm .swiper-slide.swiper-slide-active { opacity: 1; }
.product-items-list-sm .swiper-slide.swiper-slide-next { height: 291px; }
.product-items-list-sm .swiper-slide.swiper-slide-prev { height: 291px; }

.product-items-list-sm .swiper-slide img { width: 100%; height: 100%; object-fit: cover; transition: 0.3s; font-size: 0; }
.product-items-list-sm .swiper-slide .name { color: #fff; font-size: 26px; line-height: 26px; padding: 0 150px; text-align: center; }
.product-items-list-sm .swiper-slide .bt { display: block; background: #0076b0; color: #fff; text-align: center; padding: 10px 0; font-size: 24px; line-height: 24px; width: 400px; margin-top: 24px; font-weight: 400; }
.product-items-list-sm .swiper-slide .bt:hover { text-decoration: none; }
.product-items-list-sm .swiper-slide .bg { background: rgba(36,36,36,0.6); padding-top: 34px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.product-items-list-sm .swiper-slide .portfolio-stat { position: absolute; top: 48px; /*left: 110px;*/ font-size: 25px; line-height: 30px; font-weight: 400; }

.portfolio-slider { width: 100%; position: relative; }
.portfolio-slider .product-item { position: relative; }
.portfolio-slider .btn { position: absolute; z-index: 1000; top: 210px; width: 50px; height: 50px; background: no-repeat 50% 50%; cursor: pointer; }
.portfolio-slider .btn.swiper-button-disabled { display: none; }
.portfolio-slider .btn:hover { opacity: 0.8; }
.portfolio-slider .btn.prev { left: 50px; background-image: url('/templates/pictures/pic-navi2-left.svg'); }
.portfolio-slider .btn.next { right: 50px; background-image: url('/templates/pictures/pic-navi2-right.svg');  }

.portfolio-cat-items { text-align: left; padding-bottom: 87px; }
.portfolio-cat-items .sub-header { font-size: 24px; line-height: 27px; color: #000; padding: 60px 0 37px; text-align: center; text-align: center; }
.portfolio-cat-items h1.sub-header { text-align: left; padding: 60px 85px 37px; }
.portfolio-cat-items .sub-header a:hover { color: #686868; text-decoration: none; }
.portfolio-cat-items .sub-items { text-align: center;  padding-top: 28px; }
.portfolio-cat-items .sub-items a { display: inline-block; margin-right: 22px; font-size: 20px; line-height: 22px; text-decoration: none; color: #fff; }
.portfolio-cat-items .sub-items a:hover { color: #588fce; text-decoration: none;  }
.portfolio-cat-items .sub-items a.sel { color: #588fce; text-decoration: underline; }
.portfolio-cat-items .sub-header  .arr { opacity: 0.5; display: inline-block; width: 9px; height: 16px; vertical-align: top; margin: 9px 0 0 9px; background: url('/templates/pictures/portfolio-link-arrow.png') no-repeat 0 0; }
.portfolio-cat-items .sub-header  a:hover .arr { opacity: 1;  filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; -webkit-filter: grayscale(1); }
.portfolio-cat-items .product-items-list { gap: 20px; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; margin-top: 28px; }

.portfolio-cat-items .page.seo-text { color: #fff; font-size: 20px; line-height: 24px; margin: 74px auto 0; }

.portfolio-cat-items .show-more { padding: 56px 0 0; text-align: center; }
.portfolio-cat-items .show-more .btn { margin: 0 auto; text-decoration: none; text-align: center; display: inline-block; padding: 11px 20px 12px; min-width: 400px; box-sizing: border-box; background: #206486; color: #fff; font-size: 24px; line-height: 30px; cursor: pointer; }
.portfolio-cat-items .show-more .btn:hover { text-decoration: none; }

/*.product-items-list .product-item { float: left; width: 410px; margin: 0 24px 35px 0; }
.product-items-list .product-item .name { display: block; font-size: 20px; color: #007fc0; padding-top: 18px; }
.product-items-list .product-item .name:hover { text-decoration: underline; }
.product-items-list .product-item a { text-decoration: none; display: block; position: relative; }
.product-items-list .product-item .desc { font-size: 14px; color: #4c4c4c; padding-top: 7px; }*/

.product-items-list .product-item { display: none; }
.product-items-list .product-item.show { display: block; }
.product-items-list .product-item { position: relative; height: 487px; background: #313131;  }
.product-items-list .product-item img { width: 100% !important; height: 100% !important; object-fit: cover; font-size: 0; }
.product-items-list .product-item .bt { display: none; }
.product-items-list .product-item .bg { display: none; }
.product-items-list .product-item .name { font-size: 26px; line-height: 26px; margin: 0 80px 24px; text-align: center; color: #fff; }
.product-items-list .product-item .portfolio-stat { position: absolute; top: 50px; font-size: 25px;  line-height: 30px; font-weight: 400; }
.product-items-list .product-item:hover .bt { display: block; background: #206486; color: #fff; text-align: center; padding: 9px 0 12px; font-size: 24px; line-height: 24px; width: 335px; font-weight: 400; }
.product-items-list .product-item:hover .bt:hover { text-decoration: none; }
.product-items-list .product-item:hover .bg { display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; background: rgba(0,0,0,0.5); padding-top: 35px; left: 0; top: 0; right: 0; bottom: 0; }

.portfolio-other-products .product-items-list .product-item:last-child { padding-right: 0; }


.image-list-placer { background: rgba(0,0,0,0.5);  margin-top: -70px; position: relative; padding-top: 1px; }
.product-photos.data-list-scroll { position: relative; margin: 0 auto; }
.product-photos.data-list-scroll .disable { display: none; }
.product-photos.data-list-scroll td { padding: 0; }
.product-photos .data-list-fader { display: none; position: absolute; top: 4px; bottom: 4px; width: 0; }
.product-photos .data-list-fader.fader-left { left: 0px; /*background: url('/templates/pictures/gallery-nav-fader-left.png') repeat-y;*/ }
.product-photos .data-list-fader.fader-right { right: 0px; /*background: url('/templates/pictures/gallery-nav-fader-right.png') repeat-y;*/ }
.product-photos .data-list-placer { height: 70px; margin: 0 83px 0 83px; overflow: hidden; position: relative; }
.product-photos .data-list { position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.product-photos .data-list-item { position: relative; padding: 0; margin-left: 7px; /*border: 1px solid #cfcbc9;*/ overflow: hidden; font-size: 0; line-height: 0; }
.product-photos .data-list-item a { display: inline-block;  }
.product-photos .data-list-item.sel a {  }
.product-photos .data-list-item img { /*margin: -1px;*/ }
.product-photos .data-list-item.first { margin-left: 0; }
.product-photos .data-list-item .cover { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; }
.product-photos .data-list-item:hover  { border: 3px solid #007fc0; }
.product-photos .data-list-item:hover img  { margin: -3px; }
.product-photos .data-list-item.sel .cover { background: #000; opacity: 0.4; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); }
.product-photos .data-list-item .hover { display: none; }
.product-photos .data-list-btn { /*display: none;*/ position: absolute; width: 77px; height: 70px; top: 0; background: no-repeat 50% 50%; cursor: pointer; }
.product-photos .data-list-btn:hover { background-color: #3e3e3e; }
.product-photos .data-list-btn.disabled { cursor: default; }
.product-photos .data-list-btn.disabled:hover {  }
.product-photos .data-list-btn.next { right: 0; background-image: url('/templates/pictures/gallery-page-right.png'); }
.product-photos .data-list-btn.next:hover { background-image: url('/templates/pictures/gallery-page-right.png'); }
.product-photos .data-list-btn.prev { left: 0; background-image: url('/templates/pictures/gallery-page-left.png'); }
.product-photos .data-list-btn.prev:hover { background-image: url('/templates/pictures/gallery-page-left.png'); }


.portfolio-stat { color: #fff; }
.portfolio-stat table { border-collapse: collapse; width: 100%; }
.portfolio-stat td { padding: 0 50px 0 30px; vertical-align: middle;  }
.portfolio-stat td:last-child { padding-right: 0 !important; }
.portfolio-stat td.area { background: url('/templates/pictures/portfolio-area-w.png') no-repeat 0 50%; }
.portfolio-stat td.time { background: url('/templates/pictures/portfolio-time-w.png') no-repeat 0 50%; }
.portfolio-stat td.place { background: url('/templates/pictures/portfolio-place-w.png') no-repeat 0 50%; }
.portfolio-stat sup { font-size: 11px; line-height: 0;}


.portfolio-item-preview .portfolio-stat {  }
.portfolio-item-preview .portfolio-stat table { margin: 0 auto; width: auto; }
.portfolio-item-preview .portfolio-stat td { height: auto; color: #8c8c8c; height: 28px; padding-right: 40px; }
.portfolio-item-preview .portfolio-stat td:last-child { padding-right: 0; }
.portfolio-item-preview .portfolio-stat td.area { background-image: url('/templates/pictures/portfolio-area-g.png'); }
.portfolio-item-preview .portfolio-stat td.time { background-image: url('/templates/pictures/portfolio-time-g.png'); }
.portfolio-item-preview .portfolio-stat td.place { background-image: url('/templates/pictures/portfolio-place-g.png'); }




.table-about { margin-bottom: 20px; width: 100%; font-size: 14px; color: #262626; }
.table-about td { background: #e0e0e0; }
.table-about .quote { margin: 15px 34px 0; background: url('/templates/pictures/about-quote-r.png') no-repeat 100% 0; padding-right: 40px; padding-top: 18px; }
.table-about .quote div { background: url('/templates/pictures/about-quote-l.png') no-repeat 0 100%; padding-left: 44px; padding-bottom: 5px; }
.table-about .autor { font-weight: bold; margin: 13px 55px 30px 80px; }
.table-about .title { font-size: 24px; margin: 30px 55px 0 80px; }



.contact.placer .contacts-layout > .right { max-width: 550px; }
.account-info { font-size: 18px; line-height: 22px; margin-top: 10px; }
.account-info .row + .row { margin-top: 16px; }
.account-info .columns { display: flex; gap: 30px; }

.about-account { font-size: 18px; margin-top: 40px; color: #3d3d3d; }
.about-files { margin-top: 20px; font-size: 14px; line-height: 17px; letter-spacing: -0.5px; }
.about-files a { display: inline-block; vertical-align: top; margin: 0 20px 27px 0; text-align: center; }
.about-files a span { display: block; width: 97px; height: 134px; margin-bottom: 8px; }
.about-files a img { width: 100%; height: 100%; object-fit: cover;  }


.blog-item { padding: 38px 43px 15px; background: #e0e0e0; margin-bottom: 22px; }
.blog-item.alt { padding: 38px 43px 38px; }
.blog-item a { color: #316cc4;  }
.blog-item .field { overflow: hidden; }
.blog-item .img { float: left;  }
.blog-item .right-col { margin-left: 250px; }
.blog-item .title { margin-top: -3px; }
.blog-item .title a { font-weight: bold; display: inline-block; margin-right: 20px; text-decoration: underline; }
.blog-item .title a:hover { text-decoration: none; }
.blog-item .title .time { color: #949494; display: inline-block; }
.blog-item .anons { padding-top: 10px; }
.blog-item .tags { font-size: 12px; padding-top: 13px; color: #878787; }

.blog-oneitem .tags { font-size: 12px; padding-top: 0px; color: #878787; padding-bottom: 20px; }
.blog-oneitem .tags table { width: 100%; }
.blog-oneitem .tags .right { text-align: right; }
.blog-oneitem .time { color: #949494; font-size: 14px; }
.blog-oneitem .text {  }
.blog-oneitem .allitems { padding: 26px 42px; background: #e0e0e0; border-left: 4px solid #e2001a; }
.blog-oneitem .allitems .title { font-size: 22px; }
.blog-oneitem .allitems .items { font-size: 14px; padding-top: 23px; }
.blog-oneitem .allitems .item {  }
.blog-oneitem .allitems .item span { color: #878787; }
.blog-oneitem .allitems .item a { color: #316cc4; }
.blog-oneitem .social { margin-bottom: 40px; }
.blog-oneitem .social .title { font-size: 22px; padding-right: 20px; }

.style-place { margin-right: -22px; }

.style-item { padding: 38px 43px 25px; background: #e0e0e0; margin-bottom: 22px; width: 310px; margin-right: 22px; vertical-align: top; display: inline-block; }
.style-item.alt { padding: 38px 43px 38px; }
.style-item a { color: #316cc4;  }
.style-item .field { }
.style-item .img { height: 210px;  }
.style-item .right-col { margin-left: 250px; }
.style-item .title { margin-top: 10px; height: 45px; overflow: hidden;  }
.style-item .title a { font-weight: bold; display: inline-block; text-decoration: underline; }
.style-item .title a:hover { text-decoration: none; }
.style-item .title .time { color: #949494; display: inline-block; }
.style-item .anons { padding-top: 10px; }

.navigator-placer { padding: 8px 18px; margin-bottom: 20px; font-size: 22px; line-height: 25px; }
.navigator { }
.navigator td { padding: 2px 5px; white-space: nowrap; vertical-align: middle; }
.navigator td.l { padding-left: 0; padding-top: 3px; }
.navigator td.r { padding-right: 0; padding-top: 3px; }
.navigator td.dot {  color: #316cc4; }
.navigator td.dot span {  color: #316cc4; display: inline-block; padding: 6px 12px; text-decoration: none; background-color: #e0e0e0; }
.navigator a { color: #316cc4; display: inline-block; padding: 6px 12px; text-decoration: none; background-color: #e0e0e0; }
.navigator a:hover {  background-color: #c9c9c9; }
.navigator span.sel { color: #fff; display: inline-block; padding: 6px 12px; background-color: #e2001a; }
.navigator .text { vertical-align: top; padding-top: 3px; padding-right: 10px; }
.navigator .arrow { width: 10px; }
.navigator .arrow.right { background-image: url('/templates/pictures/navigator-right.png'); background-repeat: no-repeat; background-position: 50% 50%; }
.navigator .arrow.left { background-image: url('/templates/pictures/navigator-left.png'); background-repeat: no-repeat; background-position: 50% 50%; }

.tags-cloud { text-align: center; padding: 40px 0 40px; }
.tags-cloud a { display:inline-block; margin: 0 20px; color: #316cc4; line-height: 32px; }


.section-place {}
.section-place .section-item { background: #3b3b3b; padding: 55px 58px; color: #fff; }
.section-place .section-item h1 { text-align: center; margin-top: -25px; padding-bottom: 30px; }
.section-place .section-item.odd { background: #262626; }
.section-place .section-item table { font-size: 18px; line-height: 22px; }
.section-place .section-item table td { vertical-align: top; }
.section-place .section-item table td.employer { text-align: center; background: url('/templates/pictures/person-text-arrrow-white.png') no-repeat 100% 0; }
.section-place .section-item table td.text p:last-child { margin-bottom: 0; }
.section-place .section-item table .img { padding-right: 54px; margin-bottom: 19px;  }
.section-place .section-item table .img.pointer { cursor: pointer; }
.section-place .section-item table .name { padding-right: 54px;  }
.section-place .section-item table .position { padding-right: 54px; font-size: 14px;  }
.section-place .section-item table td.text { color: #d2d2d2; padding-left: 45px;  }
.section-place .section-item table td.text p:first-child { margin-top: 0; }
.section-place .section-name { font-size: 30px; line-height: 34px; }
.section-place .section-text { color: #969696; font-size: 18px; line-height: 22px; margin-top: 22px; }
.section-place .photo-place {}
.section-place .photo-place .photo { display: inline-block; width: 128px; height: 128px; margin-top: 42px; position: relative; overflow: hidden; cursor: default; }
.section-place .photo-place .photo.pointer { cursor: pointer; }
.section-place .photo-place .photo img {}
.section-place .photo-place .photo span { display: none; padding: 0 10px; width: 108px; height: 128px; vertical-align: middle; text-align: center; background: #dc0019; font-size: 12px; line-height: 15px;  }
.section-place .photo-place .photo:hover img { display: none; }
.section-place .photo-place .photo:hover span {  display: table-cell; }

.portfolio-tab { text-align: center;  margin: 30px 0 40px; }
.portfolio-tab .tab-header { display: inline-block; font-size: 18px; line-height: 18px; color: #fff; border: 1px solid #fff; padding: 10px 20px; cursor: pointer; }
.portfolio-tab .tab-header.sel { background: #fff; color: #000; }
.portfolio-tab-content {}
.portfolio-tab-content .tab-content-item { display: none; }
.portfolio-tab-content .tab-content-item.sel { display: block; }






.compact-layout {  }
.compact-layout .layout-block { /*width: 1180px;*/ max-width: 1430px; padding: 0 80px; margin: 10px auto 0; }
.about-place { background: #262626 no-repeat center center; background-size: cover; color: #fff; padding: 0 0 98px; }
.about-place table { width: 100%; }
.about-place table td { vertical-align: top; }
.about-place table td.employer { width: 256px; padding-right: 48px; text-align: center; }
.about-place table td.employer .name { font-size: 22px; line-height: 28px; margin-top: 35px; }
.about-place table td.employer .position { font-size: 18px; line-height: 25px; }
.about-place table td.text {  }
.about-place table .quota { font-size: 18px; line-height: 25px; padding: 0 15px 46px 0; }
.about-place table .quota > :first-child { margin-top: 0; }
.about-place table .quota > :last-child { margin-bottom: 0; }

.about-place .breadcrumbs { text-align: center; }
.about-place .breadcrumbs a { color: inherit; }
.about-place .breadcrumbs a:hover { color: inherit; }
.about-place h1 { text-align: center; }

.about-place table .photo { width: 569px; height: 550px; position: relative; display: inline-block; }
.about-place table .photo:before { z-index: 0; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(237,237,237,0.45); /*filter: blur(1px);*/ }
.about-place table .photo img { z-index: 1; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); }
.about-place table .photo .desc { z-index: 2; position: absolute; left: 0; bottom: 0; right: 0; padding: 23px 0; font-size: 20px; line-height: 25px; overflow: hidden; }
.about-place table .photo .desc .bg { z-index: 1; position: absolute; left: 0; bottom: 0; right: 0; top: 0; background: no-repeat center bottom; filter: blur(3px); }
.about-place table .photo .desc .fon { z-index: 2; position: absolute; left: 0; bottom: 0; right: 0; top: 0; background: rgba(38,38,38,0.7) no-repeat center bottom; }
.about-place table .photo .desc .t { z-index: 3; position: relative; font-weight: 400; }

.about-place table .history { font-size: 18px; line-height: 25px; font-weight: 200; position: relative; padding-left: 56px; }
.about-place table .history:before { content: ""; position: absolute; left: 11px; top: 6px; bottom: 0; border-left: 1px solid #fff; }
.about-place table .history .row { position: relative; }
.about-place table .history .row > :first-child { margin-top: -6px; }
.about-place table .history .row:before { content: ""; width: 23px; height: 23px; background: #fff; border-radius: 50%; position: absolute; left: -56px; top: 30px; }
.about-place table .history .row + .row { margin-top: 45px; }
.about-place table .history .big { font-size: 36px; line-height: 40px; font-weight: bold; margin-bottom: -12px; display: block; }
.about-place table .history strong { font-weight: 400; }

.employee-place { padding: 80px 0 85px; background: url('/templates/pictures/employee-bg.jpg') no-repeat 50% 50%; background-size: cover; }
.employee-place .title { font-size: 48px; line-height: 52px; color: #fff; text-align: center; padding-bottom: 60px; }
.employee-place .employee-item { display: inline-block; vertical-align: top; width: 323px; height: 395px; position: relative; overflow: hidden; cursor: default; }
.employee-place .employee-item.pointer { cursor: pointer; }
.employee-place .employee-item img {}
.employee-place .employee-item span { display: none; color: #fff; padding: 0 20px; width: 235px; height: 235px; vertical-align: middle; text-align: center; background: #dc0019; font-size: 21px; line-height: 22px;  }
.employee-place .employee-item span em { display: block; font-size: 18px; font-style: normal; margin-top: 10px; }
.employee-place .employee-item:hover img { display: none; }
.employee-place .employee-item:hover span {  display: table-cell; }

.section-block-m-placer { text-align: center; background: url('/templates/pictures/company-structure-bg2.webp') no-repeat 50% 50%; background-size: cover; padding-bottom: 148px; position: relative; }
.section-block-m-placer:before { content: ""; z-index: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(38,38,38,0.5); }
.section-block-m-placer .pl { max-width: 1452px; margin: 0 auto; z-index: 1; position: relative; }
.section-block-m { width: 100%; table-layout: fixed; border-spacing: 20px; border-collapse: separate; margin: 0 auto;  }
.section-block-m .s-block { display: flex; background: rgba(38,38,38,0.8); padding: 78px 60px 85px 88px; color: #fff;  }
.section-block-m .title { color: #fff; margin: 42px auto 56px;  display: inline-block; font-size: 48px; line-height: 50px; }
.section-block-item { text-align: left; flex-grow: 1; flex-shrink: 0; padding: 0 50px 0 38px; }
.section-block-item + .section-block-item { border-left: 1px solid #fff; }
.section-block-item .section-name { font-size: 26px; line-height: 32px; font-weight: 400; margin-bottom: 17px; }
.section-block-item .section-text { font-size: 18px; line-height: 25px; padding: 0 0 0 20px; margin: 0; }
.section-block-item .section-text li + li { margin-top: 19px; }

.employee-place-m { padding: 35px 0 78px;  }
.employee-place-m .layout-block { position: relative; }
.employee-place-m .title { font-size: 48px; line-height: 52px; text-align: center; padding-bottom: 51px; }
.employee-place-m .employee-item { display: inline-block; vertical-align: top; width: 323px; height: 395px;  position: relative; overflow: hidden; cursor: default; }
.employee-place-m .employee-item.pointer { cursor: pointer; }
.employee-place-m .employee-item img { width: 100%; height: 100%; object-fit: cover; }
.employee-place-m .employee-item span.fio { position: absolute; left: 0; right: 0; bottom: 0; min-height: 59px; display: flex; flex-direction: column; justify-content: center; color: #fff; background: rgba(38,38,38,0.8); padding: 7px 15px 9px; text-align: center; font-size: 18px; line-height: 22px; font-weight: 400;  }
.employee-place-m .employee-item span.fio em { font-weight: 300; display: block; font-size: 15px; line-height: 18px; font-style: normal; margin-top: 4px; }
.employee-place-m .employee-items-place { max-width: 1430px; margin: 0 auto; padding: 0 70px; /*position: relative;*/ }
.employee-place-m .employee-items-place .btn { width: 54px; height: 66px; position: absolute; top: 265px; background: rgba(55,55,55,0.5) no-repeat 50% 50%; cursor: pointer; }
.employee-place-m .employee-items-place .btn.swiper-button-disabled { display: none; }
.employee-place-m .employee-items-place .btn.prev { left: 0; background-image: url('/templates/pictures/pic-navi2-left.svg'); }
.employee-place-m .employee-items-place .btn.next { right: 0; background-image: url('/templates/pictures/pic-navi2-right.svg');  }
.employee-place-m .swiper-container {   }


.questions-place .question-title { background: #075883 url('/templates/pictures/offer-select-arrow-down.png') no-repeat 51px 50%; padding: 0 51px; }
.questions-place .question-title div { background: url('/templates/pictures/offer-select-arrow-down.png') no-repeat 100% 50%; text-align: center; font-size: 48px; line-height: 52px; color: #fff; padding: 20px 0; }

.compact-layout .question-layout { width: 940px; margin: 0 auto; }
.questions-form-place { position: relative; padding: 36px 0 125px; background: url('/templates/pictures/faq-form-bg.webp') no-repeat 50% 50%; background-size: cover; }
.questions-form-place:before { content: ""; z-index: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(38,38,38,0.7); }
.questions-form-place .question-layout { z-index: 1; position: relative; }
.questions-form-place .title { font-size: 48px; line-height: 52px; color: #fff; text-align: center; margin-bottom: 76px; }

.questions-place { background: #ebebeb; padding: 41px 0 102px; }
.questions-place .title { font-size: 48px; line-height: 52px; color: #262626; text-align: center; margin-bottom: 36px; }

.question-title { font-size: 48px; line-height: 50px; text-align: center; padding: 51px 0 36px; }
.question-list { font-size: 22px; line-height: 30px;  }
.question-list .item { background: #fff;  }
.question-list .item + .item { margin-top: 4px; }
.question-list .item .q-block { padding: 12px 50px 15px; background: #206486; cursor: pointer; position: relative; }
.question-list .item .q-block:after { content: ""; position: absolute; right: 40px; top: 16px; width: 26px; height: 26px; background: #206486 url('/templates/pictures/pic-dropdown.svg') no-repeat center center; transition: 0.3s; }
.question-list .item .q {}
.question-list .item .q-text {  color: #fff; }
.question-list .item .a-block { display: none; }
.question-list .item .open + .a-block { display: block; }
.question-list .item .q-block.open:after { transform: rotate(-180deg); }
.question-list .item .a-block > div { padding: 30px 50px 30px; }
.question-list .item .a-block table { width: 100%; }
.question-list .item .employee { width: 130px; vertical-align: top; }
.question-list .item .employee img { width: 107px; height: 107px; margin-top: 6px; object-fit: contain; }
.question-list .item .t { vertical-align: top; font-size: 22px; color: #272727; }
.question-list .item .t .name { font-size: 16px; color: #888888; }
.question-list .page-loader { text-align: center; margin: 4px 0; }
.question-list .page-loader a { text-decoration: none; font-size: 22px; color: #2d65b7; background: url('/templates/pictures/show-more-arrow.png') no-repeat 100% 50%; padding-right: 30px;}
.question-list .page-loader a:hover { opacity: 0.8; }

.question-form {}
.question-form textarea { display: block; width: 100%; box-sizing: border-box; resize: none; padding: 37px 30px 36px; border: none; font-size: 22px; font-weight: 300; line-height: 25px; margin: 0; background: rgba(255,255,255,0.8); }
.question-form textarea::placeholder { color: #949494; }
.question-form .button { display: block; text-align: center; background: #206486; font-size: 28px; font-weight: 400; color: #fff; padding: 6px 21px 9px; cursor: pointer; }
.question-form .button:hover { background: #ae0014; }


.how-we-work.min-top { padding-top: 0; margin-top: -50px; }
.how-we-work.compact-layout .layout-block { max-width: 1600px; min-width: 1000px; width: 100%; margin: 0 auto; box-sizing: border-box; }
.how-we-work { position: relative; padding: 34px 20px 108px; background: #262626; }
.how-we-work .question-layout { z-index: 1; position: relative; }
.how-we-work .title { font-size: 48px; line-height: 52px; color: #fff; text-align: center; margin-bottom: 46px; }
.how-we-work .video {  height: 682px; flex-grow: 1; cursor: pointer; position: relative; font-size: 0; overflow: hidden;  }
.how-we-work .video .after { opacity: 0.4; }
.how-we-work .video:before { content: ""; z-index: 1; position: absolute; left: 50%; top: 43%; margin: -25px 0 0 -36px; width: 72px; height: 50px; background: url('/templates/pictures/pic-play-movie.svg') no-repeat 50% 50%; }
.how-we-work .video .img {  background: no-repeat 50% 50%; width: 100%; height: 100%; transition: transform 1s ease-in-out,-webkit-transform 1s ease-in-out; background-size: cover; }
.how-we-work .video .desc { position: absolute; left: 0; bottom: 0; right: 0; min-height: 122px; padding: 20px 250px 20px 40px; font-weight: 500; box-sizing: border-box; display: flex; align-items: center; background: rgba(255,255,255,0.8) url('/templates/pictures/pic-logo-sm-black.svg') no-repeat right 40px bottom 35px; font-size: 26px; line-height: 27px; color: #111;   }
.how-we-work .video iframe { position: absolute; top:0; left: 0; width: 0; height: 0; }
.how-we-work .video:hover  { }
.how-we-work .video:hover iframe {}
.how-we-work .video:hover .img { transform: scale(1.03); }
.how-we-work .video .after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #000; opacity: 0.3; cursor: pointer; transition: opacity 1s ease-in-out,-webkit-opacity 1s ease-in-out;  }
.how-we-work .video:hover .after { opacity: 0; }

.client-card { background: #262626; }
.client-card .layout { width: 1130px; margin: 0 auto; padding: 40px 0 45px; }
.client-card .title { text-align: center; font-size: 48px; line-height: 52px; color: #fff; margin-bottom: 50px;  }
.client-card table { width: 100%; table-layout: fixed;  }
.client-card td { vertical-align: middle; text-align: left; padding: 30px 0; color: #fff; font-size: 18px; line-height: 20px; }
.client-card td.discont { background: url('/templates/pictures/card-pic-discont.png') no-repeat 0 50%; padding-left: 97px; }
.client-card td.promo { background: url('/templates/pictures/card-pic-promo.png') no-repeat 0 50%; padding-left: 97px; }
.client-card td.add { background: url('/templates/pictures/card-pic-add.png') no-repeat 0 50%; padding-left: 97px; }
.client-card td.r { text-align: right; }
.client-card .link a { text-decoration: none; font-size: 20px; display: inline-block; background: #0076b0; padding: 7px 20px; color: #fff; }
.client-card .link a:hover { background: #ff0014; }


.v-hover { position: relative; font-size: 0; overflow: hidden;  height: 306px; }
.v-hover iframe { position: absolute; top:0; left: 0; width: 0; height: 0; }
.v-hover .img { background: no-repeat 50% 50%; background-size: 100%; width: 100%; height: 100%; transition: transform 1s ease-in-out,-webkit-transform 1s ease-in-out; }
.v-hover:hover  { background-size: 110%; }
.v-hover:hover iframe {}
.v-hover:hover .img { transform: scale(1.1); }
.v-hover .after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #000; opacity: 0.3; cursor: pointer; transition: opacity 1s ease-in-out,-webkit-opacity 1s ease-in-out;  }
.v-hover:hover .after { opacity: 0; }

/*----------------------------------------------------------------------------*\
                              ��������� �������� 
\*----------------------------------------------------------------------------*/

.ui-select { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: auto; position: relative; padding-right: 45px; margin-bottom: 11px; /*z-index: 3000000;*/   }
.ui-select-input { display: block; color: #000; font-size: 14px; line-height: 17px; /*border: 1px solid #000; border-right: none;*/ background: #CCCCCC; /*border-radius: 6px 0 0 6px;*/  padding: 13px 0px 13px 12px; overflow: hidden; white-space: nowrap; z-index: 3010000; cursor: pointer; }
.ui-select-input-open { /*border-radius: 6px 0 0 0;*/ }
.ui-select-button { display: block; /*border: 1px solid #000; border-left: none;*/ /*border-radius: 0 6px 6px 0;*/ position: absolute; top: 0; right: 0; width: 45px; bottom: 0; cursor: pointer; z-index: 3001000; background: #e2001a url('/templates/pictures/ui-select-ico-down.png') 50% 50% no-repeat; }
.ui-select-button-open { background-image: url('/templates/pictures/ui-select-ico-up.png'); /*border-radius: 0 6px 0 0;*/ }
.ui-select-fader { position: absolute; top: 0; bottom:0; right: 45px; width: 14px; background: url('/templates/pictures/ui-select-fader.png') repeat-y; }
.ui-select-layer { display: block; position: absolute; border-collapse: separate; top: 43px; right: 0; left: 0; max-height: 300px; background: #cccccc; border: 1px solid #ccc; border-top: 1px dotted #626262; /*border-radius: 0 0 6px 6px;*/ visibility: hidden; overflow: auto; z-index: 9002000; }
.ui-select-list { display: block; z-index: 9003000; height: auto; overflow: hidden; }
.ui-select-item { display: block; font-size: 12px; line-height: 17px; color: #000; text-decoration: none; padding: 5px 8px 5px 8px; cursor: pointer; }
.ui-select-item:hover { color: #000; background: #c1bfbf;  } 
.ui-select-item.disabled { font-size: 13px; font-weight: bold; color: #fff; background: #626262; padding: 8px 8px 8px 8px; cursor: default; }

/*.ui-select-item.odd { background: #e5eefe; }
.ui-select-item.odd:hover { background: #d3e0f2; }*/
.ui-select-item.selected { /*font-weight: bold;*/ color: #fff; background: #969696; }
.ui-select-item.selected:hover { background: #7f7f7f; }


.ui-file { position: relative; display: inline-block; overflow: hidden; margin-bottom: 17px; }
.ui-file-input { position: absolute; height: 100px; cursor: pointer; background: transparent; border: 0; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); z-index: 999;  }
.ui-file-disabled { opacity: .5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); cursor: default;  }
.ui-file-filename { font-size: 14px; line-height: 16px; background: #cccccc; color: #262626; display: block; padding: 13px 0 13px 12px; overflow: hidden; white-space: nowrap; position: relative; }
.ui-file-filename span { display: none; }
.ui-file-fader { position: absolute; display: block; width: 25px; top: 0; right: 0; bottom: 0; /*background: url('/templates/pictures/ui-file-fader.png') repeat-y; */}
.ui-file-button { float: right; cursor: pointer; background: #b8b8b8; color: #FFFFFF; font-size: 20px; line-height: 24px; padding: 8px 24px; height: 26px; }
.ui-file-button.hover { background: #a8a7a7; }
.ui-file-icon { /*display: inline-block; width: 16px; height: 16px; vertical-align: top; padding-right: 5px; */ }
.mail-form.alter .ui-file { width: 479px; }

.sitemap-item { margin-bottom: 3px; }
.sitemap-item a { color: #189BD3; }

/*----------------------------------------------------------------------------*\
                                ���������� ����
\*----------------------------------------------------------------------------*/
.dialog-place, .place-helper, .tooltip-place { position:absolute; top: 0px; left: 0px; width: 0px; height: 0px; z-index: 2147483647; }
.dialog-place-bg { position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; z-index: 3001; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); opacity: 0.8; background: #000; z-index: 10001;}
.dialog-place-bg.preview { position: fixed; right: 0px; bottom: 0px; height: auto; width: auto; }
.dialog-place-bg.transparent { background: none; }

.dialog-content-help { cursor: pointer; background: #fff; opacity: 0;  width: 310px; padding: 25px; color: #000; font-size: 12px; box-shadow: #555 0px 0px 6px; }

.tooltip { z-index: 100100; position: absolute; background: #eb8c3c; border: 2px solid #f7aa76; font-size: 12px; color: #fff; border-radius: 5px; padding: 3px 10px; max-width: 200px; }
.dialog { z-index: 10010; position: absolute; }
.dialog.preview { position: fixed; margin: 24px; background: #FFF; border-radius: 15px; padding: 15px 25px 20px 25px;  }
.dialog-content { opacity: 0; border-collapse: separate; background: #fff; border: none; font-size: 14px; line-height: 22px; padding: 0px; width: 510px; box-shadow: 0 0 5px #444444; border: 15px solid; border-top-color: #c5c5c5; border-right-color: #dbdbdb; border-left-color: #dbdbdb; border-bottom-color: #e2001a; }
.dialog-content-bg { padding: 55px 55px 55px 55px; }
.borderless .dialog-content-bg { padding: 0; }
.small .dialog-content-bg { padding: 20px; }
.dialog-title { font-size: 36px; line-height: 38px; font-style: normal; text-align: center; padding: 0; margin: 0; font-weight: normal; padding-bottom: 30px; }
.dialog-close { position: absolute; font-size: 0; line-height: 0; top: 30px; right: 30px; width: 38px; height: 38px; background: #fff url('/templates/pictures/dialog-close.png') no-repeat 50% 50%;  }
.dialog-close:hover { }

.dialog .main-dialog.dialog-page { overflow: auto; }

.dialog-buttons a { display: inline-block; margin-right: 10px; padding: 12px 40px 13px; color: #fff; font-size: 22px; background: #E2001A; text-decoration: none; }
.dialog-buttons a:hover { text-decoration: none; background: #f42a41; }
.dialog-function { padding: 20px 0 5px; }
.btn-line { margin-left: 12px; }

.preloader { display: none; z-index: 2147483647; }
.preloader .bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #fff; opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); z-index: 2147483647; }
.preloader .animation { position: fixed; top: 0; left: 0; width: 50px; height: 50px; z-index: 2147483647; border-radius: 30px; background: /*#fff*/url('/templates/pictures/preloader.gif') no-repeat 50% 50%; }

.page-comment { font-size: 16px; }




.block-media-next { display: inline-block; width: 30px; height: 30px; background: url('/templates/pictures/pic-navi1-right.svg') no-repeat 50% 50%; cursor: pointer; }
.block-media-prev { display: inline-block; width: 30px; height: 30px; background: url('/templates/pictures/pic-navi1-left.svg') no-repeat 50% 50%; cursor: pointer; }
.instagram-block .block-media-next { position: absolute; right: -80px; top: 50%; margin-top: -15px; }
.instagram-block .block-media-prev { position: absolute; left: -80px; top: 50%; margin-top: -15px;  }

.instagram-block { padding: 45px 0 63px; }
.instagram-block .landing-block-header { font-size: 48px; line-height: 110%; }
.instagram-block .landing-block-header a { color: #d6000e; }
.instagram-block .landing-block-header a:hover { text-decoration: none; position: relative; }
.instagram-block .landing-block-header a:hover:after { content: ""; position: absolute; left: 0; right: 0; bottom: 10px; border-bottom: 1px solid #d6000e; }
.instagram-block .info { font-size: 22px; line-height: 24px; font-weight: 200; text-align: center; margin-top: 35px; }



.instagram-block .insta { margin: 21px 100px 0; }
.instagram-photo-slider a { margin: 0 15px 30px; position: relative; display: inline-block; vertical-align: top; }
.instagram-photo-slider a .caption { color: #fff; font-size: 18px; line-height: 21px; font-weight: 400; display: none; position: absolute; left: 0; bottom: 0; right: 0; top: 0; padding: 36px 30px; background: rgba(36,36,36,0.6); }
.instagram-photo-slider a .caption span { display: block; /*min-height: 100px; max-height: 150px;*/ overflow: hidden; }
.instagram-photo-slider a:hover .caption { display: block; }
.instagram-photo-slider a:hover:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); }
.instagram-photo-slider img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

.instagram-photo-slider { height: auto; }
.instagram-photo-slider.slider-placer .swiper-slide { text-align: left; height: auto; background: #fff; width: auto; margin: 0; overflow: hidden; }

.instagram-block .swiper-btn-placer { position: relative; padding: 0; }
.insta .swiper-btn-placer .data-list-btn {  }
.insta .swiper-btn-placer .data-list-btn.next { right: 0px}
.insta .swiper-btn-placer .data-list-btn.prev { left: 0px }

.instagramm-page { max-width: 1631px; min-width: 1152px;  margin: 0 auto; }

@media only screen and ( max-width: 1600px ) {
    .product-items-list-sm .swiper-slide { width: 1260px; }

    .swiper-slide .portfolio-stat td { padding-right: 20px; }

}

@media only screen and ( max-width: 1500px ) {
    .calc-tab-body .top { padding-left: 50px; padding-right: 50px; }
    .calc-tab-body .bottom { padding-left: 50px; padding-right: 50px; }
    .calc-tab-item { padding-left: 40px; padding-right: 40px; }
    .service-page.service-calc { width: 1157px; padding-left: 20px; padding-right: 20px }
    .calc-placer .detail-info { width: 330px; }
    .calc-tab-body .right { padding-left: 40px; width: 303px; flex-shrink: 0; }
    .calc-tab-body .right > div {  }

}


@media only screen and ( max-width: 1400px ) {
    .main-response .img-response { padding-left: 40px; padding-right: 40px; }
    .main-response .video-response { padding-left: 40px; padding-right: 40px; }
    .main-response .video-response .data-list-btn.next { right: 0; }
    .main-response .video-response .data-list-btn.prev { left: 0; }

    .pagefix { width: 1150px; }
    .about-files a span { width: 119px; height: 170px; }

}

@media only screen and ( max-width: 1300px ) {
    .product-items-list-sm .swiper-slide { width: 1170px; }
}

@media only screen and ( max-width: 1260px ) {
    .main-response .img-response .text { font-size: 17px; line-height: 21px; }
}



@media (max-width: 1430px) {
    /*.instagram-block .swiper-btn-placer { padding: 0 20px; }
    .instagramm-page { width: 1240px; margin: 0 auto; }
    .instagram-photo-slider a { width: 270px; overflow: hidden; }
    .instagram-block .block-media-next { right: 0; }
    .instagram-block .block-media-prev { left: 0; }*/

}


@media only screen and ( max-width: 1430px ) {
    /*.main-response .img-response { border-right: none; padding: 38px 48px 16px 48px; width: 505px; }
    .main-response .video-response { padding: 30px 10px 30px 48px; }
    .main-response .video-response.data-list-scroll .viewport { width: 504px; }
    .main-response .img-response.data-list-scroll .viewport { width: 545px; }
    .main-response .img-response .text { width: 208px; font-size: 17px; }
    .main-response .img-response .data-list-item {  }*/
    /*.main-response .img-response { width: 504px; }*/

}

/*Custom*/
.new-h1 {
	width: 100%;
    text-align: center;
    background: url(/templates/pictures/service-breadcrumbs-bg.png) repeat;
    color: #fff;
    padding: 10px 0 10px;
    font-size: 50px;
    position: absolute;
}

.new-h2 {

}

.new-h1-main {
	width: 100%;
    text-align: center;
    background: url(/templates/pictures/service-breadcrumbs-bg.png) repeat;
    color: #fff;
    padding: 15px 0 15px;
    font-size: 50px;
    position: absolute;
}

.top.alt br {
	display: none;
}

.landing-header .header-order-block .top.alt {
	padding-bottom: 20px !important;
}


.text-collapsed { overflow: hidden; height: 136px; position: relative; }
.text-collapsed:after { content: ""; height: 30px; position: absolute; left: 0; bottom: 0; right: 0; background: linear-gradient(to top, #fff, transparent); }
.text-collapsed.open:after { display: none; }
.item-history .show-more { padding: 56px 0 0; text-align: center; }
.item-history .show-more .btn { margin: 0 auto; text-decoration: none; text-align: center; display: inline-block; padding: 11px 20px 12px; min-width: 400px; box-sizing: border-box; background: #0076B0; color: #fff; font-size: 24px; line-height: 30px; cursor: pointer; }
.item-history .show-more .btn:hover { text-decoration: none; background: #ae0014; }


.main-portfolio-block { background: #262626; padding: 15px 20px 80px; }
.main-portfolio-block .product-items-list { max-width: 1542px; margin: 33px auto 0; gap: 20px; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto;  }
.main-portfolio-block .show-more { padding: 56px 0 0; text-align: center; }
.main-portfolio-block .show-more .btn { margin: 0 auto; text-decoration: none; text-align: center; display: inline-block; padding: 11px 20px 12px; min-width: 400px; box-sizing: border-box; background: #206486; color: #fff; font-size: 24px; line-height: 30px; cursor: pointer; }
.main-portfolio-block .show-more .btn:hover { text-decoration: none; background: #ae0014; }

.portfolio-info-btn { display: inline-block; width: 100%; color: #fff; font-weight: 400; text-align: center; padding: 19px 0; font-size: 24px; line-height: 30px; border: 2px solid #0076b0; text-decoration: none; cursor: pointer; }
.portfolio-info-btn:hover { color: #0076b0; text-decoration: none; }
.portfolio-info-btn.dark {  background: #0076b0; }
.portfolio-info-btn.dark:hover { color: #fff; background: #118fcd; border-color: #118fcd; }

.item-project { background: #262626; color: #fff; }
.item-project .portfolio-title { color: #fff; text-align: center; padding: 28px 0 26px; }
.item-project .response .portfolio-title { font-size: 14px; line-height: 22px; font-weight: bold; padding-top: 50px; }
.item-project td { color: #fff; }
.portfolio-text-bg { background: transparent; padding: 0; }
.item-history  { padding-top: 22px; }
.item-history .portfolio-title { color: #000; font-size: 30px; text-align: center; padding: 44px 0 37px; }

.portfolio-worker-placer {  }
.portfolio-worker-placer .portfolio-subtitle { margin: 0 0 36px }

.portfolio-info-layout { display: flex; }
.portfolio-info-layout .info { flex-grow: 1; font-size: 20px; line-height: 25px; display: flex; flex-direction: column; }
.portfolio-info-layout .info strong { font-weight: 400; }
.portfolio-info-layout .info b { font-weight: 400; }
.portfolio-info-layout .portfolio-worker-placer { width: 586px; flex-shrink: 0; margin-left: 148px; }
.portfolio-info-layout .portfolio-worker { display: grid; gap: 44px 46px; grid-template-columns: 1fr 1fr; grid-auto-rows: 331px;  }
.portfolio-info-layout .portfolio-worker > div {  position: relative;  }
.portfolio-info-layout .portfolio-worker > div img {  width: 100%; height: 100%; object-fit: cover; }
.portfolio-info-layout .portfolio-worker > div .name { position: absolute; display: flex; flex-direction: column; justify-content: center; z-index: 1; left: 0; bottom: 0; right: 0; background: rgba(38,38,38,0.8); color: #fff; padding: 6px 20px 10px; min-height: 48px; text-align: center; font-size: 16px; line-height: 19px; }
.portfolio-info-layout .portfolio-worker > div .name :first-child { font-size: 18px; line-height: 20px; font-weight: 400; }
.portfolio-info-layout .portfolio-worker > div .name :last-child { font-size: 12px; line-height: 15px; margin-top: 3px; }




.main-footer-n { background: #262626; color: #fff; padding: 0 95px 48px; font-style: normal; font-weight: 300; line-height: normal;  }
.main-footer-n a { color: #fff; text-decoration: none;  }
.main-footer-n a:hover { color: #007fc0; text-decoration: none; }
.main-footer-n .mf-row { display: flex; gap: 80px;  }
.main-footer-n .mf-row.first { padding: 40px 0 55px 0; }
.main-footer-n .mf-row.first > div { flex-shrink: 0; min-width: 170px; }
.main-footer-n .mf-row.first > div.cat { min-width: 270px; margin-right: -50px; }
.main-footer-n .mf-row.first .mf-col-1 { flex-grow: 1; flex-shrink: 1 }
.main-footer-n .mf-row.last { border-top: 2px solid #fff; padding: 20px 0 0 0; justify-content: space-between; font-size: 16px;  }
.main-footer-n .copy { font-size: 14px; font-style: normal; font-weight: 300; line-height: normal; margin-top: 25px; }
.main-footer-n .title { font-size: 28px; font-weight: 400; margin-bottom: 25px; margin-top: 16px; }
.main-footer-n .item { font-size: 20px;}
.main-footer-n .item.arrow > a { display: flex; gap: 7px; align-items: center;  }
.main-footer-n .item.arrow > a:after { content: ""; margin-top: 2px; width: 13px; height: 13px; background: url('/templates/pictures/footer-arrow.svg') no-repeat 50% 50%; }
.main-footer-n .item.arrow > a.open:after { transform: rotate(-180deg); }
.main-footer-n .item.arrow > .open + .subitems-placer { display: block;  }
.main-footer-n .item + .item { margin-top: 8px; }
.main-footer-n .subitems-placer { margin-top: 8px; overflow: hidden; display: none; }
.main-footer-n .subitems-placer a { color: #8C8C8C; }
.main-footer-n .subitems-placer a:hover { color: #007fc0; }
.main-footer-n .item.footer-social { margin-top: 10px; }
.main-footer-n .social { display: flex; gap: 16px; }
.main-footer-n .social > * { font-size: 0; width: 33px; height: 33px; background: no-repeat 0 0; background-size: 33px 33px; }
.main-footer-n .social > .wa { background-image: url('/templates/pictures/pic-contact-wa.svg'); }
.main-footer-n .social > .wa:hover { background-image: url('/templates/pictures/pic-contact-wa-sel.svg'); }
.main-footer-n .social > .tg { background-image: url('/templates/pictures/pic-contact-tg.svg'); }
.main-footer-n .social > .tg:hover { background-image: url('/templates/pictures/pic-contact-tg-sel.svg'); }
.main-footer-n .social > .vk { background-image: url('/templates/pictures/pic-contact-vk.svg'); }
.main-footer-n .social > .vk:hover { background-image: url('/templates/pictures/pic-contact-vk-sel.svg'); }
.main-footer-n .social > .yt { background-image: url('/templates/pictures/pic-contact-yt.svg'); }
.main-footer-n .social > .yt:hover { background-image: url('/templates/pictures/pic-contact-yt-sel.svg'); }

@media (max-width: 1850px) {
    .main-footer-n { padding-left: 40px; padding-right: 40px; }
    .main-footer-n .mf-row { gap: 40px;  }
    .main-footer-n .mf-row.first > div.cat { margin-right: -25px; }

}
@media (max-width: 1400px) {
    .main-footer-n .item { font-size: 17px; }
    .main-footer-n { padding-left: 30px; padding-right: 30px; }
    .main-footer-n .mf-row { gap: 25px;  }
    .main-footer-n .mf-row.first > div.cat { min-width: 250px; }
}


.show-more-common { padding: 40px 0 0; text-align: center; }
.show-more-common .btn { margin: 0 auto; text-decoration: none; text-align: center; display: inline-block;  padding: 11px 20px 12px;  min-width: 400px; box-sizing: border-box; background: #206486; color: #fff; font-size: 24px; line-height: 30px; cursor: pointer; }
.show-more-common .btn:hover { text-decoration: none; background: #ae0014; }





.main-formorder-block-n { background: #206486; color: #fff; position: relative; }
.main-formorder-block-n > #form { top: -150px; position: absolute; }
.main-formorder-wrapper { max-width: 1480px; min-height: 500px; margin: 0 auto; background: url('/templates/pictures/form-phone-img.svg') no-repeat 0 bottom; }
.main-formorder-wrapper .mail-form { margin: 0 30px 0 595px; padding: 40px 0 0 0; }
.main-formorder-wrapper .title { font-size: 48px; line-height: 1.2em; margin: 0 0 41px; }
.main-formorder-wrapper .info { display: none; }
.main-formorder-wrapper .form-order-layout { margin: 0; width: auto; padding: 0 0 69px; }
.main-formorder-wrapper .form-order-layout .text { margin: 0; width: 100%; font-size: 20px; font-style: normal; font-weight: 300; line-height: normal; border: none; border-bottom: 2px solid #fff; color: #fff; padding: 0 0 20px; background: transparent; }
.main-formorder-wrapper .form-order-layout .text::placeholder { color: rgba(255,255,255,0.6); }
.main-formorder-wrapper .form-order-layout .text + .text { margin-top: 36px;  }
.main-formorder-wrapper .form-order-layout .text.error { border-bottom-color: #f00;  }
.main-formorder-wrapper .form-order-layout .text.error::placeholder { color: #f00; }
.main-formorder-wrapper .fm-footer { margin-top: 32px; display: flex; gap: 30px; align-items: center; }
.main-formorder-wrapper .fm-footer .service-offer-button { flex-grow: 1; background: #fff; color: #000; padding: 22px 29px; text-align: center; font-size: 30px; font-weight: 400; cursor: pointer; }
.main-formorder-wrapper .fm-footer .service-offer-button:hover { background: #AE0014; color: #fff; }
.main-formorder-wrapper .fm-footer .notice { width: 242px; }





.landing-block-header-sub { font-size: 22px; line-height: 24px; color: #fff; text-align: center; margin-top: -50px; }
.project-slider-block { background: #262626; /*color: #fff;*/ padding: 0 50px 40px; position: relative; }
.project-slider-block .service-page { width: 100%; }
.project-slider-block .landing-block-header { color: #fff; }

.project-slider-block .landing-block-header { padding-bottom: 55px; }
.project-slider-block .landing-block-header.inner { padding-top: 42px; color: #fff; }
.project-slider-block .project-dots { display: none; }

.project-slider-block .swiper-container { padding: 0 50px; }
.project-slider-block .swiper-wrapper { align-items: center; }
.project-slider-block .swiper-slide { width: 1552px; opacity: 0.3; transition: height 0.3s; }
.project-slider-block .swiper-slide .images { gap: 30px; display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 100%; transition: height 0.3s; }
.project-slider-block .swiper-slide.swiper-slide-active { opacity: 1; }
.project-slider-block .swiper-slide.swiper-slide-active .tt { opacity: 1; }
.project-slider-block .swiper-slide.swiper-slide-next { /*height: 400px;*/ }
.project-slider-block .swiper-slide.swiper-slide-next .images { /*height: 291px;*/ }
.project-slider-block .swiper-slide.swiper-slide-next .tt { opacity: 0; }
.project-slider-block .swiper-slide.swiper-slide-prev { /*height: 400px;*/ }
.project-slider-block .swiper-slide.swiper-slide-prev .images { /*height: 291px;*/ }
.project-slider-block .swiper-slide.swiper-slide-prev .tt { opacity: 0; }

.project-slider-placer { position: relative; max-width: 1540px; min-width: 1000px; margin: 40px auto 0; }
.project-slider-item { /*display: none;*/ position: relative; text-align: center; }
.project-slider-item.show { /*display: block;*/ }
.project-slider-item .name { font-size: 30px; line-height: 35px; color: #fff; text-align: center; overflow: hidden; margin-top: 36px; }
.project-slider-item .name a { color: #fff; text-decoration: none; }
.project-slider-item .name .arr { opacity: 0.5; width: 9px; height: 13px; vertical-align: top; margin: 0 0 0 10px; background: url('/templates/pictures/portfolio-title-arrow.png') no-repeat 0 9px; }
.project-slider-item .name a:hover .arr { opacity: 1; }
.project-slider-item .readmore { display: inline-block; font-weight: 400; font-size: 20px; line-height: 25px; margin-top: 9px; background: url('/templates/pictures/pic-arrow-right2.svg') no-repeat right 6px; padding-right: 19px; }
.project-slider-item .images { width: 100%; height: 650px; position: relative; }
.project-slider-item .images > div { position: absolute; left: 0; top: 0; right: 0; bottom: 0; /*width: 50%; height: 487px;*/ background: no-repeat left center; -webkit-background-size: cover; background-size: 1440px 650px; }
.project-slider-item .images > div + div { left: 50%; background-position: right center;  }
.project-slider-item .images > div .thumb { position: absolute; cursor: pointer; left: 0; top: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; border: 4px solid #fff; border-radius: 50%; box-sizing: border-box; }
.project-slider-item .images > div .thumb:before { content: ""; position: absolute; right: 10px; top: 50%; margin-top: -13px; width: 16px; height: 25px; background: url('/templates/pictures/pic-navi-right-white.svg') no-repeat 50% 50%; background-size: 16px auto;  }
.project-slider-item .images > div .thumb:after { content: ""; position: absolute; left: 10px; top: 50%; margin-top: -13px; width: 16px; height: 25px; background: url('/templates/pictures/pic-navi-right-white.svg') no-repeat 50% 50%; background-size: 16px auto; transform: rotate(-180deg); }
.project-slider-item .images > div .thumb-placer { position: absolute; left: 0; top: 0; bottom: 0; width: 4px; }
.project-slider-item .images > div .thumb-placer:before { content: ""; position: absolute; border-left: 4px solid #fff; left: -2px; top: 0; bottom: 50%; margin-bottom: 38px; }
.project-slider-item .images > div .thumb-placer:after { content: ""; position: absolute; border-left: 4px solid #fff; left: -2px; top: 50%; bottom: 0; margin-top: 40px; }
.project-slider-item .images > div .thumb-placer:hover, .dragging .thumb-placer {  }
.project-slider-item .images > div .thumb-placer:hover::before, .project-slider-item .images.dragging .thumb-placer::before { border-color: #206486; }
.project-slider-item .images > div .thumb-placer:hover::after, .project-slider-item .images.dragging .thumb-placer::after { border-color: #206486; }
.project-slider-item .images > div .thumb-placer:hover .thumb, .project-slider-item .images.dragging .thumb { border-color: #206486; }
.project-slider-item .images > div .thumb-placer:hover .thumb:before, .project-slider-item .images.dragging .thumb:before {  background: url('/templates/pictures/pic-navi-right-blue.svg') no-repeat 50% 50%;   }
.project-slider-item .images > div .thumb-placer:hover .thumb:after, .project-slider-item .images.dragging .thumb:after { background: url('/templates/pictures/pic-navi-right-blue.svg') no-repeat 50% 50%;  }

.project-slider-item .images > div .title { position: absolute; left: 0; white-space: nowrap; bottom: 0; display: inline-block; color: #fff; font-size: 22px; line-height: 26px; padding: 17px 20px 17px 20px; background: rgba(38, 38, 38, 0.85); }
.project-slider-item .images > div + div .title { left: auto; right: 0; }
.project-slider-item .images .inner { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; }
.project-slider-item .text { width: 925px; margin-top: 55px; color: #010101; font-size: 18px; line-height: 20px; }
.project-slider-item .images > div .img { position: absolute; top: 0;  bottom: 0; width: 1440px; left: 0; background-position: center center; }
.project-slider-item .images > div + div .img { left: auto; right: 0; }

.project-slider-block .project-btn { margin-top: 0; top: 50%; transform: translateY(-50%); width: 55px; height: 66px; position: absolute; cursor: pointer; z-index: 1; background: url('/templates/pictures/pic-navi-right-white.svg') no-repeat 50% 50%;  }
.project-slider-block .project-btn:hover { background: url('/templates/pictures/pic-navi-right-blue.svg') no-repeat 50% 50%;  }
.project-slider-block .project-btn.left { left: -40px; transform: translateY(-50%) rotate(-180deg); }
.project-slider-block .project-btn.right { right: -40px; }
.project-slider-block .project-dots { position: absolute; top: 245px; left: 0; right: 0; text-align: center; }
.project-slider-block .project-dots .dot { display: inline-block; width: 11px; height: 11px; font-size: 0; line-height: 0; margin: 0 3px 0 4px; background: #323232; border-radius: 10px;  }
.project-slider-block .project-dots .dot.sel { background: #316cc4; }

.project-slider-block .project-item .images { margin-top: 0; }
.project-slider-block .project-btn.swiper-button-disabled { display: none; }

.project-slider-block .fn-btns { display: flex; gap: 20px; justify-content: center; margin-top: 43px; font-size: 24px; line-height: 28px; }
.project-slider-block .fn-btn { color: #fff; padding: 12px 59px; border: 2px solid transparent; display: flex; gap: 12px; justify-content: center; align-items: center; text-decoration: none; }
.project-slider-block .fn-btn .pic { width: 36px; height: 36px; }
.project-slider-block .fn-btn.left { background: #206486; }
.project-slider-block .fn-btn.left:hover { background: #AE0014; }
.project-slider-block .fn-btn.left .pic { background: url('/templates/pictures/pic-download.svg') no-repeat 50% 50%; }
.project-slider-block .fn-btn.right { border-color: #206486; }
.project-slider-block .fn-btn.right:hover { background: #AE0014; border-color: transparent; }
.project-slider-block .fn-btn.right .pic { background: url('/templates/pictures/pic-calc.svg') no-repeat 50% 50%;  }

.project-placer-block { position: relative; }