/* Start:/bitrix/templates/moschem/template_styles.css?17918025748610*/
/* ===== Базовые ===== */
* { box-sizing: border-box; }
body { margin: 0; font-family: 'PT Sans', Arial, sans-serif; color: #585f69; font-size: 14px; line-height: 1.38462; background: #fff; }
a { color: #0084c9; text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; }
.mc-container { max-width: 1170px; margin: 0 auto; padding: 0 15px; }
h1,h2,h3 { font-family: Roboto, Arial, sans-serif; font-weight: 300; }

/* ===== Шапка ===== */
.mc-header { border-bottom: 1px solid #eee; }
.mc-header__top { display: flex; align-items: center; gap: 20px; padding: 12px 15px; }
.mc-header__logo img { max-height: 62px; width: auto; }
.mc-header__slogan { flex: 0 0 200px; font-size: 14px; color: #4a4a4a; line-height: 1.35; border-right: 1px solid #e0e0e0; padding-right: 20px; }
.mc-header__addr { flex: 0 0 210px; font-size: 14px; color: #585f69; line-height: 1.5; }
.mc-header__addr a { color: #0084c9; }
.mc-header__phone { text-align: right; margin-left: auto; }
.mc-header__phone a { font-size: 22px; font-weight: 700; color: #0084c9; white-space: nowrap; }
.mc-header__callback { font-size: 12px; }
.mc-header__callback a { color: #888; }
.mc-header__cart { display: flex; align-items: center; background: #e5f2f9; padding: 10px 20px; color: #0589cb; font-size: 14px; }

/* ===== Меню ===== */
.mc-menu { background: #0084c9; }
.mc-menu__inner { display: flex; align-items: center; }
.mc-menu ul { list-style: none; margin: 0; padding: 0; display: flex; flex: 1; flex-wrap: nowrap; }
.mc-menu li a { display: block; padding: 13px 10px; color: #fff; font-size: 13px; white-space: nowrap; }
.mc-menu li a:hover, .mc-menu li.active > a { background: #006396; text-decoration: none; }
.mc-menu__search { display: flex; margin-left: auto; }
.mc-menu__search input { padding: 8px 10px; border: none; width: 170px; font-size: 13px; }
.mc-menu__search button { padding: 8px 16px; border: none; background: #006396; color: #fff; cursor: pointer; font-size: 14px; }

/* ===== Hero (rs-banners) ===== */
.mc-hero { background: #fff; border-top: 1px solid #cfe3f3; border-bottom: 1px solid #cfe3f3; }
.mc-hero__title { font-size: 38px; line-height: 1.3; font-weight: 300; color: #0084c9; margin: 0; padding: 45px 0; }

/* ===== Преимущества (features) ===== */
.mc-adv { margin-top: 15px; padding-bottom: 15px; }
.mc-adv__grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 2px; }
.mc-adv__item { border: 1px solid #fff; background: #f8f8f8; padding: 22px 10px; text-align: center; transition: all .2s ease-in-out; }
.mc-adv__item:hover { border-color: #b8b8b8; }
.mc-adv__item img { height: 44px; width: auto; margin: 0 auto 12px; display: block; }
.mc-adv__item .t { font-size: 16px; color: #585f69; line-height: 1.3; margin-bottom: 6px; }
.mc-adv__item .d { font-size: 13px; color: #585f69; }

/* ===== Заголовки (coolHeading) ===== */
.mc-h2 { font-family: Roboto, Arial, sans-serif; font-size: 25px; font-weight: 300; color: #0084c9; line-height: 30px; margin: 0 0 20px; padding-bottom: 4px; border-bottom: 1px solid #ebebeb; }
.mc-h2 .sl { position: relative; top: 4px; border-bottom: 2px solid #0084c9; }
.mc-h1-center { display: flex; align-items: center; gap: 20px; font-family: Roboto, Arial, sans-serif; font-size: 28px; font-weight: 300; color: #585f69; text-align: center; line-height: 1.3; margin: 30px 0 30px; }
.mc-h1-center:before, .mc-h1-center:after { content: ""; flex: 1; height: 1px; background: #d7dbdd; }
.mc-h1-center .sl { display: inline-block; }

/* ===== О компании (main-info) ===== */
.mc-info { margin-top: 15px; padding-bottom: 15px; }
.mc-info__row { display: flex; gap: 30px; }
.mc-info__imgs { flex: 0 0 33.333%; display: flex; flex-direction: column; gap: 14px; }
.mc-info__imgs img { width: 100%; height: auto; display: block; }
.mc-info__text { flex: 1; font-size: 14px; line-height: 1.5; color: #585f69; }
.mc-info__text p { margin: 0 0 14px; }
.mc-info__big { font-size: 18px; font-weight: 600; }
.mc-info__h3 { font-family: Roboto, Arial, sans-serif; font-size: 20px; font-weight: 300; color: #585f69; margin: 20px 0 12px; }
.mc-list { margin: 0 0 14px; padding-left: 20px; }
.mc-list li { margin-bottom: 5px; }

/* ===== Каталог (gallery) ===== */
.mc-catalog { margin-top: 15px; padding-bottom: 15px; }
.mc-catalog__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.mc-cat { display: block; text-decoration: none; border: 1px solid #ebebeb; min-height: 245px; padding: 0 0 15px; transition: all .2s ease-in-out; }
.mc-cat:hover { border-color: #b8b8b8; text-decoration: none; }
.mc-cat__img { display: block; background: #f2f2f2; height: 210px; margin-bottom: 14px; }
.mc-cat__t { color: #0084c9; font-size: 14px; line-height: 1.35; padding: 0 15px; display: block; }

/* ===== Новости (newslistcol) ===== */
.mc-news { margin-top: 15px; padding-bottom: 15px; }
.mc-news__item { padding: 12px 0; border-top: 1px solid #ebebeb; }
.mc-news__date { font-size: 13px; color: #999; margin-bottom: 6px; }
.mc-news__title { color: #0084c9; font-size: 15px; margin: 0 0 6px; }
.mc-news__item p { margin: 0; font-size: 13px; color: #585f69; }

/* ===== Подвал ===== */
.mc-footer { background: #ededed; margin-top: 20px; }
.mc-footer__inner { display: flex; align-items: flex-start; justify-content: center; gap: 70px; padding: 35px 15px; }
.mc-footer__logo img { max-height: 70px; width: auto; }
.mc-footer__contacts { font-size: 14px; color: #444; line-height: 1.7; }
.mc-footer__contacts .phone { font-size: 20px; font-weight: 700; }
.mc-footer__contacts .phone a { color: #0084c9; }
.mc-footer__forms { width: 300px; font-size: 13px; color: #555; }
.mc-footer__forms .btns { display: flex; gap: 10px; margin-bottom: 14px; }
.mc-footer__forms .mc-btn { flex: 1; text-align: center; border: 1px solid #0084c9; color: #0084c9; padding: 8px; font-size: 13px; }
.mc-footer__forms input[type=email] { width: 100%; padding: 8px; border: 1px solid #ccc; margin: 8px 0; }
.mc-footer__forms button { background: #0084c9; color: #fff; border: none; padding: 9px 20px; cursor: pointer; }
.mc-footer__bottom { background: #e2e2e2; padding: 18px 0; font-size: 12px; color: #777; }
.mc-footer__bottom a { color: #777; text-decoration: underline; }

/* ===== Адаптив ===== */
@media (max-width: 991px) {
	.mc-header__slogan, .mc-header__addr { display: none; }
	.mc-adv__grid { grid-template-columns: repeat(2, 1fr); }
	.mc-catalog__grid { grid-template-columns: repeat(2, 1fr); }
	.mc-info__row { flex-direction: column; }
	.mc-footer__inner { flex-direction: column; align-items: center; text-align: center; }
	.mc-hero__title { font-size: 28px; }
}


/* ===== Прайс-лист (как в образце) ===== */
.tablewrapper { margin: 0 0 16.8px; }
.tablewrapper table { border-collapse: collapse; }
.tablewrapper thead td { padding: 8.4px 7px; border-top: 1px solid #2b4658; color: #585f69; font-size: 14px; }
.tablewrapper thead p { margin: 0 0 9.5px; text-align: center; }
.tablewrapper thead b { font-weight: 700; }
.tablewrapper tbody td { padding: 8.4px 7px; border-top: 1px solid #a7b2b9; background: rgba(43,70,88,.03); color: #585f69; font-size: 14px; }
.tablewrapper tbody tr:first-child td { border-top: 1px solid #2b4658; }
.tablewrapper tbody td a { color: #585f69; }
.tablewrapper tbody td a:hover { color: #0084c9; }

/* focus-fix: убираем рамки при клике мышью, оставляем для навигации с клавиатуры */
a:focus, a:active, button:focus, .btn:focus,
.dropdown-toggle:focus, a img:focus, .lvl1:focus, .dropdown:focus { outline: none !important; }
a:focus-visible, button:focus-visible, .btn:focus-visible,
.dropdown-toggle:focus-visible { outline: 2px solid #0084c9 !important; outline-offset: 2px; }


/* ===== Новости компании: вертикальный список ===== */
.newslistcol { display:block !important; }
.newslistcol.owl-carousel { display:block !important; }
.newslistcol .item { width:100% !important; margin:0 !important; float:none !important; }
.newslistcol .item + .item { margin-top:20px !important; padding-top:20px !important; border-top:1px solid #ebebeb; }
.newslistcol .item .name { font-size:15px; margin:6px 0; }
.newslistcol .item .name a, .newslistcol .item .aprimary { color:#0084c9; text-decoration:none; }
.newslistcol .item .name a:hover { text-decoration:underline; }
.newslistcol .item .date { font-size:13px; color:#999; margin-bottom:6px; }
.newslistcol .item .descr a { font-size:13px; color:#585f69; text-decoration:none; }

/* End */
/* /bitrix/templates/moschem/template_styles.css?17918025748610 */