/* Start:/bitrix/templates/ppsprint/components/vr/callback/tpl/style.css*/
.vr-callback .error-text{color:red; font-family:cuprum;}
.vr-callback .popup-w
{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 5px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    display: none;
    
    left: 37%;
    padding: 15px 25px;
    position: fixed;
    text-align: left;
    top: 8%;
    vertical-align: middle;
    width: 320px;
    z-index: 120;
}

.vr-callback .input-text 
{
	background: none repeat scroll 0 0 #F6F6F6;
    border: 1px solid #E5E5E5;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 2px #E5E5E5 inset;
    color: #444444;
    font-size: 10.5pt;
    outline: medium none;
    padding: 5px 8px;
    resize: none;
}
	
.vr-callback-overlayBox 
{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    cursor: pointer;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 111;
}

.vr-callback .button
{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border: 0;
	text-decoration: none;
	padding: 6px 15px;
	cursor: pointer;
	color: #fff;
	background-color:#DA251C;
	text-transform: uppercase;
	font-family: vrFont-normal;
	font-size: 20px;
}

.vr-callback .popup_form
{
	background: rgba(0, 0, 0, 0.7);
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 120;
}

.vr-callback .popup_form .popup-close, 
.vr-callback-popup-overlay .popup-close
{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-top: 50px;
	margin-left: 0px;
	display: inline-block;
	position: relative;
	max-width: 80%;
	font-family:vrFont-normal;
	padding: 20px;
	border: 5px solid #fff;
	background: #fff;
	vertical-align: middle;
	text-align: left;
	z-index: 112;
	font-size:16px;
}

.vr-callback-popup-overlay
{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	text-align: center;
	z-index: 11;
}

.vr-callback .input-text.error {border:1px solid #DA251C;}
.vr-callback .inner {text-align: center;}

.vr-callback .popup__close,
.vr-callback-popup-overlay .popup__close
{
	margin: -5px -15px 0 0; 
	float: right; 
	font-family: tahoma;  
	color:#333;
	text-decoration:none;
	font-size:16px; 
	padding:0px 7px 3px;
}

.vr-callback .popup__close:hover,
.vr-callback-popup-overlay .popup__close:hover
{
	
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	
	padding:0px 7px 3px; 
	font-size:16px;
}

.vr-callback .input_boxes {padding: 0;}
.vr-callback .input_boxes .input-text {width: 94%;}

.vr-callback .callback2 
{
	border: none;
    text-decoration: none;
    background: #ff6550;
    color: white;
    display: inline-block;
    font-family: vrFont-bold;
    font-size: 14px;
    margin: 0;
	font-weight:bold;
    padding: 5px 15px 5px 15px;
	border-radius:5px;
    text-align: left;
    text-transform: uppercase;
}
.vr-callback .callback2:hover {cursor:pointer; }
.vr-callback .button:hover {cursor:pointer; background-color:#ef3e35;}
.vr-callback .callback2 b {font-size:14px; }

.vr-callback .round5 
{
    border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}
/* End */



/* Start:/bitrix/templates/ppsprint/components/bitrix/breadcrumb/.default/style.css*/
ul.breadcrumb-navigation
{
	padding:0; margin:0;
	padding-top:10px;
	list-style:none;
}

ul.breadcrumb-navigation li
{
	display:inline;
}

ul.breadcrumb-navigation a {
	text-decoration:none;
	color:#eb1c24 !important;
	font-weight:bold
}

ul.breadcrumb-navigation span
{
	
}

ul.breadcrumb-navigation .pic {
	width:6px;
	height:5px;
	margin:0 10px;
	vertical-align:middle
}

ul.breadcrumb-navigation li:last-child { font-weight:bold}
/* End */



/* Start:/bitrix/templates/ppsprint/styles.css*/
.container {
max-width:1420px!important;
}
.col-lg-1-5 {
    flex: 0 0 12.5%!important;
    max-width: 12.5%;
  }
.menuha {padding-left:0px!important;}
.navbar-brand {
font-size: 20px!important;
    font-weight: bold;
    color: #ef4035!important;
    text-transform: uppercase;
}
.navbar-toggler {
   height:auto!important;
}
.offcanvas-body ul.navbar-nav {
  text-align: right;
}
.offcanvas-body ul.navbar-nav a {
   font-size:20px!important;
}
.visitka .total {display:none!important;}

@media (max-width: 767.98px) {
.yakov {display:none;}
#img-menu #logo {width:66%;}

#header {height: auto!important;}
.menu-opener {display:none;}
.col-4 {flex: 0 0 auto!important;}
#img-menu .main-menu {height:auto!important; margin:0px!important; padding:0px!important;}
#img-menu .main-menu li {height:auto!important;}
#bx_incl_area_3 {display:none!important;}
#bx_incl_area_4 {display:none!important;}
#img-menu .sub-menu {display:none!important;}
.ub4 {width:100%!important;}
.ub6 {width:100%!important;}
.shadow.sq {width:100%!important;}
.u11 {width: 100%!important; margin-right: 0%!important;}
.bx-wrapper .bx-prev {left: 0px!important;}
.bx-wrapper .bx-next {right: 10px!important;}
#bottom-logo {margin-bottom:10px;}
.news-detail img {width:100%; height:auto;}
.container img {width:100%!important; height:auto!important;}
#counter img {width: auto !important;}
.g6 {width: 100% !important;}
ul.right-menu {
display: flex;
    flex-wrap: wrap;
    gap: 10px;
} 
ul.right-menu li {
flex: 0 1 calc(50% - 10px);
    box-sizing: border-box;
margin: 0px;
}
.aykov_txt {
height: 143px;
    overflow: hidden;
}
#footer {background-position: bottom right!important; background-size: 55%!important;}
#counter {margin-top: 10px!important; margin-bottom: 10px!important;}




}



@font-face {
 src:url('/bitrix/templates/ppsprint/driver_gothic.TTF');
 font-family:'Driver Gothic';
}
/* @import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=cyrillic,latin); */
body {font-family: Tahoma, Geneva, sans-serif; font-size: 12px; margin: 0px; padding: 0px}
img {border: 0}
span.rur svg {
    display: inline-block;
    position: relative;
    text-indent: 0;
    height: 0.85em;
    width: 0.85em;
    margin-bottom: -0.05em;
    float: none !important
}

button, .button {background: #eb1c24; border: 0px; border-radius: 13px; font-size: 14px; color: #fff; height: 30px; padding: 0px 10px; text-align: center; box-sizing: border-box; cursor: pointer;}
button.sq {border-radius: 0px; float: right; clear: both; margin-bottom: 19px; margin-top: -4px}
button:hover,.menu-opener span:hover {background: #ff0000;}
.shadow {
-webkit-box-shadow:0px 5px 13px rgba(0,0,0,0.13);
-moz-box-shadow:0px 5px 13px rgba(0,0,0,0.13);
box-shadow:0px 5px 13px rgba(0,0,0,0.13)
}
#top-zayavka {width: 85px; display: block; margin: 13px auto}
#header {height: 230px; overflow: hidden; border-bottom: 2px solid #ec2a32; clear: both;
  -webkit-transition: height 0.4s ease 0s;
     -moz-transition: height 0.4s ease 0s;
     -o-transition: height 0.4s ease 0s;
  transition: height 0.4s ease 0s;
}
#header.open {height: 400px}
#top-menu {height: 57px; overflow: hidden; font-size: 100%;}
#top-menu a {color: #000; font-size:13px;}
#top-menu a:hover {color: #f00}
#top-menu ul {list-style: none; padding: 0px; margin-top: 0px}
#top-menu li {display: inline; padding-right:0%!important; line-height: 30px!important; white-space: nowrap}
#top-menu li:last-child {padding-right: 0em}
#top-contacts {padding: 10px 0px}
#top-contacts a.js {font-size: 90%; white-space: nowrap}
#top-contacts img {float: left; padding: 5px 0px; margin: 0px 0px 0px -5px}
#top-contacts .v {float: right; width: 90%; min-width: 175px; margin-right: -10px}
#top-contacts .v div {display: table-cell;vertical-align: middle; height: 37px}
#top-otbivka {height: 3px; overflow: hidden; background: #d6d6d6; border-bottom: 2px solid #eb1c24; clear: both}
#top-phone {text-align: right}
#top-phone .phone {font-family: 'Driver Gothic'; font-size: 26px; color: #eb1c24; text-align: right; white-space: nowrap; margin: 12px 0px 0px 0px; line-height: 23px}
#top-phone span {color: #646464; font-size: 13px}
.wrap {width: 92%; max-width: 1440px; min-width: 954px; margin: 0px auto; clear: both; padding: 0px 5px}
.of {overflow: hidden}
a.js {text-decoration: none; border-bottom: 1px dashed; cursor: pointer}
#img-menu .main-menu {list-style: none; margin: 0px 0px 0px -2.5%; height: 170px; overflow: hidden; width: 100%; padding: 0px 2.5%}
#img-menu .main-menu li {height: 135px; box-shadow:0px 23px 13px rgba(0,0,0,0.13); cursor: pointer; margin-top: 12px; height: auto!important;}
#img-menu .main-menu li a {display: block; height: 18px; padding-top: 123px; text-align: center;  border: 1px solid #fff; text-decoration: none; color: #646464; font-size: 120%}
#img-menu .main-menu li:hover a, #img-menu .main-menu li.selected a {color: #fff; background-color: #eb1c24; border-color: #eb1c24}
#img-menu .main-menu li a .text_menu {line-height: 1; display: inline-block;}
#img-menu .sub-menu {list-style: none; padding: 0px; margin: 5px 0px 15px 0px; overflow: hidden}
#img-menu .sub-menu .u2:nth-child(6n) {margin-right: 0px}
#img-menu .sub-menu a {color: #3c3c3c !important; display:block; border: 1px solid #fff; height: 32px; text-decoration: none}
#img-menu .sub-menu a:after {content: " "; font-size: 3px; height: 100%; vertical-align: middle; display: inline-block}
#img-menu .sub-menu a span {display: inline-block; vertical-align: middle}
#img-menu .sub-menu .sub {
box-sizing: border-box;
cursor: pointer;
line-height:1;
font-size: 10pt;
text-align: center;
vertical-align: middle; background: #fafafa; border: 1px solid #e5e5e5; margin-bottom: 5px; text-shadow: 0px 0px 2px #fff}
#img-menu .sub-menu .sub:hover {border: 1px solid #eb1c24}

.menu-opener {float: right}
.menu-opener div {position: absolute;padding: 0px; color: #fff;margin-left:-22%;top: 230px;font-size: 10pt;width: 22%;box-sizing: border-box;cursor: pointer;
 -webkit-transition: all 0.4s ease 0s;
     -moz-transition: all 0.4s ease 0s;
     -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  height: 30px; overflow: hidden
/*
  min-width: 125px;
  max-width: 173px;
*/
}
.menu-opener .hide {display: none; width: 100%; margin: 0px}

@media all and (max-width: 1px) {
 .visitka {zoom: 0.8}
}
@media all and (max-width: 1280px) {
 .visitka {zoom: 0.9}
/*
 .menu-opener div {margin-left:-260px; width: 260px}
 #header.open .menu-opener div {margin-left:-125px; width: 125px}
*/
}

.menu-opener span {display: block; float: left; width: 50%; padding: 3px 0px; margin-right: 3px; margin-left: -1px; border: none; text-align: center; background: #eb1c24; height: 24px; line-height: 24px}
.menu-opener span:last-child{margin-right: -1px}
#header.open .menu-opener div {top: 372px; width: 10.4%; margin-left: -10.4%}

@media all and (min-width: 1400px) {
 .menu-opener div {margin-left:-316px; width: 316px}
 #header.open .menu-opener div {margin-left:-148px; width: 148px;}
}

#logo {background: #eb1c24 url(/images/logo.gif) no-repeat center center; text-align: center}
#img-menu #logo {margin-top: 0px; height: 155px}
#img-menu li#logo a {margin: 7px; border: 0px; padding: 0px; height: 2px; color: #eb1c24; padding-top:145px; overflow: hidden; background-color: transparent}
#img-menu li#logo:hover a {background: transparent; border-color: #fff}
#img-menu li a {background-color: #fff; background-repeat: no-repeat; background-position: center -15px}
#menu-visitki a {background-image: url(/images/menu-visitki.jpg)}
#menu-calendars a {background-image: url(/images/menu-calendars.jpg)}
#menu-buklety a{background-image: url(/images/menu-buklety.jpg)}
#menu-listovki a{background-image: url(/images/menu-listovki.jpg)}
#menu-pechati a{background-image: url(/images/menu-pechati.jpg)}
#menu-plakaty a{background-image: url(/images/menu-plakaty.jpg)}
#menu-bannery a{background-image: url(/images/menu-bannery.jpg)}
#menu-viveski a{background-image: url(/images/menu-viveski.jpg)}

#footer {height: auto!important; background: #f5f5f5;
 position: relative;
    margin-top: -152px; /* negative value of footer height */
border-top: 6px solid #d7d7d7;
clear: both;
}

#footer-otbivka {height: 2px; overflow: hidden; background: #d6d6d6; border-bottom: 2px solid #eb1c24; clear: both; margin-top: 50px}
#footer a {color: #000}
#footer a:hover {color: #f00}
#footer ul {list-style: none; padding: 0px; line-height: 150%}
#counter {margin-top: 110px}
#bottom-logo {background: #eb1c24 url(/images/logo.gif) no-repeat center center; text-align: center; height: 158px; margin-top: -6px}
#footer .footer-links a {  text-transform: uppercase;
 font-family: Arial Narrow, Arial;
  font-size: 13px;
  color: #acacac;
  text-decoration: none;
  text-shadow: 1px 1px 0px #fbfbfb;
 }
#lt {position: absolute; left: 1%; padding: 0px; list-style: none; margin: -10px 1% 0px 1%; display: none}
#lt li {display: block; width: 10px; height: 10px; padding: 10px; border: 1px solid #999; border-radius: 50%; margin: 10px 0px; line-height: 10px; text-align: center; color: #999; cursor: pointer}
#lt li.selected {border: 1px solid #f00; color: #f00; cursor: default}
/*Visitki*/
.bold {font-weight: bold}
.why {padding:0px; list-style: none; margin: 10px 0px 0px 0px}
.why li {padding-bottom: 8px; font-size: 110%}
.why a {color: #000}
.gallerie {list-style: none; padding: 0px; overflow: hidden}
.gallerie li {max-height: 200px; overflow: hidden; margin-bottom: 10px; text-align: center; float: left}
.gallerie img {max-height: 300px; margin: 0px auto; max-width: 100%}
.g6 li {width: 15%; margin: 0px 1.66% 15px 0%}
.g6 {width: 102%}

.line {clear: both; width: 100%; padding: 0px 2.5% 0px 2.5%; margin-left: -2.5%; overflow: hidden;}
@media screen and (min-width: 1500px) {
  .line { clear: both; padding: 3px 10px 3px 10px; overflow: hidden; width: 1431px; margin: 0px auto}
}
.visitka {height: 450px; color: #fff; margin-bottom: 25px; box-shadow:0px 13px 13px rgba(0,0,0,0.13); overflow: hidden; border-radius: 40px 40px 0px 40px; max-width: 450px}
.visitka a {color: #fff}
.visitka .title {font-weight: normal;  color: #fff; line-height: 40px; text-align: center; font-size: 17px; padding: 0px 20px}
.visitka .title, .visitka .text, .visitka .total {background: rgba(0,0,0,0.5); color: #fff}
.visitka .total-custom {height: 47px}
.visitka .title a,.visitka .text a,.visitka .total a {color: #fff}
.visitka .thumb {overflow: hidden; cursor: pointer; }
.visitka .text {padding: 10px 22px; height: auto!important; overflow: hidden; font-size: 14px; text-align: left}
.visitka .text p {margin-top: 0px}
.rub {font-family: arial, serif; font-size: 13px;}
#zaya .cost,#zaya .price,.visitka .t1,.visitka .t2, .visitka button, .visitka .price, .visitka .cost {float: left; height:25px; line-height: 25px; margin-bottom: 5px; /*text-transform: uppercase*/}
#zaya .t2 {height: 25px; margin-bottom: 13px}
#zaya .t1 {margin-top: 12px}
#zaya .jq-selectbox__select {height: 30px}
.visitka .t1 {width: 30%; white-space: nowrap}
.visitka .t2 {width: 70%; white-space: nowrap}
.visitka button {width: 24%; border-radius: 0px; background: rgba(255,255,255,0.3); color: #fff; /*text-transform: uppercase;*/ padding: 0px; text-align: center }
.visitka button:hover {background: rgba(255,255,255,0.9); color: #000}
.visitka .total {padding: 10px 10px 10px 20px; height: auto!important; font-size: 10pt; display: flow-root;}
.visitka .price {width: 21%; font-size: 11pt}
.visitka .cost {width: 21%; font-size:11pt}
.visitka .cost.d {display: none}
.visitka .price.d {width: 42%}
.visitka .price, .visitka .cost,  #zaya .cost,  #zaya .price {background: #fff; color: #000; text-align: center; margin-right: 2%}
.visitka sup, .visitka sub {line-height: 13px; vertical-align: baseline}
.visitka sub {font-size: 9px;}
.visitka ul {padding: 0px; margin: 0px; padding-left: 22px; }
#zaya .price {color: #da1820; font-weight: bold; margin: -19px 0px 0px 95px; background: none}
#zaya .cost {color: #da1820; font-weight: bold;  margin: -19px 0px 0px 95px;  background: none}
#zaya .bestprice {color: #da1820}
#zaya .t1 {font-weight: bold}
#zaya .inputtext {height: 25px; line-height: 25px}
#visitka1 {background: url(/images/visitki/cifroviye-visitki.jpg) no-repeat}
#visitka2 {background: url(/images/visitki/offsetniye-visitki.jpg) no-repeat}
#visitka3 {background: url(/images/visitki/plastikoviye_visitki.jpg) no-repeat}
#visitka4 {background: url(/images/visitki/tisneniye.jpg) no-repeat}
#visitka5 {background: url(/images/visitki/shelkografiya.jpg)}
#visitka6 {background: url(/images/visitki/vizitki-virubka.jpg) no-repeat}
#visitka7 {background: url(/images/visitki/) no-repeat}
#visitka8 {background: url(/images/visitki/) no-repeat}
#visitka9 {background: url(/images/visitki/) no-repeat}
.main-croc {padding-left: 74.48%}

.tstyle1 {border-spacing: 0px; border-collapse: collapse; }
.tstyle1 thead td, .tstyle1 th {background: #eee; color: #000; font-weight: bold}
.tstyle1 td, .tstyle1 th {padding: 5px; border: 1px solid #ddd}
.bthumb {overflow: hidden; text-align: center; margin-top: 42px}
.bthumb div {width: 100%; text-align: left;  overflow: hidden}
.bthumb img {max-height: 450px; max-width: 100%; margin: 0px auto; display: inline-block; vertical-align: middle}
.bthumb ul {padding: 0px; margin: 0px; list-style: none; overflow: hidden; transition: margin 0.5s ease 0s; display: inline-block; vertical-align: middle}
.bthumb li {float: left; margin: 0px; overflow: hidden; vertical-align: middle}
.bthumb img:before {content: "."; width: 1px; font-size: 3px; vertical-align: middle; display: inline-block; height: 100%}

#main table, table.price {background: #e5e5e5; border-spacing: 1px; width: 100%}
#main table td, table.price td {border: 1px solid #fff; background: #fff; padding: 10px 5px; text-align: center}
table.price td textarea, table.price td input {width: 100%; height: 100%; border: 0px}
#main table tr:nth-child(even) td , table.price tr:nth-child(even) td {border: 1px solid #fff; background: #fafafa}
#main table tr.header td, #main table thead td, table.price tr.header td {font-weight: bold; background: #fafafa}
table.price td.lh {font-weight: bold}
table.price button {position: absolute; z-index: 98; margin: -8px 0px 0px -25px; display: inline}
.menu {list-style: none; padding: 0px; margin: 0px 0px 15px 0px}
.menu li a, .menu li span {display: block; padding: 9px 15px; border: 1px solid #fff; background: #fafafa; color: #656565}
.menu li span {font-weight: bold; background: #e5e5e5}
.menu li a:hover {text-decoration: none; background: #f00000; color: #fff}
.menu li {padding: 1px; background: #e5e5e5; margin-top: -5px}
.menu li.header {font-size: 150%; font-family: Tahoma, Geneva, sans-serif; font-weight: bold}
.menu li.header a {color: #000; }
.menu li:first-child {margin-top: 0px}
.small {font-size: 90%}

.help div {display: none; position: absolute; border: 1px solid #ddd; padding: 15px; background: #fff; z-index: 99; margin: -47px 0px 0px -3px; box-shadow: 0px 0px 5px rgba(0,0,0,0.13)}
.help:before {content: "?";background: #e5e5e5; color: #000; margin: 0px 0.5em; cursor: pointer; padding:1px 4px 1px 4px; border-radius: 50%; width: 16px; border: 1px solid #999; font-size: 80%; line-height: 100%}
.help img {max-height: 150px; max-width: 190px; margin: 10px 0px}
.price-wrap {
 float: right;
 padding: 7px 5px; border-radius: 50%; border: 2px solid #fff; background: rgba(28,255, 36,0.5); color: #fff;
 width: 55px; height: 52px; font-weight: bold; text-align: center;
 margin: 130px 5px 0px 0px;
}
.price-wrap div {border-bottom: 1px solid #fff}

.paper {border: 1px solid #e5e5e5; padding: 10px; height: 120px; overflow: hidden}
.paper img  {float: left; max-width: 40%; max-height: 150px; margin-right: 10px;}
.paper .title {font-weight: bold; text-align: center; margin: 0px 0px 15px 0px}
.paper .price {margin: 10px 0px; font-size: 120%; color: #f00000;position: relative; margin: 100px 0px -120px 0px; float: right}
.thumb img {max-width: 100%}
v.visitka .thumb img {margin-bottom: 0px}
img {border:0 none;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color:#000000;
 font-family: Arial Narrow, Arial;
 text-transform: uppercase;
 font-weight: bold;
 margin: 1em 0px;
}
.fl {float: left}
.fr {float: right}
.clear {clear: both}
h1, .h1 {font-size: 170%}
h2, .h2 {font-size: 140%}
h3, .h3 {font-size: 120%}
h4, .h4 {font-size: 110%}
h5, .h5, h6, .h6  {font-size: 100%}

.goods .title {margin-bottom: -40px; height: 30px; line-height: 30px; background: rgba(255,255,255,0.2); color: #fff; font-size: 13pt; text-align: center; padding: 5px 0px; position: relative; z-index: 10}
.goods {padding: 0px; list-style: none; margin: 0px; overflow: hidden}
.goods li {display: inline-block; width: 31%; margin: 15px 2% 15px 0px; overflow: hidden; border-radius: 15px;  border-radius: 40px 40px 0px 40px;}
.goods .thumb {width: 100%; background-position: center center; background-repeat: no-repeat; padding-top: 100%; margin-bottom: -50px}
.goods .price, .goods button {height: 30px; margin-bottom: 10px}
.goods button {float: right; margin-right: 30px}
.goods .controls {overflow: hidden; background: rgba(0,0,0,0.2); padding-top: 10px }
.goods .price {color: #fff; font-size: 13pt; line-height: 30px; margin-left: 50px; float: left}
.goods .price:before {content: "����: "}

.goods3 .title {margin-bottom: -70px; /*height: 30px;*/ line-height: 30px; background: rgba(0,0,0,0.5); color: #fff; font-size: 13pt; text-align: center; padding: 5px 0px; position: relative; z-index: 10}
.goods3 .title a {color: #ffffff; font-size: 17px;}
.goods3 {padding: 0px; list-style: none; margin: 0px; overflow: hidden}
.goods3 li {display: inline-block; width: 48%; margin: 15px 2% 15px 0px; overflow: hidden; border-radius: 15px;  border-radius: 40px 40px 0px 40px;}
.goods3 .thumb {width: 100%; background-position: center center; background-repeat: no-repeat; padding-top: 100%; margin-bottom: -50px}
.goods3 .price, .goods3 button {height: 30px; margin-bottom: 10px}
.goods3 button {float: right; margin-right: 30px}
.goods3 .controls {overflow: hidden; background: rgba(0,0,0,0.5); padding-top: 10px }
.goods3 .price {color: #fff; font-size: 13pt; line-height: 30px; margin-left: 50px; float: left}
.goods3 .price:before {content: "����: "}
.goods3 .authors {
color: #000000; font-size: 12px; text-align: left;    margin: 80px 0 0 10px;
    position: absolute;
}

hr, .hr { border-color: #E9E9E9;}
ul.breadcrumb-navigation {margin-bottom: 10px}
ul.breadcrumb-navigation .pic { background-position:30px -52px;}
ul.breadcrumb-navigation .pic { width: 6px; height: 5px; margin: 0 10px; vertical-align: middle }
.pic, .bx-wrapper .bx-controls-direction a { background-image:url('/bitrix/templates/ppsprint/images/pictures.png')}
.bx-wrapper {margin: 0px auto}
.reviews-list {padding: 0px 3px; min-height: 690px}
.d_ib { display: inline-block}
#feedback-cross {display: none}

/*cards */
#cards {margin: 25px 0px; clear: both}
#cards .u4 {margin-bottom: 15px; margin-top: 5px}
#zaya {width: 630px; height: 500px; display: none}
.croco {text-align: left}
.croco img {max-height: 100px; max-width: 50%}
table.contacts  .info {
font-family: 'Driver Gothic';
font-size: 28px;
text-transform: uppercase;
line-height: 50px; color: #999
}
table.contacts td {vertical-align: top; padding-top: 15px}
table.contacts .ya-phone {
color: #656565;
margin-top: 4px;
}
#bx_incl_area_6_1_3 {
    padding-top: 50px;
    margin-top: 50px;
    border-top: 1px solid #c0c0c0;
}
.items_yacor a {
    border: 1px solid #c0c0c0;
    padding: 5px 20px;
    width: 100%;
    display: block;
}

/*setka*/
.u1,.u2,.u3,.u4,.u5,.u6,.u7,.u8,.u9,.u10,.u11,.u12,.u13,.u14,.u15 {float: left}
.un {margin-right: 0px !important}

.ub1 { width: 6.39%; margin-right: 2.11%; float: left }
.ub2 { width: 14.9%; margin-right: 2.11%; float: left }
.ub3 { width: 23.41%; margin-right: 2.11%; float: left }
.ub4 { width: 31.92%; margin-right: 2.11%; float: left }
.ub5 { width: 40.43%; margin-right: 2.11%; float: left }
.ub6 { width: 48.94%; margin-right: 2.11%; float: left }
.ub7 { width: 57.45%; margin-right: 2.11%; float: left }
.ub8 { width: 65.96%; margin-right: 2.11%; float: left }
.ub9 { width: 74.47%; margin-right: 2.11%; float: left }
.ub10 { width: 82.98%; margin-right: 2.11%; float: left }
.ub11 { width: 91.49%; margin-right: 2.11%; float: left }
.ub2 .ub1 { width: 42.91%; margin-right: 14.16% }
.ub3 .ub1 { width: 27.32%; margin-right: 9.01% }
.ub3 .ub2 { width: 63.66%; margin-right: 9.01% }
.ub4 .ub1 { width: 20.04%; margin-right: 6.61% }
.ub4 .ub2 { width: 46.69%; margin-right: 6.61% }
.ub4 .ub3 { width: 73.34%; margin-right: 6.61% }
.ub5 .ub1 { width: 15.82%; margin-right: 5.22% }
.ub5 .ub2 { width: 36.86%; margin-right: 5.22% }
.ub5 .ub3 { width: 57.91%; margin-right: 5.22% }
.ub5 .ub4 { width: 78.95%; margin-right: 5.22% }
.ub6 .ub1 { width: 13.07%; margin-right: 4.31% }
.ub6 .ub2 { width: 30.45%; margin-right: 4.31% }
.ub6 .ub3 { width: 47.84%; margin-right: 4.31% }
.ub6 .ub4 { width: 65.22%; margin-right: 4.31% }
.ub6 .ub5 { width: 82.61%; margin-right: 4.31% }
.ub7 .ub1 { width: 11.13%; margin-right: 3.67% }
.ub7 .ub2 { width: 25.94%; margin-right: 3.67% }
.ub7 .ub3 { width: 40.75%; margin-right: 3.67% }
.ub7 .ub4 { width: 55.56%; margin-right: 3.67% }
.ub7 .ub5 { width: 70.37%; margin-right: 3.67% }
.ub7 .ub6 { width: 85.18%; margin-right: 3.67% }
.ub8 .ub1 { width: 9.69%; margin-right: 3.2% }
.ub8 .ub2 { width: 22.59%; margin-right: 3.2% }
.ub8 .ub3 { width: 35.49%; margin-right: 3.2% }
.ub8 .ub4 { width: 48.39%; margin-right: 3.2% }
.ub8 .ub5 { width: 61.29%; margin-right: 3.2% }
.ub8 .ub6 { width: 74.19%; margin-right: 3.2% }
.ub8 .ub7 { width: 87.09%; margin-right: 3.2% }
.ub9 .ub1 { width: 8.59%; margin-right: 2.83% }
.ub9 .ub2 { width: 20.01%; margin-right: 2.83% }
.ub9 .ub3 { width: 31.44%; margin-right: 2.83% }
.ub9 .ub4 { width: 42.86%; margin-right: 2.83% }
.ub9 .ub5 { width: 54.29%; margin-right: 2.83% }
.ub9 .ub6 { width: 65.72%; margin-right: 2.83% }
.ub9 .ub7 { width: 77.14%; margin-right: 2.83% }
.ub9 .ub8 { width: 88.57%; margin-right: 2.83% }
.ub10 .ub1 { width: 7.71%; margin-right: 2.54% }
.ub10 .ub2 { width: 17.96%; margin-right: 2.54% }
.ub10 .ub3 { width: 28.21%; margin-right: 2.54% }
.ub10 .ub4 { width: 38.47%; margin-right: 2.54% }
.ub10 .ub5 { width: 48.72%; margin-right: 2.54% }
.ub10 .ub6 { width: 58.98%; margin-right: 2.54% }
.ub10 .ub7 { width: 69.23%; margin-right: 2.54% }
.ub10 .ub8 { width: 79.49%; margin-right: 2.54% }
.ub10 .ub9 { width: 89.74%; margin-right: 2.54% }
.ub11 .ub1 { width: 6.99%; margin-right: 2.3% }
.ub11 .ub2 { width: 16.29%; margin-right: 2.3% }
.ub11 .ub3 { width: 25.59%; margin-right: 2.3% }
.ub11 .ub4 { width: 34.89%; margin-right: 2.3% }
.ub11 .ub5 { width: 44.19%; margin-right: 2.3% }
.ub11 .ub6 { width: 53.49%; margin-right: 2.3% }
.ub11 .ub7 { width: 62.79%; margin-right: 2.3% }
.ub11 .ub8 { width: 72.09%; margin-right: 2.3% }
.ub11 .ub9 { width: 81.39%; margin-right: 2.3% }
.ub11 .ub10 { width: 90.69%; margin-right: 2.3% }


 .u1 {width: 4.76% ; margin-right: 1.58% }
 .u2 { width: 11.11% ; margin-right: 1.58% }
 .u3 {width: 17.46% ; margin-right: 1.58% }
 .u4 { width: 23.81% ; margin-right: 1.58% }
 .u5 { width: 30.16% ; margin-right: 1.58% }
 .u6 {  width: 36.51% ; margin-right: 1.58% }
 .u7 { width: 42.86% ; margin-right: 1.58% }
 .u8 {  width: 49.21% ; margin-right: 1.58% }
 .u9 {  width: 55.56% ; margin-right: 1.58% }
 .u10 {  width: 61.90% ; margin-right: 1.58% }
 .u11 { width: 68.25% ; margin-right: 1.58% }
 .u12 { width: 74.60% ; margin-right: 1.58% }
 .u13 { width: 80.95% ; margin-right: 1.58% }
 .u14 {  width: 87.30% ; margin-right: 1.58% }
 .u15 { width: 93.65% ; margin-right: 1.58% }

.u15 .u1 {width: 5.08% ; margin-right: 1.68% }
.u15 .u2 {width: 11.86% ; margin-right: 1.68% }
.u15 .u3 {width: 18.64% ; margin-right: 1.68% }
.u15 .u4 {width: 25.42% ; margin-right: 1.68% }
.u15 .u5 {width: 32.20% ; margin-right: 1.68% }
.u15 .u6 {width: 38.98% ; margin-right: 1.68% }
.u15 .u7 {width: 45.76% ; margin-right: 1.68% }
.u15 .u8 {width: 52.54% ; margin-right: 1.68% }
.u15 .u9 {width: 59.32% ; margin-right: 1.68% }
.u15 .u10 {width: 66.10% ; margin-right: 1.68% }
.u15 .u11 {width: 72.88% ; margin-right: 1.68% }
.u15 .u12 {width: 79.66% ; margin-right: 1.68% }
.u15 .u13 {width: 86.44% ; margin-right: 1.68% }
.u15 .u14 {width: 93.22% ; margin-right: 1.68% }


.u14 .u1 {width: 5.45% ; margin-right: 1.81% }
.u14 .u2 {width: 12.73% ; margin-right: 1.81% }
.u14 .u3 {width: 20.00% ; margin-right: 1.81% }
.u14 .u4 {width: 27.27% ; margin-right: 1.81% }
.u14 .u5 {width: 34.55% ; margin-right: 1.81% }
.u14 .u6 {width: 41.82% ; margin-right: 1.81% }
.u14 .u7 {width: 49.09% ; margin-right: 1.81% }
.u14 .u8 {width: 56.36% ; margin-right: 1.81% }
.u14 .u9 {width: 63.64% ; margin-right: 1.81% }
.u14 .u10 {width: 70.91% ; margin-right: 1.81% }
.u14 .u11 {width: 78.18% ; margin-right: 1.81% }
.u14 .u12 {width: 85.45% ; margin-right: 1.81% }
.u14 .u13 {width: 92.73% ; margin-right: 1.81% }


.u13 .u1 {width: 5.88% ; margin-right: 1.95% }
.u13 .u2 {width: 13.73% ; margin-right: 1.95% }
.u13 .u3 {width: 21.57% ; margin-right: 1.95% }
.u13 .u4 {width: 29.41% ; margin-right: 1.95% }
.u13 .u5 {width: 37.25% ; margin-right: 1.95% }
.u13 .u6 {width: 45.10% ; margin-right: 1.95% }
.u13 .u7 {width: 52.94% ; margin-right: 1.95% }
.u13 .u8 {width: 60.78% ; margin-right: 1.95% }
.u13 .u9 {width: 68.63% ; margin-right: 1.95% }
.u13 .u10 {width: 76.47% ; margin-right: 1.95% }
.u13 .u11 {width: 84.31% ; margin-right: 1.95% }
.u13 .u12 {width: 92.16% ; margin-right: 1.95% }


.u12 .u1 {width: 6.38% ; margin-right: 2.12% }
.u12 .u2 {width: 14.89% ; margin-right: 2.12% }
.u12 .u3 {width: 23.40% ; margin-right: 2.12% }
.u12 .u4 {width: 31.91% ; margin-right: 2.12% }
.u12 .u5 {width: 40.43% ; margin-right: 2.12% }
.u12 .u6 {width: 48.94% ; margin-right: 2.12% }
.u12 .u7 {width: 57.45% ; margin-right: 2.12% }
.u12 .u8 {width: 65.96% ; margin-right: 2.12% }
.u12 .u9 {width: 74.47% ; margin-right: 2.12% }
.u12 .u10 {width: 82.98% ; margin-right: 2.12% }
.u12 .u11 {width: 91.49% ; margin-right: 2.12% }


.u11 .u1 {width: 6.98% ; margin-right: 2.32% }
.u11 .u2 {width: 16.28% ; margin-right: 2.32% }
.u11 .u3 {width: 25.58% ; margin-right: 2.32% }
.u11 .u4 {width: 34.88% ; margin-right: 2.32% }
.u11 .u5 {width: 44.19% ; margin-right: 2.32% }
.u11 .u6 {width: 53.49% ; margin-right: 2.32% }
.u11 .u7 {width: 62.79% ; margin-right: 2.32% }
.u11 .u8 {width: 72.09% ; margin-right: 2.32% }
.u11 .u9 {width: 81.40% ; margin-right: 2.32% }
.u11 .u10 {width: 90.70% ; margin-right: 2.32% }


.u10 .u1 {width: 7.69% ; margin-right: 2.55% }
.u10 .u2 {width: 17.95% ; margin-right: 2.55% }
.u10 .u3 {width: 28.21% ; margin-right: 2.55% }
.u10 .u4 {width: 38.46% ; margin-right: 2.55% }
.u10 .u5 {width: 48.72% ; margin-right: 2.55% }
.u10 .u6 {width: 58.97% ; margin-right: 2.55% }
.u10 .u7 {width: 69.23% ; margin-right: 2.55% }
.u10 .u8 {width: 79.49% ; margin-right: 2.55% }
.u10 .u9 {width: 89.74% ; margin-right: 2.55% }


.u9 .u1 {width: 8.57% ; margin-right: 2.85% }
.u9 .u2 {width: 20.00% ; margin-right: 2.85% }
.u9 .u3 {width: 31.43% ; margin-right: 2.85% }
.u9 .u4 {width: 42.86% ; margin-right: 2.85% }
.u9 .u5 {width: 54.29% ; margin-right: 2.85% }
.u9 .u6 {width: 65.71% ; margin-right: 2.85% }
.u9 .u7 {width: 77.14% ; margin-right: 2.85% }
.u9 .u8 {width: 88.57% ; margin-right: 2.85% }


.u8 .u1 {width: 9.68% ; margin-right: 3.22% }
.u8 .u2 {width: 22.58% ; margin-right: 3.22% }
.u8 .u3 {width: 35.48% ; margin-right: 3.22% }
.u8 .u4 {width: 48.39% ; margin-right: 3.22% }
.u8 .u5 {width: 61.29% ; margin-right: 3.22% }
.u8 .u6 {width: 74.19% ; margin-right: 3.22% }
.u8 .u7 {width: 87.10% ; margin-right: 3.22% }


.u7 .u1 {width: 11.11% ; margin-right: 3.69% }
.u7 .u2 {width: 25.93% ; margin-right: 3.69% }
.u7 .u3 {width: 40.74% ; margin-right: 3.69% }
.u7 .u4 {width: 55.56% ; margin-right: 3.69% }
.u7 .u5 {width: 70.37% ; margin-right: 3.69% }
.u7 .u6 {width: 85.19% ; margin-right: 3.69% }


.u6 .u1 {width: 13.04% ; margin-right: 4.34% }
.u6 .u2 {width: 30.43% ; margin-right: 4.34% }
.u6 .u3 {width: 47.83% ; margin-right: 4.34% }
.u6 .u4 {width: 65.22% ; margin-right: 4.34% }
.u6 .u5 {width: 82.61% ; margin-right: 4.34% }


.u5 .u1 {width: 15.79% ; margin-right: 5.25% }
.u5 .u2 {width: 36.84% ; margin-right: 5.25% }
.u5 .u3 {width: 57.89% ; margin-right: 5.25% }
.u5 .u4 {width: 78.95% ; margin-right: 5.25% }


.u4 .u1 {width: 20.00% ; margin-right: 6.66% }
.u4 .u2 {width: 46.67% ; margin-right: 6.66% }
.u4 .u3 {width: 73.33% ; margin-right: 6.66% }


.u3 .u1 {width: 27.27% ; margin-right: 9.08% }
.u3 .u2 {width: 63.64% ; margin-right: 9.08% }


.u2 .u1 {width: 42.86% ; margin-right: 14.28% }

.calendar img {max-height: 450px}
.calendar {text-align: center}


html, body, #wrap { height: 100%; }

html { width:100%; /*height: 100%; */}

.box { border:7px solid #eaeaea; display: block; margin: 15px 0px}

.box2 {
 border:3px solid #fff;
 background:#fcfcfc;
 border-radius:2px;
 -moz-border-radius:2px;
 -webkit-border-radius:2px;
 box-shadow:0 0 3px #999;
 -moz-box-shadow:0 0 3px #999;
 -webkit-box-shadow:0 0 3px #999;
 display: block;
}

.left_form {
 padding:5px 10px
}

.left_form h4 {}

.left_form label {}

.left_form .text { width:94% !important}

/* modal_form */
.modal_form {
 padding:5px 10px
}

.modal_form h4 {}

.modal_form label {}

.modal_form .text,
.modal_form .inputtext,
.modal_form .inputtextarea { width:96% !important}

/* contacts_form */
.contacts_form {
 padding:5px 10px
}

.contacts_form h4 {}

.contacts_form label {}

.contacts_form .text { width:95% !important}
.contacts_form textarea.text { height:110px !important}

.contacts_form .button_send { width:200px}

.contacts_form tr { vertical-align:top}

/**/
input.text,
textarea.text {
 border:1px solid #dadada;
 color:#575757;
 box-shadow:0 0 3px #dadada;
 -moz-box-shadow:0 0 3px #dadada;
 -webkit-box-shadow:0 0 3px #dadada;
font-weight: bold
}

input.text {
 height:37px;
 line-height:35px;
 padding:0 0 0 10px;
}

textarea.text {
 padding:7px 0 0 10px
}

.button_send {
 border:1px solid #eb1a22;
 border-radius:3px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 box-shadow:0 0 3px #999;
 -moz-box-shadow:0 0 3px #999;
 -webkit-box-shadow:0 0 3px #999;
}

.button_send .send,
.button_send input {
 border:none;
 border:1px solid #f3767a;
 background-color:#eb1a22;
 padding:3px 0;
 border-radius:2px;
 -moz-border-radius:2px;
 -webkit-border-radius:2px;
 width:100%
}

.button_send,
.button_send .send,
.button_send input {
 text-decoration:none;
 text-align:center;
 font-family:Tahoma, Geneva, sans-serif;
 font-weight: bold;
 font-size:18px;
 text-transform:uppercase;
 color:#fff;
 text-shadow:1px 1px 0px #da1820;
}

.form h4 {
 margin:0;
 padding:0 0 5px;
 border-bottom:1px solid #dadada
}

.form label {
 font-weight:bold;
 color:#555
}

.form .inputtext,
.form .inputtextarea {
 border:1px solid #dadada;
 color:#777;
 box-shadow:0 0 3px #dadada;
 -moz-box-shadow:0 0 3px #dadada;
 -webkit-box-shadow:0 0 3px #dadada;
}

.form .inputtext {
 height:37px;
 line-height:35px;
 padding:0 0 0 10px
}

.form .inputtextarea {
 padding:7px 0 0 10px
}

/* left-menu  */
#left-menu {
 margin:0;
 padding:0;
 list-style:none inside none
}

#left-menu li { margin:-1px 0 0}

#left-menu li.first-item { margin:0}

#left-menu li.last-item {}

#left-menu li.last-item .pic { display:none;}

#left-menu li.selected { border-left: 6px solid #eb1c24;}

#left-menu li.selected div {
 margin-right:-10px;
}

#left-menu li.selected .pic { display:block;}

#left-menu div {
 border:1px solid #e5e5e5;
}

#left-menu li.last-item div {
 border-color:#bcbbbb
}

#left-menu li.last-item div a {
 border-color:#f3f3f3;
 background-color: #eb1c24;;
 color:#fff;

}

#left-menu a {
 display:block;
 border:1px solid #fff;
 background-color:#fafafa;
 font-size:11px;
 color:#656565;
 text-decoration:none;
 text-transform:uppercase;
 padding:10px 0 10px 15px;
 position:relative
}

#left-menu .pic {
 width:6px;
 height:7px;
 background-position: -102px -75px;
 display:none;
 position:absolute;
 margin: -20px 0px 0px 200px;
 z-index: 20;
}

/* right-menu */
.right-menu {
 margin:0;
 padding:0;
 list-style:none inside none;
}

.right-menu li,
.right-menu li a { display:block;}

.right-menu li {
 width:170px;
 float:left;
 margin:6px 0 0 6px;
 border:1px solid #e5e5e5;
}

.right-menu li:hover {
 border-color:#f33c44;
 box-shadow:0 0 3px #f33c44;
}

.right-menu li a {
/* font-family:'PT Sans Narrow';*/
font-family: 'Arial Narrow', Arial, sans; font-size:14px;
 line-height:14px;
 text-transform:uppercase;
 padding:5px;
 text-align:center;
 border:1px solid #fff;
 background-color:#fafafa;
 text-decoration:none;
 color:#3c3c3c !important

}

.right-menu li.lheight a {
 padding:13px 5px;
}

/* reviews */
.reviews-list {}
.reviews-item {
 border:3px solid #fff;
 background:#fcfcfc;
 padding:5px 10px 12px;
 border-radius:2px;

 box-shadow:0 0 3px #999;

 margin:0 0 12px

}
.review-date-time {
 color:#b7b7b7
}
.review-name,
.review-date-time {
 padding:5px 0;
}
.review-name,
.review-name a {
 font-weight:bold;
 color:#ec2a32 !important;
 text-decoration:none
}
.review-preview-text {
 border-top:1px dotted #b0b0b0;
 padding:5px 0 0
}

#all_reviews { text-align:center}
#all_reviews a {
 color:#ec2a32 !important;
 text-decoration:none;
 font-weight:bold;
}

/* action */
.action-list {}
.action-item { margin:0 0 12px}
.action-preview-text {
 background:#f3f3f3;
 padding:10px 15px;
}
.action-more { text-align:right; overflow: hidden;}
.action-more a {
 background:#ea1a22;
 padding:1px 10px;
 text-decoration:none;
 color:#fff !important;
 font-size:10px;
 position:relative
}
.action-more a:before {
 content: "";
 border-bottom: 23px solid rgba(0, 0, 0, 0);
    border-right: 25px solid #EA1A22;
    position: relative;
    top: -7px;
 left:-25px;
 position:absolute

}


dl.block-list { margin: 0; padding:0; font-size: 0.85em;}
dl.block-list dt { margin: 1.5em 0 0.5em; }
dl.block-list dd { margin:0; padding:0;}
dl.block-list a { text-decoration: none; outline: none;}
dl.block-list a:hover { text-decoration: underline;}

/* Navigation */
div.navigation { font-size:100%; line-height:200%; }
span.navigation-title { padding-right:0.65em; font-weight: bold;}
div.navigation a { text-decoration:underline; padding:0.2em 0.3em;}
span.nav-current-page { padding:0.2em 0.3em; }
div.navigation span.arrow { font-size:100%; font-family:Times, serif; }
div.navigation span.ctrl { font-size:85%; }

/* Product List */
div.product-list { overflow: hidden; }

div.product
{
 overflow: hidden;
 width: 280px;
 height: 105px;
 margin: 0 25px 20px 0;
 position: relative;
 float: left;
}

div.product-alt { margin-right: 0;}

div.product-image
{
 width: 250px;
 height: 105px;
 background-repeat: no-repeat;
 background-position: left top;
 position: absolute;
 top:0;
 left: 0;
}

div.product-overlay
{
 width: 280px;
 height: 105px;
 position: absolute;
 z-index: 1;
}

a.product-desc
{
 float:right;
 height:62px;
 overflow:hidden;
 position:absolute;
 right:0;
 top:0px;
 width:142px;
 z-index:2;
 font-size: 1em;
 text-decoration: none;
 padding:13px 10px 30px 129px;
}

a.product-desc p { font-size: 0.85em; margin:7px 0 0;}

/* News List */
div.news-list { margin: 0 0 2em;}
div.news-item { margin: 0 0 2em; padding: 0 0 2em; border-bottom: 1px solid; }
div.news-date { margin: 0 0 1em;}
div.news-title { font-size: 1em; margin: 0 0 1em;  font-weight: bold;}
a.news-detail-link { display: block; margin: 1em 0 0; outline: none;}

/* Catalog List */
div.catalog-list, div.catalog-detail  { padding: 1em 0 0;}
div.catalog-item { margin: 0 0 2em; padding: 0 0 2em; border-bottom: 1px solid; overflow: hidden; zoom: 1;}
div.catalog-detail div.catalog-item { border: none; }
div.catalog-item-title { margin: 0 0 1em;}
div.catalog-item-title a { font-weight: bold; }

div.catalog-item-image { float: left; margin: 0 1em 1em 0; border:1px solid; padding: 4px; }
div.catalog-item-price {clear: left; float:left; padding: 0.5em 1em; margin:1em 0 0; font-weight: bold; }
div.catalog-item-desc { clear: left; }
div.catalog-item-desc-float { }
div.catalog-item-properties { clear: both; padding: 1em 0 0;  overflow: hidden;}
div.catalog-item-property { margin: 0 0 1em; border-bottom:1px dashed; float: left; width: 100%;}
div.catalog-item-property b { float: right; position: relative; top: 0.31em; padding-left: 3px; font-style:italic; font-weight:normal; }
div.catalog-item-property span { float: left; position: relative; top: 0.31em; padding-right: 3px; zoom: 1;}
div.catalog-item-properties-title { font-size: 1em; font-weight: bold; margin: 2em 0 1em; }

/* Special Product */
div.special-product-title { text-align: center; margin: 0 0 1em;}
div.special-product-image { text-align: center; margin: 0 0 1em;}
div.special-product { text-align: center; }

/* Top menu */


div.menu-clear-left { clear:left; }

/*Common Elements */
div.content-form { padding-left:1em; }

/*
 * popup
*/
#popup {
 position:fixed;
 left:0;
 top:0;
 height:100%;
 width:100%;
 display:none
}

#popup2 {
 position:absolute;
 left:0;
 top:0;
 height:100%;
 width:100%;
 z-index:1;
 background:rgba(0,0,0,.5);
}

#modal {
 position:absolute;
 left:50%;
 top:50%;
 width:300px;
 background:white;
 z-index:2;
 margin:-150px 0 0 -155px
}

#modal_close {
 background:#EAEAEA;
    border-radius:50%;
    color:#FFFFFF;
    cursor:pointer;
    font-size:9px;
    height:14px;
    line-height:12px;
    position:absolute;
    right:3px;
    text-align:center;
    top:3px;
    width:14px;
}

/*
 * back_top
*/
#back_top {
 position:fixed;
 right:15px;
 bottom:20px;
 width:100px;
 text-align:center;
 background:red;
 padding:5px 0;
 font-size:16px;
 color:#fff;
 font-weight:bold;
 z-index:3;
 cursor:pointer
}

#back_top:before {
 border-bottom:17px solid #FF0000;
    border-left:50px solid rgba(0, 0, 0, 0);
    border-right:50px solid rgba(0, 0, 0, 0);
    content:"";
    left:0;
    position:absolute;
    top:-17px;
}

.card {
 height: 145px;
 text-decoration: none; color: #4F4F4F
}

.card table { margin: 10px 0 0}

.card td.card_img {
 width: 100px;
}

.card td.card_img div {
 margin-left: -15px
}

.card td.card_name {}

.card td.card_name {
 text-decoration: none;
/* font-family:'PT Sans Narrow';*/
font-family: 'Arial Narrow', Arial, sans; font-weight: bold;
 text-transform: uppercase;
 font-size: 20px;
 color: #676767;
 line-height: 22px
}

.card td.card_price {
 color: #c3c3c3;
 font-size: 10px;
 font-weight: bold;
/* font-family:'PT Sans Narrow';*/
font-family: 'Arial Narrow', Arial, sans; text-transform: uppercase;
 white-space: nowrap
}

.card td.card_price span {
 color: #eb1c24;
 font-size: 22px;
}

/**/
#action,
#spec { height: 210px; position: relative; text-decoration: none; color: #4F4F4F}

#action .title { width: 200px}
#spec .title { width: 225px}

#action .title,
#spec .title {
/* font-family:'PT Sans Narrow';*/
font-family: 'Arial Narrow', Arial, sans; font-weight: bold;
 color: #fff;
 text-transform: uppercase;
 font-size: 16px;
 text-align: center;
 background: #eb1a22;
 padding: 2px;
 text-shadow: 1px 1px 0px #c53439;
 margin: -7px auto 0
}

#action .title div,
#spec .title div { border: 1px solid #f58d91;}

.smallb {
 position: absolute;
 width: 100%;
 font-size: 10px;
 color: #959595;
 text-align: center;
 bottom: 5px
}

#action .title div { padding: 7px 0;}

#action .content_info .text {
/* font-family:'PT Sans Narrow';*/
font-family: 'Arial Narrow', Arial, sans; font-weight: bold;
 text-transform: uppercase;
 font-size: 16px;
 margin: 36px 0 0 130px;
 line-height: 18px;
 padding: 0 12px 0 0
}

#action .content_info .small {
 font-family:Tahoma, Geneva, sans-serif;
 font-size: 10px;
 text-transform: none;
 color: #cdcdcd;
 float: right
}

#action .content_info { padding: 14px 0 0 10px}

#action .content_info .text .gray { color: #cdcdcd; margin-left: -15px}
#action .content_info .text .red { color: #eb1a22}

#spec .title div { position: relative; padding: 7px 0 7px 30px;}

#spec .title div.pic {
 border: none;
 padding: 0;
 width: 30px;
 height: 30px;
 position: absolute;
 left: 10px;
 top: 4px;
}

#spec .content_info {
 text-align: center;
 margin: 24px 0 0
}

#spec .content_info .text {}

#spec .content_info .number {
 font-size: 65px;
 font-family:'Driver Gothic';
 color: #cfcfcf;
 margin: 6px 0 0
}

#spec .content_info .number span { color: #eb1a22}

/* slider */

#flickrSlider{
 margin: 60px auto;
 height:345px;
 width:500px;
}
.conditions {margin-top: 10px; position: relative}
.conditions a.js {color: #eb1c24}
.conditions button {margin: 10px 0px 10px 10px; position: absolute; right: 0px; top: 5px}
.conditions .text {padding-right: 100px; font-size: 8pt}
.bx-context-toolbar-empty-area {overflow: hidden; width: auto; height: auto}

.toggler {
	border-bottom: dashed 1px #000000;
	cursor: pointer;
}

.toggler + div {
	display: none;
}

.conditions .price {
	color: #eb1c24;
	font-size: 20px;
	font-weight: bold;
	margin-top: 10px;
}

.myh2 {
    font-size: 140%;
    color: #000000;
    font-family: Arial Narrow, Arial;
    text-transform: uppercase;
    font-weight: bold;
    margin: 1em 0px;
}
@media (max-width: 767px)
.red12 {
    width: 90% !important;
}

.whatsapp-button {
    position: fixed;
    right: 13px;
    bottom: 90px;
    transform: translate(-50%, -50%);
    background: #25D366;
    /*цвет кнопки*/
    border-radius: 50%;
    width: 55px;
    /*ширина кнопки*/
    height: 55px;
    /*высота кнопки*/
    color: #fff;
    text-align: center;
    line-height: 53px;
    /*центровка иконки в кнопке*/
    font-size: 35px;
    /*размер иконки*/
    z-index: 9999;
}

.whatsapp-button a {
    color: #fff;
}

.whatsapp-button:before, .whatsapp-button:after {
    content: " ";
    display: block;
    position: absolute;
    border: 50%;
    border: 1px solid #25D366;
    /*цвет анимированных волн от кнопки*/
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: animate 1.5s linear infinite;
    opacity: 0;
    backface-visibility: hidden;
}

.whatsapp-button:after {
    animation-delay: .5s;
}

@keyframes animate {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}


/* 2026-11-11: laptop header (992-1399px) - menu overlapped the address block */
@media (min-width: 992px) and (max-width: 1399.98px) {
  #top-menu .container > .row { flex-wrap: nowrap; }
  #top-menu .container > .row > .col-md-3:first-child { flex: 0 0 auto; width: auto; max-width: none; }
  #top-contacts { flex: 0 0 auto; width: auto; max-width: none; padding-left: 10px; padding-right: 10px; }
  #top-contacts .v { float: none; width: auto; min-width: 0; margin-right: 0; }
  #top-contacts .v div[style*="250px"] { display: none !important; }
  #top-phone { flex: 1 1 auto; width: auto; max-width: none; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #top-phone .mmail { display: none; }
}
@media (min-width: 992px) and (max-width: 1399.98px) {
  #top-contacts .v > div { display: flex !important; align-items: center; height: auto; }
  #top-contacts .v > div > * { display: block; height: auto; }
  #top-contacts img { float: none; margin: 0 4px 0 0; }
}

/* 2026-11-11: mobile header + offcanvas menu */
@media (max-width: 991.98px) {
  #top-menu .menuha { flex-wrap: nowrap; }
  #top-menu .navbar-brand { font-size: 15px !important; white-space: nowrap; margin-right: 8px; overflow: hidden; text-overflow: ellipsis; }
  #top-menu .navbar-toggler { flex: 0 0 auto; padding: 4px 8px; border: 1px solid rgba(0,0,0,.25) !important; }
  #top-menu .navbar-toggler-icon { width: 26px; height: 26px; }
  #offcanvasMenu { max-width: 85vw; }
  #offcanvasMenu .offcanvas-header { border-bottom: 2px solid #eb1c24; }
  #offcanvasMenu .offcanvas-title { font-weight: bold; text-transform: uppercase; }
  #offcanvasMenu .offcanvas-body { padding-top: 4px; }
  #offcanvasMenu .offcanvas-body ul.navbar-nav { text-align: left; }
  #offcanvasMenu .offcanvas-body ul.navbar-nav .nav-link { font-size: 18px !important; padding: 11px 0; border-bottom: 1px solid #eee; color: #222; }
  #offcanvasMenu .mobcontact { text-align: left; margin-top: 18px; font-size: 15px; color: #333; }
  #offcanvasMenu .mob-phone { display: block; font-size: 24px; font-weight: bold; color: #eb1c24; text-decoration: none; line-height: 1.2; }
  #offcanvasMenu .mob-hours { color: #777; font-size: 14px; margin-top: 2px; }
  #offcanvasMenu .mob-actions { margin: 14px 0; }
  #offcanvasMenu .mob-btn { display: block; width: 100%; padding: 11px 12px; border: 0; border-radius: 4px; font-size: 16px; font-weight: bold; text-transform: uppercase; }
  #offcanvasMenu .mob-btn-red { background: #eb1c24; color: #fff; }
  #offcanvasMenu .mob-messengers { display: flex; gap: 10px; margin-bottom: 12px; }
  #offcanvasMenu .mob-messengers a { flex: 1 1 0; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 8px; border: 1px solid #ddd; border-radius: 4px; color: #222; text-decoration: none; }
  #offcanvasMenu .mob-messengers img { width: 24px; height: 24px; }
  #offcanvasMenu .mob-mail { display: block; color: #222; margin-bottom: 12px; }
  #offcanvasMenu .mob-address { padding-top: 12px; border-top: 1px solid #eee; line-height: 1.4; }
  #offcanvasMenu .mob-metro { color: #777; font-size: 14px; }
  #offcanvasMenu .mob-route { display: inline-block; margin-top: 8px; padding: 8px 12px; border: 1px solid #eb1c24; border-radius: 4px; color: #eb1c24; text-decoration: none; font-weight: bold; }
}
@media (max-width: 991.98px) {
  #offcanvasMenu .mob-messengers img { width: 24px !important; height: 24px !important; max-width: 24px !important; margin: 0 !important; }
  #offcanvasMenu .mob-messengers a { min-width: 0; font-size: 15px; line-height: 1.2; }
  #offcanvasMenu .mob-btn { height: auto !important; line-height: 1.3 !important; }
  #offcanvasMenu .offcanvas-body { overflow-x: hidden; }
}

/* 2026-11-11: fixed mobile header with phone + messenger icons, menu polish */
@media (max-width: 991.98px) {
  #top-menu { position: fixed; top: 0; left: 0; right: 0; z-index: 1030; background: #fff; height: auto !important; overflow: visible !important; }
  #top-menu #top-contacts, #top-menu #top-phone, #top-menu .row > .col-md-2 { display: none !important; }
  #header { padding-top: var(--pps-mobh, 96px); }
  #top-menu .navbar { padding-top: 4px; padding-bottom: 4px; }
  #top-menu .menuha { flex-wrap: wrap; }
  #top-menu .navbar-brand { flex: 1 1 0; min-width: 0; padding-top: 4px; padding-bottom: 4px; }
  #top-menu .mob-bar { flex: 0 0 100%; display: flex; align-items: center; justify-content: flex-start; gap: 4px; padding: 2px 0 4px; }
  #top-menu .mob-bar-phone { margin-right: 6px; font-size: 19px; font-weight: bold; line-height: 1.2; color: #222; text-decoration: none; white-space: nowrap; }
  #top-menu .mob-bar-ico { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; }
  #top-menu .mob-bar-ico img { width: 30px !important; height: 30px !important; max-width: 30px !important; margin: 0 !important; display: block; }

  #offcanvasMenu .mob-phone { margin-top: 4px; }
  #offcanvasMenu .mob-hours { margin-bottom: 14px; }
  #offcanvasMenu .mob-btn { min-height: 48px; border-radius: 8px; }
  #offcanvasMenu .mob-messengers a { min-height: 48px; border-radius: 8px; font-weight: 500; }
  #offcanvasMenu .mob-mail { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 8px 12px; margin-bottom: 16px; border: 1px solid #ddd; border-radius: 8px; color: #222; text-decoration: none; }
  #offcanvasMenu .mob-mail svg { flex: 0 0 24px; width: 24px; height: 24px; fill: #eb1c24; }
  #offcanvasMenu .mob-mail-label { display: block; font-size: 12px; line-height: 1.2; color: #777; }
  #offcanvasMenu .mob-mail-addr { display: block; font-size: 16px; line-height: 1.3; font-weight: 500; color: #222; word-break: break-all; }
  #offcanvasMenu .mob-address { padding-top: 14px; }
  #offcanvasMenu .mob-route { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 48px; margin-top: 10px; border-radius: 8px; font-size: 16px; }
}
@media (max-width: 991.98px) {
  #top-menu .mob-bar-phone, #top-menu .mob-bar-phone:link, #top-menu .mob-bar-phone:visited, #top-menu .mob-bar-phone:hover, #top-menu .mob-bar-phone:active, #top-menu .mob-bar-phone:focus { color: #222 !important; text-decoration: none !important; outline: none; -webkit-tap-highlight-color: transparent; }
}
@media (max-width: 359.98px) {
  #top-menu .mob-bar-phone { font-size: 17px; }
  #top-menu .navbar-brand { font-size: 13px !important; }
}

/* 2026-11-12: слоган над отзывами в одну строку */
.thumb.un:has(> .pps-slogan) { width: 100% !important; margin-top: 0 !important; }
.pps-slogan { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin: 12px 0 10px !important; padding: 10px 0; border-top: 3px solid #eb1c24; border-bottom: 1px solid #e6e6e6; white-space: nowrap; font: bold 23px/1 "Arial Narrow", Arial, sans-serif !important; letter-spacing: .3px; text-transform: uppercase; color: #222 !important; }
.pps-slogan i { flex: 0 0 7px; width: 7px; height: 7px; border-radius: 50%; background: #eb1c24; }
@media (min-width: 992px) and (max-width: 1199.98px) { .pps-slogan { font-size: 17px !important; letter-spacing: 0; } }
@media (min-width: 768px) and (max-width: 991.98px) { .pps-slogan { font-size: 13px !important; letter-spacing: 0; gap: 3px; } .pps-slogan i { flex-basis: 5px; width: 5px; height: 5px; } }
@media (max-width: 767.98px) { .pps-slogan { font-size: 22px !important; justify-content: center; gap: 12px; } }

/* 2026-11-12: отзывы на главной — карточки, аватар-инициал, звёзды */
.reviews-list .rv-summary { display: flex; align-items: center; gap: 8px; margin: -4px 0 12px; font-size: 14px; color: #555; }
.reviews-list .reviews-item { position: relative; margin: 0 0 12px !important; padding: 14px 14px 12px !important; border: 0 !important; border-radius: 0; background: #f7f7f7 !important; box-shadow: none; } /* 2026-11-12: вариант B */
.reviews-list .rv-head { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.reviews-list .rv-ava { flex: 0 0 38px; width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #fff; color: #eb1c24; font: bold 17px/1 Arial, sans-serif; text-transform: uppercase; }
.reviews-list .rv-who { flex: 1 1 auto; min-width: 0; }
.reviews-list .rv-who .review-name { float: none !important; margin: 0 0 2px; font-weight: bold; font-size: 15px; line-height: 1.2; }
.reviews-list .rv-who .review-name a { color: #222; text-decoration: none; }
.reviews-list .rv-head .review-date-time { float: none !important; align-self: flex-start; font-size: 12px; color: #999; white-space: nowrap; }
.reviews-list .rv-stars { display: inline-flex; gap: 2px; line-height: 1; }
.reviews-list .rv-stars i { width: 15px; height: 15px; display: block; background: #e0e0e0; clip-path: polygon(50% 0,61.8% 35.4%,100% 35.4%,69.1% 57.3%,80.9% 92.7%,50% 70.7%,19.1% 92.7%,30.9% 57.3%,0 35.4%,38.2% 35.4%); }
.reviews-list .rv-stars i.on { background: #f5b301; }
.reviews-list .rv-summary .rv-stars i { width: 17px; height: 17px; }
.reviews-list .review-preview-text { font-size: 14px; line-height: 1.45; color: #333; }
.reviews-list #all_reviews a { display: inline-block; padding: 8px 14px; border: 1px solid #eb1c24; border-radius: 0; color: #eb1c24; text-decoration: none; font-weight: bold; }
.reviews-list #all_reviews a:hover { background: #eb1c24; color: #fff; }

/* 2026-11-12: баннер на главной опущен, чтобы его красная полоса совпала с линией над «Близко · Быстро · Удобно» */
@media (min-width: 768px)  { #fb-root { margin-top: 10px; } }
@media (min-width: 992px)  { #fb-root { margin-top: 13px; } }
@media (min-width: 1200px) { #fb-root { margin-top: 16px; } }
@media (min-width: 1400px) { #fb-root { margin-top: 18px; } }

/* 2026-11-12: главная — правая колонка (отзывы) заканчивается вровень с блоком «Наши партнёры»;
   высоту ряда задаёт левая колонка (contain: size), лишние отзывы плавно скрываются, «Все отзывы →» — ссылкой внизу */
@media (min-width: 768px) {
  .row:has(> .col-md-9 > #fb-root) > .col-md-3 { contain: size; padding-bottom: 41px; overflow: hidden; overflow: clip; display: flex; flex-direction: column; }
  .row:has(> .col-md-9 > #fb-root) > .col-md-3 > .un { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
  .row:has(> .col-md-9 > #fb-root) > .col-md-3 > .un > .thumb { flex: none; }
  .row:has(> .col-md-9 > #fb-root) > .col-md-3 > .un > .ppsajax { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
  .row:has(> .col-md-9 > #fb-root) .reviews-list { flex: 1 1 auto; min-height: 0; position: relative; overflow: hidden; overflow: clip; padding-bottom: 0 !important; margin-bottom: 0 !important; }
  .row:has(> .col-md-9 > #fb-root) .reviews-list #all_reviews { position: absolute; left: 0; right: 0; bottom: 0; margin: 0 !important; padding: 56px 0 0; background: linear-gradient(rgba(255,255,255,0), #fff 60%); text-align: left; }
  .row:has(> .col-md-9 > #fb-root) .reviews-list #all_reviews a { display: inline-flex; align-items: center; gap: 6px; padding: 4px 0; border: 0; border-bottom: 1px solid rgba(235,28,36,.35); border-radius: 0; background: none; color: #eb1c24; font-size: 14px; font-weight: bold; }
  .row:has(> .col-md-9 > #fb-root) .reviews-list #all_reviews a::after { content: "\2192"; }
  .row:has(> .col-md-9 > #fb-root) .reviews-list #all_reviews a:hover { background: none; color: #c9141b; border-bottom-color: #c9141b; }
}

/* 2026-11-12: логотип в подвале — не заходит на серую полосу, по высоте от «Продукция» до «Контакты» */
@media (min-width: 768px) { #bottom-logo { margin-top: 6px !important; height: 171px !important; } }

/* 2026-11-12: страница /reviews/ — рейтинг, карточки со звёздами (как на главной) */
.rvp-top { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 28px; padding: 16px 18px; background: #f7f7f7; border-top: 3px solid #eb1c24; margin: 4px 0 22px; }
.rvp-score { display: flex; align-items: center; gap: 12px; }
.rvp-score b { font: bold 40px/1 Arial, sans-serif; color: #222; }
.rvp-score .s { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: #555; }
.rvp-lead { flex: 1 1 280px; color: #444; font-size: 14px; }
.rvp-acts { display: flex; gap: 10px; flex-wrap: wrap; }
.rvp-btn { display: inline-block; padding: 10px 16px; font-weight: bold; font-size: 14px; text-decoration: none !important; border: 1px solid #eb1c24; color: #eb1c24 !important; background: #fff; }
.rvp-btn:hover { background: #eb1c24; color: #fff !important; }
.rvp-btn.main { background: #eb1c24; color: #fff !important; }
.rvp-btn.main:hover { background: #c9141b; border-color: #c9141b; }
.rvp-stars { display: inline-flex; gap: 2px; line-height: 1; }
.rvp-stars i { width: 15px; height: 15px; display: block; background: #f5b301; clip-path: polygon(50% 0,61.8% 35.4%,100% 35.4%,69.1% 57.3%,80.9% 92.7%,50% 70.7%,19.1% 92.7%,30.9% 57.3%,0 35.4%,38.2% 35.4%); }
.rvp-stars.big i { width: 19px; height: 19px; }
.rvp-stars i.half { background: linear-gradient(90deg, #f5b301 70%, #e0e0e0 70%); }
.rvp-grid { columns: 2 340px; column-gap: 16px; }
.rvp-card { break-inside: avoid; -webkit-column-break-inside: avoid; display: inline-block; width: 100%; margin: 0 0 16px; padding: 16px 16px 14px; background: #f7f7f7; }
.rvp-head { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.rvp-ava { flex: 0 0 38px; width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #fff; color: #eb1c24; font: bold 17px/1 Arial, sans-serif; text-transform: uppercase; }
.rvp-who { flex: 1 1 auto; min-width: 0; }
.rvp-who .n { font-weight: bold; font-size: 15px; line-height: 1.2; margin-bottom: 3px; color: #222; }
.rvp-date { align-self: flex-start; font-size: 12px; color: #999; white-space: nowrap; }
.rvp-txt { font-size: 14px; line-height: 1.45; color: #333; }
.rvp-src { margin-top: 10px; font-size: 12px; color: #999; }
.rvp-src a { color: #999 !important; }
.rvp-bottom { margin: 10px 0 30px; padding: 20px 18px; border: 1px solid #ececec; display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: center; justify-content: space-between; }
.rvp-bottom p { margin: 0; font-size: 15px; }
@media (max-width: 600px) { .rvp-score b { font-size: 34px; } .rvp-btn { flex: 1 1 auto; text-align: center; } }

/* 2026-11-12: главная — вместо «Близко · Быстро · Удобно» заголовок «Отзывы» по центру и плашка рейтинга Яндекс Карт */
.pps-rvtitle { margin: 22px 0 12px !important; padding: 12px 0 0 !important; border-top: 3px solid #eb1c24; text-align: center; font: 400 26px/1.1 Arial, sans-serif !important; text-transform: uppercase; letter-spacing: 2px; color: #222; white-space: nowrap; }
@media (min-width: 768px) and (max-width: 991.98px) { .pps-rvtitle { font-size: 20px !important; letter-spacing: 1px; } }
.rv-ya { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 0 14px; padding: 10px 12px; background: #fff; border: 1px solid #ececec; text-decoration: none !important; color: #222 !important; transition: border-color .15s, box-shadow .15s; }
.rv-ya:hover { border-color: #dcdcdc; box-shadow: 0 2px 10px rgba(0,0,0,.07); }
.rv-ya-logo { flex: none; width: 28px; height: 28px; border-radius: 50%; background: #fc3f1d; color: #fff; font: bold 17px/28px Arial, sans-serif; text-align: center; }
.rv-ya-num { font: bold 28px/1 Arial, sans-serif; color: #222; }
.rv-ya-meta { display: flex; flex-direction: column; gap: 4px; font-size: 12px; line-height: 1.15; color: #777; }
.rv-ya-meta .rv-stars i { width: 15px !important; height: 15px !important; }
.reviews-list .rv-ya-meta .rv-stars i.half { background: linear-gradient(90deg, #f5b301 65%, #e0e0e0 65%); }
.rvp-anchor { display: block; position: relative; top: -90px; visibility: hidden; }

/* 2026-11-12: полоса баннера стала тоньше (3 px) — отступ подогнан, чтобы она совпала с линией над «Отзывами» */
@media (min-width: 768px)  { #fb-root { margin-top: 8px; } }
@media (min-width: 992px)  { #fb-root { margin-top: 10px; } }
@media (min-width: 1200px) { #fb-root { margin-top: 13px; } }
@media (min-width: 1400px) { #fb-root { margin-top: 15px; } }

/* 2026-11-12: «Сделаем красиво» справа от баннера — такой же светло-серый фон и верх на уровне баннера; заголовок «Отзывы» поднят на ту же величину */
.row:has(> .col-md-9 > #fb-root) > .col-md-3 > a:first-child { display: block; background: #f4f4f5; line-height: 0; }
.row:has(> .col-md-9 > #fb-root) > .col-md-3 > a:first-child img { mix-blend-mode: multiply; display: block; }
@media (min-width: 768px)  { .row:has(> .col-md-9 > #fb-root) > .col-md-3 > a:first-child { margin-top: 8px; }  .pps-rvtitle { margin-top: 14px !important; } }
@media (min-width: 992px)  { .row:has(> .col-md-9 > #fb-root) > .col-md-3 > a:first-child { margin-top: 10px; } .pps-rvtitle { margin-top: 12px !important; } }
@media (min-width: 1200px) { .row:has(> .col-md-9 > #fb-root) > .col-md-3 > a:first-child { margin-top: 13px; } .pps-rvtitle { margin-top: 9px !important; } }
@media (min-width: 1400px) { .row:has(> .col-md-9 > #fb-root) > .col-md-3 > a:first-child { margin-top: 15px; } .pps-rvtitle { margin-top: 7px !important; } }

/* 2026-11-12: плашка Яндекса — серая подложка, как у карточек отзывов */
.rv-ya { background: #f7f7f7; border-color: #f7f7f7; }
.rv-ya:hover { background: #f2f2f2; border-color: #f2f2f2; box-shadow: none; }

/* 2026-11-12: главная — блок «О компании»: таймлайн по годам и плашки «сейчас» (спокойная инфографика) */

.ab-intro{font-size:16px;line-height:1.55;color:#333;margin:0 0 18px}
.ab-tl{list-style:none;margin:0 0 30px!important;padding:0!important;display:grid;grid-template-columns:1fr 1fr;gap:0 34px;position:relative}
.ab-tl li{position:relative;padding:14px 0 16px 26px;border-top:1px solid #e9e9e9;color:#555;font-size:14.5px;line-height:1.5;margin:0!important}
.ab-tl li:before{content:"";position:absolute;left:0;top:21px;width:9px;height:9px;border-radius:50%;background:#fff;border:2px solid #eb1c24}
.ab-tl li:after{content:"";position:absolute;left:5px;top:34px;bottom:0;width:1px;background:#ececec}
.ab-y{display:flex;align-items:baseline;gap:10px;margin-bottom:4px}
.ab-y b{font:700 20px/1 "Arial Narrow",Arial,sans-serif;color:#eb1c24;letter-spacing:.5px}
.ab-y span{font:700 15px/1.25 Arial,sans-serif;color:#222}
.ab-now{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:4px 0 16px}
.ab-now div{display:flex;gap:10px;align-items:flex-start;padding:14px 14px 13px;background:#f7f7f7;font-size:13.5px;line-height:1.35;color:#555}
.ab-now svg{flex:0 0 26px;width:26px;height:26px;fill:none;stroke:#eb1c24;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ab-now b{display:block;font-size:14.5px;color:#222;margin-bottom:2px}
.ab-text{font-size:14.5px;line-height:1.6;color:#555;text-align:left!important}
@media (max-width: 991.98px) { .ab-now { grid-template-columns: 1fr 1fr; } }
@media (max-width: 767.98px) { .ab-tl { grid-template-columns: 1fr; } }
@media (max-width: 575.98px) { .ab-now { grid-template-columns: 1fr; } }

/* 2026-11-12: блок «О компании» плотнее — по высоте как прежний текстовый блок */
.ab-intro { font-size: 15px; line-height: 1.5; margin: 0 0 10px; }
.ab-tl { margin: 0 0 14px !important; gap: 0 28px; }
.ab-tl li { padding: 9px 0 9px 22px; font-size: 14px; line-height: 1.45; }
.ab-tl li:before { top: 14px; }
.ab-tl li:after { top: 27px; }
.ab-y { margin-bottom: 2px; }
.ab-y b { font-size: 18px; }
.ab-y span { font-size: 14px; }
.ab-now { gap: 10px; margin: 2px 0 10px; }
.ab-now div { padding: 10px 12px; align-items: center; }
.ab-now b { font-size: 14px; margin: 0; }
.ab-now svg { flex-basis: 22px; width: 22px; height: 22px; }
.ab-text { font-size: 14px; line-height: 1.5; margin-bottom: 10px; }

/* 2026-11-12: таймлайн спокойнее — без кружков и вертикальных линий, годы серым */
.ab-tl li { padding: 10px 0 !important; border-top: 1px solid #efefef; }
.ab-tl li:before, .ab-tl li:after { display: none !important; }
.ab-y b { color: #9a9a9a; font-size: 17px; }
.ab-y span { color: #333; }

/* 2026-11-12: «Все отзывы →» — к правому краю колонки */
@media (min-width: 768px) { .row:has(> .col-md-9 > #fb-root) .reviews-list #all_reviews { text-align: right; } }

/* 2026-11-12: заголовки «От маленькой типографии…» и «Отзывы» — один шрифт, текст на одном уровне; блок ниже чуть плотнее */
#fb-root + h2 { padding-top: 12px; margin-bottom: 8px; font: 500 30px/1.1 "Arial Narrow", Arial, sans-serif; text-transform: uppercase; }
.pps-rvtitle { font: 500 30px/1.1 "Arial Narrow", Arial, sans-serif !important; letter-spacing: 0 !important; text-transform: uppercase; }
.ab-intro { margin-bottom: 6px; }
.ab-tl { margin-bottom: 8px !important; }
.ab-tl li { padding: 8px 0 !important; }
.ab-text { margin-bottom: 6px; }

/* 2026-11-12: новый подвал — логотип, 4 столбца по 5 строк, контакты на одной сетке строк */
#footer.nf{margin-top:-152px;height:auto!important;background:#f5f5f5;border-top:3px solid #eb1c24;padding:26px 0 0;font:14px/24px Arial,sans-serif;color:#555}
.nf-grid{display:grid;grid-template-columns:146px repeat(4,minmax(0,1fr)) minmax(0,1.5fr);column-gap:28px;align-items:start;padding-bottom:24px}
.nf-logo{display:block;height:146px;background:#eb1c24 url(/images/logo.gif) center/auto 112px no-repeat}
.nf-h{height:16px;margin:0 0 10px;font:700 13px/16px Arial,sans-serif;text-transform:uppercase;letter-spacing:.8px;color:#222}
.nf-h a{color:#222!important;text-decoration:none}
.nf-h a:hover{color:#eb1c24!important}
.nf-col a{display:block;height:24px;color:#666!important;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nf-col a:hover{color:#eb1c24!important}
.nf-col .nf-all{color:#eb1c24!important;font-weight:700}
.nf-contacts{justify-self:end;width:100%;max-width:290px}
.nf-r{display:flex;align-items:center;gap:8px;height:24px;color:#555!important;text-decoration:none;white-space:nowrap}
.nf-r svg{flex:0 0 15px;width:15px;height:15px;fill:#eb1c24}
.nf-tel{font:700 20px/24px Arial,sans-serif;color:#222!important}
.nf-msg a{display:inline-flex;align-items:center;gap:6px;margin-right:14px;color:#555!important;text-decoration:none}
.nf-msg img{width:20px;height:20px;display:block}
.nf-r a:hover,.nf-mail:hover{color:#eb1c24!important}
.nf-bottom{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #e3e3e3;padding:11px 0 13px;font-size:12.5px;line-height:18px;color:#888}
.nf-bottom a{color:#888!important}
@media (max-width:1199.98px){.nf-grid{grid-template-columns:146px repeat(4,minmax(0,1fr));row-gap:22px}.nf-contacts{grid-column:2 / -1;justify-self:start;max-width:none;display:grid;grid-template-columns:repeat(2,auto);column-gap:40px}.nf-contacts .nf-h{grid-column:1 / -1}}
.nf-col .nf-h a{display:inline;height:auto;color:#222!important}.nf-col .nf-h a:hover{color:#eb1c24!important}
.nf-grid{grid-template-columns:146px minmax(0,1fr) minmax(0,3fr) minmax(0,1.5fr)!important}
.nf-prod{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px}
.nf-h-group{grid-column:1 / -1;display:flex;align-items:center;gap:14px;justify-content:center}
.nf-h-group:before,.nf-h-group:after{content:"";flex:1 1 auto;height:1px;background:#dcdcdc}
@media (max-width:1199.98px){.nf-grid{grid-template-columns:146px minmax(0,1fr) minmax(0,3fr)!important}.nf-contacts{grid-column:2 / -1}}
@media (max-width: 767.98px) {
  .nf-grid { grid-template-columns: 1fr 1fr !important; row-gap: 20px; }
  .nf-logo { grid-column: 1 / -1; height: 110px; background-size: auto 84px; }
  .nf-grid > .nf-col { grid-column: 1 / -1; }
  .nf-prod { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; }
  .nf-contacts { grid-column: 1 / -1 !important; justify-self: start; max-width: none; display: block !important; }
  .nf-bottom { flex-direction: column; gap: 4px; }
}

/* 2026-11-12: красная линия под шапкой — 3 px и фирменный красный, как под баннером, над «Отзывами» и над подвалом */
#header { border-bottom: 3px solid #eb1c24 !important; }

/* 2026-11-12: подвал — «Компания» и «Контакты» по центру с линиями, как «Продукция»; сверху серая линия вместо красной */
#footer.nf { border-top: 3px solid #dedede; }
.nf-contacts { max-width: 300px; }
.nf-contacts .nf-h-group, .nf-grid > .nf-col .nf-h-group { display: flex; }

/* 2026-11-12: «Наши партнёры» — отступ от текста выше, заголовок ближе к логотипам */
.kutak p.h3 { margin: 28px 0 2px !important; }
.kutak .bx-wrapper { margin-top: 0; }

/* 2026-11-12: «Все отзывы →» — по центру колонки */
@media (min-width: 768px) { .row:has(> .col-md-9 > #fb-root) .reviews-list #all_reviews { text-align: center; } }

/* 2026-11-12: подвал — блоки по ширине содержимого, свободное место поровну, контакты у правого края */
@media (min-width:1200px){
.nf-grid{grid-template-columns:146px max-content max-content max-content!important;justify-content:space-between}
.nf-prod{grid-template-columns:repeat(3,max-content);column-gap:56px}
.nf-contacts{justify-self:stretch;max-width:none!important;width:auto}
.nf-col a{overflow:visible}
}

/* 2026-11-12: подвал — «Контакты» по центру под «Все отзывы», остальные блоки поровну; линии у заголовков ближе (14 -> 7 px) */
@media (min-width:1200px){
.nf-grid{grid-template-columns:146px minmax(24px,1fr) max-content minmax(24px,1fr) max-content minmax(24px,1fr) calc(25% - 18px)!important;column-gap:0!important;justify-content:stretch!important}
.nf-grid>.nf-logo{grid-column:1}.nf-grid>.nf-col{grid-column:3}.nf-grid>.nf-prod{grid-column:5}
.nf-grid>.nf-contacts{grid-column:7;justify-self:center!important;width:max-content!important}}
.nf-h-group { gap: 7px; }

/* 2026-11-12: «Политика конфиденциальности» — по центру колонки контактов (на одной оси с «Все отзывы») */
@media (min-width: 1200px) { .nf-bottom { display: grid; grid-template-columns: minmax(0,1fr) calc(25% - 18px); } .nf-bottom > a { justify-self: center; } }

/* 2026-11-12: лента партнёров — показываем целое число логотипов, стрелки внутри ширины колонки */
.kutak .bx-viewport { margin: 0 auto !important; max-width: 620px !important; }
@media (min-width: 1200px) { .kutak .bx-viewport { max-width: 746px !important; } }
@media (min-width: 1400px) { .kutak .bx-viewport { max-width: 872px !important; } }
@media (min-width: 768px) and (max-width: 991.98px) { .kutak .bx-viewport { max-width: 368px !important; } }
@media (max-width: 767.98px) { .kutak .bx-viewport { max-width: 242px !important; } }

/* 2026-11-12: стрелки ленты партнёров — ровно по краям колонки, логотипы целиком между ними */
.kutak { width: 100% !important; }
.kutak .bx-wrapper { max-width: none !important; width: 100%; margin: 0 !important; }
.kutak .bx-controls-direction a.bx-prev { left: 0 !important; margin-left: 0 !important; }
.kutak .bx-controls-direction a.bx-next { margin-right: 0 !important; }
.kutak .bx-controls-direction a.bx-next { right: 0 !important; }

/* 2026-11-12: значки Max/Telegram в подвале — фиксированный размер (на телефоне растягивались) */
#footer .nf-msg img { width: 20px !important; height: 20px !important; max-width: none !important; flex: none; }

/* 2026-11-12: у логотипов партнёров убран лишний отступ слева 5 px — ряд ровно по центру между стрелками */
.kutak .slide { margin-left: 0 !important; }

/* 2026-11-12: страница «Доставка и оплата» (/delivery/) */
.dl{color:#333;font:15px/1.5 Arial,sans-serif}
.dl h2{margin:28px 0 8px;font:500 30px/1.1 "Arial Narrow",Arial,sans-serif;text-transform:uppercase;color:#000}
.dl-lead{margin:0 0 16px;font-size:15px;color:#444}
.dl-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dl-card{background:#f7f7f7;padding:18px 16px 16px;display:flex;flex-direction:column}
.dl-card>svg{width:28px;height:28px;fill:#eb1c24;margin-bottom:10px}
.dl-h{font:700 16px/1.2 Arial,sans-serif;color:#222;margin-bottom:8px}
.dl-price{font:700 22px/1.1 Arial,sans-serif;color:#222;margin-bottom:8px}
.dl-price-sm{font-size:16px}
.dl-card p{margin:0 0 6px;font-size:14px}
.dl-mute{color:#888!important;font-size:13px!important}
.dl-table{margin-bottom:8px}
.dl-table div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid #e6e6e6;font-size:14px}
.dl-table div:last-child{border-bottom:0}
.dl-table b{white-space:nowrap;color:#222}
.dl-pay{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.dl-pay div{display:flex;flex-direction:column;gap:8px;padding:14px 12px;border:1px solid #ececec;font-size:14px;line-height:1.3;color:#333}
.dl-pay svg{width:24px;height:24px;fill:#eb1c24}
.dl-cta{margin:28px 0 10px;padding:18px 20px;background:#f7f7f7;border-left:3px solid #eb1c24;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.dl-cta-h{font:700 16px/1.3 Arial,sans-serif;color:#222;margin-bottom:2px}
.dl-cta-acts{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dl-tel{font:700 20px/1 Arial,sans-serif;color:#222!important;text-decoration:none!important;margin-right:6px}
.dl-btn{display:inline-block;padding:9px 16px;border:1px solid #eb1c24;color:#eb1c24!important;font-weight:700;font-size:14px;text-decoration:none!important;background:#fff}
.dl-btn:hover{background:#eb1c24;color:#fff!important}
@media (max-width:991.98px){.dl-cards{grid-template-columns:1fr 1fr}.dl-pay{grid-template-columns:1fr 1fr}}
@media (max-width:575.98px){.dl-cards,.dl-pay{grid-template-columns:1fr}}

.dl-term { margin: -6px 0 16px; padding: 8px 12px; background: #fff7f7; border-left: 3px solid #eb1c24; font-size: 14px; color: #444; }

/* 2026-11-12: подвал на телефоне — всё по центру; «Продукция» в два ровных столбца (8 и 7 пунктов) */
@media (max-width: 767.98px) {
  #footer.nf .nf-grid { grid-template-columns: 1fr !important; justify-items: center; text-align: center; row-gap: 22px; }
  #footer.nf .nf-logo { width: 146px; height: 110px; }
  #footer.nf .nf-grid > .nf-col, #footer.nf .nf-prod, #footer.nf .nf-contacts { grid-column: 1 / -1 !important; width: 100%; max-width: 340px !important; justify-self: center !important; }
  #footer.nf .nf-col a { text-align: center; }
  #footer.nf .nf-prod { display: block !important; columns: 2; column-gap: 24px; }
  #footer.nf .nf-prod .nf-h-group { column-span: all; margin-bottom: 10px; }
  #footer.nf .nf-prod .nf-col { display: contents; }
  #footer.nf .nf-prod .nf-col a { break-inside: avoid; }
  #footer.nf .nf-contacts { display: flex !important; flex-direction: column; align-items: center; }
  #footer.nf .nf-contacts .nf-h-group { width: 100%; }
  #footer.nf .nf-r { justify-content: center; }
  #footer.nf .nf-bottom { align-items: center; text-align: center; }
}

/* 2026-11-12: лента партнёров на телефоне — логотипы вписываются в уменьшенные карточки */
@media (max-width: 575.98px) { .kutak .slide img { max-width: 100%; height: auto; } }

/* 2026-11-12: шапка ПК — логотип в верхней строке, 8 плиток разделов от края до края, «Брошюры/Каталоги» последним */
@media (min-width: 992px) {
  #top-menu .container > .row { flex-wrap: nowrap; }
  #top-menu .container > .row > .col-md-3:first-child { flex: 0 0 auto; width: auto; display: flex; align-items: center; }
  #top-menu .container > .row > #top-contacts { flex: 1 1 auto; width: auto; }
  #top-contacts .v { font-size: 13px; }
  .tb-logo { flex: none; width: 57px; height: 57px; margin: 0 14px 0 0; background: #eb1c24 url(/images/logo.gif) center / auto 46px no-repeat; }
  ul.main-menu > li#logo { display: none !important; }
  #img-menu ul.main-menu { display: flex !important; flex-wrap: nowrap !important; justify-content: space-between !important; margin: 0 !important; padding: 0 !important; width: 100% !important; }
  #img-menu ul.main-menu > li { flex: 0 0 auto !important; width: min(146px, calc((100% - 98px) / 8)) !important; max-width: none !important; padding: 0 !important; }
  #img-menu .main-menu li a .img_menu { height: auto !important; aspect-ratio: 158 / 124; overflow: hidden; }
  #img-menu .main-menu li a .img_menu img { width: 100% !important; height: 100% !important; max-height: none !important; object-fit: cover; }
}
@media (min-width: 992px) and (max-width: 1299.98px) {
  #top-menu #top-contacts { display: none !important; }
  #top-menu .container > .row > #top-phone { flex: 1 1 auto; width: auto; }
}

/* 2026-11-12: вкладки «Вся продукция / Услуги» — правый край ровно по правому краю ряда плиток */
@media (min-width: 992px) { .menu-opener > div { transform: translateX(-1px); } }

/* 2026-11-12: шапка — двойные названия плиток в одну строку (шрифт под ширину плитки), тень целиком; вкладки при раскрытии */
@media (min-width: 992px) {
  #img-menu .main-menu li { box-shadow: 0 6px 9px rgba(0,0,0,.12) !important; }
  #img-menu .main-menu li:nth-last-child(-n+2) .text_menu { white-space: nowrap; letter-spacing: -.2px; font-size: min(15.5px, calc((100vw - 120px) / 8 / 9.4)); line-height: 19px; }
  #header.open .menu-opener .all-production, #header.open .menu-opener .all-services { display: none !important; }
}

/* 2026-11-12: плитки меню не растягиваются по высоте ряда — без лишнего белого поля под подписью при сужении */
@media (min-width: 992px) { #img-menu ul.main-menu { align-items: flex-start !important; } }

/* 2026-11-12: страница «Акции» (/action/) */
.act{font:15px/1.5 Arial,sans-serif;color:#333}
.act-lead{margin:-4px 0 18px;color:#555;font-size:15px}
.act-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.act-card{display:flex;background:#fff;border:1px solid #ececec;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:box-shadow .2s,transform .2s}
.act-card:hover{box-shadow:0 8px 22px rgba(0,0,0,.09);transform:translateY(-2px)}
.act-img{flex:0 0 42%;aspect-ratio:1/1;overflow:hidden;background:#f2f2f2}
.act-img img{width:100%;height:100%;object-fit:cover;display:block}
.act-body{flex:1 1 auto;padding:20px 22px;display:flex;flex-direction:column;justify-content:center}
.act-body h3{margin:0 0 10px;font:700 20px/1.25 Arial,sans-serif;color:#222}
.act-body p{margin:0;font-size:15px;line-height:1.55;color:#555}
.act-dots{display:none}
.act-cta{margin:24px 0 10px;padding:18px 20px;background:#f7f7f7;border-left:3px solid #eb1c24;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.act-cta-h{font:700 16px/1.3 Arial,sans-serif;color:#222;margin-bottom:2px}
.act-mute{color:#888;font-size:13px}
.act-cta-acts{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.act-tel{font:700 20px/1 Arial,sans-serif;color:#222!important;text-decoration:none!important;margin-right:6px}
.act-btn{display:inline-block;padding:9px 16px;border:1px solid #eb1c24;color:#eb1c24!important;font-weight:700;font-size:14px;text-decoration:none!important;background:#fff}
.act-btn:hover{background:#eb1c24;color:#fff!important}
@media (max-width:1199.98px){.act-img{flex-basis:40%}.act-body{padding:16px 18px}.act-body h3{font-size:18px}.act-body p{font-size:14px}}
@media (max-width:991.98px){.act-grid{grid-template-columns:1fr}}
@media (max-width:767.98px){
.act-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.act-grid::-webkit-scrollbar{display:none}
.act-card{flex:0 0 88%;flex-direction:column;scroll-snap-align:start}
.act-card:hover{transform:none}
.act-img{flex:none;width:100%}
.act-dots{display:flex;justify-content:center;gap:8px;margin:12px 0 0}
.act-dots i{width:9px;height:9px;border-radius:50%;background:#d9d9d9;cursor:pointer}
.act-dots i.on{background:#eb1c24}
}

/* 2026-11-12: лента партнёров — не видно тени соседней (скрытой) карточки у левого края */
.kutak .bx-viewport { clip-path: inset(0 0 0 3px); }

/* 2026-11-12: шапка ПК, вариант Б — промежутки между плитками в 2 раза меньше, плитки шире и пропорционально выше, подписи одним размером; --pps-d (прирост высоты) считает JS в header.php */
@media (min-width: 992px) {
  #img-menu ul.main-menu { container-type: inline-size; height: calc(170px + var(--pps-d, 0px)) !important; }
  #img-menu ul.main-menu > li { width: calc((100cqw - 7 * max(7px, (100cqw - 1168px) / 14)) / 8) !important; }
  #img-menu .main-menu li a .text_menu { white-space: nowrap; letter-spacing: -.2px; line-height: 19px; font-size: min(18px, calc(calc((100cqw - 7 * max(7px, (100cqw - 1168px) / 14)) / 8) / 9.3 * 1.12)); }
  #img-menu .main-menu li:nth-last-child(-n+2) a .text_menu { font-size: min(18px, calc(calc((100cqw - 7 * max(7px, (100cqw - 1168px) / 14)) / 8) / 9.3)); }
  html #header { height: calc(230px + var(--pps-d, 0px)); }
  html .menu-opener > div { top: calc(230px + var(--pps-d, 0px)); }
}

/* 2026-11-13: баннер «Сделаем красиво» на узких экранах не растягивается на весь экран */
@media (max-width: 767.98px) {
  a[href*="/services/design/"] > img[src*="/upload/banner2.jpg"] { display: block; width: 100%; max-width: 300px !important; height: auto; margin: 0 auto 6px; }
}

/* 2026-11-13: шапка 768–991 — как на ПК: верхняя строка в одну линию, 8 плиток в ряд без большого логотипа */
@media (min-width: 768px) and (max-width: 991.98px) {
  #top-menu .menuha { flex-wrap: nowrap !important; }
  #top-menu .container > .row > .col-md-3:first-child { flex: 0 0 100%; max-width: 100%; width: 100%; }
  #top-menu .navbar-brand { flex: 1 1 auto !important; min-width: 0 !important; }
  #top-menu .mob-bar { flex: 0 0 auto !important; order: 2; margin: 0 10px 0 auto; padding: 0 !important; }
  #top-menu .navbar-toggler { order: 3; }
  #img-menu ul.main-menu { container-type: inline-size; display: flex !important; flex-wrap: nowrap !important; justify-content: space-between !important; align-items: flex-start !important; margin: 0 !important; padding: 0 !important; width: 100% !important; height: auto !important; padding-bottom: 22px !important; }
  #img-menu ul.main-menu > li#logo { display: none !important; }
  #img-menu ul.main-menu > li { flex: 0 0 auto !important; width: calc((100cqw - 7 * max(7px, (100cqw - 1168px) / 14)) / 8) !important; max-width: none !important; padding: 0 !important; margin: 12px 0 0 !important; box-shadow: 0 6px 9px rgba(0,0,0,.12) !important; }
  #img-menu .main-menu li a .img_menu { height: auto !important; aspect-ratio: 158 / 124; overflow: hidden; }
  #img-menu .main-menu li a .img_menu img { width: 100% !important; height: 100% !important; max-height: none !important; object-fit: cover; }
  #img-menu .main-menu li a .text_menu { display: flex !important; align-items: center; justify-content: center; min-height: 32px; padding: 2px 3px; white-space: normal !important; font-size: min(14px, calc(calc((100cqw - 7 * max(7px, (100cqw - 1168px) / 14)) / 8) / 7.6)) !important; line-height: 1.1 !important; letter-spacing: -.2px; }
  html #header { height: calc(230px + var(--pps-d, 0px)); }
  html .menu-opener > div { top: calc(230px + var(--pps-d, 0px)); }
}
/* 2026-11-13: 576–767 — без большого логотипа (он уже в верхней строке), 4 плитки в ряд */
@media (min-width: 576px) and (max-width: 767.98px) {
  #img-menu ul.main-menu > li#logo { display: none !important; }
  #img-menu ul.main-menu > li { flex: 0 0 25% !important; max-width: 25% !important; width: 25% !important; }
  #img-menu .main-menu li a .text_menu { white-space: normal !important; font-size: 15px !important; line-height: 1.15 !important; }
}

/* 2026-11-13: верхняя строка 576–991 (планшет / узкий ПК): логотип, адрес, телефон со статусом, Max/Telegram с подписями, кнопка «Меню» */
.tbn-addr, .tbn-st, .tbn-lbl { display: none; }
.tbn-addr { font-style: normal; }
@media (min-width: 576px) and (max-width: 991.98px) {
  #top-menu { box-shadow: 0 2px 10px rgba(0,0,0,.08) !important; }
  #top-menu .container > .row > .col-md-3:first-child { display: flex !important; align-items: center; flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; }
  #top-menu .tb-logo { display: block !important; flex: none; width: 46px; height: 46px; margin: 6px 12px 6px 0; background: #eb1c24 url(/images/logo.gif) center / auto 38px no-repeat; }
  #top-menu .navbar { flex: 1 1 auto; min-width: 0; padding: 0 !important; }
  #top-menu .menuha { flex-wrap: nowrap !important; align-items: center; padding: 0 !important; }

  /* название + адрес */
  #top-menu .navbar-brand { flex: 0 1 auto !important; min-width: 0 !important; margin: 0 auto 0 0 !important; padding: 0 !important; font: 700 15px/1.15 Arial, sans-serif !important; color: #222 !important; text-transform: uppercase; letter-spacing: .4px; white-space: nowrap; }
  #top-menu .navbar-brand > span { display: block; margin-top: 3px; font: 400 12.5px/1.2 Arial, sans-serif; color: #666; text-transform: none; letter-spacing: 0; overflow: hidden; text-overflow: ellipsis; }
  #top-menu .navbar-brand > span::before { content: ""; display: inline-block; width: 7px; height: 7px; margin: 0 5px 1px 0; border-radius: 50%; background: #eb1c24; vertical-align: middle; }

  /* телефон + статус, мессенджеры */
  #top-menu .mob-bar { flex: 0 0 auto !important; order: 2; display: grid !important; grid-template-columns: auto auto auto; grid-template-rows: auto auto; column-gap: 6px; align-items: center; margin: 0 10px 0 14px !important; padding: 0 !important; }
  #top-menu .mob-bar-phone { grid-column: 1; grid-row: 1; justify-self: end; margin: 0 8px 0 0 !important; font: 700 19px/1.1 Arial, sans-serif !important; color: #222 !important; }
  #top-menu .tbn-st { display: block; grid-column: 1; grid-row: 2; justify-self: end; margin: 2px 8px 0 0; font: 11.5px/1.2 Arial, sans-serif; color: #2e9d4a; white-space: nowrap; }
  #top-menu .tbn-st i { display: inline-block; width: 7px; height: 7px; margin: 0 5px 1px 0; border-radius: 50%; background: #2eb352; vertical-align: middle; }
  #top-menu .tbn-st.off { color: #888; } #top-menu .tbn-st.off i { background: #bbb; }
  #top-menu .mob-bar-ico { grid-row: 1 / 3; display: flex !important; align-items: center; justify-content: center; gap: 6px; width: 38px !important; height: 38px !important; border: 1px solid #e2e2e4; background: #fff; text-decoration: none !important; color: #333 !important; }
  #top-menu .mob-bar-ico img { width: 24px !important; height: 24px !important; max-width: 24px !important; margin: 0 !important; }
  #top-menu .mob-bar-ico:hover { border-color: #eb1c24; color: #eb1c24 !important; }

  /* кнопка меню */
  #top-menu .navbar-toggler { order: 3; flex: none; height: 42px !important; min-width: 46px !important; line-height: 1 !important; align-self: center; padding: 0 12px !important; display: flex; align-items: center; justify-content: center; gap: 8px; border: 0 !important; border-radius: 0 !important; background: #eb1c24 !important; box-shadow: none !important; }
  #top-menu .navbar-toggler:hover { background: #c8141b !important; }
  #top-menu .navbar-toggler-icon { width: 24px !important; height: 24px !important; filter: brightness(0) invert(1); }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  #top-menu .mob-bar-ico { width: auto !important; padding: 0 11px 0 7px; }
  #top-menu .tbn-lbl { display: inline; font: 600 13px/1 Arial, sans-serif; letter-spacing: .2px; }
  #top-menu .navbar-toggler .tbn-lbl { color: #fff; text-transform: uppercase; font-weight: 700; letter-spacing: .5px; }
}
@media (min-width: 900px) and (max-width: 991.98px) { #top-menu .tbn-addr { display: inline; } }
@media (min-width: 576px) and (max-width: 679.98px) {
  #top-menu .navbar-brand { font-size: 13.5px !important; }
  #top-menu .mob-bar-phone { font-size: 17px !important; margin-right: 4px !important; }
  #top-menu .tbn-st { margin-right: 4px; }
  #top-menu .mob-bar { margin: 0 8px !important; column-gap: 4px; }
}

/* 2026-11-13: пропорции на узких экранах */

/* партнёры: логотип вписывается в карточку целиком (раньше высокий логотип перекрывал нижнюю рамку) */
.kutak .slide > div[style*="clear"] { display: none; }
html .kutak .slide img { width: 100% !important; height: 54px !important; max-width: none !important; max-height: none !important; object-fit: contain; }
@media (max-width: 767.98px) {
  .kutak .slide { height: 84px !important; padding-top: 12px !important; padding-bottom: 12px !important; }
  .kutak .bx-viewport { height: 88px !important; }
}

/* баннер «Сделаем красиво»: компактная карточка по центру */
@media (max-width: 767.98px) {
  a[href*="/services/design/"]:has(> img[src*="/upload/banner2.jpg"]) { display: block; max-width: 250px; margin: 4px auto 14px !important; padding: 10px; }
  a[href*="/services/design/"] > img[src*="/upload/banner2.jpg"] { max-width: 100% !important; margin: 0 auto !important; }
}

/* плитки меню 576–767: без пустоты между картинкой и подписью, тень по карточке */
@media (min-width: 576px) and (max-width: 767.98px) {
  #img-menu ul.main-menu > li { padding: 0 6px !important; box-shadow: none !important; }
  #img-menu .main-menu li a { box-shadow: 0 6px 9px rgba(0,0,0,.12); background: #fff; }
  #img-menu .main-menu li a .img_menu { height: auto !important; aspect-ratio: 158 / 124; overflow: hidden; display: block; }
  #img-menu .main-menu li a .img_menu img { width: 100% !important; height: 100% !important; max-height: none !important; object-fit: cover; }
  #img-menu .main-menu li a .text_menu { display: flex !important; align-items: center; justify-content: center; min-height: 40px; padding: 2px 4px; font-size: 14px !important; }
}

/* отзывы на 768–991 (узкая колонка): дата под именем, без наложения */
@media (min-width: 768px) and (max-width: 991.98px) {
  .reviews-list .rv-head { flex-wrap: wrap; }
  .reviews-list .rv-head .review-date-time { order: 3; flex: 0 0 100%; margin: 4px 0 0 !important; text-align: left; }
  .reviews-list .review-name a { font-size: 14px; }
}

/* подвал 576–767: две колонки вместо одной, логотип компактный */
@media (min-width: 576px) and (max-width: 767.98px) {
  #footer.nf .nf-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) !important; gap: 22px 28px !important; align-items: start; }
  #footer.nf .nf-grid > nav.nf-col { grid-column: 1 !important; grid-row: 1; max-width: none !important; justify-self: stretch !important; }
  #footer.nf .nf-prod { grid-column: 2 !important; grid-row: 1; max-width: none !important; justify-self: stretch !important; columns: 2; column-gap: 20px; }
  #footer.nf .nf-logo { grid-column: 1 !important; grid-row: 2; width: 110px !important; height: 83px !important; justify-self: start !important; align-self: start; margin: 30px 0 0 !important; background-size: auto 64px !important; background-position: center !important; }
  #footer.nf .nf-contacts { grid-column: 2 !important; grid-row: 2; max-width: none !important; justify-self: stretch !important; display: flex !important; flex-direction: row !important; flex-wrap: wrap; align-items: center !important; justify-content: flex-start !important; column-gap: 16px; row-gap: 4px; }
  #footer.nf .nf-contacts .nf-h-group { flex: 0 0 100%; margin-bottom: 6px !important; }
  #footer.nf .nf-contacts .nf-tel { font-size: 20px !important; line-height: 28px; }
  #footer.nf .nf-contacts .nf-msg { gap: 14px; }
  #footer.nf .nf-contacts > .nf-r:not(.nf-tel):not(.nf-msg) { flex: 0 0 100%; }
  #footer.nf .nf-col a, #footer.nf .nf-prod a { text-align: left !important; }
  #footer.nf .nf-r { justify-content: flex-start !important; white-space: normal !important; }
  #footer.nf .nf-bottom { flex-direction: row !important; justify-content: space-between !important; text-align: left !important; }
}

/* 2026-11-13: «Акции» — картинки всегда квадратные целиком (не растягиваются по высоте текста и не обрезаются) */
.act-img { align-self: flex-start; aspect-ratio: 1 / 1; height: auto !important; }
.act-img img { object-fit: contain !important; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .act-grid { grid-template-columns: 1fr; }
  .act-img { flex: 0 0 min(42%, 300px); }
  .act-body h3 { font-size: 20px; }
  .act-body p { font-size: 15px; }
}
@media (min-width: 768px) and (max-width: 991.98px) { .act-img { flex: 0 0 min(42%, 300px); } }

/* 2026-11-13: «Акции» 576–767 — список карточек (картинка слева, текст справа) вместо листания на весь экран */
@media (min-width: 576px) and (max-width: 767.98px) {
  .act-grid { display: grid !important; grid-template-columns: 1fr; overflow: visible; gap: 14px; padding-bottom: 0; }
  .act-card { flex-direction: row; }
  .act-img { flex: 0 0 min(40%, 240px) !important; width: auto !important; }
  .act-body { padding: 14px 16px; }
  .act-body h3 { font-size: 17px; margin-bottom: 8px; }
  .act-body p { font-size: 14px; line-height: 1.5; }
  .act-dots { display: none !important; }
}

/* 2026-11-13: «Акции» на телефоне — без листания, карточки подряд вертикально (картинка сверху целиком, текст под ней) */
@media (max-width: 575.98px) {
  .act-grid { display: grid !important; grid-template-columns: 1fr; overflow: visible; gap: 16px; padding-bottom: 0; }
  .act-card { flex-direction: column; }
  .act-img { flex: none !important; width: 100% !important; }
  .act-body { padding: 14px 16px 16px; }
  .act-body h3 { font-size: 18px; margin-bottom: 8px; }
  .act-body p { font-size: 14.5px; line-height: 1.5; }
  .act-dots { display: none !important; }
}

/* 2026-11-13: мобильная версия (до 575px) */
@media (max-width: 575.98px) {
  /* --- фиксированная шапка: логотип + название + мессенджеры + меню, ниже телефон со статусом --- */
  #top-menu { box-shadow: 0 2px 10px rgba(0,0,0,.08) !important; }
  #top-menu .container > .row > .col-md-3:first-child { display: flex !important; align-items: center; flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; }
  #top-menu .tb-logo { display: block !important; flex: none; width: 52px; height: 52px; margin: 6px 10px 6px 0; background: #eb1c24 url(/images/logo.gif) center / auto 42px no-repeat; }
  #top-menu .navbar { flex: 1 1 auto; min-width: 0; padding: 0 !important; }
  #top-menu .menuha { display: grid !important; grid-template-columns: minmax(0, 1fr) auto auto auto; grid-template-rows: auto auto; column-gap: 5px; row-gap: 3px; align-items: center; padding: 6px 0 !important; }
  #top-menu .mob-bar { display: contents !important; }
  #top-menu .navbar-brand { grid-column: 1; grid-row: 1; min-width: 0 !important; margin: 0 !important; padding: 0 !important; font: 700 14px/1.1 Arial, sans-serif !important; color: #222 !important; text-transform: uppercase; letter-spacing: .3px; white-space: nowrap; overflow: hidden; }
  #top-menu .navbar-brand > span { display: block; margin-top: 2px; font: 400 12px/1.2 Arial, sans-serif; color: #666; text-transform: none; letter-spacing: 0; }
  #top-menu .navbar-brand > span::before { content: ""; display: inline-block; width: 6px; height: 6px; margin: 0 4px 1px 0; border-radius: 50%; background: #eb1c24; vertical-align: middle; }
  #top-menu .mob-bar-ico { grid-row: 1; width: 34px !important; height: 34px !important; border: 1px solid #e2e2e4; background: #fff; }
  #top-menu .mob-bar-ico img { width: 22px !important; height: 22px !important; max-width: 22px !important; }
  #top-menu .navbar-toggler { grid-column: 4; grid-row: 1; width: 40px; height: 34px !important; padding: 0 !important; display: flex; align-items: center; justify-content: center; border: 0 !important; border-radius: 0 !important; background: #eb1c24 !important; box-shadow: none !important; }
  #top-menu .navbar-toggler-icon { width: 22px !important; height: 22px !important; filter: brightness(0) invert(1); }
  #top-menu .mob-bar-phone { grid-column: 1; grid-row: 2; margin: 0 !important; font: 700 17px/1.2 Arial, sans-serif !important; color: #222 !important; white-space: nowrap; }
  #top-menu .tbn-st { display: block !important; grid-column: 2 / 5; grid-row: 2; justify-self: end; max-width: 120px; font: 10.5px/1.15 Arial, sans-serif; color: #2e9d4a; white-space: normal; text-align: right; }
  #top-menu .tbn-st i { display: inline-block; width: 6px; height: 6px; margin: 0 4px 1px 0; border-radius: 50%; background: #2eb352; vertical-align: middle; }
  #top-menu .tbn-st.off { color: #888; } #top-menu .tbn-st.off i { background: #bbb; }

  /* --- плитки разделов: без большой плитки-логотипа, 4 в ряд, 2 ряда --- */
  #img-menu ul.main-menu { margin: 0 -4px !important; padding: 8px 0 4px !important; }
  #img-menu ul.main-menu > li#logo { display: none !important; }
  #img-menu ul.main-menu > li { flex: 0 0 25% !important; max-width: 25% !important; width: 25% !important; padding: 0 4px !important; margin: 0 0 10px !important; box-shadow: none !important; }
  #img-menu .main-menu li a { box-shadow: 0 3px 8px rgba(0,0,0,.12); background: #fff; }
  #img-menu .main-menu li a .img_menu { height: auto !important; aspect-ratio: 158 / 124; overflow: hidden; display: block; }
  #img-menu .main-menu li a .img_menu img { width: 100% !important; height: 100% !important; max-height: none !important; object-fit: cover; }
  #img-menu .main-menu li a .text_menu { display: flex !important; align-items: center; justify-content: center; min-height: 30px; padding: 2px 2px 3px; white-space: normal !important; font-size: 11.5px !important; line-height: 1.1 !important; letter-spacing: -.1px; text-align: center; }

  /* --- подвал: контакты с логотипом сверху, разделы в две колонки, всё по левому краю --- */
  #footer.nf .nf-grid { display: grid !important; grid-template-columns: 84px minmax(0, 1fr) !important; gap: 18px 16px !important; align-items: start; }
  #footer.nf .nf-logo { grid-column: 1 !important; grid-row: 1; width: 84px !important; height: 64px !important; margin: 28px 0 0 !important; justify-self: start !important; background-size: auto 50px !important; background-position: center !important; }
  #footer.nf .nf-contacts { grid-column: 2 !important; grid-row: 1; max-width: none !important; justify-self: stretch !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; }
  #footer.nf .nf-contacts .nf-h-group { align-self: stretch; margin-bottom: 6px !important; }
  #footer.nf .nf-contacts .nf-tel { font-size: 19px !important; }
  #footer.nf .nf-prod { grid-column: 1 / -1 !important; grid-row: 2; max-width: none !important; justify-self: stretch !important; columns: 2; column-gap: 16px; }
  #footer.nf .nf-grid > nav.nf-col { grid-column: 1 / -1 !important; grid-row: 3; max-width: none !important; justify-self: stretch !important; columns: 2; column-gap: 16px; }
  #footer.nf .nf-grid > nav.nf-col .nf-h-group { column-span: all; margin-bottom: 10px; }
  #footer.nf .nf-col a, #footer.nf .nf-prod a { text-align: left !important; }
  #footer.nf .nf-r { justify-content: flex-start !important; }
  #footer.nf .nf-bottom { text-align: center !important; }
}

/* 2026-11-13: «Вся продукция» и «Услуги» на телефоне и узком окне (до 767px) — две кнопки под плитками, раскрывают список */
.mcat { display: none; }
@media (max-width: 767.98px) {
  .mcat { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 4px 0 12px; }
  .mcat button { height: 42px; margin: 0; padding: 0 8px; border: 1px solid #eb1c24 !important; border-radius: 0; background: #fff; color: #eb1c24; font: 700 13px/1 Arial, sans-serif; text-transform: uppercase; letter-spacing: .3px; display: flex; align-items: center; justify-content: center; gap: 8px; box-shadow: none; }
  .mcat button::after { content: ""; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); margin-top: -4px; }
  .mcat button.on { background: #eb1c24; color: #fff; }
  .mcat button.on::after { transform: rotate(-135deg); margin-top: 4px; }
  #header.mcat-prod #img-menu .sub-menu.production, #header.mcat-serv #img-menu .sub-menu.services { display: grid !important; grid-template-columns: 1fr 1fr; gap: 6px; width: auto !important; max-width: none !important; float: none !important; clear: both; margin: 0 0 14px !important; padding: 0 !important; }
  #header #img-menu .sub-menu .sub { width: auto !important; height: auto !important; margin: 0 !important; float: none !important; border: 0 !important; box-shadow: none !important; }
  #header #img-menu .sub-menu .sub a { height: auto !important; min-height: 38px; display: flex; align-items: center; padding: 6px 10px; background: #f4f4f5; border: 0 !important; font-size: 13.5px; line-height: 1.2; text-align: left; }
  #header #img-menu .sub-menu .sub a:after { display: none; }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  #header.mcat-prod #img-menu .sub-menu.production, #header.mcat-serv #img-menu .sub-menu.services { grid-template-columns: repeat(3, 1fr); }
}

/* 2026-11-13: строка навигации (хлебные крошки) не уходит под вкладки «Вся продукция / Услуги» */
@media (min-width: 768px) { ul.breadcrumb-navigation { padding-right: 24% !important; } }

/* 2026-11-13: мобильная шапка — статус в одну строку, мессенджеры и меню крупнее */
@media (max-width: 575.98px) {
  #top-menu .tb-logo { width: 50px; height: 50px; margin: 6px 8px 6px 0; background-size: auto 40px; }
  #top-menu .menuha { column-gap: 6px !important; }
  #top-menu .mob-bar-ico { width: 42px !important; height: 42px !important; }
  #top-menu .mob-bar-ico img { width: 28px !important; height: 28px !important; max-width: 28px !important; }
  #top-menu .navbar-toggler { width: 48px !important; height: 42px !important; }
  #top-menu .navbar-toggler-icon { width: 28px !important; height: 28px !important; }
  #top-menu .mob-bar-phone { grid-column: 1 / 5 !important; justify-self: start; width: max-content !important; font-size: 16px !important; }
  #top-menu .tbn-st { grid-column: 1 / 5 !important; max-width: none !important; white-space: nowrap !important; font-size: 11px !important; }
}
@media (min-width: 400px) and (max-width: 575.98px) { #top-menu .mob-bar-phone { font-size: 18px !important; } #top-menu .tbn-st { font-size: 12px !important; } }
@media (min-width: 360px) and (max-width: 399.98px) { #top-menu .mob-bar-phone { font-size: 15.5px !important; } #top-menu .tbn-st { font-size: 10.5px !important; } }
@media (max-width: 359.98px) { #top-menu .tbn-st { grid-row: 3 !important; justify-self: start !important; } #top-menu .navbar-brand { font-size: 12.5px !important; } }
@media (max-width: 359.98px) { #top-menu .navbar-brand { font-size: 11.5px !important; letter-spacing: 0 !important; } #top-menu .mob-bar-ico { width: 38px !important; } #top-menu .navbar-toggler { width: 44px !important; } }

/* 2026-11-13: мобильная версия — заголовки разделов компактнее (одна система: 21px, Arial Narrow, капс) */
@media (max-width: 575.98px) {
  #main .container > h1.show, .col-md-9 > h2, .h2.pps-rvtitle, .kutak p.h3 { font-size: 19px !important; line-height: 1.18 !important; letter-spacing: 0 !important; }
  #main .container > h1.show { margin: 4px 0 10px !important; }
  .col-md-9 > h2 { margin: 18px 0 10px !important; }
  .h2.pps-rvtitle { margin-top: 18px !important; margin-bottom: 10px !important; }
}

/* 2026-11-13: мобильная шапка — кнопки Max / Telegram / меню разнесены на ширину строки статуса, с зазорами (удобнее попадать пальцем) */
@media (max-width: 575.98px) {
  #top-menu .menuha { column-gap: 0 !important; }
  #top-menu .navbar-brand { margin-right: 6px !important; }
  #top-menu .mob-bar-ico + .mob-bar-ico, #top-menu .navbar-toggler { margin-left: 10px !important; }
}
@media (max-width: 359.98px) { #top-menu .mob-bar-ico + .mob-bar-ico, #top-menu .navbar-toggler { margin-left: 6px !important; } }
@media (min-width: 360px) and (max-width: 399.98px) {
  #top-menu .mob-bar-ico { width: 38px !important; } #top-menu .mob-bar-ico img { width: 26px !important; height: 26px !important; max-width: 26px !important; }
  #top-menu .navbar-toggler { width: 40px !important; } #top-menu .navbar-toggler-icon { width: 26px !important; height: 26px !important; }
}
@media (min-width: 400px) and (max-width: 575.98px) { #top-menu .mob-bar-ico + .mob-bar-ico, #top-menu .navbar-toggler { margin-left: 11px !important; } }

/* 2026-11-13: мобильный подвал — заголовок «Контакты» по центру во всю ширину, как «Продукция» и «Компания» */
@media (max-width: 575.98px) {
  #footer.nf .nf-contacts { grid-column: 1 / -1 !important; grid-row: 1; padding-left: 100px; }
  #footer.nf .nf-contacts .nf-h-group { margin-left: -100px !important; align-self: flex-start !important; width: calc(100% + 100px) !important; }
  #footer.nf .nf-logo { position: relative; z-index: 1; }
}

/* 2026-11-13: мобильная шапка — логотип по высоте от верха «ТИПОГРАФИЯ» до низа телефона */
@media (min-width: 360px) and (max-width: 399.98px) { #top-menu .tb-logo { width: 58px !important; height: 58px !important; margin: 0 9px 0 0 !important; background-size: auto 47px !important; } }
@media (min-width: 400px) and (max-width: 575.98px) { #top-menu .tb-logo { width: 61px !important; height: 61px !important; margin: 0 10px 0 0 !important; background-size: auto 50px !important; } }
@media (min-width: 360px) and (max-width: 575.98px) { #top-menu .tb-logo { transform: translateY(1px); } }
@media (min-width: 360px) and (max-width: 374.98px) { #top-menu .mob-bar-phone { font-size: 14.5px !important; } }

/* 2026-11-13: кнопки «Вся продукция / Услуги» — после закрытия возвращаются в белый вид (на телефоне «залипал» общий красный button:hover/focus) */
.mcat button:not(.on), .mcat button:not(.on):hover, .mcat button:not(.on):focus, .mcat button:not(.on):active { background: #fff !important; color: #eb1c24 !important; outline: none; box-shadow: none !important; }
.mcat button.on, .mcat button.on:hover, .mcat button.on:focus, .mcat button.on:active { background: #eb1c24 !important; color: #fff !important; outline: none; }
.mcat button { -webkit-tap-highlight-color: transparent; }

/* 2026-11-13: мобильная шапка — серый фон и красная полоса снизу (вариант A), чтобы не сливалась с контентом при прокрутке */
@media (max-width: 575.98px) {
  #top-menu { background: #f4f4f5 !important; border-bottom: 3px solid #eb1c24 !important; box-shadow: 0 2px 8px rgba(0,0,0,.08) !important; }
}

/* 2026-11-13: кнопка «Все отзывы» — при наведении белый текст на красном (старое правило #all_reviews a {color:… !important} делало текст невидимым) */
.reviews-list #all_reviews a:hover, .reviews-list #all_reviews a:focus, .reviews-list #all_reviews a:active { background: #eb1c24 !important; color: #fff !important; }
@media (min-width: 768px) {
  .row:has(> .col-md-9 > #fb-root) .reviews-list #all_reviews a:hover, .row:has(> .col-md-9 > #fb-root) .reviews-list #all_reviews a:focus, .row:has(> .col-md-9 > #fb-root) .reviews-list #all_reviews a:active { background: none !important; color: #c9141b !important; }
}

/* 2026-11-13: шапка 576–767 — три зоны: название слева, телефон по центру свободного места, кнопки справа с зазорами */
@media (min-width: 576px) and (max-width: 767.98px) {
  #top-menu .navbar-brand { flex: 0 0 auto !important; margin: 0 !important; }
  #top-menu .mob-bar { flex: 1 1 auto !important; display: grid !important; grid-template-columns: minmax(0, 1fr) auto auto; grid-template-rows: auto auto; column-gap: 10px !important; margin: 0 10px 0 14px !important; }
  #top-menu .mob-bar-phone { grid-column: 1; grid-row: 1; justify-self: center !important; margin: 0 !important; font-size: 19px !important; }
  #top-menu .tbn-st { grid-column: 1; grid-row: 2; justify-self: center !important; margin: 2px 0 0 !important; font-size: 12px !important; }
  #top-menu .mob-bar-ico { width: 42px !important; height: 42px !important; }
  #top-menu .mob-bar-ico img { width: 28px !important; height: 28px !important; max-width: 28px !important; }
  #top-menu .navbar-toggler { width: 48px !important; min-width: 48px !important; height: 42px !important; padding: 0 !important; }
  #top-menu .navbar-toggler-icon { width: 28px !important; height: 28px !important; }
}

/* 2026-11-13: заголовок страницы (H1) не уходит под вкладки «Вся продукция / Услуги» */
@media (min-width: 768px) { h1#pagetitle { padding-right: 24%; } }
/* 2026-11-13: заголовок главной в одну строку до вкладок (шрифт уменьшается плавно на узких окнах) */
@media (min-width: 768px) { h1#pagetitle.show { font-size: min(40px, calc((76vw - 24px) / 24.8)) !important; white-space: nowrap; } }

/* 2026-11-13: шапка ПК — «Контакты: (5м от м. Дмитровская)» в одну строку, телефон жирным */
@media (min-width: 992px) {
  #top-contacts { display: flex; align-items: center; }
  #top-contacts .v { float: none !important; width: auto !important; margin: 0 !important; }
  #top-contacts .v > div { display: flex !important; align-items: center; gap: 5px; height: auto !important; white-space: nowrap; }
  #top-contacts .v > div > * { display: block !important; height: auto !important; }
  #top-contacts .v > div > a:empty { display: none !important; }
  #top-contacts img { float: none !important; margin: 0 !important; padding: 0 !important; }
  #top-contacts .v div[style*="250px"] { width: auto !important; }
}
#top-phone .phone { font-weight: bold !important; }

/* 2026-11-13: мобильный подвал по центру; логотип по центру в блоке «Контакты» (между заголовком и контактами) */
@media (max-width: 575.98px) {
  #footer.nf .nf-grid { position: relative; grid-template-columns: minmax(0, 1fr) !important; }
  #footer.nf .nf-contacts { grid-column: 1 / -1 !important; grid-row: 1 !important; padding-left: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center; }
  #footer.nf .nf-contacts .nf-h-group { margin: 0 0 82px !important; width: 100% !important; align-self: stretch !important; }
  #footer.nf .nf-logo { position: absolute !important; top: 30px; left: 50%; transform: translateX(-50%); margin: 0 !important; width: 84px !important; height: 64px !important; z-index: 1; }
  #footer.nf .nf-r { justify-content: center !important; }
  #footer.nf .nf-prod, #footer.nf .nf-grid > nav.nf-col { grid-column: 1 / -1 !important; }
  #footer.nf .nf-prod { grid-row: 2 !important; }
  #footer.nf .nf-grid > nav.nf-col { grid-row: 3 !important; }
  #footer.nf .nf-col a, #footer.nf .nf-prod a { text-align: center !important; }
}

/* 2026-11-13: мобильная версия — меньше пустого места перед подвалом (распорка 180px под подвал перекрыта сильнее) */
@media (max-width: 575.98px) {
  #footer { margin-top: -160px !important; }
  .reviews-list #all_reviews { margin-bottom: 8px !important; }
}

/* End */



/* Start:/bitrix/templates/ppsprint/template_styles.css*/
@font-face {
    src: url('/bitrix/templates/ppsprint/driver_gothic.TTF');
    font-family: 'Driver Gothic';
}

/* @import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=cyrillic,latin); */
body {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    margin: 0px;
    padding: 0px
}

img {
    border: 0
}

span.rur svg {
    display: inline-block;
    position: relative;
    text-indent: 0;
    height: 0.85em;
    width: 0.85em;
    margin-bottom: -0.05em;
    float: none !important
}

button, .button {
    background: #eb1c24;
    border: 0px;
    border-radius: 13px;
    font-size: 14px;
    color: #fff;
    height: 30px;
    padding: 0px 10px;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
}

button.sq {
    border-radius: 0px;
    float: right;
    clear: both;
    margin-bottom: 19px;
    margin-top: -4px
}

button:hover, .menu-opener span:hover {
    background: #ff0000;
}

.shadow {
    -webkit-box-shadow: 0px 5px 13px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0px 5px 13px rgba(0, 0, 0, 0.13);
    box-shadow: 0px 5px 13px rgba(0, 0, 0, 0.13)
}

#top-zayavka {
    width: 85px;
    display: block;
    margin: 13px auto
}

#header {
    height: 230px;
    overflow: hidden;
    border-bottom: 2px solid #ec2a32;
    clear: both;
    -webkit-transition: height 0.4s ease 0s;
    -moz-transition: height 0.4s ease 0s;
    -o-transition: height 0.4s ease 0s;
    transition: height 0.4s ease 0s;
}

#header.open {
    height: 400px
}

#top-menu {
    height: 57px;
    overflow: hidden;
    font-size: 100%;
}

#top-menu a {
    color: #000
}

#top-menu a:hover {
    color: #f00
}

#top-menu ul {
    list-style: none;
    padding: 0px;
    margin-top: 0px
}

#top-menu li {
    display: inline;
    padding-right: 2%;
    line-height: 57px;
    white-space: nowrap
}

#top-menu li:last-child {
    padding-right: 0em
}

#top-contacts {
    padding: 10px 0px
}

#top-contacts a.js {
    font-size: 90%;
    white-space: nowrap
}

#top-contacts img {
    float: left;
    padding: 5px 0px;
    margin: 0px 0px 0px -5px
}

#top-contacts .v {
    float: right;
    width: 90%;
    min-width: 175px;
    margin-right: -10px
}

#top-contacts .v div {
    display: table-cell;
    vertical-align: middle;
    height: 37px
}

#top-otbivka {
    height: 3px;
    overflow: hidden;
    background: #d6d6d6;
    border-bottom: 2px solid #eb1c24;
    clear: both
}

#top-phone {
    text-align: right
}

#top-phone .phone {
    font-family: 'Driver Gothic';
    font-size: 26px;
    color: #eb1c24;
    text-align: right;
    white-space: nowrap;
    margin: 12px 0px 0px 0px;
    line-height: 23px
}

#top-phone span {
    color: #646464;
    font-size: 13px
}

.wrap {
    width: 92%;
    max-width: 1440px;
    min-width: 954px;
    margin: 0px auto;
    clear: both;
    padding: 0px 5px
}

.of {
    overflow: hidden
}

a.js {
    text-decoration: none;
    border-bottom: 1px dashed;
    cursor: pointer
}

#img-menu .main-menu {
    list-style: none;
    margin: 0px;
    height: 170px;
    overflow: hidden;
    width: 100%;
    padding: 0px;
}

#img-menu .main-menu li {
    height: 135px;
    box-shadow: 0px 23px 13px rgba(0, 0, 0, 0.13);
    cursor: pointer;
    margin-top: 12px;
}

#img-menu .main-menu li a {
    display: block;
    height: 18px;
    padding-top: 123px;
    text-align: center;
    border: 1px solid #fff;
    text-decoration: none;
    color: #646464;
    font-size: 120%
}

#img-menu .main-menu li:hover a, #img-menu .main-menu li.selected a {
    color: #fff;
    background-color: #eb1c24;
    border-color: #eb1c24
}

#img-menu .sub-menu {
    list-style: none;
    padding: 0px;
    margin: 5px 0px 15px 0px;
    overflow: hidden
}

#img-menu .sub-menu .u2:nth-child(6n) {
    margin-right: 0px
}

#img-menu .sub-menu a {
    color: #3c3c3c !important;
    display: block;
    border: 1px solid #fff;
    height: 32px;
    text-decoration: none
}

#img-menu .sub-menu a:after {
    content: " ";
    font-size: 3px;
    height: 100%;
    vertical-align: middle;
    display: inline-block
}

#img-menu .sub-menu a span {
    display: inline-block;
    vertical-align: middle
}

#img-menu .sub-menu .sub {
    box-sizing: border-box;
    cursor: pointer;
    /*text-transform: uppercase;*/
    font-size: 10pt;
    text-align: center;
    vertical-align: middle;
    background: #fafafa;
    border: 1px solid #e5e5e5;
    margin-bottom: 5px;
    text-shadow: 0px 0px 2px #fff
    line-height:1;
}

#img-menu .sub-menu .sub:hover {
    border: 1px solid #eb1c24
}

.menu-opener {
    float: right
}

.menu-opener div {
    position: absolute;
    padding: 0px;
    color: #fff;
    margin-left: -22%;
    top: 230px;
    font-size: 10pt;
    width: 22%;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    height: 30px;
    overflow: hidden /*
  min-width: 125px;
  max-width: 173px;
*/
}

.menu-opener .hide {
    display: none;
    width: 100%;
    margin: 0px
}

@media all and (max-width: 1px) {
    .visitka {
        zoom: 0.8
    }
}

@media all and (max-width: 1280px) {
    .visitka {
        zoom: 0.9
    }

    /*
     .menu-opener div {margin-left:-260px; width: 260px}
     #header.open .menu-opener div {margin-left:-125px; width: 125px}
    */
}

.menu-opener span {
    display: block;
    float: left;
    width: 50%;
    padding: 0px 0px;
    margin-right: 3px;
    margin-left: -1px;
    border: none;
    text-align: center;
    background: #eb1c24;
    height: 24px;
    line-height: 24px
}

.menu-opener span:last-child {
    margin-right: -1px
}

#header.open .menu-opener div {
    top: 372px;
    width: 10.4%;
    margin-left: -10.4%
}

@media all and (min-width: 1400px) {
    .menu-opener div {
        margin-left: -316px;
        width: 316px
    }

    #header.open .menu-opener div {
        margin-left: -148px;
        width: 148px;
    }
}

#logo {
    background: #eb1c24 url(/images/logo.gif) no-repeat center center;
    text-align: center
}

#img-menu #logo {
    margin-top: 0px;
    height: 155px
}

#img-menu li#logo a {
    margin: 7px;
    border: 0px;
    padding: 0px;
    height: 2px;
    color: #eb1c24;
    padding-top: 145px;
    overflow: hidden;
    background-color: transparent
}

#img-menu li#logo:hover a {
    background: transparent;
    border-color: #fff
}

#img-menu li a {
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center -15px
}

#menu-visitki a {
    background-image: url(/images/menu-visitki.jpg)
}

#menu-calendars a {
    background-image: url(/images/menu-calendars.jpg)
}

#menu-buklety a {
    background-image: url(/images/menu-buklety.jpg)
}

#menu-listovki a {
    background-image: url(/images/menu-listovki.jpg)
}

#menu-pechati a {
    background-image: url(/images/menu-pechati.jpg)
}

#menu-plakaty a {
    background-image: url(/images/menu-plakaty.jpg)
}

#menu-bannery a {
    background-image: url(/images/menu-bannery.jpg)
}

#menu-viveski a {
    background-image: url(/images/menu-viveski.jpg)
}

#footer {
    height: 152px;
    background: #f5f5f5;
    position: relative;
    margin-top: -152px; /* negative value of footer height */
    border-top: 6px solid #d7d7d7;
    clear: both;
}

#footer-otbivka {
    height: 2px;
    overflow: hidden;
    background: #d6d6d6;
    border-bottom: 2px solid #eb1c24;
    clear: both;
    margin-top: 50px
}

#footer a {
    color: #000
}

#footer a:hover {
    color: #f00
}

#footer ul {
    list-style: none;
    padding: 0px;
    line-height: 150%
}

#counter {
    margin-top: 110px
}

#bottom-logo {
    background: #eb1c24 url(/images/logo.gif) no-repeat center center;
    text-align: center;
    height: 158px;
    margin-top: -6px
}

#footer .footer-links a {
    text-transform: uppercase;
    font-family: Arial Narrow, Arial;
    font-size: 13px;
    color: #acacac;
    text-decoration: none;
    text-shadow: 1px 1px 0px #fbfbfb;
}

#lt {
    position: absolute;
    left: 1%;
    padding: 0px;
    list-style: none;
    margin: -10px 1% 0px 1%;
    display: none
}

#lt li {
    display: block;
    width: 10px;
    height: 10px;
    padding: 10px;
    border: 1px solid #999;
    border-radius: 50%;
    margin: 10px 0px;
    line-height: 10px;
    text-align: center;
    color: #999;
    cursor: pointer
}

#lt li.selected {
    border: 1px solid #f00;
    color: #f00;
    cursor: default
}

/*Visitki*/
.bold {
    font-weight: bold
}

.why {
    padding: 0px;
    list-style: none;
    margin: 10px 0px 0px 0px
}

.why li {
    padding-bottom: 8px;
    font-size: 110%
}

.why a {
    color: #000
}

.gallerie {
    list-style: none;
    padding: 0px;
    overflow: hidden
}

.gallerie li {
    max-height: 200px;
    overflow: hidden;
    margin-bottom: 10px;
    text-align: center;
    float: left
}

.gallerie img {
    max-height: 300px;
    margin: 0px auto;
    max-width: 100%
}

.g6 li {
    width: 15%;
    margin: 0px 1.66% 15px 0%
}

.g6 {
    width: 102%
}

.line {
    clear: both;
    width: 100%;
    padding: 0px 2.5% 0px 2.5%;
    margin-left: -2.5%;
    overflow: hidden;
}

@media screen and (min-width: 1500px) {
    .line {
        clear: both;
        padding: 3px 10px 3px 10px;
        overflow: hidden;
        width: 1431px;
        margin: 0px auto
    }
}

.visitka {
    height: 450px;
    color: #fff;
    margin-bottom: 25px;
    box-shadow: 0px 13px 13px rgba(0, 0, 0, 0.13);
    overflow: hidden;
    border-radius: 40px 40px 0px 40px;
    max-width: 450px;
    position:relative;
}

.visitka a {
    color: #fff
}

.visitka .title {
    font-weight: normal;
    color: #fff;
    line-height: 40px;
    text-align: center;
    font-size: 17px;
    padding: 0px 20px
}

.visitka .title, .visitka .text, .visitka .total {
    background: rgba(0, 0, 0, 0.5);
    color: #fff
}

.visitka .total-custom {
    height: 47px
}

.visitka .title a, .visitka .text a, .visitka .total a {
    color: #fff
}

.visitka .thumb {
    overflow: hidden;
    cursor: pointer;
    height: 90%;
    z-index: 99;
    position: relative;
}

.visitka .text {
    padding: 10px 22px;
    height: 60px;
    overflow: hidden;
    font-size: 14px;
    text-align: left;
    position: absolute;
    width: 100%;
    bottom:0px;
}
.aksha {
    font-size: 22px;
    font-weight: bold;
    margin-left: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
}
.visitka .text p {
    margin-top: 0px
}

.rub {
    font-family: arial, serif;
    font-size: 13px;
}

#zaya .cost, #zaya .price, .visitka .t1, .visitka .t2, .visitka button, .visitka .price, .visitka .cost {
    float: left;
    height: 25px;
    line-height: 25px;
    margin-bottom: 5px; /*text-transform: uppercase*/
}

#zaya .t2 {
    height: 25px;
    margin-bottom: 13px
}

#zaya .t1 {
    margin-top: 12px
}

#zaya .jq-selectbox__select {
    height: 30px
}

.visitka .t1 {
    width: 30%;
    white-space: nowrap
}

.visitka .t2 {
    width: 70%;
    white-space: nowrap
}
.pop2 {
    text-align: center;
    font-size: 26px;
    border: 1px solid;
    padding: 10px;
    margin-bottom: 15px;
}

.visitka button {
    width: 24%;
    border-radius: 0px;
    background: rgba(255, 255, 255, 0.3);
    color: #fff; /*text-transform: uppercase;*/
    padding: 0px;
    text-align: center
}

.visitka button:hover {
    background: rgba(255, 255, 255, 0.9);
    color: #000
}

.visitka .total {
    padding: 10px 10px 10px 20px;
    height: 90px;
    font-size: 10pt;
}

.visitka .price {
    width: 21%;
    font-size: 11pt
}

.visitka .cost {
    width: 21%;
    font-size: 11pt
}

.visitka .cost.d {
    display: none
}

.visitka .price.d {
    width: 42%
}

.visitka .price, .visitka .cost, #zaya .cost, #zaya .price {
    background: #fff;
    color: #000;
    text-align: center;
    margin-right: 2%
}

.visitka sup, .visitka sub {
    line-height: 13px;
    vertical-align: baseline
}

.visitka sub {
    font-size: 9px;
}

.visitka ul {
    padding: 0px;
    margin: 0px;
    padding-left: 22px;
}

#zaya .price {
    color: #da1820;
    font-weight: bold;
    margin: -19px 0px 0px 95px;
    background: none
}

#zaya .cost {
    color: #da1820;
    font-weight: bold;
    margin: -19px 0px 0px 95px;
    background: none
}

#zaya .bestprice {
    color: #da1820
}

#zaya .t1 {
    font-weight: bold
}

#zaya .inputtext {
    height: 25px;
    line-height: 25px
}

#visitka1 {
    background: url(/images/visitki/cifroviye-visitki.jpg) no-repeat
}

#visitka2 {
    background: url(/images/visitki/offsetniye-visitki.jpg) no-repeat
}

#visitka3 {
    background: url(/images/visitki/plastikoviye_visitki.jpg) no-repeat
}

#visitka4 {
    background: url(/images/visitki/tisneniye.jpg) no-repeat
}

#visitka5 {
    background: url(/images/visitki/shelkografiya.jpg)
}

#visitka6 {
    background: url(/images/visitki/vizitki-virubka.jpg) no-repeat
}

#visitka7 {
    background: url(/images/visitki/) no-repeat
}

#visitka8 {
    background: url(/images/visitki/) no-repeat
}

#visitka9 {
    background: url(/images/visitki/) no-repeat
}

.main-croc {
    padding-left: 74.48%
}

.tstyle1 {
    border-spacing: 0px;
    border-collapse: collapse;
}

.tstyle1 thead td, .tstyle1 th {
    background: #eee;
    color: #000;
    font-weight: bold
}

.tstyle1 td, .tstyle1 th {
    padding: 5px;
    border: 1px solid #ddd
}

.bthumb {
    overflow: hidden;
    text-align: center;
    margin-top: 42px
}

.bthumb div {
    width: 100%;
    text-align: left;
    overflow: hidden
}

.bthumb img {
    max-height: 450px;
    max-width: 100%;
    margin: 0px auto;
    display: inline-block;
    vertical-align: middle
}

.bthumb ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    overflow: hidden;
    transition: margin 0.5s ease 0s;
    display: inline-block;
    vertical-align: middle
}

.bthumb li {
    float: left;
    margin: 0px;
    overflow: hidden;
    vertical-align: middle
}

.bthumb img:before {
    content: ".";
    width: 1px;
    font-size: 3px;
    vertical-align: middle;
    display: inline-block;
    height: 100%
}

#main table, table.price {
    background: #e5e5e5;
    border-spacing: 1px;
    width: 100%
}

#main table td, table.price td {
    border: 1px solid #fff;
    background: #fff;
    padding: 10px 5px;
    text-align: center
}

table.price td textarea, table.price td input {
    width: 100%;
    height: 100%;
    border: 0px
}

#main table tr:nth-child(even) td, table.price tr:nth-child(even) td {
    border: 1px solid #fff;
    background: #fafafa
}

#main table tr.header td, #main table thead td, table.price tr.header td {
    font-weight: bold;
    background: #fafafa
}

table.price td.lh {
    font-weight: bold
}

table.price button {
    position: absolute;
    z-index: 98;
    margin: -8px 0px 0px -25px;
    display: inline
}

.menu {
    list-style: none;
    padding: 0px;
    margin: 0px 0px 15px 0px
}

.menu li a, .menu li span {
    display: block;
    padding: 9px 15px;
    border: 1px solid #fff;
    background: #fafafa;
    color: #656565
}

.menu li span {
    font-weight: bold;
    background: #e5e5e5
}

.menu li a:hover {
    text-decoration: none;
    background: #f00000;
    color: #fff
}

.menu li {
    padding: 1px;
    background: #e5e5e5;
    margin-top: -5px
}

.menu li.header {
    font-size: 150%;
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: bold
}

.menu li.header a {
    color: #000;
}

.menu li:first-child {
    margin-top: 0px
}

.small {
    font-size: 90%
}

.help div {
    display: none;
    position: absolute;
    border: 1px solid #ddd;
    padding: 15px;
    background: #fff;
    z-index: 99;
    margin: -47px 0px 0px -3px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.13)
}

.help:before {
    content: "?";
    background: #e5e5e5;
    color: #000;
    margin: 0px 0.5em;
    cursor: pointer;
    padding: 1px 4px 1px 4px;
    border-radius: 50%;
    width: 16px;
    border: 1px solid #999;
    font-size: 80%;
    line-height: 100%
}

.help img {
    max-height: 150px;
    max-width: 190px;
    margin: 10px 0px
}

.price-wrap {
    float: right;
    padding: 7px 5px;
    border-radius: 50%;
    border: 2px solid #fff;
    background: rgba(28, 255, 36, 0.5);
    color: #fff;
    width: 55px;
    height: 52px;
    font-weight: bold;
    text-align: center;
    margin: 130px 5px 0px 0px;
}

.price-wrap div {
    border-bottom: 1px solid #fff
}

.paper {
    border: 1px solid #e5e5e5;
    padding: 10px;
    height: 120px;
    overflow: hidden
}

.paper img {
    float: left;
    max-width: 40%;
    max-height: 150px;
    margin-right: 10px;
}

.paper .title {
    font-weight: bold;
    text-align: center;
    margin: 0px 0px 15px 0px
}

.paper .price {
    margin: 10px 0px;
    font-size: 120%;
    color: #f00000;
    position: relative;
    margin: 100px 0px -120px 0px;
    float: right
}

.thumb img {
    max-width: 100%
}

v.visitka .thumb img {
    margin-bottom: 0px
}

img {
    border: 0 none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #000000;
    font-family: Arial Narrow, Arial;
    text-transform: uppercase;
    font-weight: bold;
    margin: 1em 0px;
}

.fl {
    float: left
}

.fr {
    float: right
}

.clear {
    clear: both
}

h1, .h1 {
    font-size: 170%
}

h2, .h2 {
    font-size: 140%
}

h3, .h3 {
    font-size: 120%
}

h4, .h4 {
    font-size: 110%
}

h5, .h5, h6, .h6 {
    font-size: 100%
}

.goods .title {
    margin-bottom: -40px;
    height: 30px;
    line-height: 30px;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    font-size: 13pt;
    text-align: center;
    padding: 5px 0px;
    position: relative;
    z-index: 10
}

.goods {
    padding: 0px;
    list-style: none;
    margin: 0px;
    overflow: hidden
}

.goods li {
    display: inline-block;
    width: 31%;
    margin: 15px 2% 15px 0px;
    overflow: hidden;
    border-radius: 15px;
    border-radius: 40px 40px 0px 40px;
}

.goods .thumb {
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    padding-top: 100%;
    margin-bottom: -50px
}

.goods .price, .goods button {
    height: 30px;
    margin-bottom: 10px
}

.goods button {
    float: right;
    margin-right: 30px
}

.goods .controls {
    overflow: hidden;
    background: rgba(0, 0, 0, 0.2);
    padding-top: 10px
}

.goods .price {
    color: #fff;
    font-size: 13pt;
    line-height: 30px;
    margin-left: 50px;
    float: left
}

.goods .price:before {
    content: "����: "
}

.goods3 .title {
    margin-bottom: -70px; /*height: 30px;*/
    line-height: 30px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 13pt;
    text-align: center;
    padding: 5px 0px;
    position: relative;
    z-index: 10
}

.goods3 .title a {
    color: #ffffff;
    font-size: 17px;
}

.goods3 {
    padding: 0px;
    list-style: none;
    margin: 0px;
    overflow: hidden
}

.goods3 li {
    display: inline-block;
    width: 48%;
    margin: 15px 2% 15px 0px;
    overflow: hidden;
    border-radius: 15px;
    border-radius: 40px 40px 0px 40px;
}

.goods3 .thumb {
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    padding-top: 100%;
    margin-bottom: -50px
}

.goods3 .price, .goods3 button {
    height: 30px;
    margin-bottom: 10px
}

.goods3 button {
    float: right;
    margin-right: 30px
}

.goods3 .controls {
    overflow: hidden;
    background: rgba(0, 0, 0, 0.5);
    padding-top: 10px
}

.goods3 .price {
    color: #fff;
    font-size: 13pt;
    line-height: 30px;
    margin-left: 50px;
    float: left
}

.goods3 .price:before {
    content: "����: "
}

.goods3 .authors {
    color: #000000;
    font-size: 12px;
    text-align: left;
    margin: 80px 0 0 10px;
    position: absolute;
}

hr, .hr {
    border-color: #E9E9E9;
}

ul.breadcrumb-navigation {
    margin-bottom: 10px
}

ul.breadcrumb-navigation .pic {
    background-position: 30px -52px;
}

ul.breadcrumb-navigation .pic {
    width: 6px;
    height: 5px;
    margin: 0 10px;
    vertical-align: middle
}

.pic, .bx-wrapper .bx-controls-direction a {
    background-image: url('/bitrix/templates/ppsprint/images/pictures.png')
}

.bx-wrapper {
    margin: 0px auto
}

.reviews-list {
    padding: 0px 3px;
    min-height: 690px
}

.d_ib {
    display: inline-block
}

#feedback-cross {
    display: none
}

/*cards */
#cards {
    margin: 25px 0px;
    clear: both
}

#cards .u4 {
    margin-bottom: 15px;
    margin-top: 5px
}

#zaya {
    width: 630px;
    height: 500px;
    display: none
}

.croco {
    text-align: left
}

.croco img {
    max-height: 100px;
    max-width: 50%
}

table.contacts .info {
    font-family: 'Driver Gothic';
    font-size: 28px;
    text-transform: uppercase;
    line-height: 50px;
    color: #999
}

table.contacts td {
    vertical-align: top;
    padding-top: 15px
}

table.contacts .ya-phone {
    color: #656565;
    margin-top: 4px;
}

/*setka*/
.u1, .u2, .u3, .u4, .u5, .u6, .u7, .u8, .u9, .u10, .u11, .u12, .u13, .u14, .u15 {
    float: left
}

.un {
    margin-right: 0px !important
}

.ub1 {
    width: 6.39%;
    margin-right: 2.11%;
    float: left
}

.ub2 {
    width: 14.9%;
    margin-right: 2.11%;
    float: left
}

.ub3 {
    width: 23.41%;
    margin-right: 2.11%;
    float: left
}

.ub4 {
    width: 31.92%;
    margin-right: 2.11%;
    float: left
}

.ub5 {
    width: 40.43%;
    margin-right: 2.11%;
    float: left
}

.ub6 {
    width: 48.94%;
    margin-right: 2.11%;
    float: left
}

.ub7 {
    width: 57.45%;
    margin-right: 2.11%;
    float: left
}

.ub8 {
    width: 65.96%;
    margin-right: 2.11%;
    float: left
}

.ub9 {
    width: 74.47%;
    margin-right: 2.11%;
    float: left
}

.ub10 {
    width: 82.98%;
    margin-right: 2.11%;
    float: left
}

.ub11 {
    width: 91.49%;
    margin-right: 2.11%;
    float: left
}

.ub2 .ub1 {
    width: 42.91%;
    margin-right: 14.16%
}

.ub3 .ub1 {
    width: 27.32%;
    margin-right: 9.01%
}

.ub3 .ub2 {
    width: 63.66%;
    margin-right: 9.01%
}

.ub4 .ub1 {
    width: 20.04%;
    margin-right: 6.61%
}

.ub4 .ub2 {
    width: 46.69%;
    margin-right: 6.61%
}

.ub4 .ub3 {
    width: 73.34%;
    margin-right: 6.61%
}

.ub5 .ub1 {
    width: 15.82%;
    margin-right: 5.22%
}

.ub5 .ub2 {
    width: 36.86%;
    margin-right: 5.22%
}

.ub5 .ub3 {
    width: 57.91%;
    margin-right: 5.22%
}

.ub5 .ub4 {
    width: 78.95%;
    margin-right: 5.22%
}

.ub6 .ub1 {
    width: 13.07%;
    margin-right: 4.31%
}

.ub6 .ub2 {
    width: 30.45%;
    margin-right: 4.31%
}

.ub6 .ub3 {
    width: 47.84%;
    margin-right: 4.31%
}

.ub6 .ub4 {
    width: 65.22%;
    margin-right: 4.31%
}

.ub6 .ub5 {
    width: 82.61%;
    margin-right: 4.31%
}

.ub7 .ub1 {
    width: 11.13%;
    margin-right: 3.67%
}

.ub7 .ub2 {
    width: 25.94%;
    margin-right: 3.67%
}

.ub7 .ub3 {
    width: 40.75%;
    margin-right: 3.67%
}

.ub7 .ub4 {
    width: 55.56%;
    margin-right: 3.67%
}

.ub7 .ub5 {
    width: 70.37%;
    margin-right: 3.67%
}

.ub7 .ub6 {
    width: 85.18%;
    margin-right: 3.67%
}

.ub8 .ub1 {
    width: 9.69%;
    margin-right: 3.2%
}

.ub8 .ub2 {
    width: 22.59%;
    margin-right: 3.2%
}

.ub8 .ub3 {
    width: 35.49%;
    margin-right: 3.2%
}

.ub8 .ub4 {
    width: 48.39%;
    margin-right: 3.2%
}

.ub8 .ub5 {
    width: 61.29%;
    margin-right: 3.2%
}

.ub8 .ub6 {
    width: 74.19%;
    margin-right: 3.2%
}

.ub8 .ub7 {
    width: 87.09%;
    margin-right: 3.2%
}

.ub9 .ub1 {
    width: 8.59%;
    margin-right: 2.83%
}

.ub9 .ub2 {
    width: 20.01%;
    margin-right: 2.83%
}

.ub9 .ub3 {
    width: 31.44%;
    margin-right: 2.83%
}

.ub9 .ub4 {
    width: 42.86%;
    margin-right: 2.83%
}

.ub9 .ub5 {
    width: 54.29%;
    margin-right: 2.83%
}

.ub9 .ub6 {
    width: 65.72%;
    margin-right: 2.83%
}

.ub9 .ub7 {
    width: 77.14%;
    margin-right: 2.83%
}

.ub9 .ub8 {
    width: 88.57%;
    margin-right: 2.83%
}

.ub10 .ub1 {
    width: 7.71%;
    margin-right: 2.54%
}

.ub10 .ub2 {
    width: 17.96%;
    margin-right: 2.54%
}

.ub10 .ub3 {
    width: 28.21%;
    margin-right: 2.54%
}

.ub10 .ub4 {
    width: 38.47%;
    margin-right: 2.54%
}

.ub10 .ub5 {
    width: 48.72%;
    margin-right: 2.54%
}

.ub10 .ub6 {
    width: 58.98%;
    margin-right: 2.54%
}

.ub10 .ub7 {
    width: 69.23%;
    margin-right: 2.54%
}

.ub10 .ub8 {
    width: 79.49%;
    margin-right: 2.54%
}

.ub10 .ub9 {
    width: 89.74%;
    margin-right: 2.54%
}

.ub11 .ub1 {
    width: 6.99%;
    margin-right: 2.3%
}

.ub11 .ub2 {
    width: 16.29%;
    margin-right: 2.3%
}

.ub11 .ub3 {
    width: 25.59%;
    margin-right: 2.3%
}

.ub11 .ub4 {
    width: 34.89%;
    margin-right: 2.3%
}

.ub11 .ub5 {
    width: 44.19%;
    margin-right: 2.3%
}

.ub11 .ub6 {
    width: 53.49%;
    margin-right: 2.3%
}

.ub11 .ub7 {
    width: 62.79%;
    margin-right: 2.3%
}

.ub11 .ub8 {
    width: 72.09%;
    margin-right: 2.3%
}

.ub11 .ub9 {
    width: 81.39%;
    margin-right: 2.3%
}

.ub11 .ub10 {
    width: 90.69%;
    margin-right: 2.3%
}


.u1 {
    width: 4.76%;
    margin-right: 1.58%
}

.u2 {
    width: 11.11%;
    margin-right: 1.58%
}

.u3 {
    width: 17.46%;
    margin-right: 1.58%
}

.u4 {
    width: 23.81%;
    margin-right: 1.58%
}

.u5 {
    width: 30.16%;
    margin-right: 1.58%
}

.u6 {
    width: 36.51%;
    margin-right: 1.58%
}

.u7 {
    width: 42.86%;
    margin-right: 1.58%
}

.u8 {
    width: 49.21%;
    margin-right: 1.58%
}

.u9 {
    width: 55.56%;
    margin-right: 1.58%
}

.u10 {
    width: 61.90%;
    margin-right: 1.58%
}

.u11 {
    width: 68.25%;
    margin-right: 1.58%
}

.u12 {
    width: 74.60%;
    margin-right: 1.58%
}

.u13 {
    width: 80.95%;
    margin-right: 1.58%
}

.u14 {
    width: 87.30%;
    margin-right: 1.58%
}

.u15 {
    width: 93.65%;
    margin-right: 1.58%
}

.u15 .u1 {
    width: 5.08%;
    margin-right: 1.68%
}

.u15 .u2 {
    width: 11.86%;
    margin-right: 1.68%
}

.u15 .u3 {
    width: 18.64%;
    margin-right: 1.68%
}

.u15 .u4 {
    width: 25.42%;
    margin-right: 1.68%
}

.u15 .u5 {
    width: 32.20%;
    margin-right: 1.68%
}

.u15 .u6 {
    width: 38.98%;
    margin-right: 1.68%
}

.u15 .u7 {
    width: 45.76%;
    margin-right: 1.68%
}

.u15 .u8 {
    width: 52.54%;
    margin-right: 1.68%
}

.u15 .u9 {
    width: 59.32%;
    margin-right: 1.68%
}

.u15 .u10 {
    width: 66.10%;
    margin-right: 1.68%
}

.u15 .u11 {
    width: 72.88%;
    margin-right: 1.68%
}

.u15 .u12 {
    width: 79.66%;
    margin-right: 1.68%
}

.u15 .u13 {
    width: 86.44%;
    margin-right: 1.68%
}

.u15 .u14 {
    width: 93.22%;
    margin-right: 1.68%
}


.u14 .u1 {
    width: 5.45%;
    margin-right: 1.81%
}

.u14 .u2 {
    width: 12.73%;
    margin-right: 1.81%
}

.u14 .u3 {
    width: 20.00%;
    margin-right: 1.81%
}

.u14 .u4 {
    width: 27.27%;
    margin-right: 1.81%
}

.u14 .u5 {
    width: 34.55%;
    margin-right: 1.81%
}

.u14 .u6 {
    width: 41.82%;
    margin-right: 1.81%
}

.u14 .u7 {
    width: 49.09%;
    margin-right: 1.81%
}

.u14 .u8 {
    width: 56.36%;
    margin-right: 1.81%
}

.u14 .u9 {
    width: 63.64%;
    margin-right: 1.81%
}

.u14 .u10 {
    width: 70.91%;
    margin-right: 1.81%
}

.u14 .u11 {
    width: 78.18%;
    margin-right: 1.81%
}

.u14 .u12 {
    width: 85.45%;
    margin-right: 1.81%
}

.u14 .u13 {
    width: 92.73%;
    margin-right: 1.81%
}


.u13 .u1 {
    width: 5.88%;
    margin-right: 1.95%
}

.u13 .u2 {
    width: 13.73%;
    margin-right: 1.95%
}

.u13 .u3 {
    width: 21.57%;
    margin-right: 1.95%
}

.u13 .u4 {
    width: 29.41%;
    margin-right: 1.95%
}

.u13 .u5 {
    width: 37.25%;
    margin-right: 1.95%
}

.u13 .u6 {
    width: 45.10%;
    margin-right: 1.95%
}

.u13 .u7 {
    width: 52.94%;
    margin-right: 1.95%
}

.u13 .u8 {
    width: 60.78%;
    margin-right: 1.95%
}

.u13 .u9 {
    width: 68.63%;
    margin-right: 1.95%
}

.u13 .u10 {
    width: 76.47%;
    margin-right: 1.95%
}

.u13 .u11 {
    width: 84.31%;
    margin-right: 1.95%
}

.u13 .u12 {
    width: 92.16%;
    margin-right: 1.95%
}


.u12 .u1 {
    width: 6.38%;
    margin-right: 2.12%
}

.u12 .u2 {
    width: 14.89%;
    margin-right: 2.12%
}

.u12 .u3 {
    width: 23.40%;
    margin-right: 2.12%
}

.u12 .u4 {
    width: 31.91%;
    margin-right: 2.12%
}

.u12 .u5 {
    width: 40.43%;
    margin-right: 2.12%
}

.u12 .u6 {
    width: 48.94%;
    margin-right: 2.12%
}

.u12 .u7 {
    width: 57.45%;
    margin-right: 2.12%
}

.u12 .u8 {
    width: 65.96%;
    margin-right: 2.12%
}

.u12 .u9 {
    width: 74.47%;
    margin-right: 2.12%
}

.u12 .u10 {
    width: 82.98%;
    margin-right: 2.12%
}

.u12 .u11 {
    width: 91.49%;
    margin-right: 2.12%
}


.u11 .u1 {
    width: 6.98%;
    margin-right: 2.32%
}

.u11 .u2 {
    width: 16.28%;
    margin-right: 2.32%
}

.u11 .u3 {
    width: 25.58%;
    margin-right: 2.32%
}

.u11 .u4 {
    width: 34.88%;
    margin-right: 2.32%
}

.u11 .u5 {
    width: 44.19%;
    margin-right: 2.32%
}

.u11 .u6 {
    width: 53.49%;
    margin-right: 2.32%
}

.u11 .u7 {
    width: 62.79%;
    margin-right: 2.32%
}

.u11 .u8 {
    width: 72.09%;
    margin-right: 2.32%
}

.u11 .u9 {
    width: 81.40%;
    margin-right: 2.32%
}

.u11 .u10 {
    width: 90.70%;
    margin-right: 2.32%
}


.u10 .u1 {
    width: 7.69%;
    margin-right: 2.55%
}

.u10 .u2 {
    width: 17.95%;
    margin-right: 2.55%
}

.u10 .u3 {
    width: 28.21%;
    margin-right: 2.55%
}

.u10 .u4 {
    width: 38.46%;
    margin-right: 2.55%
}

.u10 .u5 {
    width: 48.72%;
    margin-right: 2.55%
}

.u10 .u6 {
    width: 58.97%;
    margin-right: 2.55%
}

.u10 .u7 {
    width: 69.23%;
    margin-right: 2.55%
}

.u10 .u8 {
    width: 79.49%;
    margin-right: 2.55%
}

.u10 .u9 {
    width: 89.74%;
    margin-right: 2.55%
}


.u9 .u1 {
    width: 8.57%;
    margin-right: 2.85%
}

.u9 .u2 {
    width: 20.00%;
    margin-right: 2.85%
}

.u9 .u3 {
    width: 31.43%;
    margin-right: 2.85%
}

.u9 .u4 {
    width: 42.86%;
    margin-right: 2.85%
}

.u9 .u5 {
    width: 54.29%;
    margin-right: 2.85%
}

.u9 .u6 {
    width: 65.71%;
    margin-right: 2.85%
}

.u9 .u7 {
    width: 77.14%;
    margin-right: 2.85%
}

.u9 .u8 {
    width: 88.57%;
    margin-right: 2.85%
}


.u8 .u1 {
    width: 9.68%;
    margin-right: 3.22%
}

.u8 .u2 {
    width: 22.58%;
    margin-right: 3.22%
}

.u8 .u3 {
    width: 35.48%;
    margin-right: 3.22%
}

.u8 .u4 {
    width: 48.39%;
    margin-right: 3.22%
}

.u8 .u5 {
    width: 61.29%;
    margin-right: 3.22%
}

.u8 .u6 {
    width: 74.19%;
    margin-right: 3.22%
}

.u8 .u7 {
    width: 87.10%;
    margin-right: 3.22%
}


.u7 .u1 {
    width: 11.11%;
    margin-right: 3.69%
}

.u7 .u2 {
    width: 25.93%;
    margin-right: 3.69%
}

.u7 .u3 {
    width: 40.74%;
    margin-right: 3.69%
}

.u7 .u4 {
    width: 55.56%;
    margin-right: 3.69%
}

.u7 .u5 {
    width: 70.37%;
    margin-right: 3.69%
}

.u7 .u6 {
    width: 85.19%;
    margin-right: 3.69%
}


.u6 .u1 {
    width: 13.04%;
    margin-right: 4.34%
}

.u6 .u2 {
    width: 30.43%;
    margin-right: 4.34%
}

.u6 .u3 {
    width: 47.83%;
    margin-right: 4.34%
}

.u6 .u4 {
    width: 65.22%;
    margin-right: 4.34%
}

.u6 .u5 {
    width: 82.61%;
    margin-right: 4.34%
}


.u5 .u1 {
    width: 15.79%;
    margin-right: 5.25%
}

.u5 .u2 {
    width: 36.84%;
    margin-right: 5.25%
}

.u5 .u3 {
    width: 57.89%;
    margin-right: 5.25%
}

.u5 .u4 {
    width: 78.95%;
    margin-right: 5.25%
}


.u4 .u1 {
    width: 20.00%;
    margin-right: 6.66%
}

.u4 .u2 {
    width: 46.67%;
    margin-right: 6.66%
}

.u4 .u3 {
    width: 73.33%;
    margin-right: 6.66%
}


.u3 .u1 {
    width: 27.27%;
    margin-right: 9.08%
}

.u3 .u2 {
    width: 63.64%;
    margin-right: 9.08%
}


.u2 .u1 {
    width: 42.86%;
    margin-right: 14.28%
}

.calendar img {
    max-height: 450px
}

.calendar {
    text-align: center
}


html, body, #wrap {
    height: 100%;
}



html {
    width: 100%; /*height: 100%; */
}

.box {
    border: 7px solid #eaeaea;
    display: block;
    margin: 15px 0px
}

.box2 {
    border: 3px solid #fff;
    background: #fcfcfc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: 0 0 3px #999;
    -moz-box-shadow: 0 0 3px #999;
    -webkit-box-shadow: 0 0 3px #999;
    display: block;
}

.left_form {
    padding: 5px 10px
}

.left_form h4 {
}

.left_form label {
}

.left_form .text {
    width: 94% !important
}

/* modal_form */
.modal_form {
    padding: 5px 10px
}

.modal_form h4 {
}

.modal_form label {
}

.modal_form .text,
.modal_form .inputtext,
.modal_form .inputtextarea {
    width: 96% !important
}

/* contacts_form */
.contacts_form {
    padding: 5px 10px
}

.contacts_form h4 {
}

.contacts_form label {
}

.contacts_form .text {
    width: 95% !important
}

.contacts_form textarea.text {
    height: 110px !important
}

.contacts_form .button_send {
    width: 200px
}

.contacts_form tr {
    vertical-align: top
}

/**/
input.text,
textarea.text {
    border: 1px solid #dadada;
    color: #575757;
    box-shadow: 0 0 3px #dadada;
    -moz-box-shadow: 0 0 3px #dadada;
    -webkit-box-shadow: 0 0 3px #dadada;
    font-weight: bold
}

input.text {
    height: 37px;
    line-height: 35px;
    padding: 0 0 0 10px;
}

textarea.text {
    padding: 7px 0 0 10px
}

.button_send {
    border: 1px solid #eb1a22;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 0 3px #999;
    -moz-box-shadow: 0 0 3px #999;
    -webkit-box-shadow: 0 0 3px #999;
}

.button_send .send,
.button_send input {
    border: none;
    border: 1px solid #f3767a;
    background-color: #eb1a22;
    padding: 3px 0;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    width: 100%
}

.button_send,
.button_send .send,
.button_send input {
    text-decoration: none;
    text-align: center;
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 1px 1px 0px #da1820;
}

.form h4 {
    margin: 0;
    padding: 0 0 5px;
    border-bottom: 1px solid #dadada
}

.form label {
    font-weight: bold;
    color: #555
}

.form .inputtext,
.form .inputtextarea {
    border: 1px solid #dadada;
    color: #777;
    box-shadow: 0 0 3px #dadada;
    -moz-box-shadow: 0 0 3px #dadada;
    -webkit-box-shadow: 0 0 3px #dadada;
}

.form .inputtext {
    height: 37px;
    line-height: 35px;
    padding: 0 0 0 10px
}

.form .inputtextarea {
    padding: 7px 0 0 10px
}

/* left-menu  */
#left-menu {
    margin: 0;
    padding: 0;
    list-style: none inside none
}

#left-menu li {
    margin: -1px 0 0
}

#left-menu li.first-item {
    margin: 0
}

#left-menu li.last-item {
}

#left-menu li.last-item .pic {
    display: none;
}

#left-menu li.selected {
    border-left: 6px solid #eb1c24;
}

#left-menu li.selected div {
    margin-right: -10px;
}

#left-menu li.selected .pic {
    display: block;
}

#left-menu div {
    border: 1px solid #e5e5e5;
}

#left-menu li.last-item div {
    border-color: #bcbbbb
}

#left-menu li.last-item div a {
    border-color: #f3f3f3;
    background-color: #eb1c24;;
    color: #fff;

}

#left-menu a {
    display: block;
    border: 1px solid #fff;
    background-color: #fafafa;
    font-size: 11px;
    color: #656565;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 0 10px 15px;
    position: relative
}

#left-menu .pic {
    width: 6px;
    height: 7px;
    background-position: -102px -75px;
    display: none;
    position: absolute;
    margin: -20px 0px 0px 200px;
    z-index: 20;
}

/* right-menu */
.right-menu {
    margin: 0;
    padding: 0;
    list-style: none inside none;
}

.right-menu li,
.right-menu li a {
    display: block;
}

.right-menu li {
    width: 170px;
    float: left;
    margin: 6px 0 0 6px;
    border: 1px solid #e5e5e5;
}

.right-menu li:hover {
    border-color: #f33c44;
    box-shadow: 0 0 3px #f33c44;
}

.right-menu li a {
    /* font-family:'PT Sans Narrow';*/
    font-family: 'Arial Narrow', Arial, sans;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    padding: 5px;
    text-align: center;
    border: 1px solid #fff;
    background-color: #fafafa;
    text-decoration: none;
    color: #3c3c3c !important

}

.right-menu li.lheight a {
    padding: 13px 5px;
}

/* reviews */
.reviews-list {
}

.reviews-item {
    border: 3px solid #fff;
    background: #fcfcfc;
    padding: 5px 10px 12px;
    border-radius: 2px;

    box-shadow: 0 0 3px #999;

    margin: 0 0 12px

}

.review-date-time {
    color: #b7b7b7
}

.review-name,
.review-date-time {
    padding: 5px 0;
}

.review-name,
.review-name a {
    font-weight: bold;
    color: #ec2a32 !important;
    text-decoration: none
}

.review-preview-text {
    border-top: 1px dotted #b0b0b0;
    padding: 5px 0 0
}

#all_reviews {
    text-align: center
}

#all_reviews a {
    color: #ec2a32 !important;
    text-decoration: none;
    font-weight: bold;
}

/* action */
.action-list {
}

.action-item {
    margin: 0 0 12px
}

.action-preview-text {
    background: #f3f3f3;
    padding: 10px 15px;
}

.action-more {
    text-align: right;
    overflow: hidden;
}

.action-more a {
    background: #ea1a22;
    padding: 1px 10px;
    text-decoration: none;
    color: #fff !important;
    font-size: 10px;
    position: relative
}

.action-more a:before {
    content: "";
    border-bottom: 23px solid rgba(0, 0, 0, 0);
    border-right: 25px solid #EA1A22;
    position: relative;
    top: -7px;
    left: -25px;
    position: absolute

}


dl.block-list {
    margin: 0;
    padding: 0;
    font-size: 0.85em;
}

dl.block-list dt {
    margin: 1.5em 0 0.5em;
}

dl.block-list dd {
    margin: 0;
    padding: 0;
}

dl.block-list a {
    text-decoration: none;
    outline: none;
}

dl.block-list a:hover {
    text-decoration: underline;
}

/* Navigation */
div.navigation {
    font-size: 100%;
    line-height: 200%;
}

span.navigation-title {
    padding-right: 0.65em;
    font-weight: bold;
}

div.navigation a {
    text-decoration: underline;
    padding: 0.2em 0.3em;
}

span.nav-current-page {
    padding: 0.2em 0.3em;
}

div.navigation span.arrow {
    font-size: 100%;
    font-family: Times, serif;
}

div.navigation span.ctrl {
    font-size: 85%;
}

/* Product List */
div.product-list {
    overflow: hidden;
}

div.product {
    overflow: hidden;
    width: 280px;
    height: 105px;
    margin: 0 25px 20px 0;
    position: relative;
    float: left;
}

div.product-alt {
    margin-right: 0;
}

div.product-image {
    width: 250px;
    height: 105px;
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    top: 0;
    left: 0;
}

div.product-overlay {
    width: 280px;
    height: 105px;
    position: absolute;
    z-index: 1;
}

a.product-desc {
    float: right;
    height: 62px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0px;
    width: 142px;
    z-index: 2;
    font-size: 1em;
    text-decoration: none;
    padding: 13px 10px 30px 129px;
}

a.product-desc p {
    font-size: 0.85em;
    margin: 7px 0 0;
}

/* News List */
div.news-list {
    margin: 0 0 2em;
}

div.news-item {
    margin: 0 0 2em;
    padding: 0 0 2em;
    border-bottom: 1px solid;
}

div.news-date {
    margin: 0 0 1em;
}

div.news-title {
    font-size: 1em;
    margin: 0 0 1em;
    font-weight: bold;
}

a.news-detail-link {
    display: block;
    margin: 1em 0 0;
    outline: none;
}

/* Catalog List */
div.catalog-list, div.catalog-detail {
    padding: 1em 0 0;
}

div.catalog-item {
    margin: 0 0 2em;
    padding: 0 0 2em;
    border-bottom: 1px solid;
    overflow: hidden;
    zoom: 1;
}

div.catalog-detail div.catalog-item {
    border: none;
}

div.catalog-item-title {
    margin: 0 0 1em;
}

div.catalog-item-title a {
    font-weight: bold;
}

div.catalog-item-image {
    float: left;
    margin: 0 1em 1em 0;
    border: 1px solid;
    padding: 4px;
}

div.catalog-item-price {
    clear: left;
    float: left;
    padding: 0.5em 1em;
    margin: 1em 0 0;
    font-weight: bold;
}

div.catalog-item-desc {
    clear: left;
}

div.catalog-item-desc-float {
}

div.catalog-item-properties {
    clear: both;
    padding: 1em 0 0;
    overflow: hidden;
}

div.catalog-item-property {
    margin: 0 0 1em;
    border-bottom: 1px dashed;
    float: left;
    width: 100%;
}

div.catalog-item-property b {
    float: right;
    position: relative;
    top: 0.31em;
    padding-left: 3px;
    font-style: italic;
    font-weight: normal;
}

div.catalog-item-property span {
    float: left;
    position: relative;
    top: 0.31em;
    padding-right: 3px;
    zoom: 1;
}

div.catalog-item-properties-title {
    font-size: 1em;
    font-weight: bold;
    margin: 2em 0 1em;
}

/* Special Product */
div.special-product-title {
    text-align: center;
    margin: 0 0 1em;
}

div.special-product-image {
    text-align: center;
    margin: 0 0 1em;
}

div.special-product {
    text-align: center;
}

/* Top menu */


div.menu-clear-left {
    clear: left;
}

/*Common Elements */
div.content-form {
    padding-left: 1em;
}

/*
 * popup
*/
#popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: none
}

#popup2 {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, .5);
}

#modal {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 300px;
    background: white;
    z-index: 2;
    margin: -150px 0 0 -155px
}

#modal_close {
    background: #EAEAEA;
    border-radius: 50%;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 9px;
    height: 14px;
    line-height: 12px;
    position: absolute;
    right: 3px;
    text-align: center;
    top: 3px;
    width: 14px;
}

/*
 * back_top
*/
#back_top {
    position: fixed;
    right: 15px;
    bottom: 20px;
    width: 100px;
    text-align: center;
    background: red;
    padding: 5px 0;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    z-index: 3;
    cursor: pointer
}

#back_top:before {
    border-bottom: 17px solid #FF0000;
    border-left: 50px solid rgba(0, 0, 0, 0);
    border-right: 50px solid rgba(0, 0, 0, 0);
    content: "";
    left: 0;
    position: absolute;
    top: -17px;
}

.card {
    height: 145px;
    text-decoration: none;
    color: #4F4F4F
}

.card table {
    margin: 10px 0 0
}

.card td.card_img {
    width: 100px;
}

.card td.card_img div {
    margin-left: -15px
}

.card td.card_name {
}

.card td.card_name {
    text-decoration: none;
    /* font-family:'PT Sans Narrow';*/
    font-family: 'Arial Narrow', Arial, sans;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    color: #676767;
    line-height: 22px
}

.card td.card_price {
    color: #c3c3c3;
    font-size: 10px;
    font-weight: bold;
    /* font-family:'PT Sans Narrow';*/
    font-family: 'Arial Narrow', Arial, sans;
    text-transform: uppercase;
    white-space: nowrap
}

.card td.card_price span {
    color: #eb1c24;
    font-size: 22px;
}

/**/
#action,
#spec {
    height: 210px;
    position: relative;
    text-decoration: none;
    color: #4F4F4F
}

#action .title {
    width: 200px
}

#spec .title {
    width: 225px
}

#action .title,
#spec .title {
    /* font-family:'PT Sans Narrow';*/
    font-family: 'Arial Narrow', Arial, sans;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    background: #eb1a22;
    padding: 2px;
    text-shadow: 1px 1px 0px #c53439;
    margin: -7px auto 0
}

#action .title div,
#spec .title div {
    border: 1px solid #f58d91;
}

.smallb {
    position: absolute;
    width: 100%;
    font-size: 10px;
    color: #959595;
    text-align: center;
    bottom: 5px
}

#action .title div {
    padding: 7px 0;
}

#action .content_info .text {
    /* font-family:'PT Sans Narrow';*/
    font-family: 'Arial Narrow', Arial, sans;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    margin: 36px 0 0 130px;
    line-height: 18px;
    padding: 0 12px 0 0
}

#action .content_info .small {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 10px;
    text-transform: none;
    color: #cdcdcd;
    float: right
}

#action .content_info {
    padding: 14px 0 0 10px
}

#action .content_info .text .gray {
    color: #cdcdcd;
    margin-left: -15px
}

#action .content_info .text .red {
    color: #eb1a22
}

#spec .title div {
    position: relative;
    padding: 7px 0 7px 30px;
}

#spec .title div.pic {
    border: none;
    padding: 0;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 10px;
    top: 4px;
}

#spec .content_info {
    text-align: center;
    margin: 24px 0 0
}

#spec .content_info .text {
}

#spec .content_info .number {
    font-size: 65px;
    font-family: 'Driver Gothic';
    color: #cfcfcf;
    margin: 6px 0 0
}

#spec .content_info .number span {
    color: #eb1a22
}

/* slider */

#flickrSlider {
    margin: 60px auto;
    height: 345px;
    width: 500px;
}

.conditions {
    margin-top: 10px;
    position: relative
}

.conditions a.js {
    color: #eb1c24
}

.conditions button {
    margin: 10px 0px 10px 10px;
    position: absolute;
    right: 0px;
    top: 5px
}

.conditions .text {
    padding-right: 100px;
    font-size: 8pt
}

.bx-context-toolbar-empty-area {
    overflow: hidden;
    width: auto;
    height: auto
}

.toggler {
    border-bottom: dashed 1px #000000;
    cursor: pointer;
}

.toggler + div {
    display: none;
}

.conditions .price {
    color: #eb1c24;
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
}

.myh2 {
    font-size: 140%;
    color: #000000;
    font-family: Arial Narrow, Arial;
    text-transform: uppercase;
    font-weight: bold;
    margin: 1em 0px;
}

#img-menu .main-menu li {
    height: 124px;
    box-shadow: 0px 13px 13px rgba(0, 0, 0, 0.13);
    cursor: pointer;
    margin-top: 12px;
}

#img-menu .main-menu li a {
    /* display: block; */
    height: auto;
    padding-top: 0;
    /* text-align: center; */
    /* border: 1px solid #fff; */
    /* text-decoration: none; */
    /* color: #646464; */
    /* font-size: 120%; */
    background-size: 100% 100%;
}

#img-menu .main-menu li a .img_menu {
    height: 115px;
    display: block;
}

#img-menu .main-menu li a .text_menu {
}

#img-menu .main-menu li a .img_menu img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
}

.items_delivery:after, .items_delivery:before {
    content: "";
    display: table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
}

.items_delivery {
    margin-left: -15px;
    margin-right: -15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.items_delivery .item_block {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.items_delivery .item_block h2 {
}

.items_delivery .item_block .item_body {
    margin-left: -15px;
    margin-right: -15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.items_delivery .item_block .item_body .item_img {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    width: 30%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.items_delivery .item_block .item_body .item_img img{}

.items_delivery .item_block .item_body .item_img img {
    max-width: 100%;
    width: 100%;
}

.items_delivery .item_block .item_body .item_text {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    width: 70%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.items_yacor{
    margin-left: -15px;
    margin-right: -15px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    bottom: 0;
    margin-top: 15px;
    margin-bottom: 15px;
}
.items_yacor .item_block{
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    /*! min-height: 25px; */
    padding-top: 5px;
    padding-bottom: 5px;
    display: table;
}
.items_yacor .item_block a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    text-decoration: none;
    font-size: 16px;
}
.items_yacor .item_block a:hover{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: underline;
    color: #f00;
}
.items_yacor:after, .items_yacor:before {
    content: "";
    display: table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
}
.grecaptcha-badge{display: none;}
.thumb-wrapper .bthumb{position: relative;}
.thumb-wrapper .bthumb .fansi{}

.thumb-wrapper .bthumb ul{
    background-image: url(/fancybox/fancybox_sprite.png);
    background-position: 0 -72px;
}
/* End */
/* /bitrix/templates/ppsprint/components/vr/callback/tpl/style.css */
/* /bitrix/templates/ppsprint/components/bitrix/breadcrumb/.default/style.css */
/* /bitrix/templates/ppsprint/styles.css */
/* /bitrix/templates/ppsprint/template_styles.css */