/* Start:/local/templates/imperial_gribi/components/bitrix/menu/topik/style.css?17724374772268*/
.main-nav ul {
display: flex;
gap: 24px;
list-style: none;
margin: 0;
padding: 0;
    font-size: 1.2em;
}
.main-nav a {
text-decoration: none;
color: #fff;
}

.main-nav a:active {text-decoration: underline;
color: #000;
}
.burger {
    position: relative;  
    z-index: 999;  
    
    
    width: 54px;
display: none;
flex-direction: column;
gap: 5px;
background: none;
border: none;
cursor: pointer;
    float: right;
    margin-top: 20px;
    position: absolute;
    right: 30px;
}
.burger span {
/*width: 24px;*/
height: 4px;
background: #000;
}



.burger.active span:nth-child(1) {
transform: translateY(7px) rotate(45deg);
}
.burger.active span:nth-child(2) {
opacity: 0;
}
.burger.active span:nth-child(3) {
transform: translateY(-11px) rotate(-45deg);
}



.mob_contact{
display: none;}


@media (max-width: 825px) {
.burger {
display: flex;
}
    .mob_contact{
display: block;        margin-top: 40px;
        font-size: 1.2em;
        bottom: 0;}
.main-nav {
        position: fixed;
        top: 105px;
left: 0;
right: 0;
background: #fff;
display: none;
flex-direction: column;
border-bottom: 1px solid #eee;
    height: -webkit-fill-available;
}
.main-nav ul {
flex-direction: column;
gap: 0;
}
.main-nav li {
border-top: 1px solid #eee;
}
.main-nav a {
display: block;
padding: 16px;
}
.main-nav.active {
display: flex;
}
}

body.menu-open {
  overflow: hidden;
}

/*
.show {        position: fixed;
        top: 210px;
        left: 0;
        right: 0;
        background: #707359f5;
        flex-direction: column;
        border-bottom: 1px solid #eee;
        height: -webkit-fill-available;
    padding: 20px;
    z-index: ;
*/
.collapse{position: fixed;
        top: 210px;
        left: 0;
        right: 0;
        background: #707359f5;
        flex-direction: column;
        border-bottom: 1px solid #eee;
        height: -webkit-fill-available;
    padding: 20px;
    z-index: ;}

position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #000000f5;
    flex-direction: column;
    border-bottom: 1px solid #eee;
    height: -webkit-fill-available;
    padding: 171px 20px;
    z-index: ;


}

/* End */


/* Start:/local/templates/imperial_gribi/styles.css?17706535591055*/
img {border:0 none;}

h1, h2, h3, h4, h5, h6
{
	font-family: Arial, Helvetica,sans-serif; 
	margin:1.3em 0 1em;
	font-weight:normal;
	line-height:1.2;
    
    
}

h1 { font-size:200%; margin:0.7em 0px 0.5em; font-size: 3.05rem;font-weight: 900;
    font-style: italic;text-transform: uppercase;}
h2 { font-size:160%; margin:0.7em 0px 0.5em; font-size: 2.5rem;font-weight: 900;
    font-style: italic;text-transform: uppercase; }
h3 { font-size:140%; 

}
h4 { font-size:140%; font-size: 1.5rem;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase; }
h5 { font-size:120%; }
h6 { font-size:100%; }

hr, .hr 
{
	border-top:1px solid;
	display:block;
	font-size:1px;
	height:1px;
	line-height:1px;
	margin:12px 0;
	overflow:hidden;
	padding:0;
}

#workarea ol li, #workarea ul li { margin: 0.6em 0; }
#workarea ul { list-style-type: disc; }


@media (max-width: 825px) {
    #logo {
    width: 150px;
        height: 82px;}
    
    
    h1  {
        font-size: 1.2rem;
    }
}



/* End */


/* Start:/local/templates/imperial_gribi/template_styles.css?177242923510344*/
html { width:100%; height: 100%; }

body
{
	height:100%;
	margin:0;
	padding:0;
/*	font-size: 80.01%;*/
	font-family: montserrat, Verdana, Arial, Helvetica, sans-serif;    background-color: #f8f8f8;
}




form { margin:0; padding:0;}
form.main-form
{ 
	display: block;
	margin:0; 
	padding:0;
	width:100%;
	height:100%;
}
 
#page-wrapper
{	
	min-height:100%;	
	/*width:878px;*/  
	margin: 0 auto -90px;
}

* html #page-wrapper { height: 100%; }

#header { height: 106px; position: relative; z-index: 10; margin:0 auto;border-bottom: 1px solid #8080802b;}

#top-menu
{
/*
	position: absolute;
	top: 36px;
	width: 638px;
	height: 30px;
	right: 0;
*/
    
    position: relative;
    top: 28px;
    height: 30px;
	
}

#top-menu-inner
{
	margin-left: 16px;
	padding-right: 16px;
	height: 30px;
}

#top-mobile {position: relative;
    top: 20px;
    height: 40px;}

#logo 
{
	width: 235px; 
	height: 80px;
	/*position:absolute;*/
	left:0;
	top:0;
	text-align: center;
}

#logo td { padding: 0;}
#logo a { outline: none;}

#top-icons { overflow: hidden; height: 15px; position: absolute; top: 17px; width: 200px; left: 252px; }
#top-icons a 
{
	float: left;
	margin-right: 31px;
}

a.home-icon { width: 12px; height: 11px;}
a.search-icon { width: 12px; height: 12px;}
a.feedback-icon { width: 14px; height: 10px;}

#banner { margin:0 auto; width:878px; height: 153px;  position: relative; }
#banner-layout { height: 142px;  table-layout: fixed; }
#banner-overlay { height: 153px; position: absolute; width:437px; left:0; top: 0;}
#banner-image { padding:0; width: 437px; vertical-align: top;}
#banner-image div { width: 437px; height: 142px; overflow: hidden;}
#banner-slogan 
{
	padding:0;
	width: 441px;	
	font-family: Arial; 
	font-style: italic; 
	font-size: 2em; 
	font-weight: bold;
	padding:10px 0 32px;
}

#content { 
/*    overflow: hidden; margin: 20px auto 29px; zoom: 1;*/
}

#sidebar { width: 233px; float: left; }

#workarea { padding-top:10px;}

#footer  
{
	background: #0e0e10;
	min-height: 500px; 

	margin:0 auto;  
	position: relative;
    padding-top: 90px;
}

.foot-item{
        margin-bottom: 30px;
}
.foot-item_title{
font-weight: 700;
    font-size: 1.2rem;
    color: #fff;
    margin-bottom: 5px;
}

.foot-item_text{
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4;
    color: #fff;
}

#copyright {     margin-top: 40px;}
#copyright p { margin: 0;color: #fff;}
.footer-links {right:25px; top: 20px; }
#footer-links { margin:0; padding:0; list-style: none; text-align: right;}
#footer-links li { display: inline; padding-left:1.5em;}

#space-for-footer { height: 90px; }

#footer-design { margin-top: 40px;
    text-align: right;}
#footer-design a{color:#adadad; font-size:11px; text-decoration:none;}
#footer-design a:hover{text-decoration:underline;}

div.content-block { margin-bottom: 24px; }
div.content-block-inner { padding: 22px 18px 22px 21px;}

div.information-block div.top
{
	height: 13px;
	border-right: 1px solid;
	font-size: 1px;
	background: #FFF url(/local/templates/imperial_gribi/images/sidebar-corners-form.gif) no-repeat left top;
}

div.information-block div.bottom
{
	height: 13px;
	border-left: 1px solid;
	font-size: 1px;
	background: #FFF url(/local/templates/imperial_gribi/images/sidebar-corners-form.gif) no-repeat right bottom;
}

div.information-block-inner
{
	border-left: 1px solid;
	border-right: 1px solid;
	padding: 9px 18px 9px 21px;
	zoom: 1;
}

div.information-block div.top, div.information-block div.bottom, div.information-block-inner { border-color: #E3E3E3; }

#search {  width:190px; overflow: hidden;}
#search div.rounded-box { float: left; width:135px;}
#search div.search-inner-box
{
	border: 1px solid; 
	padding-left: 20px;
	height: 20px;
	overflow:hidden;
	background: white url(/local/templates/imperial_gribi/images/loupe.gif) no-repeat 4px 4px;
}

#search div.search-inner-box input
{
	border:1px solid;
	width: 110px;
	height: 18px;
	padding:0;
	margin:0;
}

#search input { vertical-align: top;}
#search-button { float: right; width:48px; border: 1px solid;}
#search-button input::-moz-focus-inner { border: 0; padding: 0; }/*Remove button padding in FF*/
#search-button input 
{
	display: block;
	border: none;
	background: none;
	width:48px;
	padding:0;
	margin:0;
	font-family: Georgia, serif;
	font-size: 12px;
	height: 19px;
	cursor: pointer;
	cursor: hand;
	outline: none;	
}

div.search-item h4 { margin-bottom: 0.4em;}

dl.block-list { margin: 0; padding:0; font-size: 0.85em;}
dl.block-list dt { margin: 1.5em 0 0.5em; }
dl.block-list dd { margin:0; padding:0;}
dl.block-list a { text-decoration: none; outline: none;}
dl.block-list a:hover { text-decoration: underline;}

#sidebar h3  
{
	font-family: Verdana;
	font-size: 1em;
	font-weight: bold;
	padding: 0 0 1em;
	margin: 0 0 1em;
}

#left-menu
{
	margin:0;
	padding:0;
	list-style: none;
}

#left-menu li
{
	margin:0 0 0.7em;
	padding: 0 0 0.7em;
	display: block;
}

#left-menu a
{
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;	
	padding: 1em 1em 1em 0;
	outline: none;
}

#left-menu li.last-item { background: none; margin-bottom: 0; padding-bottom: 0;}
#left-menu li.selected a { padding-left: 1em; }
#left-menu li.selected { text-indent: -1em; padding-left:1em;}

/* Navigation */
div.navigation { font-size:100%; line-height:200%;text-align: center; }
span.navigation-title { padding-right:0.65em; font-weight: bold;}
div.navigation a { text-decoration:underline; padding:0.2em 0.3em;}
span.nav-current-page { padding:0.2em 0.3em; }
div.navigation span.arrow { font-size:100%; font-family:Times, serif; }
div.navigation span.ctrl { font-size:85%; }

/* Product List */
div.product-list { overflow: hidden; }

div.product
{ 
	overflow: hidden; 
	width: 280px;
	height: 105px;
	margin: 0 25px 20px 0;
	position: relative;
	float: left;
}

div.product-alt { margin-right: 0;}

div.product-image
{
	width: 250px;
	height: 105px;
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	top:0;
	left: 0;	
}

div.product-overlay
{
	width: 280px;
	height: 105px;
	position: absolute;
	z-index: 1;	
}

a.product-desc
{
	float:right;
	height:62px;
	overflow:hidden;
	position:absolute;
	right:0;
	top:0px;
	width:142px;
	z-index:2;
	font-size: 1em;
	text-decoration: none;
	padding:13px 10px 30px 129px;
}

a.product-desc p { font-size: 0.85em; margin:7px 0 0;}

/* News List */
div.news-list { margin: 0 0 2em;}
div.news-item { margin: 0 0 2em; padding: 0 0 2em; border-bottom: 1px solid; padding: 0px 5px;}
div.news-date { margin: 0 0 1em;}
div.news-title { font-size: 1em; margin: 0 0 1em;  font-weight: bold;}
a.news-detail-link { display: block; margin: 1em 0 0; outline: none;text-decoration: none;}

/* Catalog List */
div.catalog-list, div.catalog-detail  { padding: 1em 0 0;}
div.catalog-item { margin: 0 0 2em; padding: 0 0 2em; overflow: hidden; zoom: 1;}
div.catalog-detail div.catalog-item { border: none; }
div.catalog-item-title { 
    margin: 0 0 1em;    
    font-weight: 700;
    font-size: 1.17rem;
    margin-bottom: 12px;
    text-decoration: none;    min-height: 56px;}
div.catalog-item-title a { font-weight: bold;color: #000; text-decoration: none; }

div.catalog-item-image { text-align: center; padding: 4px; height: 350px;}
div.catalog-item-image img {width: 100%; height: 100%;object-fit: cover;}


div.catalog-item-price {clear: left; float:left; padding: 0.5em 1em; margin:1em 0 0; font-weight: bold; }
div.catalog-item-desc { clear: left; font-size: 1.25em;}
div.catalog-item-desc-float { }
div.catalog-item-properties { clear: both;  overflow: hidden;margin-bottom: 20px;}
div.catalog-item-property { margin: 0 0 1em; border-bottom: 1px solid #f2f2f2;; float: left; width: 100%; font-size: 1.2em;}
div.catalog-item-property b { float: right; position: relative; padding-left: 3px; font-style:italic; font-weight:normal; }
div.catalog-item-property span { float: left; position: relative; padding-right: 3px; zoom: 1;}
div.catalog-item-properties-title { font-size: 1.5em; font-weight: bold; margin: 0em 0 1em; }

/* Special Product */
div.special-product-title { text-align: center; margin: 0 0 1em;}
div.special-product-image { text-align: center; margin: 0 0 1em;}
div.special-product { text-align: center; }

/* Top menu */
#horizontal-multilevel-menu, #horizontal-multilevel-menu ul
{
	margin:0; padding:0;
	min-height:27px;
	width:100%;
	list-style:none;
	font-size:12px;
	float:left;
	background: none;
}

#horizontal-multilevel-menu a
{
	display:block;
	padding:5px 3px;
	text-decoration:none;
	text-align:center;
	outline: none;
}

#horizontal-multilevel-menu li { float:left; }
#horizontal-multilevel-menu li a.root-item { font-weight:bold; padding:8px 12px 8px; } /*Root items*/
#horizontal-multilevel-menu a.parent { background: url(/local/templates/imperial_gribi/images/top-menu-arrow.gif) center right no-repeat; } /*Item-parents*/
#horizontal-multilevel-menu li a.root-item-selected { font-weight:bold; padding:8px 12px 8px; } /*Root menu selected*/
#horizontal-multilevel-menu li.last-item { border: none; }

/*Sub-menu box*/
#horizontal-multilevel-menu li ul
{
	position:absolute;
	top:auto;
	display:none;
	z-index:500;
	height:auto;
	width:163px;
	padding: 3px 11px;
	border:1px solid;
}

#horizontal-multilevel-menu li li { width:100%; border-bottom:1px solid; } /*Sub-menu item box*/
#horizontal-multilevel-menu li ul a { text-align:left; font-size: 12px;} /*Item link*/
#horizontal-multilevel-menu li ul ul { margin:-27px 0 0 160px; }

#horizontal-multilevel-menu li:hover ul ul,
#horizontal-multilevel-menu li:hover ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul ul
{
	display:none;
}

#horizontal-multilevel-menu li:hover ul,
#horizontal-multilevel-menu li li:hover ul,
#horizontal-multilevel-menu li li li:hover ul,
#horizontal-multilevel-menu li li li li:hover ul,
#horizontal-multilevel-menu li li li li li:hover ul
{
	display:block;
}

div.menu-clear-left { clear:left; }

/*Common Elements */
div.content-form { padding-left:1em; }
/* End */
/* /local/templates/imperial_gribi/components/bitrix/menu/topik/style.css?17724374772268 */
/* /local/templates/imperial_gribi/styles.css?17706535591055 */
/* /local/templates/imperial_gribi/template_styles.css?177242923510344 */