/*reset styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: top;background: transparent;}
body {line-height: normal;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
* { -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { display: block; height: 0; content:" ";clear: both; visibility: hidden; }
@font-face {
  font-family: "PT Sans";
  src: url(/fonts/PTS55F.ttf);
	font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "PT Sans";
  src: url(/fonts/PTS56F.ttf);
	font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "PT Sans";
  src: url(/fonts/PTS75F.ttf);
	font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "PT Sans";
  src: url(/fonts/PTS76F.ttf);
	font-weight: bold;
  font-style: italic;
}
html, body { height: 100%; font-family:PT Sans, tahoma;}
.wrap { min-height: 100%; min-width: 320px; height: auto; margin: 0 auto -20px; padding: 0 0; }
.page {max-width:1230px;min-width:320px;margin:0 auto;}
.pageP {padding: 0 2.4390243902439%;}
.pageB {padding-bottom:37px;}
.pageG {padding: 0 1.21951219512195%;}
.page h1 {font-size:24px;color:#0c468a;text-transform:uppercase;}
.modal-dialog  {cursor:default;}
.modHead {text-transform:uppercase;text-align:center;}
.help-block {font-size:12px;margin:0;}
.modal-dialog .close {outline:0;}
.carousel-control {width:10%;}
.glyphicon-chevron-left:before { font-family: FontAwesome; content: "\f104"; font-size: 90px;}
.glyphicon-chevron-right:before { font-family: FontAwesome; content: "\f105"; font-size: 90px;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {margin-top:-50px;}
.doc { padding: 7px 0 17px;}
.doc span {color:#888;}

.header {position:relative;height: 80px;line-height:80px;background-color:#fff; }
.header .head > div {display:inline-block;}
.header .hLogo {width:21.13821138211382%;padding:0 2.4390243902439%;}
.header .hLogo > a > img{width:auto;max-width:100%;}
.header .hMenu {width:33.33333333333333%;}
.header .hPhone {width:18.69918699186992%;}
.header .hMetal {width:8.56910569105691%;}
.header .hFirst {width:18.26016260162602%;}
.header .menu {display:none;position:absolute;top:0;left:5px; width: 50px;}
.header .menu > ul { display:none;background-color: #fff; position: relative; left: -5px; width: 320px; opacity: 0.98; font-size: 18px; line-height: 50px;}
.header .menu > ul  > li{ border-bottom: 1px solid #e0eaf3;}
.header .menu > ul  > li a {display:block; padding: 0 15px;}
.header .btn-slide {cursor:pointer;}
.header  img {vertical-align: middle;}
.carousel img {width:100%;}
.hMenu > ul > li {position:relative;display:inline-block;width:25%;text-align:center;font-size:18px;}
.hMenu > ul > li a {color:#000;padding-bottom:1px;}
.hMenu > ul > li a:hover {border-bottom:4px solid #0c468a;text-decoration:none;}

.hMenuCat {display:none;position:absolute;z-index:100;width:200px;line-height:40px;text-align:left;background-color:#fff;opacity:0.98;}
.hMenu ul.hMenuCat {border-bottom: 1px solid #e4eaf1;}
.hMenu > ul > li:hover .hMenuCat {display:block;}
.hMenu ul.hMenuCat > li a {padding-left:10px;border-left:4px solid #fff;display:block;}
.hMenu ul.hMenuCat > li a:hover {border-color:#0c468a;border-bottom:none;background-color: #e4eaf1;}

.hPhone {cursor:pointer;line-height:normal; text-align: center;}
.hPhone > button {display: block; border: 0; background: transparent; width: 100%;outline:0;}
.hPhone > button > div {display:inline-block;padding:7px 0;}
.hPhone > button > div > div {display:inline-block;}
.hPhone > .hCity > span {color:#aaa;cursor:pointer;display:inline-block;padding:0 7px; padding: 5px 7px 0;}
.hPhone > .hCity > span:hover > span {color: #3684bf;border-bottom: 1px dotted #3684bf;}
.hPhone > .hCity > span.sel > span {color: #3684bf;font-weight: bold;border-bottom: 1px dotted #3684bf;}
.hPhone .hPhoneI {padding-top:5px;}
.hPhone .hPhoneT {font-size:16px;text-align:left;padding-left:3px;}
.hPhone .hPhoneT > div:last-child {font-size:14px;color:#0c4383;}
.hPhone > button  > div:hover .hPhoneT > div:last-child {text-decoration:underline;}

.footer {height:180px;background-color:#124680; min-width: 320px;}
.fTop {height:129px;border-bottom:2px solid #0072bc;}
.fBot {line-height:49px;color:#0072bc;font-size:12px;}
.fBot > span:first-child {text-transform:uppercase;}
.fBot > span:last-child {float:right;padding-right:4px;}
.fBot a {color:#0072bc;}
.fBot a:hover {text-decoration:underline;}
.fTop > div {display:inline-block;}
.fTop .fLogo {width:34.18803418803419%;}
.fTop .fLogo img {width:auto; max-width: 100%;}
.fTop .fImgs {width:40.17094017094017%; white-space: nowrap;}
.fTop .fInfo {width:25.64102564102564%;}
.fLogo {padding-top:47px;}
.fImgs > span {position:relative;padding-top:43px;display: inline-block;}
.fImgs > span.fImgsF {margin-right:5%;}
.fImgs > span > span {position:absolute;top:19px;right:7px;color:#fff;font-size:14px;}
.fInfo {color:#fff;padding-top:19px;}
.fInfo > div {text-align:right;padding-bottom:10px;}
.fInfo img {margin-top:5px;}
.fInfoP > div {display:inline-block;font-size:20px; line-height: 120%;}
.fInfoM a {font-size:18px;color:#fff;text-decoration:underline;}
.fInfoM .fInfoBl {line-height:36px;}
.fInfoBl {display:inline-block;width:170px;}

.parts {position:relative;margin-top:30px; margin:30px 285px 0 -15px;}

.parts > li {display:inline-block; width: 33.333333333333%; padding: 0 15px; margin-bottom: 25px;}
.part {padding-bottom: 15px;text-align:center;-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3);transition:all ease 150ms;}
.part:hover {-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);}
.partsTab {display:table; width: 100%; border-spacing: 30px;padding:0;table-layout: fixed;}
.partsTab .part {display:table-cell;}
.partN, .partI, .partA {display:block;}
.partI > img {width:100%;height:180px;max-width:100%;max-height:100%;}
.partA:hover, .partA:focus {text-decoration:none;}
.partN {height:61px;line-height:61px;white-space:nowrap;text-transform:uppercase;font-size:20px;color:#fff;overflow: hidden; text-overflow: ellipsis;}
.partN.bGreen {background-color:#00845d;}
.partN.bRed {background-color:#c9243f;}
.partN.bBlue {background-color:#0c468a;}
.partN.bYellow {background-color:#e6b222;}
.partsM .partC {}
.partC {padding:0 10px;}
.partC > ul {margin-top:17px;position:relative;}
.partsM .partC > ul {height:160px;overflow-y:hidden;}
.partsM .partC > ul.partShow {}
.partsM .partC > ul:after {content:" ";display:block;position:absolute;width:100%;height:40px;bottom:0;background:url(/img/gradient.png) repeat-x 100%;}
.partsM .partC > ul.partShow:after {height:0;}
.partC > div {cursor:pointer;position:relative;line-height:60px;font-size:16px;border-top:1px solid #e1e1e1;margin:10px 15px 0;}
.partC.partBl {height: 231px;}
.partC li {line-height: 30px;}
.partC li a {display: inline-block;font-size:15px; line-height:120%; padding-bottom: 12px;color:#000;text-decoration:underline;}
.partC li a:hover, .partC > div:hover {color: #0c468a;}

.mobile {display:none;}
.mParts {}
.mPart {position:relative;margin:17px;line-height:60px;font-size: 20px;-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3);transition:all ease 150ms;}
.mPart:hover {-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);}
.mPartA {}
.mShow {position:absolute;top:0;right:0; width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 42px; color: #337ab7;}
.mShow i {line-height:60px;}
.mPartC {display:none;line-height:40px;border-top:1px solid #d7d7d7;}
.mPartC a {display:block; padding:0 10px;font-size:16px;}
.mPartI { width: 90px; height: 60px; float: left;}
.mPartI img {max-width:100%;max-height:100%;}
.mPartN {display:block;height: 60px; margin-left: 100px;}

.pageBut {margin-bottom:30px;text-align: center;}
.but {color:#fff;display:inline-block; width:100%; height:40px; line-height:40px;text-align:center; cursor:pointer;font-size:20px; border-radius:5px; color:#fff;transition:all ease 150ms; padding:0;border: none; outline: 0;}
.pageBut .but {width:270px;height:60px;line-height:60px;margin:0 1.21951219512195%;-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);}
.but img  {padding:10px 10px 10px 0;}
.but.bRed {background-color:#c9243f;}
.but.bBlue {background-color:#0c468a;}
.but:hover, .but:focus {text-decoration:none;color:#fff;}
.pageBut .but:hover {-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);}
.but.bRed:hover {background-color:#e83351;}
.but.bBlue:hover {background-color:#2263a8;}
.pageBut .but:active {-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);}
.but.bRed:active {background-color:#b31831;}
.but.bBlue:active {background-color:#143268;}

.pageAdv {text-align:center;padding:30px 0 60px;}
.pageAdv h2 {font-size:30px;text-transform:uppercase;padding-bottom:17px;}
.pageAdv li {display:inline-block;width:21.6260162601626%;}
.pageAdv .advN {font-size:20px;text-transform:uppercase;font-weight:bold;color:#124680;padding-top:7px;}
.pageAdv .advT {font-size:16px;}

.catalog {padding-bottom:30px;}
.catBack {height:140px;background:url(/img/catalog.jpg) center;}
.catBack h1, .catBack h2 {padding-left:2.4390243902439%;font-size:48px;line-height:140px;font-weight:bold;text-transform:uppercase;color:#fff;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.breadcrumb { background-color: transparent;font-size:16px;padding: 20px 0;margin:0;}
.breadcrumb a {color:#124680;}
.breadcrumb .active, .breadcrumb > li + li:before {color:#000}
p {font-size:16px;line-height:20px;padding:10px 0;}

.about {font-size:16px;line-height:20px;}
.about h1, .about h2 {font-size:20px;text-transform:uppercase;color:#0c468a;margin-bottom:19px;}
.aboutTop {margin-bottom:37px;}
.aboutTop > div {display:inline-block;}
.aboutTop > div:nth-child(1) {width:51.28205128205128%}
.aboutTop > div:nth-child(2) {width:48.71794871794872%}
.aboutMap {}
.aboutMap iframe {width:100% !important;}

.news {font-size:16px;line-height:20px;min-height:100px;margin-bottom:20px;}
.newsI {width:100px;height:100px; float: left;border:1px solid #d7d7d7;}
.newsI img {max-width:100%;max-height:100%;}
.newsB {margin-left:120px;}
.newsN {font-size:20px; color:#0c468a;}
.newsT {margin:6px 0 12px;color:#898989;}
.newsD {}

.newsV > div {position:relative;}
.newsVi {width:272px;height:182px;float:left;margin:0 30px 20px 0; border: 1px solid #d7d7d7;}
.newsVi img {max-width:100%;max-height:100%;}
.newsV p {padding:0 0 20px 0;}
.newsV h1 {font-size:24px;text-transform:uppercase;padding-bottom:7px;margin-right:100px;}
.newsVt {position:absolute;top:0;right:0;color:#888;}

.catDesc {padding:10px;}
.catDesc h1, .catDesc h2, .catDesc h3, .catDesc h4, .catDesc h5, .catDesc h6 {text-align:center;margin: 20px 0; font-weight: bold;}
.catDesc ul {list-style: disc inside;}
.catDesc ol { list-style: decimal inside;}
.catDesc h1 {font-size: 200%;}
.catDesc h2 {font-size: 185%;}
.catDesc h3 {font-size: 170%;}
.catDesc h4 {font-size: 150%;}
.catDesc h5 {font-size: 130%;}
.catDesc h6 {font-size: 115%;}

.menuBans {padding:0 30px;}
.banners {float:right;}
.banners > div {padding-bottom:24px;}

.porductTop .colors .pick {cursor:pointer;}
.porductTop .colors .pick:hover {opacity:0.9;}
.porductTop .colors .sel {border: 3px solid #0c468a;}
#iProdId > span {font-size:80%;color:#888; vertical-align: baseline;}
#owlSlide {position:relative;padding: 2px 0;}
.owl-carousel .item {padding:2px;}
.owl-carousel .item > div {border: 1px solid #d7d7d7;}
.owl-carousel .item:not(.sel) {cursor:pointer;}
.owl-carousel .item.sel > div {border-color: #0c468a;}
.owl-prev, .owl-next {cursor:pointer;position:absolute; top: 0; z-index: 10; height: 100%; width: 20px; text-align: center;}
.owl-prev i, .owl-next i {top: 50%; position: relative; line-height: 0;font-size: 30px; color: #d7d7d7;}
.owl-prev:hover i, .owl-next:hover i {color: #0c468a;}
.owl-prev.disabled, .owl-next.disabled {display:none;}
.owl-prev {left:-20px;}
.owl-next {right:-20px;}
#carous {position: relative; margin: 0 -20px; padding: 0 20px;-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
#prImg {display:none;}

table:not(.addList) td {border:1px solid #ccc;	padding: 5px 7px;}
.pagination {display:block;height: 40px;	margin: 20px 15px;}
.pagination:before , .pagination:after {content: "";display:block;clear:both;}

.addList {width:100%;	max-width: 600px;margin:0 auto;}
.addList th {vertical-align:middle;}
.addList th, .addList td {padding:10px 0;}
.addList td {text-align:center;}
.addList .img {display:inline-block;border:1px solid #ddd;}
.field-callbackform-captcha label, .field-calcform-captcha label, .field-callbackform-captcha img, .field-calcform-captcha img {vertical-align:middle;}
.field-callbackform-captcha img, .field-calcform-captcha img {cursor:pointer;}

.aboutSel { vertical-align: middle;}
.aboutSel label {font-weight:normal;display:inline-block; vertical-align: middle;padding-right:10px;}
.aboutSel select.form-control {display:inline-block;width: auto; vertical-align: middle;font-size: 16px;height: 36px;}

.g-recaptcha {display: inline-block;padding-bottom: 15px;}

@media screen and (max-width: 1159px)
{
	.header .head > .hMetal {display:none;}
	.header .head > .hMenu {width:43.90243902439021%;}
	.parts > li {width: 50%;margin-bottom:17px;}
}

@media screen and (max-width: 1023px)
{
	.header .head > .hFirst {display:none;}
	.header .head > .hMenu {width:50.16260162601623%;}
	.header .head > .hLogo {width: 24.13821138211382%;}
	.header .head > .hPhone {width: 23.69918699186992%; text-align: right;}
	
	.pageAdv h2 {font-size:22px;}
	.pageAdv .advN {font-size:16px;}
	.pageAdv .advT {font-size:14px;}
	.fTop .fImgs {display:none;}
	.fTop .fLogo {width:50%;}
	.fTop .fInfo {width:50%;}
	.parts > li {width: 100%;margin-bottom:17px;}
	
	.catBack h1, .catBack h2 {font-size: 48px;}
	.partN {font-size:16px;}
	.partC li a {font-size:14px;}
}

@media(max-width: 767px)
{
	.header {border-bottom:1px solid #d7d7d7;}
	.header .head {margin-left:50px;}
	.header .head > .hLogo {width: 43%;}
	.header .head > .hPhone {width: 55%; text-align: right;}
	.header .head > .hMenu {display:none;}
	.header {position:fixed; top:0;left:0;right:0;height: 60px; line-height: 60px;z-index:1050;}
	.header .menu {display:block;}
	
	.hPhone > div {padding: 11px 0;}
	.wrap {padding-top:60px;}
	
	.pageAdv h2 {font-size:30px;}
	.pageAdv .advN {font-size:18px;}
	.pageAdv .advT {font-size:16px;}
	.pageAdv li {width:50%;margin-bottom:17px;}
	
	.parts > li {width: 47.5%; margin: 0 1.25%;margin-bottom:17px;}
	.pageBut .but {margin-bottom:17px;}
	
	.catBack h1, .catBack h2 {font-size: 36px;}
	.mobile {display:block;}
	.immobile {display:none;}
}

@media(max-width: 479px)
{
	.hPhone .hPhoneT {font-size:12px;}
	.parts > li {width: 97.5%; margin: 0 1.25%;margin-bottom:17px;}
	.fTop .fLogo {width:40%;}
	.fTop .fInfo {width:60%;}
	.fInfoP > div {font-size:16px;}
	.fInfoP .fInfoBl {padding-top: 4px;}
	.fInfoBl {width:auto;}
	.fInfoM a {font-size:14px;}
	.footer {height:230px;}
	.fBot > span {display:block;text-align:center;}
	.fBot > span:first-child {float:none;}
	.fBot > span:last-child {float:none;}
	
	.catBack h1, .catBack h2 {font-size: 28px;}
	.news {font-size: 14px;}
	.newsN { font-size: 16px;}
	.newsN { font-size: 18px;}
	.aboutTop > div:nth-child(1) {display:block;width:100%;margin-bottom:27px;}
	.aboutTop > div:nth-child(2) {display:block;width:100%;}
	.hPhone .hPhoneT {}
	.mPart {font-size:15px;}
	.mPartC a {font-size:14px;}
	.mShow {width: 40px; font-size: 25px;}
}
@media(max-width: 320px)
{
	
}

.arteast a {
	display: flex;
	align-items: center;
	color: #fff;
}

.arteast a span {
	margin-right: 5px;
}