


/* 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/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;
    }
}


/* 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/styles.css */
/* /bitrix/templates/ppsprint/template_styles.css */
