

/* Start:/bitrix/external/print/print.min.css?1772755128494*/
.printModal{font-family:sans-serif;display:flex;text-align:center;font-weight:300;font-size:30px;left:0;top:0;position:absolute;color:#0460b5;width:100%;height:100%;background-color:hsla(0,0%,100%,.91)}.printClose{position:absolute;right:10px;top:10px}.printClose:before{content:"\00D7";font-family:Helvetica Neue,sans-serif;font-weight:100;line-height:1px;padding-top:.5em;display:block;font-size:2em;text-indent:1px;overflow:hidden;height:1.25em;width:1.25em;text-align:center;cursor:pointer}
/* End */


/* Start:/bitrix/templates/ctl/styles.css?17727551235315*/
h1,h2,h3,h4,h5,h6{font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;font-weight: 500;}
p{
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 14px;
}
p.bxe-first-letter:first-letter, .bxe-first-letter-s{
	font-weight: bold;
	font-size: 56px;
	line-height: 56px;
	margin-right: 10px;
	float: left;
	vertical-align: top;

}
.lead {
	color: #757575;
  	margin-left: 40px;
  		padding:0 0 0 15px;
  	font-size: 13px;
  	font-weight: 300;
  	line-height: 1.4;
  	border-left: 3px solid #99cded;
}
@media (min-width: 768px){
	.lead {
	  	font-size: 16px;
  		margin-left: 20px;
	}
}

blockquote {
  	padding:0 0 0 15px;
  	margin: 0 0 20px 20px;
	border-left: 3px solid #c2c2c2;
}
blockquote p{
  	font-size: 20px;
  	font-style: italic;
	color: #757575;
  	font-family: Georgia, "Helvetica Neue", Arial,  Helvetica, sans-serif;
}
@media (max-width: 768px){
	blockquote p {
	  	font-size: 16px;
	}
}

blockquote.bxe-quote {
	position: relative;
	padding-left: 70px;
	padding-top: 8px;
	min-height: 50px;
	border-left: none;
}
blockquote.bxe-quote:after{
	content: "";
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzOS45OTYgMzcuOTk1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzOS45OTYgMzcuOTk1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggc3R5bGU9ImZpbGw6I0Q2RDdENjsiIGQ9Ik0wLjAxLDM3Ljk5NXYtMTguMTFjLTAuMDc5LTIuNjA0LDAuMjk0LTUuMDQ5LDEuMTE4LTcuMzM4YzAuODI0LTIuMjg4LDEuOTgxLTQuMywzLjQ3Mi02LjAzNmMxLjQ5LTEuNzM1LDMuMjc2LTMuMTc2LDUuMzU2LTQuMzIxYzIuMDc4LTEuMTQzLDQuMzM1LTEuODczLDYuNzY4LTIuMTl2Ny44MTJjLTIuOTgzLDEuMDI3LTUuMDIzLDIuNTQ1LTYuMTIxLDQuNTU3Yy0xLjEsMi4wMTItMS42NDgsNC40NzktMS42NDgsNy4zOThoNy43Njl2MTguMjI4SDAuMDF6IE0yMy4yODEsMzcuOTk1di0xOC4xMWMtMC4wNzktMi42MDQsMC4yOTQtNS4wNDksMS4xMTgtNy4zMzhjMC44MjQtMi4yODgsMS45ODEtNC4zLDMuNDcyLTYuMDM2YzEuNDktMS43MzUsMy4yNzYtMy4xNzYsNS4zNTYtNC4zMjFjMi4wNzgtMS4xNDMsNC4zMzUtMS44NzMsNi43NjgtMi4xOXY3LjgxMmMtMi45ODMsMS4wMjctNS4wMjMsMi41NDUtNi4xMjEsNC41NTdjLTEuMSwyLjAxMi0xLjY0OCw0LjQ3OS0xLjY0OCw3LjM5OGg3Ljc2OXYxOC4yMjhIMjMuMjgxeiIvPjwvc3ZnPg==);
	background-repeat: no-repeat;
	background-position: top left;
	position: absolute;
	left: 10px;
	top: 10px;
	-webkit-background-size: 40px;
			background-size: 40px;
	width: 40px;
	height:40px;
}

hr{
	border: none;
	border-bottom: 1px solid #ccc;
}
hr.bxe-bolder{
	border-bottom-width: 5px;
}
hr.bxe-dashed{
	border-bottom-style: dashed;
	border-bottom-width: 2px;
}
hr.bxe-normal{}
hr.bxe-light{
	border-bottom-color: #e5e5e5

}
hr.bxe-dotted{
	border-bottom-width: 2px;
	border-bottom-style: dotted;
}

/**/
.bg-primary	{background: #60aadb!important;color: #fff;}
.bg-success	{background: #64ba4e!important;color: #fff;}
.bg-info	{background: #9bc6dd!important;color: #fff;}
.bg-warning	{background: #fec139!important;color: #fff;}
.bg-danger{}
/**/
img.pull-left{
	padding: 5px 15px 5px 0;
}
img.pull-right{
	padding: 5px 0 5px 15px;
}
/**/
.alert{
	border: none;
	border-radius: 1px;
	font-size: 14px;
}
.alert.alert-note{
	background: #f2f2f3;
}
.alert.alert-sys{
	background: #f5f2ec;
	color: #81641F;
}
.alert.bxe-icon{
	padding-left: 90px;
	min-height: 100px;
	position: relative;
}
.alert.bxe-icon:after{
	left:22px;
	top: 20px;
	position: absolute;
	content: " ";
	width:48px;
	height: 48px;
	background-repeat: no-repeat;
	background-position: center;
	background-image:url(/bitrix/templates/ctl/images/editor_sprite.png);
	background-repeat: no-repeat;
}
.alert.bxe-icon.alert-success:after	{background-position:0 0}
.alert.bxe-icon.alert-info:after	{background-position:0 -50px}
.alert.bxe-icon.alert-warning:after	{background-position:0 -100px}
.alert.bxe-icon.alert-danger:after	{background-position:0 -200px}
.alert.bxe-icon.alert-note:after	{background-position:0 -150px}
.alert.bxe-icon.alert-sys:after		{background-position:0 -250px}

.bxe-aleft-title{
	font-weight: bold;
	padding-bottom: 5px;
}

.bx-panel-tooltip {
  z-index: 2210 !important;
  overflow: hidden !important;
  position: absolute !important;
  letter-spacing: normal !important;
  list-style: none !important;
  text-align: left !important;
  text-indent: 0 !important;
  text-transform: none !important;
  visibility: visible !important;
  white-space: normal !important;
  word-spacing: normal !important;
  vertical-align: baseline !important;
  margin: 0 !important;
  padding: 15px !important;
  float: none !important;
  text-decoration: none !important;
  -webkit-border-radius: 1px !important;
  -moz-border-radius: 1px !important;
  border-radius: 1px !important;
  -webkit-box-shadow: 0 12px 10px rgba(0, 0, 0, 0.25) !important;
  -moz-box-shadow: 0 12px 10px rgba(0,0,0,.25) !important;
  box-shadow: 0 12px 10px rgba(0, 0, 0, 0.25) !important;
  border: 1px solid;
  border-color: #f0f0f0;
  background: #fff;
  color: #35414e;
  font-size: 14px;
}

/**/
tab,
tabsection,
.bxe-tab-title{
	display: block;
	padding: 5px;
	border: 1px dashed #ccc;
}
/**/
.bxe-list,
.bxe-list ul{
	list-style: none;
	margin: 5px 0;
	padding-left: 15px;
}
.bxe-list-default,
.bxe-list-default ul{

 }
.bxe-list .fa{
	color: #9fb2bd;
	margin-right: 6px;
}
.bxe-lis-blue .fa{
	color: #0083d1;
}
/* End */


/* Start:/bitrix/templates/ctl/template_styles.css?177275512321287*/
@media (max-width:767px){#bx-panel{display:none !important}}
@font-face {
    font-family: 'GOST-A';
    src: url('/bitrix/templates/ctl/../../fonts/GOST_A_.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* COLORS:
    #004890 - blue dark
    #0369b1 - blue
    #94d9fe - bgblue
    #def2fd - bgblue light
    #6e6d6e - grey
    #aaa8aa - grey light
    #952020 - red
*/

/* FONTS */
/* TITLE */
/* BUTTONS & FORMS */
/* MAIN */
/* HEADER */
    /* LOGO HEDAER */
    /* PHONE */
/* MENU */
/* CATALOG */
/* FOOTER */
    /* LOGO FOOTER */
    /* UP BUTTON FOOTER */
/* 404 */

/* FONTS */

body, p,
.bx-top-nav-container,
.bx-block-title, .bx-subscribe div.bx-block-title,
.bx-wt .bx-block-title,
.bx-s-info-titletext, .bx-s-info-content,
h1.bx-title, h2.bx-title, h3.bx-title, h4.bx-title, h5.bx-title, h6.bx-title,
h1, h2, h3, h4, h5, h6,
.bx-404-text-block, .bx-maps-title, .bx-map-title
{ font-family: Verdana, "Geneva CY", "DejaVu Sans", sans-serif; font-size: 16px; color: #000000; }

a, .btn-link {
    color: #004890;
    text-decoration: underline;
}

a:active, a:hover, .btn-link:focus, .btn-link:hover {
    color: #952020;
    border-color: transparent;
    text-decoration: underline;
}

hr { border-color: #0369b1; }

/* TITLE */

h1, h2, h3, h4, h5, h6, h1.bx-title, h2.bx-title, h3.bx-title, h4.bx-title, h5.bx-title, h6.bx-title { font-weight: 700; color: #004890; }
h1, h2, h3, h1.bx-title, h2.bx-title, h3.bx-title { padding-bottom: 15px; }
h4, h5, h6, h4.bx-title, h5.bx-title, h6.bx-title {}
h1, h1.bx-title { margin-top: 0; padding-bottom: 10px; font-size: 35px; }
h2, h2.bx-title { font-size: 25px; }
h3, h3.bx-title {}
h4, h4.bx-title {}
h5, h5.bx-title {}
h6, h6.bx-title {}

/* BUTTONS & FORMS */

.btn, .btn:hover, .btn:active, .btn:focus{
    text-decoration: none;
    text-shadow: none !important;
    -webkit-box-shadow:none !important;
       -moz-box-shadow:none !important;
            box-shadow:none !important;
    outline:none !important;
    border-radius: 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    padding: 10px 30px;
}
.btn.btn-small {
    text-transform: none;
    font-size: 14px;
    padding: 5px 10px;
}

.btn-primary, .bx-blue .btn.btn-default, .bx-filter.bx-blue .btn-themes, div.bx-blue .btn.btn-default {
    background-color: #7ab31e;
    border-color: #7ab31e;
}

.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary, .bx-green .btn.btn-default:active, .bx-green .btn.btn-default:focus, .bx-green .btn.btn-default:hover, .bx-filter.bx-green .btn-themes:active, .bx-filter.bx-green .btn-themes:focus, .bx-filter.bx-green .btn-themes:hover, div.bx-green .btn.btn-default:active, div.bx-green .btn.btn-default:focus, div.bx-green .btn.btn-default:hover
{
    background-color: #659419;
    border-color: #659419;
}

input[type=text], input[type=password] {
    margin: inherit 4px;
    border: 1px solid #d5dadc;
    background: #f8fafc;
    outline: none;
    border-radius: 20px;
    padding: 10px 30px;
}

#form_cntct input[type=text] {
    width: 100%;
    max-width: 100%;
    min-width: 100%;  
}

textarea {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    font-size: 18px;
    min-height: 150px;
    max-height: 450px;
    margin: 0;
    padding: 10px 30px;
    border: 1px solid #d5dadc;
    border-radius: 20px;
    background: #f8fafc;
    outline: none;
}
textarea.form-control {
    border-radius: 8px;  
    border: 1px solid #d5dadc;
    background: #f8fafc;
}

/* MAIN */

body {
    position: relative;
    background: #ffffff;
    background-image: -webkit-radial-gradient(#def2fd, #94d9fe) !important;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
body.bx-opened { overflow: hidden; }
.wrap, .bx-wrap, .bx-wrapper{ position: relative; }

.icon-empty { opacity: 0; }

a, .btn, .container {
    -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease;
}

img { width: auto; max-width: 100%; height: auto; }

.video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.radius, .radius ymaps { border-radius: 8px; }

.page-ul { list-style: none; margin: 0; padding: 0 0 15px; }
.page-ul > li { padding: 5px 0 0 30px; position: relative; }
.page-ul .fa { 
    position: absolute; width: 30px; height: 30px; top: 0; left: 0;
    color: #004890;
    text-align: center; line-height: 30px;
    border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
}

.bx-content-seection { min-height: 25vh; }
@media (min-width: 1200px) { 
    .bx-header-section { padding: 31px 45px 10px; }
    .bx-content-seection { padding: 0 45px 0; }
    .nav-h1 { margin-top: 20px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .bx-header-section { padding: 31px 30px 10px; }
    .bx-content-seection { padding: 0 30px 0; }
    .nav-h1 { margin-top: 15px; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .bx-header-section { padding: 31px 15px 10px; }
    .bx-content-seection { padding: 0 15px 0; }
    .nav-h1 { margin-top: 15px; }
}
@media (max-width: 767px) { 
    .bx-header-section { padding: 0 15px 10px; }
    .bx-content-seection { padding: 0 15px 0; }
    .nav-h1 { margin-top: -10px; }
}

.nav-h1 .bx-header-section { padding-top: 5px; min-height: 150px;  }
.nav-h1.w100bg {
    margin-bottom: 31px;
    min-height: 400px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
}
.bx-breadcrumb .bx-breadcrumb-item { white-space: normal !important; }
.colorinversion { background: url(/img/template/bg-gradient.png) center top repeat-x; }
.colorinversion h1, .colorinversion .bx-breadcrumb, .colorinversion .bx-breadcrumb a { color: #ffffff; }
.colorinversion .bx-breadcrumb a:hover { color: #def2fd; }
.zebra, .table-striped>tbody>tr:nth-of-type(odd) { background-color: #def2fd; }
.table.table-striped td { border: none; }
.zebra .table-striped>tbody>tr:nth-of-type(odd) { background-color: #94d9fe; }
.top60 { padding-top: 60px; }
.bottom60 { padding-bottom: 60px; }
.top30 { padding-top: 30px; }
.bottom30 { padding-bottom: 30px; }
.top15 { padding-top: 15px; }
.bottom15 { padding-bottom: 15px; }
.mtop60 { margin-top: 60px; }
.mbottom60 { margin-bottom: 60px; }
.mtop30 { margin-top: 30px; }
.mbottom30 { margin-bottom: 30px; }
.mtop15 { margin-top: 15px; }
.mbottom15 { margin-bottom: 15px; }

/* HEADER */

@media (min-width: 768px) { .bx-header { padding-top: 15px; } }

.bx-header .page-ul {
    font-size: 14px;
    margin-left: 25px;
    margin-top: 2px;
}

.header-mobile {
    display: table;
    width: 100%;
    height: 40px;
    
}
.header-mobile .header-mobile-btn, .header-mobile .header-mobile-logo { display: table-cell; vertical-align: top; }
.header-mobile .header-mobile-btn { width: 40px; font-size: 20px; color: #004890; line-height: 40px; text-align: center; }
.header-mobile .header-mobile-btn i { cursor: pointer; }


/* LOGO HEDAER */

.logo-header { position: relative; margin: 0 auto; }
.logo-header-main { position: relative; z-index: 101; }
.logo-header-text { position: absolute; left: 0; top: 0; z-index: 100; }
.logo-header-main img, .logo-header-text img { width: 100%; max-width: 300px; }

.mobile-topline { 
    padding: 0;
    width: 100%;
    box-shadow: 0 7px 15px 0 rgba(0,0,0,.20);
}
.header-mobile .header-mobile-logo { text-align: center; padding-top: 5px; }
.header-mobile .header-mobile-logo img { height: 30px; width: auto; }
.header-mobile .header-mobile-logo a { text-decoration: none; }

/* PHONE */

.header-phone a { text-decoration: none; white-space: nowrap; }
.header-phone a:hover { text-decoration: none; color: #004890; }

/* MENU */
.header-menu li, .header-menu a {
    font-family: "GOST-A", monospace; 
    font-weight: 700;
}
.header-menu ul, .header-menu li { margin: 0; padding: 0; vertical-align: top; }
.header-menu li { list-style-type: none; white-space: nowrap; text-transform: uppercase; }
.header-menu li a { text-decoration: none; }
.header-menu .header-menu-li1 { display: inline-block; border: 1px solid transparent; }
.header-menu .header-menu-ul1 { position: relative; padding-left: 120px; }
.header-menu .menu-catalog {
    cursor: pointer;
    color: #004890;
    border-radius: 8px;
    z-index: 9999; 
    width: 120px; 
}
.header-menu .menu-catalog span:hover { color: #952020; }
.header-menu .menu-catalog.bottommenu {
    background: #def2fd;
    box-shadow: 0 7px 15px 0 rgba(0,0,0,.20);
}

.header-menu .header-menu-ul2 { 
    display: none;
    text-align: center;
}
.header-menu .header-menu-li2 a { 
    display: block;
    padding-top: 80px;
    margin-top: 5px;
}
.header-menu .menu-probka a { background: url(/img/menu/menu-probki.gif) top center no-repeat; }
.header-menu .menu-ruchki a { background: url(/img/menu/menu-ruchki.gif) top center no-repeat; }
.header-menu .menu-kolpachki a { background: url(/img/menu/menu-tuk.gif) top center no-repeat; }
.header-menu .menu-butyli a { background: url(/img/menu/menu-but.png) top center no-repeat; }
.header-menu .menu-pompy a { background: url(/img/menu/menu-pompa.gif) top center no-repeat; }

@media (min-width: 1200px) {
    .header-menu li, .header-menu a { font-size: 20px; }
    .header-menu .header-menu-li1 { padding: 8px 10px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .header-menu li, .header-menu a { font-size: 17px; }
    .header-menu .header-menu-li1 { padding: 8px 8px; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .header-menu li, .header-menu a { font-size: 18px; }
    .header-menu .header-menu-li1 { padding: 8px 10px; }
    .page-ul > li { padding-top: 2px; }
    .page-ul .fa { top: -3px; }
    .bx-header .page-ul { font-size: 12px; margin-top: 5px; }
}
@media (min-width: 768px) {
    .header-menu { display: block; }
    .header-menu .menu-catalog { position: absolute; left: 0; top: 0;  }
}
@media (max-width: 767px) { 
    .menublock { padding: 0; }
    .header-menu { background: #def2fd; display: none; box-shadow: 0 7px 15px 0 rgba(0,0,0,.20); }
    .header-menu li, .header-menu a { font-size: 20px; }
    .header-menu .header-menu-li1 { padding: 8px 8px 4px; }
    .header-menu .header-menu-ul1 { padding-left: 0; }
    .header-menu .menu-catalog { position: relative; border-radius: 0; width: 100%; cursor: auto; }
    .header-menu .menu-catalog span { display: none; }
    .header-menu .header-menu-ul2 { width: 100%; display: block; }
    .header-menu-ul2:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; margin: 0; padding: 0; }
    .header-menu .header-menu-li1 { display: block; border-top: 1px solid #94d9fe; }
    .header-menu .header-menu-li1:not(:first-child) { padding-left: 20px; }
    .header-menu .header-menu-li2 { width: 100px; border: 1px solid #94d9fe; border-radius: 8px; margin: 0 5px 5px 0; float: left; display: block; }
}

/* SUPERMENU */

.k-probka { position: relative; }
.k-probka .kb-probka {
    position: absolute;
    left: 0;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;

}
.katalog-probki-textblock { padding-top: 100px; }
.katalog-probki-text {
    display: inline-block;
    color: #004890;
    font-size: 12px;
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.k-probka .kb-probka-e { z-index: 4; }
.k-probka .kb-probka-p { z-index: 3; }
.k-probka .kb-probka-r { z-index: 2; }
.k-probka .kb-probka-k { z-index: 1; }
@media (min-width: 1200px) {
    .k-probka { height: 305px; }
    .k-probka #k3-probka-e, .k-probka #k2-probka-e, .k-probka #k1-probka-e { top: 41px; }
    .k-probka #k3-probka-p, .k-probka #k2-probka-p, .k-probka #k1-probka-p { top: 39px; }
    .k-probka #k3-probka-r, .k-probka #k2-probka-r { top: 45px; }
    .k-probka #k3-probka-k { top: 65px; }
    .k-probka:hover #k3-probka-e, .k-probka:hover #k2-probka-e, .k-probka:hover #k1-probka-e { transform: translate3d(0,-41px,0); }
    .k-probka:hover #k3-probka-r, .k-probka:hover #k2-probka-r { transform: translate3d(0,137px,0); }
    .k-probka:hover #k3-probka-k { transform: translate3d(0,185px,0); }
    .katalog-probki-textblock { right: -20px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .k-probka { height: 248px; }
    .k-probka #k3-probka-e, .k-probka #k2-probka-e, .k-probka #k1-probka-e { top: 34px; }
    .k-probka #k3-probka-p, .k-probka #k2-probka-p, .k-probka #k1-probka-p { top: 32px; }
    .k-probka #k3-probka-r, .k-probka #k2-probka-r { top: 35px; }
    .k-probka #k3-probka-k { top: 60px; }
    .k-probka:hover #k3-probka-e, .k-probka:hover #k2-probka-e, .k-probka:hover #k1-probka-e { transform: translate3d(0,-34px,0); }
    .k-probka:hover #k3-probka-r, .k-probka:hover #k2-probka-r { transform: translate3d(0,113px,0); }
    .k-probka:hover #k3-probka-k { transform: translate3d(0,142px,0); }
    .katalog-probki-textblock { right: -5px; padding-top: 80px; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .k-probka { height: 308px; }
    .k-probka #k3-probka-e, .k-probka #k2-probka-e, .k-probka #k1-probka-e { top: 43px; }
    .k-probka #k3-probka-p, .k-probka #k2-probka-p, .k-probka #k1-probka-p { top: 40px; }
    .k-probka #k3-probka-r, .k-probka #k2-probka-r { top: 45px; }
    .k-probka #k3-probka-k { top: 70px; }
    .k-probka:hover #k3-probka-e, .k-probka:hover #k2-probka-e, .k-probka:hover #k1-probka-e { transform: translate3d(0,-43px,0); }
    .k-probka:hover #k3-probka-r, .k-probka:hover #k2-probka-r { transform: translate3d(0,139px,0); }
    .k-probka:hover #k3-probka-k { transform: translate3d(0,182px,0); }
    .katalog-probki-textblock { right: 10px; }
}

/* CATALOG */

.katalog a img { 
    opacity: 0.9;
    -webkit-transition: opacity 0.3s, visibility 0s linear 0.3s;
    -moz-transition: opacity 0.3s, visibility 0s linear 0.3s;
    -ms-transition: opacity 0.3s, visibility 0s linear 0.3s;
    -o-transition: opacity 0.3s, visibility 0s linear 0.3s;
    transition: opacity 0.3s, visibility 0s linear 0.3s;
}
.katalog a:hover img { opacity: 1; }

@media (min-width: 1200px) {
    .katalog > div { height: 230px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .katalog > div { height: 260px; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .katalog > div { height: 272px; }
}
@media (max-width: 767px) { 
    .katalog > div { margin-bottom: 30px; }
}

/* WHATSAPP */

.messenger-icons {
    position: fixed; right: 20px;
    width: 65px; height: 65px;
    z-index: 9999;
    
}
.messenger-icons img { box-shadow: 0 19px 38px 0 rgba(34,36,43,.3); border-radius: 50%; }
.messenger-ico-whatsapp { bottom: 20px; }

/* FOOTER */

.bx-footer { background: #0369b1; padding-top: 60px; }
.bx-footer, .bx-footer p, .bx-footer a { color: #def2fd; }
.bx-footer a:hover { color: #ffffff; }
.footer-delivery { position: relative; padding-left: 110px; padding-bottom: 15px; }
.footer-delivery-ico { position: absolute; top: 0; left: 30px; color: #def2fd; }
@media (max-width: 767px) { .footer-delivery-car { text-align: center; } }
.contact-footer { position: relative; background: #fdfaf2; }
.contact-footer-right { background: #004890; padding: 45px 60px 0; }


.contact-footer-left, .map-taganrog, .map-rostov { height: 500px; }

.contact-footer-left { position: relative; }

.map-all { 
    position: absolute; 
    left: 0; 
    top: 0; 
    z-index: 100; 
    background: #fdfaf2; 
    width: 100%;
}

.map-hidden { display: none; }

.footer-map-button {
    position: absolute;
    background: #ffffff;
    color: #000000;
    height: 28px;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding: 5px 7px 0;
    box-shadow: 0 1px 2px 1px rgba(0,0,0,.15),0 2px 5px -3px rgba(0,0,0,.15);
    border-radius: 3px;
    z-index: 200;
    left: 48px; 
}
.footer-map-button i { color: #666666; }

.footer-map-button-selected {
    cursor: default;
    background: #feeaa4;
}

.map-button-taganrog { top: 10px; }
.map-button-rostov { top: 48px; }



@media (min-width: 992px) {
    .contact-footer {
        padding: 0 500px 0 0; 
        height: 500px; 
    }
    .contact-footer-right {
        position: absolute; 
        width: 500px; 
        height: 500px; 
        top: 0; right: 0;
    }
}
@media (max-width: 991px) {
    .contact-footer { padding: 0; }
    .contact-footer-right {
        position: relative; 
        width: 100%;
    }
}
.header-contact { padding: 15px 0 0 45px; }
.header-contact .fa { color: #ffffff; }
.footer-phone a { text-decoration: none; white-space: nowrap; }
.footer-phone a:hover { text-decoration: none; color: #ffffff; }

/* LOGO FOOTER */

.logo-footer img { width: 100%; max-width: 300px; }

/* FAQ */

.faq-v, .faq-o { padding: 15px 30px; position: relative; }
.faq-v {
    border-radius: 0 8px 8px 8px;
    background: #def2fd;
    margin: 0 50px 5px 15px;
}
.faq-o {
    border-radius: 8px 0 8px 8px;
    background: #ffffff;
    margin: 0 15px 30px 50px;
}
.faq-v:after, .faq-o:after {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
}
.faq-v:after {
    left: -15px;
    border-top: 15px solid #def2fd;
    border-left: 15px solid transparent;
}
.faq-o:after {
    right: -15px;
    border-top: 15px solid #ffffff;
    border-right: 15px solid transparent;
}


/* UP BUTTON FOOTER */

.bx-up a, .bx-up a:hover { border-bottom: none; }
.bx-up-button {
    border-radius: 16px;
    color: #ffffff;
    position: fixed; bottom: 15px; z-index: 99999;
    font-size: 12px; line-height: 20px; cursor: pointer; vertical-align: middle; padding: 9px 18px 7px 38px;
    -webkit-transition: background-color .3s ease, opacity .3s ease;
    -moz-transition: background-color .3s ease, opacity .3s ease;
    -ms-transition: background-color .3s ease, opacity .3s ease;
    -o-transition: background-color .3s ease, opacity .3s ease;
    transition: background-color .3s ease, opacity .3s ease;
    background: #0369b1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAALCAMAAAB1RTwXAAAACVBMVEX///////////+OSuX+AAAAAnRSTlMAf7YpoZUAAAAfSURBVHgBYwACRkYgAaKZmBihNJAFpaFiTExAgjwGAA1BAD3lDqDYAAAAAElFTkSuQmCC) 18px 13px no-repeat;
    box-shadow: 0 7px 15px 0 rgba(0,0,0,.19);
    text-transform: uppercase;
}
.bx-up-button:hover { background-color: #004890; }
.bx-footer a.bx-up-button { color: #ffffff; text-decoration: none; }
.bx-up-button i { display: none; }
@media (min-width: 768px) { .bx-up-button { left: 15px; } }
@media (max-width: 767px) { .bx-up-button { left: 15px; bottom: 10px; } }

/* 404 */

.bx-404-container { width: 100%; margin: 0 auto; text-align: center; padding-bottom: 50px; }
.bx-404-block { margin-top: 100px; margin-bottom: 66px; }
@media (max-width: 768px) { .bx-404-block { margin-top: 50px; margin-bottom: 33px; } }
.bx-404-text-block { font-size: 20px; padding-bottom: 20px; }
.bx-maps-title { color: #000000; font-size: 16px; padding-bottom: 5px; margin-bottom: 15px; padding-top: 10px; border-bottom: 1px solid #000000; }
.map-columns { padding-top: 0px; }
.bx-map-title { font-weight: bold; font-size: 14px; position: relative; min-height: 20px; padding-left: 25px; margin-bottom: 20px; }
.bx-map-title .fa { color: #0369b1; position: absolute; left: 0; top: 2px; font-size: 15px; }
.map-columns ul { margin-bottom: 5px; }
.map-level-0 { margin-left: 0; padding-left: 25px; margin-bottom: 20px; }
.map-level-0 li { margin-left: 0; padding-left: 0; }
.map-level-0 ul { padding-left: 15px; }
ul.map-level-1 { margin-bottom: 30px; }

/* OTHER */

.error { color: red; }
.form-family { display: none; }

/* POLITICS */

#cookie-politics {
    padding: 15px 0 15px;
    display: none;
    position: fixed;
    z-index: 99999;
    background: #def2fd;
    bottom: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.1);
}
/* End */


/* Start:/bitrix/templates/ctl/colors.css?1772755123640*/
/*ABOUT*/

a.bxd-block:hover {border-color: #0083d1;}
.bxd-icon {border: 1px solid #0083d1;}
a.bxd-block:hover .bxd-icon {background: #0083d1;}
.bxd-icon .fa {color: #0083d1;}
a.bxd-block:hover .bxd-icon .fa {color: #fff;}

/* BTN */
.bx-theme-black .btn.btn-default {
	outline: none;
	background-color: #1485CE;
	border-color: #1485CE;
	color: #FFF;
}
.bx-theme-black .btn.btn-default:hover {
	outline: none;
	background-color: #53A4D8;
	border-color: #53A4D8;
	color: #FFF;
}
.bx-theme-black .btn.btn-default:active {
	outline: none;
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
	box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

/* End */
/* /bitrix/external/print/print.min.css?1772755128494 */
/* /bitrix/templates/ctl/styles.css?17727551235315 */
/* /bitrix/templates/ctl/template_styles.css?177275512321287 */
/* /bitrix/templates/ctl/colors.css?1772755123640 */
