/* Стили страниц услуг со старого kristore.ru (собрано 17.10.2026 для переноса).
   1) правила старого шаблона kristore, которых нет в kristore_new или которые там отличаются;
   2) стили компонентов страниц услуг; 3) services-resources.css от Codex. Шапку, подвал и меню не трогает. */

/* ===== 1. старый шаблон ===== */
.contacts-header { display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 10px 0; border-bottom: 1px solid #e0e0e0; background-color: #fff; }
.contacts-content { display: flex; justify-content: space-around; padding: 15px; display: none; transition: all 0.3s ease; background-color: #fff; }
.contacts-header span { text-align: right; flex: 1; margin-right: 10px; font-weight: 800; font-size: 16px; color: #e21afc; }
@media screen and (max-width: 480px) {
  .contacts-header span { font-size: 21px; }
}
@media screen and (max-width: 480px) {
  .contacts-header { display: flex; align-items: center; margin-right: 20px; }
}
@media screen and (max-width: 480px) {
  .contacts-content { padding-left: 0px }
}
@media screen and (max-width: 768px) {
  .contacts-content { position: absolute; top: 100%; left: 0; right: 0; width: 100%; border-top: 1px solid #e0e0e0; box-shadow: 0 2px 5px rgb(0 0 0 / 0%); }
  .contacts-header { padding: 15px 0px; }
  .contacts-content { justify-content: left; flex-wrap: wrap; }
  .contacts-header span { margin-right: auto; }
}
.contacts-content { padding: 15px; }
@media screen and (max-width: 768px) {
  .contacts-content { justify-content: center; flex-wrap: wrap; display: flex; align-items: center; width: 100%; }
}
@media screen and (max-width: 480px) {
  .contacts-content { padding: 15px; }
}
@media screen and (max-width: 768px) {
  .contacts-content { padding: 5px !important; gap: 6px !important; margin-left: -6px !important; ; }
}
@media screen and (max-width: 768px) {
  .contacts-header { display: flex; align-items: center; cursor: pointer; margin-left: auto; }
}
.contacts-content { display: none !important; flex-wrap: nowrap; justify-content: space-around; padding: 15px; transition: all 0.3s ease; background-color: #fff; width: 100%; }
.contacts-content.active { display: flex !important; justify-content: flex-end; }
.contacts-header { position: sticky !important; top: 0 !important; z-index: 10000 !important; }
position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important; z-index: 9999 !important; opacity: 0 !important; transform: translateY(-10px) !important; transition: all 0.3s ease !important; &.active { opacity: 1 !important; transform: translateY(0) !important; }
.contacts-content { min-width: 100% !important; max-width: 100% !important; }
position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important; z-index: 9999 !important; opacity: 0 !important; transform: translateY(-10px) !important; transition: all 0.3s ease !important; border: 0px solid #e0e0e0 !important; box-sizing: border-box !important; width: 100% !important; padding: 15px !important; &.active { opacity: 1 !important; transform: translateY(0) !important; }
@media screen and (max-width: 768px) {
  .contacts-content { border-width: 1px !important; border-style: solid !important; border-color: #e0e0e0 !important; }
}
@media screen and (max-width: 480px) {
  .contacts-content { border-width: 1px !important; padding: 10px !important; }
}
@media screen and (max-width: 768px) {
  .contacts-content { border: none !important; }
}
.contacts-header { display: flex !important; flex-direction: column !important; align-items: center !important; cursor: pointer !important; padding: 10px 0 !important; border-bottom: 1px solid #e0e0e0 !important; background-color: #fff !important; transition: all 0.3s ease !important; position: relative !important; }
.contacts-header span { margin-bottom: 5px !important; font-weight: 800 !important; font-size: 16px !important; color: #e21afc !important; text-align: center !important; display: block !important; }
@media screen and (max-width: 768px) {
  .contacts-header { padding: 8px 0 !important; }
  .contacts-header span { font-size: 18px !important; }
}
0% { bottom: 1.8em; width: 100%; }
50% { bottom: -48px; width: 300%; }
100% { bottom: -48px; width: 100vw; }
0% { width: 17px; height: 17px; }
50% { width: 22px; height: 22px; }
100% { width: 40px; height: 40px; }
ul.left-menu { list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative }
ul.left-menu li { padding:10px 16px;background:#f5f5f5 url(/bitrix/templates/.default/components/bitrix/menu/fadeMenu/images/left_menu_bg.gif) top repeat-x }
ul.left-menu li a { font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none }
ul.left-menu li a:visited { color:#bc262c }
ul.left-menu li a:hover { color:#bc262c }
ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover { color:#fc8d3d }
body { background:#fff;margin: 0px;padding:0px; font-family: Times New Roman;font-size: 13px;line-height: 135%;border-top:6px solid #fcb204; }
.menu-block { width:100%; height:61px; background: #083260; position:relative; padding: 0px 0px 0px 0px; }
.menu-block .menu-block-inner .menu-block-button { background: #fcb204 none repeat scroll 0 0; color: #083260; display: block; float: right; font-family: Arial,sans-serif; font-size: 14px; font-weight: bold; margin: 7px 0 0; padding: 12px 0; text-align: center; text-decoration: none; text-transform: uppercase; width: 150px; }
.index-page-contents { background:url(/bitrix/templates/kristore/images/main_background.png) right top no-repeat; width:1200px; margin:0px auto; min-height: 468px; overflow:hidden; font-family: Arial, sans-serif; }
.index-page-contents .about-us-block p { color: #686868; font-size: 12px; font-family: Arial, sans-serif; line-height: 19px; text-align: justify; margin: 0px 0px 0px 0px; }
.index-page-contents .about-us-block h1 { color: #072f5a; font-size: 33px; font-family: Arial, sans-serif; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; font-weight: bold; letter-spacing: 0; line-height: 1.2; }
.index-page-contents .products-what-we-work { width: 384px; margin: 93px 0px 10px 162px; padding: 11px 0px 0px 26px; float: left; background: url('/bitrix/templates/kristore/images/index-morsk-fon.png') repeat; -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5); }
.index-page-contents .products-what-we-work ul { margin: 0px 0px 0px 0px; padding: 0px 0px 22px 0px; float: left; }
.index-page-contents .services-block ul { margin: 0px 0px 0px 0px; float: left; padding: 0px 0px 0px 0px; }
.index-page-contents .services-block ul li a .services-block-text { color:#4e4e4e; font-size:12px; margin:0px 0px 0px 0px; line-height: 15px; }
.index-page-contents .services-block img { -webkit-border-radius: 191px; -moz-border-radius: 191px; border-radius: 191px; border: 8px solid #d3d3d3; margin: 0px 0px 20px 0px; }
.what-we-do img, .requirements-for-layout img, .what-is-the-price img { float:left; }
.what-we-do img { margin: -3px 27px 0px 0px; }
.requirements-for-layout img { margin: 0px 38px 0px 0px; }
.what-is-the-price img { margin:-14px 42px 0px 3px; }
.clear { clear:both; }
.search-page input[type="text"] { float: left; background: #fff; border:1px solid #e4e4e4; color: #083260; font-size: 14px; margin: 0px 0px 9px 0px; height: 34px; padding: 0px 0px 0px 12px; width: 273px; margin-right:10px; }
.mfs-name, .mfs-email, .mfs-phone { box-sizing:border-box; width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff; border: solid 2px #e1e1e1; color: rgb( 101, 101, 101 ); margin:0px 0 11px; padding: 10px 17px; font:18px/1 Stem; }
.mfs-message { box-sizing:border-box; width: 100%; height: 108px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff; border: solid 2px #e1e1e1; color: #2d2d2d; margin:0px 0px 11px; padding: 7px 17px; font:18px/1 Stem; }
.mfs-submit { font:700 18px/1 Stem; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #ff5f5f; border:0; display:block; outline:none; width:100%; padding:14px 0; cursor:pointer; margin:22px 0 0; }
@media (max-width: 849px) {
  .iksweb { display: inline-block; align: center; cursor: pointer; font-size:29px; text-decoration:none; padding:22px 14px; color:#ffffff; background:#00d40b; border-radius:5px; border:0px solid #; }
  .service-page-banner__text { position:absolute; left: 1em; right: 0; bottom: 0; top: 0; z-index:2; padding: 15px; width: 50%; }
}
@media (min-width: 850px) {
  .service-page-banner img { width: 100%; height: auto; }
  .service-page-banner__text { position:absolute; left: 1em; right: 0; bottom: 0; top: 0; z-index:2; padding: 15px; width: 42%; font-size: 20px; line-height: 27px; }
  .service-page-banner__text h2 { font-size: 35px; margin: 10; }
  .service-page-banner__text h3 { font-size: 25px; margin: 10; }
}
.service-form-banner { float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:763px; }
.service-form-banner-big { width: 763px; height: 272px; -webkit-border-radius: 11px/12px; -moz-border-radius: 11px/12px; border-radius: 11px/12px; background-color: #507dad; -webkit-box-shadow: 3px 3px 5px rgba(0,0,2,.33); -moz-box-shadow: 3px 3px 5px rgba(0,0,2,.33); box-shadow: 3px 3px 5px rgba(0,0,2,.33); margin: 0px 0px 16px 0px; }
.service-form-banner-1, .service-form-banner-2 { float:left; width: 50%; }
.service-form-banner-1 img, .service-form-banner-2 img { border:6px solid #d3d3d3; -webkit-border-radius: 150px; -moz-border-radius: 150px; border-radius: 150px; float:left; margin:0px 22px 0px 0px; }
.service-form-banner-1 p,.service-form-banner-2 p { font-size: 18px; color: rgb( 8, 50, 96 ); line-height: 17px; margin: 57px 0px 0px 0px; }
.services-photo-block {  }
.services-photo-block h2 { font-size: 22px; color: rgb( 7, 47, 90 ); font-weight: bold; line-height: 27px; }
.services-photo-block ul { margin:0px -10px; padding:0px 0px 0px 0px; position: relative; }
.services-photo-block ul li a { text-decoration: none; }
.services-photo-block ul li { float:left; margin:0; padding:0px 10px 20px ; width: 25%; box-sizing: border-box; list-style:none; }
.services-photo-block ul li:nth-child(4n+1) { clear: left; }
.services-photo-block img { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; width: 100%; height: auto; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75) }
.services-photo-block span.desc { display: block; webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; background-color: #fff; opacity: 0.6; box-shadow: 1px 1.732px 5px 0px #000002; width: 100%; height: 70px; padding: 2px 0px 0px 14px; margin: 14px 0 0 0; box-sizing: border-box; font-size: 12px; color: #5f6974; font-weight: normal; line-height: 15px; text-decoration: none!important; }
.services-photo-block span.desc strong { display: block; font-family: Arial, Helvetica,sans-serif; font-size: 14px; color: #072f5a; font-weight: bold; text-transform: uppercase; line-height: 20px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.services-photo-block-all { margin: 0px auto 28px; }
.services-how-we-work h2 { float: left; margin: 31px 0px 10px 26px; font-size: 31px; color: rgb( 7, 47, 90 ); font-weight: bold; line-height: 38px; }
.services-how-we-work .services-how-we-work-img { float:left; margin: 17px 0px 0px 162px; }
.services-how-we-work-ul1 { padding:0px 0px 0px 0px; margin:45px 0px 0px 80px; float:left; }
.services-how-we-work-ul1 li { padding: 0px 0px 0px 0px; margin: 0px 46px 0px 0px; list-style: none; float: left; text-align: center; width: 170px; }
.services-how-we-work-ul1 li img {  }
.services-how-we-work-ul1 li h3 { font-size: 18px; color: rgb( 8, 50, 96 ); line-height: 20px; text-align: center; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.services-how-we-work-ul1-img2 { margin: 1px 0px 19px 0px; }
.services-how-we-work-ul1-img3 { margin: -3px 0px 28px 0px; }
.services-how-we-work-ul1-img4 { margin: 2px 0px 33px 0px; }
.services-ny-ball li { list-style: url(/pics/list-style1.png); margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; font-size: 18px; color: rgb( 7, 47, 90 ); font-weight: bold; line-height: 50px; position: relative; top: 0px; }
.services-how-we-work-ul2 { width:400px; padding: 0px 0px 0px 37px; margin: 50px 0px 0px 150px; float: left; }
.services-how-we-work-ul2 li { list-style: url(/pics/list-style1.png); margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; font-size: 18px; color: rgb( 7, 47, 90 ); font-weight: bold; line-height: 50px; position: relative; top: 0px; }
.services-how-we-work-ul2 li span { position: relative; top: -10px; }
.our-manufacturing { margin: 0px 0px 0px 0px; overflow: hidden; }
.our-manufacturing-list { margin: 24px 0px 0px 701px; float: left; padding: 0px 0px 0px 0px; }
.our-manufacturing-list li { list-style: url(/pics/list-style1.png); margin: 0px 0px 19px 0px; padding: 0px 0px 0px 10px; font-size: 18px; color: rgb( 7, 47, 90 ); font-weight: bold; line-height: 25px; position: relative; top: 0px; }
.our-manufacturing-list li span { position: relative; top: -10px; }
.our-clients-gallery { float:left; margin:8px 0px 0px 34px; padding:0px 0px 0px 0px; position:relative; }
.our-clients-gallery li { position:absolute; top:0px; left:0px; list-style:none; margin:0px; padding:0px; }
.our-clients-gallery li img { -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; }
.out-clients { overflow:hidden;margin:0px 0px 39px 0px; }
.out-clients h2, .our-manufacturing h2, .our-personal h2 { font-size: 31px; color: rgb( 7, 47, 90 ); font-weight: bold; line-height: 40px; margin: 14px 0px 34px 0px; text-align: center; }
.out-clients img { -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; }
.out-clients ul, .our-personal ul { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; float:left; }
.out-clients li, .our-personal ul li { float:left; padding: 0px 0px 0px 0px; margin: 0px 5px 0px 6px; list-style: none; float: left; text-align: center; }
.service-middle-form-calc { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff; -moz-box-shadow: 0 7px 21px 0 rgba(0,0,0,.16); -webkit-box-shadow: 0 7px 21px 0 rgba(0,0,0,.16); box-shadow: 0 7px 21px 0 rgba(0,0,0,.16); float:left; margin: 0px 10px 0px 0px; width:400px; padding: 0 0 0 0; box-sizing:border-box; }
.service-middle-form-calc { margin: 40px 0px 40px 0; }
.service-middle-form-calc h2 { font:700 21px/30px Stem; color: #2d2d2d; padding: 0; margin: 34px 0px 0px; text-align:center; }
.service-middle-form-calc h3 { font:700 21px/30px Stem; color: #ff5f5f; padding: 0; margin:0px 0px 25px; text-align:center; }
.service-header-form, .service-middle-form { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff; -moz-box-shadow: 0 7px 21px 0 rgba(0,0,0,.16); -webkit-box-shadow: 0 7px 21px 0 rgba(0,0,0,.16); box-shadow: 0 7px 21px 0 rgba(0,0,0,.16); float:left; margin:0 32px 60px 0; max-width:360px; padding:0 26px 46px; box-sizing:border-box; }
.service-header-form p { margin: 0px 0px 0px 24px; padding:0px 0px 0px 0px; }
.service-header-form .mf-ok-text { margin: 0px 0px 0px 24px; padding:0px 0px 0px 0px; }
.service-header-form h2, .service-middle-form h2 { font:700 21px/30px Stem; color: #2d2d2d; padding: 0; margin: 34px 0px 0px; text-align:center; }
.service-header-form h3, .service-middle-form h3, { font:700 21px/30px Stem; color: #ff5f5f; padding: 0; margin:0px 0px 25px; text-align:center; }
.services-photo-block-all { clear:both; }
.sectsofcatsmin .titleofsectmens { color: black; font-size: 16px; font-weight: bold; margin: 0px 0; min-height: 49px; }
.isparencect1 .titleofsectmens a { color: #333; display: block; font-size: 16px; margin-bottom: 10px; text-decoration: none; }
.isparencect1 .titleofsectmens a { font-size: 22px; font-family: 'Stem'; font-weight: bold; }
.isparencect2 .titleofsectmens a { color: #2d2d2d; display: block; font-size: 12px; margin-bottom: 3px; text-decoration: none; font-family: 'Stem'; font-weight: normal; font-weight:400; }
.sectsofcatsmout ul { list-style: outside none none; margin: 0; padding: 0; font-family: 'Stem'; font-weight: normal; }
.panel_fixed li { color: white; list-style: outside none none; position: relative; float:right; clear:right; }
.float-cart--link i { background-image:url(/bitrix/templates/kristore/images/icon-cart.png); }
.baskettohow { background: url("/bitrix/templates/kristore/images/basketsups.png") no-repeat center #ff5f5f; border-radius:50%; display: inline-block; height: 60px; vertical-align: top; width: 60px; }
.sectsofcatsm .isparencect1:hover .indepthcataloin { z-index: 10; }
.hoisdepcatal:after { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 75%); content: ""; display: block; height: 70px; position: relative; top: 43px; }
.sectsofcatsm .isparencect1:hover .indepthcataloin { box-shadow: 0 3px 3px rgba(0,0,0,0.25); }
.tohideupform > span::before { background-image: url("/bitrix/templates/kristore/images/boxtoclose.png"); background-repeat: no-repeat; content: " "; display: inline-block; height: 10px; margin-right: 9px; width: 9px; }
.block-btn {  }
.services-banner-preimushhestva { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 14px; -moz-column-gap: 14px; column-gap: 14px; -webkit-column-rule: 1px solid rgba(28,110,164,0.5); -moz-column-rule: 1px solid rgba(28,110,164,0.5); column-rule: 1px solid rgba(28,110,164,0.5); }
@media screen and (max-width: 600px) {
  .bx_catalog_list_home .bx_catalog_item { width: 49% !important; display: inline-block !important; float: none !important; }
  .bx_catalog_list_home { clear: both; background-color: #eef; }
  .bx_catalog_list_home { margin: 0 auto !important; text-align: center; }
  .bx_catalog_list_home .bx_catalog_item_container { -webkit-box-shadow: none; box-shadow: none; }
  body { visibility: visible !important; }
  .services-menu ul li a { border: none; background-color: transparent; white-space: nowrap; padding: 15px 15px 15px 0px; border-radius: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
  .services-pens { background-color: #ebebeb; padding-left: 10px; padding-right: 10px; }
  .services-pens .mega-items .item-pen { display: inline-block; width: 48%; }
  .services-pens .mega-items .item-pen { font-size: 12px; }
}

/* ===== 2. компоненты страниц услуг ===== */


/* Start:/bitrix/templates/.default/components/bitrix/menu/horizontal_inner/style.css?1728933182712*/
.services-menu {
}
    .services-menu ul,
    .services-menu ul li {
        list-style:none;
        padding:0;
        margin:0;
    }
    .services-menu ul li {
        display:inline-block;
        vertical-align:top;
    }
    .services-menu ul li + li {margin-left:15px;}
        .services-menu ul li a {
            font:700 14px/1 Stem;
            text-decoration:none;
            color:#3d3d3d;
            display:block;
            padding:9px 29px;
            background:#e1e1e1;
            border-radius:17px;
        }
        .services-menu ul li.services-menu-active a {
            color:#fff;
            background:#3d4692;
        }
        .services-menu ul li a:hover {background:#ddd;}
/* End */


/* Start:/bitrix/components/optimalgroup/news.detail/templates/services-photo-block/style.css?1728933131111*/
div.news-detail img.detail_picture
{
	float:left;
	margin:0 8px 6px 1px;
}
.news-date-time
{
	color:#486DAA;
}

/* End */


/* Start:/bitrix/templates/kristore/components/bitrix/news.detail/services-pen/style.css?17918983991626*/
.services-pens h2 {
	float: left;
margin: 31px 0px 30px 150px;
font-size: 31px;
color: rgb( 7, 47, 90 );
font-weight: bold;
line-height: 38px;
}
.mega-items {
width: 900px;
margin: 0px auto 40px;
overflow: hidden;	
}
.services-pens .item-pen {
	
float:left;
margin:0px 20px 20px 0px;}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}
.portfolio-block ul {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
	
}
.portfolio-block ul li {
float:left;
padding:0px;
margin: 0px 20px 20px 0px;
list-style:none;
}

.portfolio-block ul li img {
  -webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
margin: 0px 0px 14px 0px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}
.portfolio-block .portfolio-desc {
webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
background-color: rgb( 255, 255, 255 );
opacity: 0.6;
box-shadow: 1px 1.732px 5px 0px rgb( 0, 0, 2 );
width: 252px;
height: 70px;
padding: 2px 0px 0px 14px;
}
.portfolio-desc h3 {
font-size: 14px;
color: rgb( 7, 47, 90 );
font-weight: bold;
text-transform: uppercase;
line-height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.portfolio-desc-text {
font-size: 12px;
color: #5f6974;
font-weight: normal;
line-height: 15px;
}
.portfolio-block h1 {
font-size: 22px;
color: rgb( 7, 47, 90 );
font-weight: bold;
line-height: 26px;
margin: 0px 0px 40px 0px;
padding: 0px 0px 0px 0px;
}
.portfolio-block a {
text-decoration:none;	
}
/* End */


/* Start:/bitrix/components/optimalgroup/news.detail/templates/our-manufacturing/style.css?1728933131111*/
div.news-detail img.detail_picture
{
	float:left;
	margin:0 8px 6px 1px;
}
.news-date-time
{
	color:#486DAA;
}

/* End */
/* /bitrix/templates/.default/components/bitrix/menu/horizontal_inner/style.css?1728933182712 */
/* /bitrix/components/optimalgroup/news.detail/templates/services-photo-block/style.css?1728933131111 */
/* /bitrix/templates/kristore/components/bitrix/news.detail/services-pen/style.css?17918983991626 */
/* /bitrix/components/optimalgroup/news.detail/templates/our-manufacturing/style.css?1728933131111 */


/* ===== 3. services-resources.css ===== */
/* Scoped to public services pages; catalog styles are unchanged. */
.kr-services-return { display: inline-block; max-width: 100%; vertical-align: middle; }
.kr-services-return .kr-services-link {
    display: inline-flex; align-items: center; justify-content: center;
    box-sizing: border-box; width: 200px; max-width: 100%; min-height: 84px;
    padding: 12px 16px; background: #c82128; color: #fff;
    border-radius: 4px; font-size: 18px; line-height: 1.3; text-align: center;
}
.kr-services-return:hover .kr-services-link { background: #a51b21; }
.kr-services-return:focus { outline: 2px solid #005c9d; outline-offset: 3px; }
.kr-client-name {
    display: inline-flex; align-items: center; justify-content: center;
    min-height: 40px; margin: 4px; padding: 4px 8px;
    vertical-align: middle; background: #f4f4f4; border: 1px solid #ddd;
    color: #333; font-size: 14px; line-height: 1.4;
}

.kr-landing-intro-wrap, .kr-landing-brief { max-width:1150px; margin:20px auto; padding:16px 20px; box-sizing:border-box; }
.kr-landing-brief ul { padding-left:22px; }
.kr-landing-intro-wrap h1 { margin:0 0 16px; }

/* Dimensions reserve image space; preserve the image aspect ratio. */
.kr-service-sized-image { max-width:100%; height:auto; }