html {width:100%; height: 100%; }

body {height:100%; margin: 0; padding:0; font-size: 12px; font-family: Corbel, Tahoma, Arial, Verdana, Helvetica, sans-serif;}

.header-contact .russia {
    font-size: 18px;
    color: red;
    line-height: 22px;
    border: 1px solid red;
    padding: 5px 10px;    
}

.header-contact .phone img {
    height: 24px;
    margin-right: 10px;
}

.contact-page p {
    margin-bottom: 0.5em;
}
.contact-page p img {
    height: 25px;
    margin-right: 10px;
}
.producer .card-title {
    text-transform: uppercase;
    font-size: 1em;
    min-height: 40px!important;
}
.catalog {
    padding-bottom: 15px;
}
.catalog img {
    padding-right: 10px;
}
.content {
    padding: 30px 0 50px 0;
}
.mynews-item {
    margin-bottom: 20px;    
}

.mynews-item .mynews-title {
    min-height: 100px;
    padding: 5px 10px;
    text-align: center;
}
.mynews-item span {
    display: block;
    height: 200px;
    width: auto;
}
.mynews-item .shadow {
    padding: 15px 10px;
}

.mynews-item a, .mynews-item a:hover {
    color: #9a2510;
    line-height: 1.25em;    
}

.product-item {
    margin-bottom: 20px;
}
.product-item .product-title {
    min-height: 70px;
    padding: 5px 10px;
    text-align: center;    
}

.product-item  span {
    display: block;
    height: 150px;
    width: auto;

}
.product-item .shadow {
    padding: 15px 10px;
}

.product-item a, .product-item a:hover {
    color: #9a2510;
    line-height: 1.25em;
}

.card-item {
    margin-bottom: 20px;
}
.card-item .card-title {
    min-height: 70px;
    padding: 5px 10px;
    text-align: center;    
}

.card-item  span {
    display: block;
    height: 150px;
    width: auto;

}
.card-item .shadow {
    padding: 15px 10px;
}

.card-item a, .card-item a:hover {
    color: #9a2510;
    line-height: 1.25em;
}

.paginator {
    padding: 10px 0;
}

.paginator a, .paginator a:hover {
    color: #9a2510;
}

#topbg {background: url("/bitrix/templates/craft/images/topmenu_bg.png") repeat-x; width:100%; height:62px;}

@font-face { font-family: Corbel; src: url("/bitrix/templates/craft/corbelb.ttf");}

#top {width:960px; margin: 0 auto; height: 62px; }

/*#top-menu {height: 47px; font-family: Corbel; padding-top:15px; float:left; width:740px;}*/

/*#topsearch {float:right; padding-top:18px; width:220px;}*/

/*#header { height: 110px; width:940px; margin:0 auto;}*/

#callnow {margin-left:200px;  padding-bottom:19px;}

#slider {margin: 0 auto; width:940px; margin-top:5px;}

#slidertext {background: url("/bitrix/templates/craft/images/slidertext_bg.png"); width: 268px; height: 240px; margin-top:-290px;
margin-left:620px; color:#ffffff; font-size:10px; text-transform: uppercase; padding:25px; line-height: 16px;}

#mainexpo {width:330px; float:left; height:100%; margin-left:5px;}

#mainnews {width:550px; height: 100%; margin-left:30px; float:right;}

#content {width:940px; overflow: hidden; margin: 0px auto 29px; zoom: 1;}

#workarea {padding-top:20px; width:940px; float: right;}

/*#footer  {background: url(/bitrix/templates/craft/images/footer_bg_1.png); repeat-x; width:100%;height: 90px; margin:0 auto;*/
/*margin-bottom:0px; color:#ffffff; font-size:11px;}*/

/*#copy {padding-top:32px; margin-left:30px; float:left;}*/
/*#address {padding-top:32px; margin-left:180px; float:left;}*/
#develop {padding-top:18px; margin-left:270px; float:left; line-height:15px;}
#develop a {color:#ffffff; text-decoration:none;}

form { margin:0; padding:0;}

form.main-form
{
	display: block;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

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


#search {width:200px; overflow: hidden;}
#search div.rounded-box {float: left; width:145px;}
#search div.search-inner-box {border: 1px solid; height: 20px; overflow:hidden;}
#search div.search-inner-box input {border:1px solid; width: 141px; 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: Arial, serif;
	font-size: 11px;
	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: none;}
a:hover {
	text-decoration: none !important;
}
#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%; }
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; }
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;}

/* Catalog List */
div.catalog-list, div.catalog-detail  { padding: 1em 0 0;}
div.catalog-item { margin: 0 0 2em; padding: 0 0 2em; border-bottom: 1px solid; overflow: hidden; zoom: 1;}
div.catalog-detail div.catalog-item { border: none; }
div.catalog-item-title { margin: 0 0 1em;}
div.catalog-item-title a { font-weight: bold; }

div.catalog-item-image { float: left; margin: 0 1em 1em 0; border:1px solid; padding: 4px; }
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; }
div.catalog-item-desc-float { }
div.catalog-item-properties { clear: both; padding: 1em 0 0;  overflow: hidden;}
div.catalog-item-property { margin: 0 0 1em; border-bottom:1px dashed; float: left; width: 100%;}
div.catalog-item-property b { float: right; position: relative; top: 0.31em; padding-left: 3px; font-style:italic; font-weight:normal; }
div.catalog-item-property span { float: left; position: relative; top: 0.31em; padding-right: 3px; zoom: 1;}
div.catalog-item-properties-title { font-size: 1em; font-weight: bold; margin: 2em 0 1em; }



/* Top menu */
#horizontal-multilevel-menu, #horizontal-multilevel-menu ul
{
	list-style:none;
	font-size: 14px;
	float:left;
	background: none;
        text-transform: uppercase;
}

#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 a.parent { background: url(images/top-menu-arrow.gif) center right no-repeat; } /*Item-parents*/
#horizontal-multilevel-menu li a.root-item-selected { font-weight:bold; } /*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:300px;
	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; }


#logoParade
{
	width: 937px;
	height: 123px;
        position:relative;
        margin: 0 auto;
        margin-top:20px;

}

#logoParade div.scrollableArea a
{
	display: block;
	float: left;
	padding-left: 10px;
}





#gallery {
    height: 123px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
#gallery a {
    display: block;
    float: left;
    padding-left: 0px;
    position: relative;
}
#gallery a.first {
    background: none repeat scroll 0 0 transparent;
    padding-left: 0;
}
#gallery_shadow_left {

    float: left;
    height: 123px;
    margin-top: -123px;
    position: absolute;
    width: 30px;
}
#gallery_shadow_right {

    float: right;
    height: 123px;
    margin-left: 910px;
    margin-top: -123px;
    position: absolute;
    width: 30px;
}
#gallery_shadow_right div, #gallery_shadow_left div {
    height: 123px;
    position: absolute;
    width: 34px;
}
#gallery_shadow_right div {
    right: -37px;
}
#gallery_shadow_left div {
    left: -37px;
}

div.scrollingHotSpotLeft {
    background-position: center center;
    background-repeat: repeat;
    height: 100%;
    left: 0;
    min-width: 75px;
    position: absolute;
    width: 10%;
    z-index: 200;
}
div.scrollingHotSpotLeftVisible {
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    opacity: 0.35;
}
div.scrollingHotSpotRight {
    background-position: center center;
    background-repeat: repeat;
    height: 100%;
    min-width: 75px;
    position: absolute;
    right: 0;
    width: 10%;
    z-index: 200;
}
div.scrollingHotSpotRightVisible {
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    opacity: 0.35;
}
div.scrollWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}
div.scrollableArea {
    height: 100%;
    position: relative;
    width: auto;
}



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

#header, #footer {
	background: #991a05;
	min-height: 62px;
	font-family: Corbel;
	display: flex;
	padding-top: 11px;
	padding-bottom: 11px;
}

#header .container, #header .row {

}

#header ul {
	width: auto;
}

#header nav {
	padding: 0;
}

#topsearch {
	float: right;
}

.navbar-toggler {
	background: #fff !important;
}

.navbar-toggler span {
	color: #991a05;
	display: flex;
	justify-content: center;
	align-items: center;
}

#footer {
	background: #991a05;
	min-height: 100px;

}

#copy, #address {
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	height: 78px;
}

.card-item .shadow {
	padding: 20px;
}
.card-item .center-content {
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: Corbel;
	font-weight: bold;
	color: #991a05;
}

.card-item:hover .shadow{
	box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important;
}

@media screen and (max-width: 991px) {
	#header ul {
		width: 50%;
	}
	#footer .container {
		display: flex;
		align-items: center;
	}
	#copy, #address {
		justify-content: center;
		height: auto;
	}
}

body {
	margin: 0;
	font-family: Helvetica, sans-serif;
	background-color: #f4f4f4;
}

a {
	color: #000;
}

/* header */

#header {
	box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
	position: relative;
	width: 100%;
	z-index: 3;
	background: #991a05;
}

#header ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

#header li a {
	display: block;
	padding: 5px 5px;
	text-decoration: none;
}
/* menu */

#header .menu {
	clear: both;
	max-height: 0;
	transition: max-height .2s ease-out;
}

/* menu icon */

#header .menu-icon {
	cursor: pointer;
	display: inline-block;
	float: right;
	padding: 28px 20px;
	position: relative;
	user-select: none;
}

#header .menu-icon .navicon {
	background: #333;
	display: block;
	height: 2px;
	position: relative;
	transition: background .2s ease-out;
	width: 18px;
}

#header .menu-icon .navicon:before,
#header .menu-icon .navicon:after {
	background: #333;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	transition: all .2s ease-out;
	width: 100%;
}

#header .menu-icon .navicon:before {
	top: 5px;
}

#header .menu-icon .navicon:after {
	top: -5px;
}
.menu-btn {
	width: 50px;
	height: 100%;
	border: none;
	color: #991a05;
	border-radius: 2px;
}

.search {
	display: flex;
	justify-content: end;
}

.logo img {
	width: 100%;
	height: auto;
}

.header-contact {
    padding-top: 20px;
    text-align: right;
    padding-right: 50px;
    font-weight: bold!important;
    font-size: 0.9em;
}

.home p {
    text-align: justify;
}

a, a:hover {
  color:#9a2510!important;  
}

.header-menu ul li a, .header-menu ul li a:hover {
  color:white!important;  
}

.header-menu ul li ul li a, .header-menu ul li ul li a:hover {
  color:#991a05!important;  
}

.redbutton {
    background-color: #991a05;
    color: white!important;
    font-weight: bold;
    border-radius: 30px;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 1em;
}

.redbutton:hover {
    background-color: white;   
    border: 1px solid #991a05; 
}

@media (max-width: 991px) {
	#header .menu {
		height: 0;
		position: absolute;
		background: #991a05;
		left: 0;
		flex-direction: column;
		top: 62px;
		transition: 1s;
		overflow: hidden;

	}
	#header .menu ul#horizontal-multilevel-menu {
		display: flex;
		flex-direction: column;
		align-items: start;
		justify-content: start;

	}
	#header .menu.active {
		height: 210px;
	}

	#header li {
		float: left;
	}
	#header li a {
		padding: 20px 30px;
	}
	#header .menu {
		clear: none;
		float: right;
		max-height: none;
	}
	#header .menu-icon {
		display: none;
	}
}

.youtube {
    overflow: hidden;
    position: relative;
    width:100%;
    margin: 50px 0;
}

.youtube::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.news-home .title h3{
    font-weight: 800;
    text-align: center;
}

.news-home .mynews-more {
    min-height: 20px;
    padding: 10px;
    text-align: center;
}

.news-home .description {
    min-height: 170px;
    padding: 10px 0;
}

.news-home .divider {
    display: block;
    height: 50px;
}