/* Start:/bitrix/templates/italgidravlika/js/fancybox/jquery.fancybox.css?17654440653760*/
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}.fancybox-outer,.fancybox-inner{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(/bitrix/templates/italgidravlika/js/fancybox/fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url(/bitrix/templates/italgidravlika/js/fancybox/fancybox_loading.gif) center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url(/bitrix/templates/italgidravlika/js/fancybox/blank.gif);-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{width:auto}.fancybox-lock body{}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(/bitrix/templates/italgidravlika/js/fancybox/fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;}.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5){#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(/bitrix/templates/italgidravlika/js/fancybox/fancybox_sprite@2x.png);background-size:44px 152px}#fancybox-loading div{background-image:url(/bitrix/templates/italgidravlika/js/fancybox/fancybox_loading@2x.gif);background-size:24px 24px}}
/* End */


/* Start:/bitrix/templates/italgidravlika/template_styles.css?176544406523113*/
/* 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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0; width: 100%;}
table td {vertical-align: top;}

@font-face {font-family: 'Ubuntu Condensed'; src: url('/bitrix/templates/italgidravlika/./fonts/ubuntu-condensed.eot'); src: url('/bitrix/templates/italgidravlika/./fonts/ubuntu-condensed.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/italgidravlika/./fonts/ubuntu-condensed.woff2') format('woff2'), url('/bitrix/templates/italgidravlika/./fonts/ubuntu-condensed.woff') format('woff'), url('/bitrix/templates/italgidravlika/./fonts/ubuntu-condensed.ttf') format('truetype'), url('/bitrix/templates/italgidravlika/./fonts/ubuntu-condensed.svg#ubuntu-condensed') format('svg'); font-weight: normal; font-style: normal;}

html, body {height: 100%; position: relative; font-size: 16px; line-height: 20px;}

body {background: #fff; font-family: 'Ubuntu Condensed', Tahoma;}

input, textarea {font-family: 'Ubuntu Condensed', Tahoma; font-size: 16px; line-height: 18px; border: 1px solid #ddd; resize: none;}

p {padding-bottom: 10px; text-align: justify;}

h1 {text-transform: uppercase; font-size: 22px; line-height: 22px; margin-bottom: 18px; color: #4000FF;}
h2 {text-transform: uppercase; font-size: 18px; line-height: 22px; margin-bottom: 12px; color: #4000FF;}

a {-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; color: #FFAB00;}
a:hover {text-decoration: none;}

b, strong {font-weight: bold;}

i {font-style: italic;}

ul {padding-bottom: 10px;}
ul li {padding-left: 14px; position: relative;}
ul li:before {content: ''; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #FFAB00; width: 6px; height: 6px; left: 2px; top: 7px; position: absolute;}

input:focus, textarea {outline: none;}
input[type='submit'] {cursor: pointer;}

#container {min-width: 320px; max-width: 1920px; margin: 0 auto; min-height: 100%; _height: 100%; position: relative;}
#container:before {position: absolute; z-index: -1; width: 10px; height: 100%; content: ''; top: 0; left: 290px; box-shadow: 4px 0 5px -2px #ddd;}
#main {padding-bottom: 80px;}
#header {text-align: center; background: #fff; position: relative;}
#middle {padding: 0 0 20px 310px; overflow: hidden;}
#left {width: 290px; float: left; padding: 10px 5px 0; margin: 0 0 0 -310px;/*  box-shadow: 4px 0 5px -2px #ddd; */}
#content {padding: 10px 10px 20px 10px; overflow: hidden;}
#footer {height: 80px; margin: -80px auto 0px; max-width: 1920px; box-shadow: 0 -6px 5px -5px #ddd; position: relative; background: #fff;}

.logo {margin: 16px 0 16px 10px; display: block; line-height: 32px; text-decoration: none; font-size: 28px; color: #4000FF; float: left; text-align: left;}
.logo span {display: block; font-size: 14px; text-transform: uppercase; line-height: 16px; text-align: center;}

.contacts {float: right; margin: 10px; text-align: right;}
.contacts .city {width: 300px; margin: 0 auto;}
.contacts .city:after {content: ''; display: block; clear: both;}
.contacts .phone {display: block; float: left; width: 50%; color: #FFAB00; font-size: 18px;}
.contacts .address {display: block; float: right; width: 50%;}
.contacts .email {}

.feedback {display: inline-block;}

.nav-feedback {display: none;}

.nav {clear: both; box-shadow: 0 0 7px #ddd; height: 50px; position: relative;}

.topmenu {text-transform: uppercase; float: left; font-size: 18px; line-height: 48px; padding-bottom: 0;}
.topmenu li {float: left; border-left: 1px solid #ddd; padding-left: 0;}
.topmenu li:before {display: none;}
.topmenu li:first-child {border-left: none;}
.topmenu li a {display: block; padding: 0 20px; border-bottom: 2px solid transparent; text-decoration: none; color: #000;}
.topmenu li a.active {border-bottom: 2px solid #4000FF; color: #4000FF;}
.topmenu li a:hover {border-bottom: 2px solid #4000FF; color: #4000FF;}
.topmenu li ul {display: none;}

.search {position: absolute; top: 0; right: 0; overflow: hidden; padding-right: 51px;}
.search div {overflow: hidden; position: relative; left: 100%; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-left: 1px solid #ddd; width: 168px;}
.search div input {border: none; height: 50px; line-height: 50px; margin: 0; padding: 0 10px; float: left; background: none; color: #000; font-size: 18px; width: 96px;}
.search div input[type='text'] {background: #eee;}
.search div input[type='submit'] {padding: 0; width: 100%; height: 100%; float: left;}
.search div label {display: block; position: relative; float: left; width: 50px; height: 50px; border-left: 1px solid #ddd; cursor: pointer;}
.search div label:before {content: ''; position: absolute; border: 2px solid #ccc; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 20px; height: 20px; left: 10px; top: 10px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.search div label:after {content: ''; position: absolute; height: 2px; background: #ccc; width: 10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); right: 50%; margin-right: -15px; bottom: 30%; margin-bottom: -1px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.search div label:hover:before {border-color: #aaa;}
.search div label:hover:after {background: #aaa;}

.search div input:focus {outline: none;}
.search .toggle {border-left: 1px solid #ddd; width: 50px; height: 50px; display: block; position: absolute; right: 0; top: 0; background: #fff;}
.search .toggle:before {content: ''; position: absolute; border: 2px solid #ccc; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 20px; height: 20px; left: 10px; top: 10px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.search .toggle:after {content: ''; position: absolute; height: 2px; background: #ccc; width: 10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); right: 50%; margin-right: -15px; bottom: 30%; margin-bottom: -1px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.search .toggle:hover:before {border-color: #aaa;}
.search .toggle:hover:after {background: #aaa;}

.search-open div {left: 0;}
.search-open .toggle:before {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 30px; height: 2px; border: none; background: #ccc; margin-left: -15px; top: 50%; margin-top: -1px; left: 50%; top: 50%;}
.search-open .toggle:hover:before {background: #aaa;}
.search-open .toggle:after {width: 30px; bottom: 50%;}


.leftmenu {padding: 0;}
.leftmenu li {border-top: 1px solid #ddd; padding-left: 0;}
.leftmenu li:before {display: none;}
.leftmenu li:first-child {border-top: none;}
.leftmenu li a {display: block; padding: 10px; text-decoration: none; color: #444; border-left: 2px solid transparent;}
.leftmenu li a.active {border-left: 2px solid #4000FF; color: #4000FF; padding: 10px 5px 10px 15px;}
.leftmenu li a:hover {border-left: 2px solid #4000FF; color: #4000FF; padding: 10px 5px 10px 15px;}

.breadcrumbs {margin-bottom: 6px; line-height: 22px; padding: 9px 0;}
.breadcrumbs li {display: inline; margin-right: 10px; padding-left: 0;}
.breadcrumbs li:before {display: none;}
.breadcrumbs li a {color: #000;}

.catalog-items {padding-bottom: 0; overflow: hidden; margin-bottom: 20px;}
.catalog-items > li {padding-left: 0; float: left; width: 33.33%;}
.catalog-items > li:before {display: none;}
.catalog-items > li .item {margin: 0 0 20px 0; overflow: hidden;}
.catalog-items > li .item .name {display: block; margin-bottom: 10px;}
.catalog-items > li .item .image {display: block; float: left; margin-right: 10px; width: 30%; height: auto; background: 50% 50% no-repeat; background-size: 100%;}
.catalog-items > li .item .image img {display: block; width: 100%; height: auto;}
.catalog-items > li .item .description {text-align: justify;}
.catalog-items > li .item .description ul {overflow: hidden;}
.catalog-items > li:nth-child(3n+1) {clear: both;}
.catalog-items > li:nth-child(3n+1) .item {padding-right: 10px;}
.catalog-items > li:nth-child(3n+2) .item {padding-left: 10px; padding-right: 10px;}
.catalog-items > li:nth-child(3n+3) .item {padding-left: 10px;}

/* #content table tr {border-bottom: 1px solid #ddd; }
#content table tr th {color: #4000FF; text-align: left; padding: 5px;}
#content table tr td {padding: 5px; border-bottom: 1px solid #ddd;}
#content table tr:nth-child(2n+1) td {background: #eee;} */

.catalog-element {overflow: hidden;}
.catalog-element .preview {float: left; width: 300px; height: 230px; margin: 0 20px 10px 0; position: relative;}
.catalog-element .preview ul {padding: 0;}
.catalog-element .preview li {padding: 0;}
.catalog-element .preview li:before {display: none;}
.catalog-element .preview a {display: block; width: 230px; margin: 0 auto;}
.catalog-element .preview a img {display: block; width: 100%; height: auto;}

.catalog-element .preview .bx-controls {position: absolute; width: 100%; top: 0; left: 0;}
.catalog-element .preview .bx-controls a {width: 35px; height: 230px; position: absolute; top: 0; opacity: 0.8; background: #fff;}
.catalog-element .preview .bx-controls a:after {width: 0; height: 0; top: 95px; left: 10px; content: ''; position: absolute;}
.catalog-element .preview .bx-controls .bx-prev {left: 0;}
.catalog-element .preview .bx-controls .bx-prev:after {border-width: 20px 15px 20px 0; border-style: solid; border-color: transparent #FFAB00 transparent transparent;}
.catalog-element .preview .bx-controls .bx-next {right: 0;}
.catalog-element .preview .bx-controls .bx-next:after {border-width: 20px 0 20px 15px; border-style: solid; border-color: transparent transparent transparent #FFAB00;}
.catalog-element .preview .bx-controls a:hover {opacity: 1;}

.catalog-element .description {}
.catalog-element .description ul {overflow: hidden;}
.catalog-element .description .pdf {display: inline-block; position: relative; padding-left: 50px; margin-bottom: 10px;}
.catalog-element .description .pdf:before {display: block; content: 'PDF'; position: absolute; left: 0; padding: 0 10px; color: #fff; background: #FFAB00;}
.catalog-element .offers {clear: both; margin-bottom: 20px;}
.catalog-element .offers table tr td:nth-child(3) {white-space: nowrap;}

.news-list {padding: 0;}
.news-list li {padding: 10px 0; border-top: 1px solid #ddd;}
.news-list li:first-child {padding-top: 0; border-top: none;}
.news-list li:before {display: none;}
.news-list li .date {margin-right: 10px;}
.news-list li .description {text-align: justify;}

.catalog-sections {padding: 0; overflow: hidden; text-align: center;}
.catalog-sections li {width: 20%; padding: 0; float: left; margin-bottom: 10px;}
.catalog-sections li:before {display: none;}
.catalog-sections li .section {padding: 0 10px;}
.catalog-sections li .section .name {display: block; padding: 5px 0; height: 60px; line-height: 20px;}
.catalog-sections li .section .image {display: block; background: 50% 50% no-repeat; background-size: 100%;}
.catalog-sections li .section .image img {display: block; width: 100%; height: auto;}

.main-news-spec {overflow: hidden;}
.main-news-spec .all {float: right;}
.main-news-spec .news {width: 50%; float: left; box-sizing: border-box; padding-right: 10px;}
.main-news-spec .spec {width: 50%; float: right; box-sizing: border-box; padding-left: 10px;}

.footer-copy {float: left; line-height: 25px; padding: 15px 10px;}
.footer-right {float: right; text-align: right; line-height: 25px; padding: 15px 10px;}

.search-page {}
.search-page .inputs {overflow: hidden; padding-right: 51px; border: 1px solid #ddd; border-width: 1px 0;}
.search-page .inputs input {border: none; height: 50px; line-height: 50px; margin: 0; padding: 0 10px; float: left; background: none; color: #000; font-size: 18px;}
.search-page .inputs input[type='text'] {background: #eee; width: 100%; box-sizing: border-box;}
.search-page .inputs input[type='submit'] {padding: 0; width: 100%; height: 100%; float: left;}
.search-page .inputs label {display: block; position: relative; float: right; width: 50px; height: 50px; border-left: 1px solid #ddd; cursor: pointer; margin-right: -51px;}
.search-page .inputs label:before {content: ''; position: absolute; border: 2px solid #ccc; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 20px; height: 20px; left: 10px; top: 10px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.search-page .inputs label:after {content: ''; position: absolute; height: 2px; background: #ccc; width: 10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); right: 50%; margin-right: -15px; bottom: 30%; margin-bottom: -1px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.search-page .inputs label:hover:before {border-color: #aaa;}
.search-page .inputs label:hover:after {background: #aaa;}


.mfeedback {}
.mfeedback input {width: 100%; box-sizing: border-box; padding: 5px; margin-bottom: 10px;}
.mfeedback textarea {width: 100%; box-sizing: border-box; padding: 5px; margin-bottom: 10px;}
.mfeedback input[type='submit'] {margin-top: 10px; background: #FFAB00; color: #fff; border: none; margin-bottom: 0;}

#content .stock {margin:0 0 20px }
#content .stock tr th {text-align:left; padding:5px; border:1px solid #d9d9d9; vertical-align:middle; background: #eee; }
#content .stock tr td {text-align:left; padding:5px; border:1px solid #d9d9d9 }
#content .stock tr td {background: none;}
#content .stock tr:nth-child(2n+1) td {background: #eee;}
#content .stock .cntr {text-align:center; vertical-align:middle; width:60px; white-space: nowrap; }
#content .stock .order {color:#0071b1 }
#content .stock tr.available td {font-weight: bold;}
#content .stock tr.available td a {}
#content .stock tr.search-element td {background: #4000FF; color: #fff;}
#content .stock tr.search-element td a {color: #fff;}

#basket_person {display: inline-block; vertical-align: top; margin: 0 10px;}
#basket {padding: 0 1em; background: #4000FF; display: block; text-align: left; line-height: 2em; font-size: 16px; color: #fff; text-decoration: none;}
#basket span {}
#basket:hover {background-color: #FF8B00;}

.basket-not-empty.basket-fixed {position: fixed; top: 0; right: 0; z-index: 110; box-shadow: 0 0 2px #000;}

.order_form {line-height:25px; width:200px }
.order_form .title {font-weight:700; font-size:14px; line-height: 18px; }
.order_form input[type='text'] {width: 100%; box-sizing: border-box; padding: 5px; margin: 0 0 10px;}
.order_form input[type='button'] {box-sizing: border-box; padding: 5px; margin: 0 5px; cursor: pointer;}

.sale_personal_order_detail .sale_personal_order_detail table {display: none;}

@media screen and (max-width: 1800px)
{
	.catalog-items > li {width: 50%;}
	.catalog-items > li:nth-child(3n+1) {clear: none;}
	.catalog-items > li:nth-child(3n+1) .item {padding-right: 0;}
	.catalog-items > li:nth-child(3n+2) .item {padding-left: 0; padding-right: 0;}
	.catalog-items > li:nth-child(3n+3) .item {padding-left: 0;}
	
	.catalog-items > li:nth-child(2n+1) {clear: both;}
	.catalog-items > li:nth-child(2n+1) .item {padding-right: 10px;}
	.catalog-items > li:nth-child(2n+2) .item {padding-left: 10px;}
}

@media screen and (max-width: 1280px)
{
	.catalog-items > li {width: 100%;}
	.catalog-items > li:nth-child(2n+1) .item {padding-right: 0; padding-left: 0;}
	.catalog-items > li:nth-child(2n) .item {padding-right: 0; padding-left: 0;}
	
	.catalog-sections li {width: 25%;}
}

@media screen and (max-width: 1100px)
{
	.catalog-sections li {width: 33.33%;}
}

@media screen and (max-width: 1020px)
{
	#basket_person {/* overflow: hidden; clear: both; padding: 0 10px; */}
	#basket {/* float: left; text-align: left; display: block; */}
}

@media screen and (max-width: 900px)
{
	body {font-size: 14px; line-height: 18px;}
	
	h1 {font-size: 20px; line-height: 20px; margin-bottom: 12px;}
	h2 {font-size: 16px; line-height: 18px; margin-bottom: 6px;}
	
	.menuopen #container:after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 2;}
	
	#container:before {display: none;}
	#middle {padding: 0 0 20px 0; position: relative; overflow: visible;}
	#left {display: none;}
	#content {padding-bottom: 0; margin-bottom: 0;}
	
	.leftmenu {display: none;}

	.nav {-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: relative; z-index: 5; background: #fff;}
	.topmenu-open {width: 50px; height: 50px; float: left; border-right: 1px solid #ddd; position: relative;}
	.topmenu-open:before, .topmenu-open:after {display: block; content: ''; position: absolute; width: 30px; height: 2px; left: 50%; margin-left: -15px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin-top: -1px; background: #ccc;}
	.topmenu-open:hover:before, .topmenu-open:hover:after {background: #aaa;}
	.topmenu-open:before {top: 21px;}
	.topmenu-open:after {top: 29px;}
	
	.topmenu {-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; float: none; position: absolute; width: 100%; background: #fff; top: 50px; left: -100%; border-top: 1px solid #ddd; text-align: left; box-shadow: 0 4px 5px -2px #ddd; line-height: 20px; overflow: hidden;}
	.topmenu li {float: none; border-bottom: 1px solid #ddd; border-left: none;}
	.topmenu li a {padding: 15px 10px; border: none;}
	.topmenu li a.active {border: none; color: #4000FF;}
	.topmenu li a:hover {border: none; color: #4000FF;}
	.topmenu li.parent {padding-right: 50px;}
	.topmenu li.parent .open {display: block; position: absolute; top: 0; right: 0; width: 50px; height: 50px; cursor: pointer;}
	
	.topmenu li.parent .open:before, .topmenu li.parent .open:after {display: block; content: ''; position: absolute; width: 30px; height: 2px; left: 50%; margin-left: -15px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin-top: -1px; background: #ccc;}
	.topmenu li.parent .open:hover:before, .topmenu li.parent .open:hover:after {background: #aaa;}
	.topmenu li.parent .open:before {top: 21px;}
	.topmenu li.parent .open:after {top: 29px;}
	
	.topmenu li ul {text-transform: none; padding: 0 0 0 20px; background: #fff; position: relative; margin: 0 -50px 0 0;}
	.topmenu li ul li:first-child {border-top: 1px solid #ddd;}
	.topmenu li ul li:last-child {border-bottom: none;}
	.topmenu li ul li a {padding: 10px;}
	
	.topmenu li.parent-open .open:before {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 50%}
	.topmenu li.parent-open .open:after {-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 50%}
	.topmenu li.parent-open ul {display: block;}
	
	.menuopen .nav {box-shadow: 0 0 7px #222;}
	.menuopen .topmenu {left: 0; box-shadow: 0 4px 5px -2px #333;}

	.menuopen .topmenu-open:before {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 50%}
	.menuopen .topmenu-open:after {-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 50%}
	
	.breadcrumbs {margin-bottom: 12px; padding: 0;}
	.breadcrumbs li {margin-right: 5px;}
	
	.main-news-spec .news {width: auto; float: none; padding-right: 0; overflow: hidden;}
	.main-news-spec .spec {width: auto; float: none; padding-left: 0; overflow: hidden;}
	
	.catalog-sections li {width: 25%;}
}

@media screen and (max-width: 650px)
{
	.catalog-sections li {width: 33.33%;}
}

@media screen and (max-width: 600px)
{
	.logo {margin: 16px 0; text-align: center; float: none;}
	.contacts {float: none; text-align: center;}
	.feedback .ramform-button-opener {display: none !important;}
	
	.nav-feedback {display: block; width: 50px; height: 50px; float: left; border-right: 1px solid #ddd; position: relative;}
	.nav-feedback .ramform-wrapper {display: block; width: 100%; height: 100%; position: relative; z-index: 2;}
	.nav-feedback .ramform-wrapper .ramform-button-opener {width: 100%; height: 100%;}
	.nav-feedback .ramform-wrapper .ramform-button-opener .ramform-button__title {display: none;}
	
	.nav-feedback:before, .nav-feedback:after {border: 2px solid #ddd; content: ''; position: absolute; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
	
	.nav-feedback:before {width: 30px; height: 20px; left: 50%; top: 50%; margin-left: -17px; margin-top: -12px;}
	.nav-feedback:after {width: 18px; height: 18px; left: 50%; top: 50%; margin-left: -10px; margin-top: -18px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-width: 0 2px 2px 0;}
	
	.nav-feedback:hover:before, .nav-feedback:hover:after {border-color: #aaa;}
	
	#basket_person {margin-bottom: 10px;}
}

@media screen and (max-width: 550px)
{
	.catalog-sections li {width: 50%;}
	
	#content .stock tr {border-bottom: 1px solid #d9d9d9; overflow: hidden;}
	#content .stock th {display: none;}
	#content .stock td {display: block; border: none;}
	#content .stock .cntr {width: 33.33%; float: left; box-sizing: border-box;}
	#content .stock td:nth-child(1) {display: none;}
	#content .stock td:nth-child(3) {text-align: left;}
	#content .stock td:nth-child(4):before {content: 'На складе: '; position: relative;}
	#content .stock td:nth-child(5) {text-align: right;}
}

@media screen and (max-width: 450px)
{
	
	/* #basket {font-size: 12px; line-height: 36px; height: 36px; margin: 0;}
	#basket span {line-height: 16px;} */
}

@media screen and (max-width: 400px)
{
	
	#main {padding-bottom: 100px;}
	#footer {height: 100px; margin-top: -100px;}
	.footer-copy {float: none; padding: 0 10px; text-align: center;}
	.footer-right {float: none; padding: 0 10px; text-align: center;}
}




/* End */
/* /bitrix/templates/italgidravlika/js/fancybox/jquery.fancybox.css?17654440653760 */
/* /bitrix/templates/italgidravlika/template_styles.css?176544406523113 */