*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background:url(../images/bkg_main.jpg) repeat-y center top;
	min-width:1000px;
}

images {
	border:none;
}

h1 {
	margin:15px 0 0 0;
	font-size:160%;
}
.gen h1 {
	margin:25px 0 0;
	text-align:center;
}

h2, .h2 {
	display:block;
	font-size:140%;
	font-weight:bold;
	margin-top:0.83em;
	margin-bottom:-5px;
}

p {
	margin:0.5em 0 1em 0;
}

a {
	color:#2151B4;
	outline:none;
	text-decoration:none;
	border-bottom:1px solid;
}

a:visited {
	color:#2151B4;
}

a:hover {
	color:#d50000;
}

a.download {
	height:17px;
	padding:0 0 0 21px;
	background:url(../images/ico_download.png) no-repeat left top;
}

a.download:hover {
	background-position:left -18px;
}

a.open {
	display:inline-block;
	margin:5px 0 0 0;
	text-decoration:none;
	border-bottom:1px dashed;
	line-height:25px;
}

ul, ol {
	margin:1em 0 0 0;
}

ul li, ol li {
	margin:0 0 8px 0;
	line-height:1.4rem;
}

th {
	text-align:left;
}

ul li ul {
	margin:0;
	padding:0;
}

ul li ul li {
    margin: 0.2em 0 0 10px;
	font-size:95%;
}

ul.list {
	list-style:none;
	text-indent:-20px;
	padding:0;
	margin:1em 0 0 0;
}

.content_right ul.list {
	padding:0 0 0 40px;
	margin:0 0 0 45px;
}

ul.list li {
	margin:5px 0 0 0;
	padding:0;
	background:none;
}

ol.search_result {
	max-width:70%;
	padding:0;
}

ol.search_result h4 {
	margin-bottom:10px;
}

ol.search_result p {
	margin-bottom:10px;
}

ol.search_result a {
	color:#666;
	font-size:90%;
}

ol.search_result a:hover {
	color:#000;
}

ol.search_result h4 a {
	font-size:100%;
	color:#2151B4;
}

ol.search_result h4 a:hover {
	color:#d50000;
}

table {
	background: #fff;
	margin: 1.11111rem 0;
	border: 2px solid #494949;
	table-layout: auto;
	border-collapse: collapse;
	box-shadow: 0 1px 5px rgba(0,0,0,0.3);
}

table tr.even, table tr.alt, table tr:nth-of-type(even) {
	background: #f5f5f5;
}

table tr:hover {
	background:#E0E0E0;
}

table tr th, table tr td {
	border:1px solid #ccc;
	padding: .7rem;
	color: #222222;
	text-align: left;
	line-height:1.6rem;
}

table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td {
	display: table-cell;
	line-height: 1.6rem;
}

table p {
	margin:0;
}

.clear {
	clear:both;
}

.float_left {
	float:left;
}

.float_right {
	float:right;
}

.float_left images {
	margin:0 15px 10px 0;
}

.float_right images {
	margin:0 0 10px 15px;
}

.float_right .floater {
	float:right;
	margin:0 0 10px 15px;
}

.button, .button:visited {
	display:inline-block;
	color:#fff;
	border:none;
	cursor:pointer;
	padding:8px 15px;
	text-align:center;
	line-height:18px;
	text-decoration:none;
	outline:none;
	background: #E99817;
	-webkit-box-shadow: 0 4px 7px rgba(0,0,0,.26);
	-moz-box-shadow: 0 4px 7px rgba(0,0,0,.26);
	box-shadow: 0 4px 7px rgba(0,0,0,.26);

	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.button:hover {
	color:#fff;
	background:#FFAC33;
}

.button:active {
	-webkit-box-shadow:inset #A5431C 0 3px 6px;
	-moz-box-shadow:inset #A5431C 0 3px 6px;
	box-shadow:inset #A5431C 0 3px 6px;
	behavior: url(http://pek1-spb.ru/PIE.htc);
}

.button.primary, .button.primary:visited {
	padding: 10px 15px;
	font-weight: bold;
	background: #2151B4;
}

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

input.line {
	background-position:left top;
	background-repeat:repeat-x;
	color:#4F4F4F;
	line-height:20px;
	margin:0 0 15px 0;
	padding:7px;
	font-size:110%;

	border:2px solid #999999;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior:url(http://pek1-spb.ru/PIE.htc);
}

.panel {
	margin: 1rem 0;
	padding: 1rem;
	border-radius: 3px;
	background: #fff;
}
.panel p:last-child {
	margin-bottom: 0;
}
.panel h1,
.panel h2,
.panel h3,
.panel h4 {
	margin-top: 0;
}

.panel.offer {
	padding-left: 0;
	padding-top: 0;
	padding-right: 0;
	text-align: center;
}
.panel.offer p {
	text-align: left;
	padding-left: 1rem;
	padding-right: 1rem;
}

.logo {
	display:block;
	width:454px;
	height:80px;
	float:left;
	margin:40px;
	border:none;
}

.contacts {
	margin:0 40px 0 0;
	padding:40px 0 45px 0;
	text-align:right;
}

.heading_high .contacts {
	height:251px;
}

.contacts .phone {
	margin:0 0 10px 0;
	font-size:200%;
	color:#FFFFFF;
	font-weight:bold;
}
.contacts .phone span:first-child {
  display: inline-block;
  margin-right: 16px;
}

.menu {
	margin: 0;
	padding: 8px 4%;
	font-size:14px;
	clear:both;
	background: rgba(23,54,109,.8);
	behavior:url(http://pek1-spb.ru/PIE.htc);
}
.menu:after {
	content: '';
	display: block;
	clear: both;
}

.menu ul {
	margin:0;
	padding:0;
}
.menu > ul {
	margin-left: -11px;
}
.menu li {
	position:relative;
	display:block;
	float: left;
	margin:0;
}
.menu > ul > li:first-child {
	float: right;
}
.menu li:first-child a.order {
	border-radius: 3px;
	box-shadow: rgba(0,0,0,.7) 0 5px 10px;
}
.menu li:first-child a.order:active {
	box-shadow: inset rgba(0,0,0,.7) 0 5px 10px;
}

.menu li ul {
	position:absolute;
	top:0;
	width: 0;
	height: 0;
	border-radius: 0 3px 3px 3px;
	background:#fff;
	z-index:7;
	opacity:0;
	overflow: hidden;

	-webkit-box-shadow:rgba(0,0,0,.7) 0 3px 15px;
	-moz-box-shadow:rgba(0,0,0,.7) 0 3px 15px;
	box-shadow:rgba(0,0,0,.7) 0 3px 15px;
	behavior:url(http://pek1-spb.ru/PIE.htc);

    -webkit-transition: opacity 200ms ease-in-out;
    -moz-transition: opacity 200ms ease-in-out;
    -o-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
}
.menu li:hover ul {
	width: auto;
	height: auto;
	opacity:1;
	top:36px;
}
.menu li ul li {
	float: none;
	margin:0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.menu li ul li a {
	display:block;
	padding:10px;
	color:#333;
	border: none;
	font-size:.9rem;
	font-style:normal;
	background:transparent;
	white-space: nowrap;
    transition: all 200ms ease-in-out;
}
.menu li ul li a:hover {
	color: #fff;
	background:#F1A316;
}

.menu li ul li .float_left {
	display:none;
}

.menu > ul > li > a {
	color:#FFF;
	line-height:38px;
	padding: 8px 10px;
	border: 1px solid transparent;
	border-radius: 3px;
	text-decoration:none;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.menu > ul > li:hover > a {
	border: 1px solid #fff;
	box-shadow: inset rgba(0,0,0,.4) 0 3px 10px;
}

.menu a.order {
	padding: 10px 14px;
	font-weight: bold;
	border: none;
	background: #F1A316;
}
.menu a.order:hover {
	border: none;
	background: #FFBE57;
}

.menu a.item_slide {
	padding-left: 40px;
	border-radius: 3px 3px 0 0;
	background-image: url(/templates/pek/images/ico_menu.png);
	background-repeat: no-repeat;
	background-position: 10px 50%;
}

.menu .selected {
	color: #17366D;
	border-color: #fff;
	background: #fff;
	box-shadow: rgba(0,0,0,.4) 0 3px 10px;
}
.menu .selected:hover {
	box-shadow: rgba(0,0,0,.4) 0 3px 10px;
}

#menu_slide ul {
	list-style:none;
	margin:0;
	padding:0;
	font-size:95%;
}

#menu_slide li {
	text-align:center;
	margin:0;
	padding:0;
	border-bottom:1px solid #999;
	background:none;
}

#menu_slide ul li:hover {
	background:#CCCCCC;
}

#menu_slide ul li a {
	display:block;
	color:#333333;
	text-align:center;
	text-decoration:none;
	padding:10px;
	margin:0;
	background:none;
}

#menu_slide ul .float_left {
	display:none;
}

#menu_slide img {
	display:none;
}

.submenu-right {
	margin: 0;
	padding: 0;
	list-style: none;
	border-radius: 3px;
	background: #fff;
	overflow: hidden;
}
.submenu-right li {
	margin: 0;
	border-bottom: 1px solid #ddd;
}
.submenu-right li:last-child {
	border: none;
}
.submenu-right li a {
	display: block;
	padding: .5rem;
	color: #333;
	border: none;
    transition: all 200ms ease-in-out;
}
.submenu-right li:hover a {
	color: #fff;
	background: #F1A316;
}
.submenu-right li.active a {
	color: #fff;
	font-weight: bold;
	background: #2151B4;
}

.content {
	padding:20px 4% 40px 4%;
	color:#494949;
}

.content p {
	line-height:23px;
}

.content_left {
	float:left;
	width:61%;
	margin:0 4% 0 0;
}

.content_right {
	float:left;
	width:35%;
}

.partners_left {
	float:left;
	width:15%;
	margin:0 4% 0 0;
	padding:20px 0 0 0;
}

.partners_right {
	float:left;
	width:81%;
}

.comment {
	font-style:italic;
}

.comment p {
	margin-left:96px;
}

.heading {
	color:#E5E5E5;
	background:url(../images/bkg_header.png) repeat-x center top;
}

.heading .logo {
	margin:27px 4%;
	border:none;
	background-repeat: no-repeat;
}

.heading .contacts {
	margin:0 4% 0 0;
	padding:25px 0 0 0;
}

.heading .contacts p.phone {
	font-size:150%;
}

.heading_high .contacts a, .heading .contacts a {
	display:inline-block;
	color:#f5f5f5;
	margin-top:-12px;
}

.heading_high .contacts a:hover, .heading .contacts a:hover {
	color:#EADDC1;
}

.half_norm {
	float:left;
	width:44%;
	padding:5px 2% 0 4%;
}

.map_link {
	display:block;
	float:right;
	background-color:#E0E0E0;
	background-image:url(../images/ico_map.png);
	background-repeat:no-repeat;
	background-position:5px 5px;
	margin:10px 0 10px 15px;
	padding:15px 12px 15px 68px;
	line-height:22px;
	text-decoration:none;
	border:none;
}

.map_link span {
	border-bottom:1px dashed;
}

.price_file {
	display:block;
	float:right;
	background-color:#E0E0E0;
	background-image:url(../images/price_file.png);
	background-repeat:no-repeat;
	background-position:5px 5px;
	margin:10px 0 10px 15px;
	padding:15px 12px 15px 68px;
	line-height:22px;
	border:none;
}

.price_file a.open {
	display:block;
	float:left;
	margin:22px 0 18px 10px;
	border:none;
}

.price_file a.open images {
	margin-right:-20px;
}

.price_file p {
	margin:0 5px 0 10px;
	font-size:90%;
}

.price-list {
	background:url(../images/bkg_price.jpg) no-repeat left top;
	margin:10px 0;
	padding:5px 0 2px 94px;
	clear:both;
}

.price-list span {
	font-weight:bold;
	color:#B65124;
	white-space:nowrap;
}

.price-list table {
	margin:15px 0 10px 0;
	width:100%;
	border-width:0;
	box-shadow:none;
}

/* Лучшие предложения */
.bestmenu {
	clear:both;
	font-size:95%;
	margin:0 0 50px 0;
	text-align:center;
}

.bestmenu a {
	float:left;
	margin:0 3% 15px 0;
	line-height:20px;
}

.bestmenu p {
	float:left;
	margin:0 3% 15px 0;
	font-weight:bold;
	line-height:20px;
}

.catalog {
	clear:both;
}

.product_new, .product_group {
	float:left;
	width:25%;
	height:348px;
	margin:20px 0 -10px 0;
	padding:0 2% 0 2%;
	text-align:center;
	background:url(../images/bkg_product.png) no-repeat center top;
}

.product_group {
	position:relative;
	background:url(../images/bkg_product_group.png) no-repeat center top !important;
}

.product_new div, .product_group div {
	height:223px;
	text-align:center;
}

.product_new div img, .product_group div img {
	max-width:100%;
	max-height:200px;
	padding:15px 0 0 0;
}

.product_new span, .product_group span {
	display:block;
	width:176px;
	margin:-10px auto 0 auto;
	padding:8px;
	font-size:120%;
	color:#FFF;
	background:#b73131;
	-webkit-box-shadow:#777 0 0 5px;
	-moz-box-shadow:#777 0 0 5px;
	box-shadow:#777 0 0 5px;
	behavior:url(http://pek1-spb.ru/PIE.htc);
	position:relative;
	z-index:3;
}

.product_group span {
	background:#444;
}

.product_new span.old_price {
	width:156px;
	margin:-45px auto 5px auto;
	color:#555;
	background:#f5f5f5;
	text-decoration:line-through;
	position:relative;
	z-index:2;
}

.product_new a, .product_new span.title, .product_group a, .product_group span.title {
	float:left;
	width:100%;
	margin:30px 0 -25px 0;
	padding:0;
	border:none;
	font-size:110%;
	line-height:1.5rem;
}

.product_group > a {
	position:absolute;
	left:0;
	top:250px;
	line-height:1.5rem;
}

.product_new > a i,
.product_group > a i {
	font-style:normal;
	border-bottom:1px solid;
}

.product_new span.title, .product_group span.title {
	color:#494949;
}

.product_new div a, .product_group div a {
	float:none;
	margin:0;
}

.price {
	font-size:140%;
	font-weight:bold;
	color:#b73131;
	margin:10px 0 0 0;
}

.cable_systems {
	float:left;
	margin:10px 2% 0 0;
	width:250px;
	line-height:28px;
	font-size:110%;
}

.image {
	float:left;
	width:42%;
	max-width:450px;
	margin:20px 5% -10px 0;
}

.image a.zoom {
	display:block;
	border:3px #999 solid;
	-webkit-box-shadow:#aaa 0 0 10px;
	-moz-box-shadow:#aaa 0 0 10px;
	box-shadow:#aaa 0 0 10px;
	text-align:center;
	background:#fff;
	behavior:url(http://pek1-spb.ru/PIE.htc);
}

.image a.zoom:hover {
	border:3px #39F solid;
	behavior:url(http://pek1-spb.ru/PIE.htc);
}

.image a.zoom img {
	max-width:100%;
	max-height:200px;
}

.image span.price {
	display:block;
	text-align:center;
	margin:-20px auto 0 auto;
	padding:8px 14px;
	font-size:140%;
	font-weight:bold;
	color:#b73131;
	background:#fff;
	width:180px;
	-webkit-box-shadow:#777 0 0 10px;
	-moz-box-shadow:#777 0 0 10px;
	box-shadow:#777 0 0 10px;
	behavior:url(http://pek1-spb.ru/PIE.htc);
	position:relative;
	z-index:3;
}

.image_on_right {
	float:left;
	width:53%;
	margin:0 0 10px 0;
}

.order_back {
	margin:20px 0 15px 0;
	padding:10px;
	background:#fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior:url(http://pek1-spb.ru/PIE.htc);
}

.menu a.order {
	border-radius:0 5px 5px 0;
}

.order_back span {
	float:right;
	margin:0 10px 0 12px;
	line-height:34px;
	font-weight:bold;
}

a.file {
	display:block;
	float:left;
	width:200px;
	min-height:74px;
	border:none;
	background-color:#f5f5f5;
	background-image:url(../images/att_file.png);
	background-repeat:no-repeat;
	background-position:5px 5px;
	margin:10px 10px 10px 10px;
	padding:15px 12px 15px 68px;
	line-height:22px;
}

.priv {
	float:left;
	width:28%;
	min-height:185px;
	margin:20px 2% 15px 0;
	padding:0 2%;
	background:#fff;
}

.priv.last {
	margin:20px 0 0 0;
	padding:0 1%;
	background:none;
}

.priv h4 {
	font-size:140%;
	font-weight:normal;
	margin:15px 0 0 0;
}

.priv ol {
	padding:0 0 0 25px;
}

.priv ol li {
	margin:0 0 10px 0;
}

.priv ol li a {
	margin:0 15px 0 0;
}

.best_lp {
	float:right;
	width:50%;
	margin:50px 0 10px 0;
	background:#fff;
}

.best_lp a.h {
	display:block;
	float:left;
	height:80px;
	margin:12px 2% 16px;
	padding:0 0 0 80px;
	line-height:80px;
	font-size:160%;
	font-weight:bold;
	border:none;
	background:url(../images/bg/lp.png) no-repeat 0 0;
}

.best_lp a.h:hover {
	background-position:0 -80px;
}

.best_lp a.right {
	display:block;
	float:right;
	margin:47px 20px 0 0;
}

@media screen and (max-width: 1130px) {
	.best_lp a.right {
		display:none;
	}
}

.best_lp .product_group {
	width:50%;
	padding:0 4%;
}

.left_top {
	float:left;
	width:48%;
	height:160px;
}

.left_top p {
	font-size:90%;
}

/* Главная */
.heading_high {
	color:#E5E5E5;
	background-color:#2151b7;
	background-image:url(../images/bkg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	min-height:644px;
	margin:0 auto -16px auto;
	padding:0;
}

.descat {
	margin:-50px 40px 0 0;
	padding:80px 0 0 35%;
	background:url(../images/title_cable.png) no-repeat -11px 122px;
}

.heading .descat {
	padding:50px 0 0 35%;
}

.descat p {
	font-style:italic;
}

.descat ul {
	margin:30px 0 0 0;
	padding:0;
	list-style:none;
}

.descat li {
	display:block;
	float:left;
	width:48%;
	margin:0 4% 15px 0;
	padding:0;
	height:45px;
	background:none;
}

.descat li.right {
	margin:0 0 15px 0;
}

.descat li .float_left {
	height:40px;
	margin:0 15px 0 0;
}

.descat ul a {
	margin:0 10px 0 0;
	color:#F5F5F5;
	font-size:110%;
}

.descat ul a:hover {
	color:#EADDC1;
}

.descat .search {
	float:left;
	margin:335px 0 0 -51%;
}

.descat .search input.text {
	width:180px;
	height:30px;
	position:relative;
	top:-1px;
}

.supporting {
	width:80%;
	margin:40px auto 0 auto;
}

.supporting .float_left {
	margin:-20px 30px 0 0;
}

.half {
	float:left;
	width:50%;
	padding:15px 2% 40px 8%;
}

.half p {
	text-indent:-20px;
	margin:10px 0 10px 0;
}

.partners {
	clear:both;
	height:190px;
	text-align:center;
	padding:0 0 0 0;
}

.partners .item {
	display:inline-block;
	margin:0 20px;
}

.catalog_head {
	background:#E0E0E0;
	padding:15px 4% 14px 4%;
	position:relative;
	line-height:28px;
}

.catalog_head span {
	color:#2151B4;
	font-weight:bold;
	border-bottom:2px dotted;
	cursor:pointer;
	position:relative;
	z-index:6;
}

.catalog_head span:hover {
	color:#d50000;
}

.search {
	float:right;
	margin:0 0 0 15px;
}

.catalog_head .all {
	display:none;
	width:95%;
	margin:-40px 0 0 -20px;
	padding:40px 20px 10px 20px;
	background-color:#fff;
	-webkit-box-shadow:#777 0 5px 20px;
	-moz-box-shadow:#777 0 5px 20px;
	box-shadow:#777 0 5px 20px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior:url(http://pek1-spb.ru/PIE.htc);
	position:absolute;
	z-index:5;
	line-height:20px;
}

.catalog_head .all .left {
	float:left;
	width:46%;
	margin:0 2% 0 48px;
}

.catalog_head .all .right {
	float:left;
	width:38%;
	margin:0 0 0 2%;
}

.catalog_head .all a.h {
	display:inline-block;
	font-size:120%;
	font-weight:bold;
	margin:20px 0 0 -55px;
	padding:17px 0 15px 55px;
	border:none;
	background:url(../images/ico_catalog.png) no-repeat;
}

.catalog_head .all a.h:hover {
	background-position:left -55px;
}

.catalog_head .all .left a.h {
	background:url(../images/ico_catalog_best.png) no-repeat;
}

.catalog_head .all .left a.h:hover {
	background-position:left -55px;
}

.catalog_head .all ul {
	padding:0;
}

.catalog_head .all ul li {
	clear:both;
	margin:20px 15px 25px 0;
	list-style:none;
	font-size:107%;
	font-weight:bold;
}

.catalog_head .all ul li a {
	border-bottom:2px solid;
}

.catalog_head .all ul li ul {
	margin:0;
}

.catalog_head .all ul li ul li {
	float:left;
	clear:none;
	margin:8px 15px 0 0;
	font-style:normal;
	font-size:90%;
	font-weight:normal;
}

.catalog_head .all ul li ul li a {
	border-bottom:1px solid;
}

.catalog_head .all ul li ul li a {
	color:#333;
}

.catalog_head .all ul li ul li a:hover {
	color:#d50000;
}

input.text {
	width:250px; height:32px;
	border:1px solid #878787;
	margin:0 15px 0 0;
	padding:4px 0 4px 8px;
	background:url(../images/bkg_input.png) repeat-x left top;
	line-height:20px;
	outline:none;

	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	behavior: url(http://pek1-spb.ru/PIE.htc);
}

input.text:hover {
	border-color:#3479ff;
}

input.text:focus {
	outline:none;
	border-color:#d0731e;
}

.search input.text {
	height: 30px;
}

input.search_button {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	border:none;
	cursor:pointer;
	width:100px;
	height:28px;
	margin:1px 0 0 0;
	padding:0;
	text-align:center;
	line-height:16px;
	font-size:90%;
	outline:none;
	background: #fff;
	-webkit-box-shadow: 0 4px 7px rgba(0,0,0,.26);
	-moz-box-shadow: 0 4px 7px rgba(0,0,0,.26);
	box-shadow: 0 4px 7px rgba(0,0,0,.26);

	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	behavior: url(http://pek1-spb.ru/PIE.htc);
}

input.search_button:hover {
	background:#f5f5f5;
}

input.search_button:active {
	outline:none;
	-webkit-box-shadow:inset #999 0 2px 4px;
	-moz-box-shadow:inset #999 0 2px 4px;
	box-shadow:inset #999 0 2px 4px;
}

#secret {
	display:none;
}

.opener {
	display:block;
	position:absolute;
	bottom:-10px;
	margin:0 0 0 -4%;
	width:100%;
	height:8px;
	background:url(../images/bkg_opener.png) no-repeat center top;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	position:absolute;
	cursor:pointer;
}

.opener:hover {
	background-position:center -8px;
}

.opener.opened {
	background-position:center -16px;
}

.opener.opened:hover {
	background-position:center -8px;
}

#navigate {
	display:none;
	margin:0 -4% 15px -4%;
	padding:5px 4%;
	border-bottom:3px solid #BABABA;
}

#navigate a {
	display:inline-block;
	margin:0 15px 10px 0;
}

#navigate span a {
	font-weight:bold;
	background:#666;
	padding:5px 10px;
	color:#FFF;
}

#navigate span a:hover {
	color:#CCC;
}

.numpages .pages {
	text-align:center;
}

.numpages .pages a,
.numpages .pages span {
	display:inline-block;
	margin:0 2px;
	padding:5px;
	font-size:1.2em;
}

.numpages .pages span {
	font-weight:bold;
	background:#eaeaea;
}

.numpages .links .prev,
.numpages .links .next {
	position:relative;
	top:7px;
}

.numpages .links .prev {
	float:left;
}

.numpages .links .next {
	float:right;
}

.numpages .links span {
	display:none;
}

/* Вкладки */
.section {
	clear:both;
	margin:15px 0 0 0;
	width:100%;
}

.section .types {
	float:left;
	margin:10px 20px 0 0;
	line-height:25px;
	font-size:90%;
}

.section .files {
	clear:both;
	background-color:#fff;
}

ul.tabs {
	clear:both;
	margin:0;
	padding:0;
	list-style:none;
}

.tabs li {
	display:block;
	margin-bottom:0;
	padding:6px 15px 6px 15px;
	float:left;
	cursor:pointer;
	color:#2151B4;
	border:1px solid #ccc;
	background:#f5f5f5;
	font-weight:bold;
}

.tabs li:hover {
	color:#d50000;
}

.tabs li.current {
	color:#494949;
	cursor:default;
	border-color:#fff;
	background:#fff;
}

.box {
	display:none;
	clear:both;
	margin:15px 0 0 0;
	padding:15px;
	background:#fff;
}

.box.visible {
	display: block;
}

.box p {
	margin:15px 0 0 0;
	font-size:95%;
}

.box images {
	padding-right:1%;
}

.box table {
	width:100%;
}

/* Клиенты */
.clients {
	clear:both;
	width:900px;
	margin:0 auto;
	text-align:center;
}

.client {
	float:left;
	width:300px;
	height:143px;
	text-align:center;
}

.recommendation img {
	float:left;
	margin:15px 20px 10px 0;
	padding:5px;
	border:2px solid #2151B4;

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior:url(http://pek1-spb.ru/PIE.htc);
}

.recommendation img:hover {
	border-color:#F00;

	-webkit-box-shadow:#aaa 0px 0px 10px;
	-moz-box-shadow:#aaa 0px 0px 10px;
	box-shadow:#aaa 0px 0px 10px;
	behavior:url(http://pek1-spb.ru/PIE.htc);
}

/* Контакты */
.personal {
	float:left;
	width:46%;
	min-height:270px;
	margin:20px 4% 15px 0;
	background:url(../images/bkg_personal.png) no-repeat 230px top;
}

.personal img {
	float:left;
	-webkit-box-shadow:#999 0px 0px 10px;
	-moz-box-shadow:#999 0px 0px 10px;
	box-shadow:#999 0px 0px 10px;
	behavior:url(http://pek1-spb.ru/PIE.htc);
}

.personal p, .personal h3 {
	margin:0 0 15px 250px;
}

.personal h3 {
	font-size:110%;
}

#map_canvas {
	width:100%;
	height:400px;
	margin:0 0 15px 0;
}

/* Order */
#inline, #order-setting-up {
	display:none;
	width:600px;
	padding:15px 20px 15px 15px;
}

#inline h2, #inline p {
	margin-left:5px;
}

table.order {
	border:none;
	width:74%;
	max-width:800px;
	color:rgb(73,73,73);
	box-shadow:none;
	background:transparent;
}

#inline table.order, #order-setting-up table.order {
	width:100%;
}

table.order tr {
	height:50px;
	line-height:23px;
	vertical-align:top;
	background:transparent;
}

table.order tr td, table.order tr th {
	border:none;
	padding:0;
}

table.order tr td.required {
	font-weight:bold;
}

table.order tr th {
	font-size:140%;
	vertical-align:middle;
}

table.order tr td input {
	width:100%;
}

table.order tr td input.num {
	width:150px;
}

table.order tr td input.button {
	width:180px;
	padding:7px 0;
	font-size:110%;
	font-weight:bold;
}

table.order tr.stripped {
	background:none;
}

textarea {
	border:1px solid #878787;
	margin:0 15px 0 0;
	padding:6px 0 6px 8px;
	width:100%;
	background-color:#FFF;
	background-image:url(../images/bkg_input.png);
	background-repeat:repeat-x;
	background-position:left top;
	font-family:Arial, Helvetica, sans-serif;
	outline:none;

	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	behavior: url(http://pek1-spb.ru/PIE.htc);
}

textarea:hover {
	border-color:#3479ff;
}

textarea:focus {
	outline:none;
	border-color:#d0731e;
}

input.order {
	width:170px;
	margin:0 0 25px 0;
	padding:11px 30px;
	border:none;
	color:#FFFFFF;
	background:url(../images/bkg_menu_oo.png) no-repeat left top;
}

input.order:hover {
	background-position:left -38px;
}

/* Прибиваем футер */
.wrapper {
    min-height: 100%;
	max-width:1401px;
    height: auto !important;
    height: 100%;
    margin: 0 auto -70px auto;
    padding: 0;
	background-position:133px 133px;
	background-repeat:repeat-x;
}

.footer-push, .footer {
    height: 70px;
    margin:0;
    padding: 0;
}

.footer {
	clear:both;
	background:rgb(224, 224, 224);
	padding:15px 0 5px 0;
	max-width:1400px;
	height:90px;
	margin:-90px auto 0 auto;
	line-height:22px;
}

.footer .left {
	float:left;
	width:45%;
	margin:0 0 0 4%;
	font-size:95%;
	line-height:22px;
}

.footer .left p span {
  display: inline-block;
  margin-right: 16px;
}

.footer .right {
	float:right;
	width:45%;
	margin:0 4% 0 0;
	text-align:right;
}

.footer .right a {
	float:right;
	margin:0 0 10px 20px;
}

.footer .right p a {
	float:none;
	margin:0;
}

.footer p {
	margin:0;
}

.footer hr {
	clear:both;
	margin:15px 0 5px 0;
}

.code_block {
	height:0;
	overflow:hidden;
}

[data-magellan-expedition], [data-magellan-expedition-clone] {
	padding:0 !important;
	left:0;
	background:transparent !important;
}
.sub-nav {
	width:100%;
	max-width:1290px;
	margin:0 auto;
	padding:0;
	background:#E0E0E0;
}
.sub-nav:after {
	content:'';
	display:block;
	clear:both;
}
.sub-nav dd {
	float:left;
	margin:0;
	padding:12px 18px;
}
.sub-nav dd.active {
	background:#3367C6;
}
.sub-nav dd a {
	font-weight:bold;
	border-bottom:2px dotted;
}
.sub-nav dd.active a {
	color:#fff;
}
.target {
	position:relative;
	top:80px;
}
.stop {
	display:none;
}
.action {
	padding:.8rem 0;
	clear:both;
	text-align:center;
}
.button.large {
	font-size: 1.7rem;
	padding:1.5rem;
	color: #fff;
	background: #E99817;
	font-weight: 700;
	-webkit-box-shadow: 0 4px 7px rgba(0,0,0,.26);
	-moz-box-shadow: 0 4px 7px rgba(0,0,0,.26);
	box-shadow: 0 4px 7px rgba(0,0,0,.26);
	outline: none;
	border-radius: 3px;
}
.button.large:hover {
	background-color: #FFAC33;
}
.button.large:active {
	-webkit-box-shadow: inset 0 4px 7px rgba(0,0,0,.26);
	-moz-box-shadow: inset 0 4px 7px rgba(0,0,0,.26);
	box-shadow: inset 0 4px 7px rgba(0,0,0,.26);
}
.fancybox-close {
	border:none;
}
a.fancybox {
	border:none;
}
#totop {
	display:none;
	width:50px;
	height:50px;
	position:fixed;
	right:0;
	top:0;
	background:#3367C6 url(/templates/pek/images/bg/up.png) no-repeat 50% 50%;
	z-index:100;
	cursor:pointer;
	-webkit-box-shadow: 0 4px 7px rgba(0,0,0,.26);
	-moz-box-shadow: 0 4px 7px rgba(0,0,0,.26);
	box-shadow: 0 4px 7px rgba(0,0,0,.26);
}
#totop:hover {
	background-color:#4A7CD9;
}
.description {
	margin-bottom:3px;
	padding:2px 10px;
	background:#fff;
}

.set-up-link img {
	display: block;
	margin-bottom: .4rem;
}
.set-up-link strong {
	line-height: 1.55;
	border-bottom: 2px solid;
}

/* He-he, some grid for this site. Yo-hoooooooo */
.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }
.clearfix:after {
  clear: both; }

.hide {
  display: none; }

.invisible {
  visibility: hidden; }

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

.row {
  margin: 0 auto;
  max-width: 100em;
  width: 100%; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse > .column,
  .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row .row {
    margin: 0 -0.9375em;
    max-width: none;
    width: auto; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      margin: 0;
      max-width: none;
      width: auto; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

.column,
.columns {
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  width: 100%;
  float: left; }

.column + .column:last-child,
.columns + .column:last-child, .column +
.columns:last-child,
.columns +
.columns:last-child {
  float: right; }
.column + .column.end,
.columns + .column.end, .column +
.columns.end,
.columns +
.columns.end {
  float: left; }

@media only screen {
  .small-push-0 {
    position: relative;
    left: 0;
    right: auto; }

  .small-pull-0 {
    position: relative;
    right: 0;
    left: auto; }

  .small-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .small-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .small-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .small-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .small-push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .small-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .small-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .small-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .small-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .small-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .small-push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .small-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .small-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .small-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .small-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .small-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .small-push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .small-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .small-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .small-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .small-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .small-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .column,
  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left; }

  .small-1 {
    width: 8.33333%; }

  .small-2 {
    width: 16.66667%; }

  .small-3 {
    width: 25%; }

  .small-4 {
    width: 33.33333%; }

  .small-5 {
    width: 41.66667%; }

  .small-6 {
    width: 50%; }

  .small-7 {
    width: 58.33333%; }

  .small-8 {
    width: 66.66667%; }

  .small-9 {
    width: 75%; }

  .small-10 {
    width: 83.33333%; }

  .small-11 {
    width: 91.66667%; }

  .small-12 {
    width: 100%; }

  .small-offset-0 {
    margin-left: 0 !important; }

  .small-offset-1 {
    margin-left: 8.33333% !important; }

  .small-offset-2 {
    margin-left: 16.66667% !important; }

  .small-offset-3 {
    margin-left: 25% !important; }

  .small-offset-4 {
    margin-left: 33.33333% !important; }

  .small-offset-5 {
    margin-left: 41.66667% !important; }

  .small-offset-6 {
    margin-left: 50% !important; }

  .small-offset-7 {
    margin-left: 58.33333% !important; }

  .small-offset-8 {
    margin-left: 66.66667% !important; }

  .small-offset-9 {
    margin-left: 75% !important; }

  .small-offset-10 {
    margin-left: 83.33333% !important; }

  .small-offset-11 {
    margin-left: 91.66667% !important; }

  .small-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }

  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }

  .column.small-uncentered,
  .columns.small-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }

  .column.small-centered:last-child,
  .columns.small-centered:last-child {
    float: none; }

  .column.small-uncentered:last-child,
  .columns.small-uncentered:last-child {
    float: left; }

  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: right; }

  .row.small-collapse > .column,
  .row.small-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.small-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.small-uncollapse > .column,
  .row.small-uncollapse > .columns {
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left; } }
@media only screen and (min-width: 40.0625em) {
  .medium-push-0 {
    position: relative;
    left: 0;
    right: auto; }

  .medium-pull-0 {
    position: relative;
    right: 0;
    left: auto; }

  .medium-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .medium-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .medium-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .medium-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .medium-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .medium-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .medium-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .medium-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .medium-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .medium-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .medium-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .medium-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .medium-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .medium-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .medium-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .medium-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .column,
  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left; }

  .medium-1 {
    width: 8.33333%; }

  .medium-2 {
    width: 16.66667%; }

  .medium-3 {
    width: 25%; }

  .medium-4 {
    width: 33.33333%; }

  .medium-5 {
    width: 41.66667%; }

  .medium-6 {
    width: 50%; }

  .medium-7 {
    width: 58.33333%; }

  .medium-8 {
    width: 66.66667%; }

  .medium-9 {
    width: 75%; }

  .medium-10 {
    width: 83.33333%; }

  .medium-11 {
    width: 91.66667%; }

  .medium-12 {
    width: 100%; }

  .medium-offset-0 {
    margin-left: 0 !important; }

  .medium-offset-1 {
    margin-left: 8.33333% !important; }

  .medium-offset-2 {
    margin-left: 16.66667% !important; }

  .medium-offset-3 {
    margin-left: 25% !important; }

  .medium-offset-4 {
    margin-left: 33.33333% !important; }

  .medium-offset-5 {
    margin-left: 41.66667% !important; }

  .medium-offset-6 {
    margin-left: 50% !important; }

  .medium-offset-7 {
    margin-left: 58.33333% !important; }

  .medium-offset-8 {
    margin-left: 66.66667% !important; }

  .medium-offset-9 {
    margin-left: 75% !important; }

  .medium-offset-10 {
    margin-left: 83.33333% !important; }

  .medium-offset-11 {
    margin-left: 91.66667% !important; }

  .medium-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }

  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }

  .column.medium-uncentered,
  .columns.medium-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }

  .column.medium-centered:last-child,
  .columns.medium-centered:last-child {
    float: none; }

  .column.medium-uncentered:last-child,
  .columns.medium-uncentered:last-child {
    float: left; }

  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: right; }

  .row.medium-collapse > .column,
  .row.medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.medium-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.medium-uncollapse > .column,
  .row.medium-uncollapse > .columns {
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left; }

  .push-0 {
    position: relative;
    left: 0;
    right: auto; }

  .pull-0 {
    position: relative;
    right: 0;
    left: auto; }

  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }
@media only screen and (min-width: 64.0625em) {
  .large-push-0 {
    position: relative;
    left: 0;
    right: auto; }

  .large-pull-0 {
    position: relative;
    right: 0;
    left: auto; }

  .large-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .large-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .large-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .large-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .large-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .large-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .large-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .large-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .large-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .large-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .large-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .large-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .large-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .large-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .large-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .large-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .column,
  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left; }

  .large-1 {
    width: 8.33333%; }

  .large-2 {
    width: 16.66667%; }

  .large-3 {
    width: 25%; }

  .large-4 {
    width: 33.33333%; }

  .large-5 {
    width: 41.66667%; }

  .large-6 {
    width: 50%; }

  .large-7 {
    width: 58.33333%; }

  .large-8 {
    width: 66.66667%; }

  .large-9 {
    width: 75%; }

  .large-10 {
    width: 83.33333%; }

  .large-11 {
    width: 91.66667%; }

  .large-12 {
    width: 100%; }

  .large-offset-0 {
    margin-left: 0 !important; }

  .large-offset-1 {
    margin-left: 8.33333% !important; }

  .large-offset-2 {
    margin-left: 16.66667% !important; }

  .large-offset-3 {
    margin-left: 25% !important; }

  .large-offset-4 {
    margin-left: 33.33333% !important; }

  .large-offset-5 {
    margin-left: 41.66667% !important; }

  .large-offset-6 {
    margin-left: 50% !important; }

  .large-offset-7 {
    margin-left: 58.33333% !important; }

  .large-offset-8 {
    margin-left: 66.66667% !important; }

  .large-offset-9 {
    margin-left: 75% !important; }

  .large-offset-10 {
    margin-left: 83.33333% !important; }

  .large-offset-11 {
    margin-left: 91.66667% !important; }

  .large-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }

  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }

  .column.large-uncentered,
  .columns.large-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }

  .column.large-centered:last-child,
  .columns.large-centered:last-child {
    float: none; }

  .column.large-uncentered:last-child,
  .columns.large-uncentered:last-child {
    float: left; }

  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right; }

  .row.large-collapse > .column,
  .row.large-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.large-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.large-uncollapse > .column,
  .row.large-uncollapse > .columns {
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left; }

  .push-0 {
    position: relative;
    left: 0;
    right: auto; }

  .pull-0 {
    position: relative;
    right: 0;
    left: auto; }

  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }


/* And some fixes for foundation grid */
.content .row {
	width: auto;
	margin: 0 -0.9375em;
}
.hidden{display: none !important;}

.navibar-no-style-span {
    font-weight: normal !important;
    border-bottom: none !important;
    color: #2151B4;
}

.navibar-last-no-style-span {
    font-weight: normal !important;
    border-bottom: none !important;
    color: #000 !important;
    cursor: inherit !important;
}

.catalog-category-descr-bottom-margin {
    margin: 30px 0 0 0;
}

.page-product-best-deals-products-groups-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    clear: both;
    background: #f2f2f2;
}

.catalog-breadcrumbs-first-item-link {
    border-bottom: none;
}

.catalog-categoryes-flex-wrap, .catalog-objects-flex-wrap {
	display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.catalog-categoryes-flex-wrap .catalog-category-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 20px 0 20px 0;
    padding: 0 15px;
    height: auto;
	width: 25%;
}

.catalog-categoryes-flex-wrap .catalog-category-item > div {
	height: 270px;	
}

.catalog-categoryes-flex-wrap .catalog-category-item .catalog-category-item-bottom-link {
	display: flex;
	justify-content: space-around;
	position: relative;
	margin: 10px 0 0 0;
	top: 0;
}

.catalog-categoryes-flex-wrap .catalog-category-item .catalog-category-item-bottom-link i {
	border-bottom: none;
}

.catalog-objects-flex-wrap .product_new {
	margin: 20px 0 20px 0;
	padding: 0 15px;
	height: auto;
}

.catalog-objects-flex-wrap .product_new div {
	height: 213px;
}

.catalog-objects-flex-wrap .product_new span {
	margin: 0 auto;	
}

.catalog-objects-flex-wrap .product_new a {
	margin: 30px 0 0px 0;
}

.catalog-pagination-wrap {
	margin: 20px 0 0 0;
}

/*.best_lp .page-product-best-deals-product-group {
    margin: 20px 20px -10px 20px;
    width: 18%;
    height: 285px;
}

.best_lp .page-product-best-deals-product-group:first-of-type {
    clear: both;
}

.best_lp .page-product-best-deals-product-group>div {
    height: 115px;
}

.best_lp .page-product-best-deals-product-group .price-from-span {
    position: absolute;
    width: 85px;
    left: 15px;
    font-size: 12px;
}

.best_lp .page-product-best-deals-product-group .page-product-best-deals-product-group-title-link {
    margin: 10px 0 -25px 0;
    top: 130px;
    font-size: 12px;
}*/

.personal-data-processing-agreement-wrap {
	display: flex;
	align-items: center;
}

.js_ajax_submit_invisible .personal-data-processing-agreement-text {
	font-size: 14px;
} 

.personal-data-processing-agreement-text.error {
	color: #F00;
}

table.order tr td input.personal-data-processing-agreement-check {
	width: 17px;
    height: 17px;
    margin: 0 10px 0 0;
}

.js_ajax_submit_invisible table.order tr td input.personal-data-processing-agreement-check {
	width: 15px;
    height: 15px;
    margin: 0 5px 0 0;
}

.catalog-objects-flex-wrap .product_new div.category-product-order-form-show-link-wrap {
	margin: 0 auto;
	width: 80%;
	height: auto;
	text-align: center;
}

.catalog-objects-flex-wrap .product_new div.category-product-order-form-show-link-wrap a {
	padding: 8px 15px !important;
	width: 177px;
}

.catalog-objects-flex-wrap .product_new a.title {
	margin: 15px 0 0px 0;
}

.product_new, .product_group {
	background: url(../images/bkg_product_new.png) no-repeat center top;
}

/* Benefits block */
.benefits-block {
	margin: 10px 0 35px 0;
	padding: 5px 0 0 0;
	clear: both;
}

.benefits-block-title {
	margin: 25px 0 25px 0;
    text-align: center;
    font-size: 36px;
    color: #000;
}

.benefits-block-items {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 0 20px;
	width: 88%;
}

.benefits-block-item {
	margin: 0px 0px 30px 0px;
	padding: 15px;
	width: 23%;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.benefits-block-item-title {
	margin: 0px 0 10px 0;
	font-weight: bold;
	font-size: 20px;
}

.benefits-block-descr {
	color: #505050;
    font-size: 14px;
    line-height: 18px;
}

.benefits-block-item.terms-of-payment {
	background: url(/templates/pek/images/benefits_block/terms_of_payment.png) #fff no-repeat 20px 20px;
}

.benefits-block-item.prices {
	background: url(/templates/pek/images/benefits_block/prices.png) #fff no-repeat 20px 20px;
}

.benefits-block-item.promptness {
	background: url(/templates/pek/images/benefits_block/promptness.png) #fff no-repeat 20px 20px;
}

.benefits-block-item.delivery {
	background: url(/templates/pek/images/benefits_block/delivery.png) #fff no-repeat 20px 90px;
}

.benefits-block-item.application-counting-speed {
	background: url(/templates/pek/images/benefits_block/application_counting_speed.png) #fff no-repeat 20px 20px;
}

.benefits-block-item.warranty {
	/*background: url(/templates/pek/images/benefits_block/warranty.png) #fff no-repeat 20px 20px;*/
	background: #fff;
}

.benefits-block-item.our-clients {
	background: url(/templates/pek/images/benefits_block/our_clients.png) #fff no-repeat 10px 60px;
}

.benefits-block-item.reliability {
	background: url(/templates/pek/images/benefits_block/reliability.png) #fff no-repeat 20px 50px;
}

/* /Benefits block */

.recent-pages-object-page-wrap.last {
	margin: 20px 0 0 0;
    padding: 0 1%;
    background: none;
}

.recent-pages-object-page-wrap ol li a {
	margin: 0 15px 0 0;
}

/* Comments block */

.comments-block {
	margin: 10px 0 35px 0;
	padding: 5px 0 0 0;
	clear: both;
}

.comments-block-title {
	margin: 25px 0 25px 0;
    text-align: center;
    font-size: 36px;
    color: #000;
}

.comments-block-items {
	margin: 0 auto;
	width: 70%;
}

.comments-block-items-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
}

.comment-block-item-header-wrap {
	padding: 20px;
	background: #1a396e;
	color: #fff;
}

.comment-block-item-header-top-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;	
}

.bx-wrapper .bx-controls-direction a {
	text-decoration: none;
	border-bottom: none !important;
}

.bx-wrapper .bx-controls-direction a:hover,
.bx-wrapper .bx-controls-direction a:visited {
	border-bottom: none !important;
}

.comment-block-item-comment {
	color: #505050;
    font-size: 14px;
}
.comments-block .bx-wrapper {
	background: none;
	border: none;
}

.comments-block .bx-viewport {
	padding: 15px;
}

.comment-block-item-comment {
	padding: 30px 30px 30px 30px;
}

.comment-block-item-header-top-wrap {
	margin: 0 0 15px 0;
}

.comment-block-item-header-top-fio {
	font-size: 20px;
}

.comment-block-item-header-top-date,
.comment-block-item-header-bottom-position {
	font-size: 16px;
	color: #d3d0d0;
} 

.comments-block .bx-wrapper .bx-prev {
	background: url('images/comments_block_slider_arrow_left.png') no-repeat;
	width: 70px;
	height: 70px;
	/*transform: rotate(180deg);*/
	left: -95px;
}

.comments-block .bx-wrapper .bx-next {
	background: url('images/comments_block_slider_arrow.png') no-repeat;
	width: 70px;
	height: 70px;
	right: -95px;
}

.comments-block .bx-wrapper .bx-controls-direction a:hover, .comments-block .bx-wrapper .bx-controls-direction a:focus {
	background-position: 0 !important;
}

.comments-block .bx-wrapper {
	box-shadow: none;
	    margin: 0 10px;
}

.comments-block .bx-wrapper .comment-block-item {
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	margin: 0 5px 5px 0;
}

.comment-block-item-comment {
	font-size: 16px;
	font-style: italic;
	color: #959393;
}

.comments-block-add-comment-button-wrap {
	margin: 25px 0 0 0;
	text-align: center;
}

.js-comment-add-form-show {
	padding: 10px 25px;
	color: #1a396e !important;
	border: 1px solid #1a396e !important;
}

.js-comment-add-form-show:hover {
	opacity: 0.7;
}

#add-comment-form-wrap {
	display: none;
    width: 400px;
}

#add-comment-form-wrap h2 {
	margin: 20px 0;
	color: #1a1a1a;
	font-size: 24px;
	text-align: center;
	font-weight: 500;
}

.add-comment-form-fields {
	width: 100%;
}

.add-comment-form-fields input,
.add-comment-form-fields textarea {
	margin: 0 0 20px 0;
	padding: 15px;
	width: 100%;
	border: 1px solid #1a396e !important;
	border-radius: 0;
	background: none;
}

.add-comment-form-fields textarea {
	height: 200px;
	resize: none;
}

.add-comment-form-submit-wrap {
	margin: 0 0 20px 0;
	width: 100%;
}

.add-comment-form-submit-wrap input {
	padding: 15px 0;
	width: 100%;
	background: #1a396e;
	color: #ffffff;
	font-size: 20px;
	text-align: center;
	border: none;
}

.add-comment-form-submit-wrap input:hover {
	cursor: pointer;
}

.add-comment-form-submit-success {
	display: none;
}

.add-comment-form-fields .error {
	border: 1px solid #F00 !important;
}

.add-comment-form-recaptcha-error-wrap,
.order-form-recaptcha-error-wrap {
	display: none;
	color: #F00;
	margin: 20px 0;
	text-align: center;
}

.js_ajax_submit .order-form-recaptcha-error-wrap {
	margin: 0 0 20px 0;
}

#form_add_comment_recaptcha,
#form_order_recaptcha {
	display: flex;
    justify-content: center;
    margin: 0 0 20px 0;
    width: 100%;
}

#form_order_recaptcha {
	justify-content: left;
}

.add-comment-form-submit-success {
    text-align: center;
    font-size: 16px;
}

.add-comment-form-submit-success.error {
	color: #F00;
}

/* /Comments block */

.footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.copyright-wrap {
	display: flex;
    align-items: center;
    justify-content: center;	
}

.copyright-wrap a {
	display: flex;
    align-items: center;
    justify-content: center;
    color: #2151B4;
	cursor: pointer;
    text-decoration: none;
    outline: none;
    border-bottom: none;
}

.copyright-wrap span:hover {
    color: #d50000;
    border-bottom: 1px solid;
}

.copyright-wrap a span {
	border-bottom: 1px solid;
}

.copyright-wrap a img {
	margin: 0 0 0 10px;
    width: 30px;
}

.footer .left,
.copyright-wrap,
.footer .right {
	display: flex;
	width: 33%;
	float: none;
}

.footer .right {
	display: flex;
	justify-content: flex-end;
}

.footer-main .left {
	width: 25%;
}

.footer-main .left {
	width: 30%;
}

.footer-main .right {
	width: 45%;
}

.footer-main .copyright-wrap a {
	margin: 0 0 0 180px;
}
