/* Start:/local/templates/ofisomaniya/components/bitrix/menu/horizontal_multilevel/style.css?16998892284060*/
/**Top menu**/
#horizontal-multilevel-menu,#horizontal-multilevel-menu ul
{
	margin:0; padding:0;
	/* background:#BC262C url(/local/templates/ofisomaniya/components/bitrix/menu/horizontal_multilevel/images/header_menu_bg.gif) repeat-x;*/
	min-height:27px;
	width:100%;
	list-style:none;
	/*font-size:11px;*/
	float:left;
	/*font-size:90%*/
}
/*Links*/
#horizontal-multilevel-menu a
{
	display:block;
	padding:5px 10px;
	/*padding:0.3em 0.8em;*/
	/*text-decoration:none;*/
	text-align:center;
	/*font-family: Tahoma;*/
	
}

#horizontal-multilevel-menu li
{
	float:left;
	line-height: 40px;
}

/*Root items*/
#horizontal-multilevel-menu li a.root-item
{
	/*color:#fff;*/
	/*font-weight:bold;*/
	padding:7px 12px;
}

/*Root menu selected*/
#horizontal-multilevel-menu li a.root-item-selected
{
	background:#ff6c00;
	color:#fff;
	/*font-weight:bold;*/
	padding:7px 12px;
}
/*Item-parents*/
#horizontal-multilevel-menu a.parent
{
	background: url(/local/templates/ofisomaniya/components/bitrix/menu/horizontal_multilevel/images/arrow.gif) center right no-repeat;
}

/*Denied items*/
#horizontal-multilevel-menu a.denied
{
	background: url(/local/templates/ofisomaniya/components/bitrix/menu/horizontal_multilevel/images/lock.gif) center right no-repeat;
}
/*Sub-menu box*/
#horizontal-multilevel-menu li ul
{
	position:absolute;
	/*top:-999em;*/
	top:auto;
	display:none;
	z-index:500;

	height:auto;
	/*width:12em;*/
	width:135px;
	background:#F5F5F5;
	border:1px solid #C1C1C1;
}

/*Sub-menu item box*/
#horizontal-multilevel-menu li li
{
	width:100%;
	border-bottom:1px solid #DEDEDE;
}

/*Item link*/
#horizontal-multilevel-menu li ul a
{
	text-align:left;
}

/*Items text color & size */
#horizontal-multilevel-menu li a,
#horizontal-multilevel-menu li:hover li a,
#horizontal-multilevel-menu li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a
{
	/*color:#4F4F4F;
	font-weight:bold;*/
}

/*Items text color & size: hover*/
#horizontal-multilevel-menu li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover a,
#horizontal-multilevel-menu li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a
{
	color:#4F4F4F;
}

#horizontal-multilevel-menu li ul ul
{
	margin:-27px 0 0 132px;
	/*margin:-1.93em 0 0 11.6em;*/
}

#horizontal-multilevel-menu li:hover ul ul,
#horizontal-multilevel-menu li.jshover ul ul,
#horizontal-multilevel-menu li:hover ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul ul
{
	/*top:-999em;*/
	display:none;
}

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

div.menu-clear-left{clear:left;}
ul.top-submenu li{line-height: 16px !important;}
/* End */


/* Start:/local/templates/ofisomaniya/components/bitrix/sale.basket.basket.line/.default/style.css?16998892284424*/
.bx-basket {
	/*background-image: url('/local/templates/ofisomaniya/components/bitrix/sale.basket.basket.line/.default/images/order.png');*/
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 12px;
}
.bx-hdr-profile > .moy_zakaz{
	color: #ff6c00;
    font-size:18px;
    font-weight: bold;
}

.bx-basket-block {

	padding-bottom: 5px;
	white-space: nowrap;
	position: relative;
	
}
.bx-basket-block>.fa {
	/*color: #97a1ab;*/
	width: 12px;
	position: absolute;
	left: 0;
	top: 3px;
}
.bx-basket-block a {
	/*color: #039BE5;*/
	border-bottom: 1px dashed;
	margin-right: 10px;
}
.bx-basket-block a:hover {
	text-decoration: none;
	border-bottom-color: transparent;
}


/*FIXED BASKET*/

@media (min-width: 768px) {
	.bx-basket-fixed{
		width: 200px;
		position: fixed;
		z-index: 1100;
		background: #fff;
		padding-top: 10px;
		border: 1px solid #F0F0F0;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
		border-radius: 1px;
		overflow: hidden;
	}
	.bx-basket-fixed.top	  {top:10px}
	.bx-basket-fixed.right  {right:10px}
	.bx-basket-fixed.bottom{bottom:10px}
	.bx-basket-fixed.left	 {left:10px}
	.bx-basket-fixed.bx-max-height{top:10px;bottom:10px;}
}
@media (max-width: 767px) {
	.bx-basket-fixed{
		/*width: 200px;*/
		position: fixed;
		z-index: 1100;
		background: #fff;
		padding-top: 10px;
		border: 1px solid #F0F0F0;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
		border-radius: 1px;
		overflow: hidden;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.bx-basket-item-list{
		display: none;
	}
	/*.bx-basket-fixed */
}
.bx-basket-fixed .bx-basket-block{
	margin-left: 10px;
}
.bx-basket-item-list{
	position: relative;
	padding-bottom: 20px;
	border-top: 1px solid #F7F7F7;
	overflow: hidden;
}
.bx-opener .bx-basket-item-list{
	padding-bottom: 75px;
}
.bx-max-height .bx-basket-item-list{
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
}
.bx-closed .bx-basket-item-list{
	height: 20px;
	overflow: hidden;
}
.bx-basket-item-list-action{
	cursor: pointer;
	background: #F7F7F7;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 120;
	height: 20px;
	line-height: 14px;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	color: #4f4f4f;
	padding: 3px 0;
}
.bx-basket-item-list-button-container{
	text-align: center;
	position: absolute;
	bottom: 20px;
	border-top: 1px solid #F7F7F7;
	padding: 10px 0;
	background: #fff;
	left: 0;
	right: 0;
}

.bx-basket-item-list-button-container a.btn
{
	color: #dddddd;
	text-decoration: none;
}

.bx-basket-item-list-button-container a.btn:hover,
.bx-basket-item-list-button-container a.btn:active
{
	color: #ffffff;
}

.bx-basket-item-list-container{
	overflow-y: auto;
	max-height: 100%
}
.bx-basket-item-list-item{
	padding-top: 15px;
	position: relative;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #F7F7F7;
}
.bx-basket-item-list-container .bx-basket-item-list-item:last-child{
	border-bottom: none;
	margin-bottom: 0;
}
.bx-basket-item-list-item-status{
	font-weight: bold;
	padding: 3px;
	background: #EBEBEB;
	margin: 0 10px 20px;
	line-height: 16px;
	font-size: 13px;
	border-radius: 3px;
	text-align: center;
	white-space: normal;
}
.bx-basket-item-list-item-img{
	text-align: center;
	position: relative;
	padding-bottom: 5px;
}
.bx-basket-item-list-item-img img{
	max-width: 90px;
	height: auto;
	border: 1px solid #E6E6E6;
}
.bx-basket-item-list-item-name
{
	padding-bottom: 5px;
}
.bx-basket-item-list-item-name a
{
	font-size: 13px;
	color: #3F3F3F;
	text-decoration: none;
	white-space: normal;
	line-height: 16px;
}
.bx-basket-item-list-item-remove{
	position: absolute;
	right: 10px;
	top: -7px;
	width: 20px;
	height:20px;
	cursor: pointer;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAAJFBMVEX///8yMjI6Ojpvb29wcHCEhISHh4eIiIiqqqqtra2wsLCxsbE3yvJ6AAAAAXRSTlMAQObYZgAAACxJREFUCNcFwYEBgCAMA7BYUMb2/78m9sXdJtfNMHkzcJ4DlS9FpXXKavT6ARdgANGqCJ38AAAAAElFTkSuQmCC) no-repeat center;
	opacity: .5;
}
.bx-basket-item-list-item-remove:hover{
	opacity: .7;
}
.bx-basket-item-list-item-price-block{
	padding-bottom: 5px;
	font-size: 12px;
}
.bx-basket-item-list-item-price{
	display: inline-block;
	margin-right: 5px;
}
.bx-basket-item-list-item-price-old{
	display: inline-block;
	margin-right: 5px;
	text-decoration: line-through;
	color: #B0B0B0
}
.bx-basket-item-list-item-price-summ{}

.bx_cart_login_top .bx-hdr-profile a {
	text-decoration: none;
}
.bx_cart_login_top .bx-hdr-profile{
	line-height: 1.44em;
}
/* End */


/* Start:/bitrix/components/bitrix/search.title/templates/.default/style.css?16998900192108*/
div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:205;
}

table.title-search-result {
	border-collapse: collapse;
	border:none;
	width:10%;
}

table.title-search-result th {
	background-color:#F7F7F7;
	border-right:1px solid #e8e8e8;
	color:#949494;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:14px;
 	padding-right:12px;
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
	width:1%;
}

table.title-search-result td {
	background-color:white;
	color:black;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	white-space:nowrap;
}

table.title-search-result td.title-search-item {
	padding-left:8px;
	padding-right:15px;
}

table.title-search-result td.title-search-item a {
	padding-left:4px;
	padding-right:15px;
	text-decoration: none;
	color:black;
	vertical-align:top;
	display:block;
}

table.title-search-result td.title-search-item img {
	vertical-align:top;
}

table.title-search-result td.title-search-item b {
	color:#cf0000;
	font-weight:normal;
}

table.title-search-result tr.title-search-selected td
,table.title-search-result tr.title-search-selected a
,table.title-search-result tr.title-search-selected td.title-search-more a
{
	background-color:#fff2be;
}

table.title-search-result td.title-search-more {
	font-size:11px;
	font-weight:normal;
	padding-right:15px;
	padding-left:24px;
	padding-top:0px;
}

table.title-search-result td.title-search-more a
{
	padding-left:12px;
	padding-right:15px;
	text-decoration:none;
	color:#999999;
}

table.title-search-result td.title-search-all {
	padding-left:24px;
	padding-right:15px;
}

table.title-search-result td.title-search-all a
{
	padding-left:4px;
	text-decoration:none;
	color:#808080;
}

table.title-search-result td.title-search-separator
, table.title-search-result th.title-search-separator {
	padding-top:0px;
	padding-bottom:0px;
	font-size:4px;
}

div.title-search-fader {
	display:none;
	background-image: url('/bitrix/components/bitrix/search.title/templates/.default/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}
/* End */


/* Start:/local/templates/ofisomaniya/components/bitrix/breadcrumb/.default/style.css?17675488601224*/
ul.breadcrumb{
	display: block;
	margin:0 0 5px 0px;
	padding:0;
	background-color: transparent;
}
ul.breadcrumb > li{
	display: inline-block;
	padding: 0 0 0 0px;
	margin: 0 0 0 5px;
	font-size: 16px;
	position: relative;
}

ul.breadcrumb > li:first-child{
	margin-left: 0;
	font-size: 17px !important;
	color: #5b5b5b !important;
}

.breadcrumb > li + li::before{
	content: "";
	padding: inherit;
}
ul.breadcrumb .bread-arrow,
ul.breadcrumb > li.bread-arrow {
	cursor: pointer;
	border-radius: 2px;
	border: 1px solid #afafaf;
	vertical-align: middle;
	line-height: 14px;
	width: 14px;
	text-align: center;
	color: afafaf;
	font-size: 9px;
	display: inline-block;
	margin-left: 5px;
}
.bread-popup {
	display: none;
    position: absolute;
    top: -10px;
	left: -10px;
    z-index: 1;
}
.bread-popup ul {
    margin: 0;
    padding: 10px;
    list-style: none;
    background: #fff;
    min-width: 170px;
    box-sizing: border-box;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.3);
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    white-space: nowrap;
}
.bread-popup li {
    margin: 0 0 5px 0;
}
.bread-popup li:nth-child(1) {
    margin-bottom: 10px;
}

/* End */


/* Start:/local/templates/ofisomaniya/components/bitrix/menu/bottom_menu/style.css?1699889228248*/
nav.bottom-menu{
	overflow: hidden;
}

nav.bottom-menu > UL.bottom-menu-list{
	list-style: none;
	float:left;
	width:33%;
	padding: 20px 0;
}

nav.bottom-menu > UL.bottom-menu-list LI > A{
	font-weight: bold;
	font-size: 11px;
	line-height: 20px;
}
/* End */


/* Start:/local/templates/ofisomaniya/components/bitrix/menu/bottom_right_menu/style.css?1699889228269*/
nav.bottom-right-menu{
	overflow: hidden;
}

nav.bottom-right-menu > UL.bottom-right-menu-list{
	list-style: none;
	padding: 20px 0;
}

nav.bottom-right-menu > UL.bottom-right-menu-list LI > A{
	font-weight: bold;
	font-size: 11px;
	line-height: 20px;
	color:#ff6c00;
}
/* End */


/* Start:/local/templates/ofisomaniya/styles.css?177481647118877*/
/**/
html,body{
	font-family: Arial, Tahoma;
	font-size: 14px;
	font-weight: normal;
	color: #5b5b5b;
}

i{
	font: inherit;
}

a{
    color: #3a64ff;
    text-decoration: underline;
}

a:hover{
	color: #ff6c00!important;
}


h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 600 !important;
  line-height: 1.2;
}

h1, .h1 {
font-size: 2.2rem !important;
color:#ff6c00;
margin: 0;
padding: 0;
}

h2, .h2 {
font-size: 1.8rem !important;
color:#CE4E1B;
}

h3, .h3 {
font-size: 1.55rem !important;
font-weight: 600 !important;
color:#CE4E1B;
margin-top: 15px;
}

h4, .h4 {
font-size: 1.45rem !important;
margin-top: 15px;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

td{
	vertical-align: top;
}

#pagetitle{
	color:#ff6c00;
	font-size:24px;
	padding:10px 0 10px 0px;
	margin:0;
	font-weight:normal;
}

div.orange-line{
	height:1px;
	overflow: hidden;
	background-color: #ff6c00;
}

div.grey-line{
	height:1px;
	overflow: hidden;
	background-color: #b2b2b2;
}

table.products-list-head{
	width:100%;
}

div.title-text{
	color:#ff6c00;
	font-size: 30px;
	line-height: 28px;
	white-space: nowrap;
	padding-left:120px;
	padding-right: 35px;
}


table.products-list-head > tbody > tr > td{
	padding: 20px 0;

}

.orange-1{
	color:#ff6600;
	font-size:16px;
	font-weight: bold;
}

.orange-1 a{
	color:#ff6600;
	text-decoration:none;
}



div.brands-block{

}
div.brands-letters{
	overflow: hidden;
	text-align: center;
}

div.brands-letters a.letter{
	display: inline-block;
	/*float:left;*/
	margin: 0 1px 0 1px;
	padding: 3px 2px 3px 2px;
	font-weight: bold;
	text-decoration: none;
	font-size:16px;
}
div.brands-letters a.letter.selected{
	color:red;
}

div.brands-list{

	margin-top:10px;
	overflow: hidden;
	display: none;
}

div.brands-list.selected{
	display:block;
}

div.brands-list div.brand-item{
	display: table !important;
	height: 90px;
	width: 140px;
	float: left;
	margin: 0 55px 55px 0;
	background-color: #fafafa;

	box-shadow: 0 2px 2px -1px rgba(100, 100, 100, 1);
	border-radius: 2px;

	background-repeat: no-repeat;
	background-position: center;
	border:1px solid #aaa;
	border-collapse: collapse;
}

div.brands-list div.brand-item:hover{
	background-color: #E0E0E0;
}

div.brands-list div.brand-item.selected{
	background-color:#FFC0C0;


}

div.brands-list div.brand-item.selected > a{
	border-color:#FF0000;
}

div.brands-list a.brand-item{
	display: table-cell !important;
    left: auto !important;
    position: relative;
    text-align: center;
    top: auto !important;
    vertical-align: middle;
    border: 1px solid #aaa;
    text-decoration: none;


}
div.brands-list a.brand-item:hover{
	border-color:#008000;
	/*background-color: #C0C0C0;*/
}

div.brands-list a.brand-item span {
    display: block;
    position: relative;
    top: auto !important;
    vertical-align: middle;
}




/* lists */
div.lists{

}

div.lists > table.list-item{
	margin: 10px 0 10px 0;
}
div.lists > div.bottom{
	margin: 10px 0 10px 0;
}

div.lists > table.list-item > tbody > tr > td{
	vertical-align: top;
}

/* actions */
div.actions{}
div.actions > table.action-item{
	margin: 10px 0 10px 0;
	width: 100%;
}
div.actions > div.bottom{
	margin: 10px 0 10px 0;
}

div.actions > table.action-item > tbody > tr > td{
	vertical-align: top;
}

UL.banners-right{
	list-style: none;
	padding:0;
	margin:0;
}

UL.banners-right > LI > A > IMG{
	width:210px;
	height:auto;
}




/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 942;
  overflow: hidden;
  position: fixed;
  /*background: #0b0b0b;*/
  background: rgba(219, 243, 238, 0);
  opacity: 0.9;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 943;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close-style {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close-style, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close-style {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close-style {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close-style {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close-style {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close-style {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close-style {
  top: 0;
  right: 0;
  padding-top: 0; }
.white-popup-block {
    background: #FFF;
    padding: 20px 30px;
    text-align: left;
    max-width: 80%;
    margin: 40px auto;
    position: relative;
    padding-bottom: 100px;
}
.buttom_custom{
    background: #bbed21;
    padding: 20px;
    border: 0;
    color: #7a818a;
    display: inline;
    height: auto;
    font-family: "OpenSans-Bold",Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 47px;
    margin-left: 17px;
    text-shadow: none!important;
    text-transform: uppercase;
    -webkit-transition: color .25s linear;
    transition: color .25s linear;
}
.crm-item-del{display:none;}
.popup-window.popup-window-no-paddings, .popup-window.popup-window-no-paddings .popup-window-content{
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}
/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
	padding: 0;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
	top: 0;
	bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
	padding: 0;
}
.img_zoom{
	cursor: url(/local/templates/ofisomaniya/./images/zoom.cur), pointer !important;
	}
	.clearfix {
    clear: both;
}

.sections-tree ul{
	width: 260px;
}

.select_view_section{
	text-align: center;
	float: right;
}
.select_view_section li{
	list-style: none;
	display: inline-block;
	padding-right: 5px;
	border-right: 1px solid black;
	cursor: pointer;
}
.select_view_section li a{
	text-decoration: underline;
}
.select_view_section li:last-child{
	border-right: none;
}
.select_view_section li a.selected{
	text-decoration: none!important;
color: #5b5b5b;
}







@font-face {
	font-family: 'Segoe UI';
	src: url('/local/templates/ofisomaniya/fonts/SegoeUI-Light.eot');
	src: local('Segoe UI Light'), local('SegoeUI-Light'),
		url('/local/templates/ofisomaniya/fonts/SegoeUI-Light.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/ofisomaniya/fonts/SegoeUI-Light.woff') format('woff'),
		url('/local/templates/ofisomaniya/fonts/SegoeUI-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('/local/templates/ofisomaniya/fonts/SegoeUI-BoldItalic.eot');
	src: local('Segoe UI Bold Italic'), local('SegoeUI-BoldItalic'),
		url('/local/templates/ofisomaniya/fonts/SegoeUI-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/ofisomaniya/fonts/SegoeUI-BoldItalic.woff') format('woff'),
		url('/local/templates/ofisomaniya/fonts/SegoeUI-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('/local/templates/ofisomaniya/fonts/SegoeUI-SemiBold.eot');
	src: local('Segoe UI Semibold'), local('SegoeUI-SemiBold'),
		url('/local/templates/ofisomaniya/fonts/SegoeUI-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/ofisomaniya/fonts/SegoeUI-SemiBold.woff') format('woff'),
		url('/local/templates/ofisomaniya/fonts/SegoeUI-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('/local/templates/ofisomaniya/fonts/SegoeUI.eot');
	src: local('Segoe UI'), local('SegoeUI'),
		url('/local/templates/ofisomaniya/fonts/SegoeUI.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/ofisomaniya/fonts/SegoeUI.woff') format('woff'),
		url('/local/templates/ofisomaniya/fonts/SegoeUI.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('/local/templates/ofisomaniya/fonts/SegoeUI-Bold.eot');
	src: local('Segoe UI Bold'), local('SegoeUI-Bold'),
		url('/local/templates/ofisomaniya/fonts/SegoeUI-Bold.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/ofisomaniya/fonts/SegoeUI-Bold.woff') format('woff'),
		url('/local/templates/ofisomaniya/fonts/SegoeUI-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('/local/templates/ofisomaniya/fonts/SegoeUI-Italic.eot');
	src: local('Segoe UI Italic'), local('SegoeUI-Italic'),
		url('/local/templates/ofisomaniya/fonts/SegoeUI-Italic.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/ofisomaniya/fonts/SegoeUI-Italic.woff') format('woff'),
		url('/local/templates/ofisomaniya/fonts/SegoeUI-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

/* .row {
	display: flex;
} */
.clr:after {
	content: "";
	display: block;
	clear: both;
}
.h1-centered {
	text-align: center;
	text-transform: uppercase;
	color: #000;
	font-weight: normal;
	font-size: 25px;
	letter-spacing: 1px;
}
.s-items > div,
.s-same > div,
.s-similar > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.s-listitem-buttons {
	text-align: center;
}
.s-listitem.seria .s-listitem-buttons {
	text-align: left;
}
.s-btn {
	height: 40px;
	line-height: 40px;
	padding: 0 14px;
	background: #6ec34b;
	border: 0 none;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	display: block;
	text-decoration: none;
}
.s-btn:hover {
	text-decoration: none;
	color: #fff !important;
}
.s-btn-caps {
	font-size: 17px;
	text-transform: uppercase;
}
.s-listitem-buttons .s-btn {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

#s-specwindow,
#s-colorwindow {
	display: none;
}
.s-colors img,
#s-colorwindow img {
	height: 60px;
	border-radius: 50%;
	border: 1px solid gray;
}
.s-colors div,
#s-colorwindow .holder div {
	float: left;
	border-radius: 50%;
	position: relative;
	cursor: pointer;
	border: 3px solid #fff;
	margin-right: 13px;
}
.s-colors div.active,
#s-colorwindow .holder div.active {
	border: 3px solid #ffec59;
}
.s-colors div.active:after,
#s-colorwindow .holder div.active:after {
	content: '';
	display: block;
	clear: both;
	background: transparent url('/images/check.png') no-repeat 0 0;
	width: 24px;
	height: 18px;
	position: absolute;
	left: 20px;
	top: 22px;
}
.s-colors div.active img,
#s-colorwindow .holder div.active img {
	border: 0 none;
}
.s-colors div.s-colors-more {
	color: #cc3366;
	margin-right: 0;
	margin-top: 19px;
	text-align: center;
	border: 0 none;
}
.s-colors-more:after {
	content: '';
	margin-left: -5px;
	border: solid black;
	border-width: 0 1px 1px 0;
	display: inline-block;
	padding: 5px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	position: absolute;
	left: 50%;
	top: 13px;
}
/*faq*/
.section-header .section-title div {
	font-size: 1.3em;
	color: #558d9b;
	font-family: /*'Yanone Kaffeesatz',*/Arial, Helvetica Neue, Helvetica, sans-serif;
	text-transform: uppercase !important;
	letter-spacing: 1px;
	font-weight: 600;
}
.section-title h2 {
	font-size: 1.5em;
	color: #ff6c00;
	font-family: /*'Yanone Kaffeesatz',*/Arial, Helvetica Neue, Helvetica, sans-serif;
	text-transform: uppercase !important;
	letter-spacing: 1px;
	font-weight: 600;
}
.section-header h2 {
	font-size: 1.5em;
	color: #ff6c00;
	font-family: /*'Yanone Kaffeesatz',*/Arial, Helvetica Neue, Helvetica, sans-serif;
	text-transform: uppercase !important;
	letter-spacing: 1px;
	font-weight: 600;
}
div.grey-line {
    height: 0.5px;
    overflow: hidden;
    background-color: #D4D4D4;
	margin-bottom: 5px;
}
.question {
	font-size: 1.3em !important;
	color: #D65900;
	font-family: /*'Yanone Kaffeesatz',*/Arial, Helvetica Neue, Helvetica, sans-serif;
	font-weight: 600;
}
.answer {
    display: block;
    border-left: 3px solid #aaaaaa;
    padding: 0px 0px 1px 15px;
	font-size: 1.1em !important;
    font-style: italic;
    margin-bottom: 10px;
}
.container{padding-right:5px;padding-left:5px;margin-right:auto;margin-left:auto}
@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}
.container-fluid{padding-right:5px;padding-left:5px;margin-right:auto;margin-left:auto}
/*faq-end*/

.tdf1 table {
width: 100%;
border-collapse: collapse;
margin: 20px auto;
}
.tdf1 th, td {
padding: 8px;
text-align: left;
}
.tdf1 th {
font-weight: bold;
}
.tdf1 td {
border: 1px solid black;
text-align: center;
vertical-align: middle;
}

/* End */


/* Start:/local/templates/ofisomaniya/template_styles.css?17715870324959*/
body,html,form{
	padding:0;
	margin:0;
}

body{
	font-size: 1.2rem;
	font-weight: normal !important;
	/*
	position: relative;
	background-image: url(/bitrix/templates/ofisomaniya/images/Fon_Ofisomania_2.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	*/
	/*
	background:
			url(/bitrix/templates/ofisomaniya/images/left_bg.PNG) 0 0 no-repeat,
			url(/bitrix/templates/ofisomaniya/images/right_bg.PNG) 0 0 no-repeat;
			*/
}
div.bg_left {
	/*
	content: '';
	position: absolute;
	width: 50%;
	height: 100%;
	background-image: url(/bitrix/templates/ofisomaniya/images/left_bg.PNG);
	z-index: -100;
	*/
	position: absolute;
	width: 50%;
	height: 100%;
	background-image: url(/bitrix/templates/ofisomaniya/images/left_bg.PNG);
	background-repeat: no-repeat;
	background-position: left top;
	z-index: -100;
	left: 0;
	background-size: 35vw;
}
div.bg_right {
	position: absolute;
	width: 50%;
	height: 100%;
	background-image: url(/bitrix/templates/ofisomaniya/images/right_bg.PNG);
	background-repeat: no-repeat;
	z-index: -100;
	right: 0;
	background-position: right top;
	background-size: 46vw;
}
@media (min-width: 1300px) {
	div.bg_left {
		background-size: 35vw;
	}
	div.bg_right {
		background-size: 35vw;
	}
}
@media (min-width: 1500px) {
	div.bg_left {
		background-size: 30vw;
	}
	div.bg_right {
		background-size: 30vw;
	}
}




table{
	font: inherit;
}

p{
	max-width: 1480px;
}

/*основной блок*/
div#main-wrap{
	margin: 0 1%;	
}

/*основная таблица разметки*/
table#main-frames{
	width:100%;
}

table#main-frames > tbody > tr > td.left-side{
	width:auto;
}

table#main-frames > tbody > tr > td.right-side{
	width:200px;
	vertical-align: top;
	padding-left:20px;
}

table#header-template{
	width:100%;
}


div.bottom-menu > table{
	width:100%;
	border-collapse: collapse;
}

div.bottom-menu > table > tbody > tr > td.left{
	width:100%;
}

TD.copyright{
	color:#5b5b5b;
	font-weight: bold;
	font-size:11px;
	line-height: 15px;
	width:265px;
}
TD.company_contact{
	color:#3a64ff;
	font-size:18px;
}
TD.company_contact a{
	font-size:18px;
	#line-height: 14px;
	#font-weight: bold;
	text-decoration:none;
}

TD.counters{
	text-align: right;
}
TD.counters img {
    padding: 0 0 0 20px;
    
}

TD.counters a{
	text-decoration: none;
}

DIV.banners{
	
}
DIV.banners > a.banner{
	display: block;
	margin-bottom:5px;
}

div.right-custom-menu{}

div.right-custom-menu > table > tbody > tr > td{
	padding: 0 0 10px 0;
}

div.right-custom-menu > table > tbody > tr > td > div.right_title{
	color: #5b5b5b;
	font-size:18px;
}

div.right-custom-menu > table > tbody > tr > td > a{
	font-weight: bold;
}

div.news-line > div.title{
	display: block;
	color:#ff6c00;
	font-size: 24px;
}

#template-content{
	padding: 0 0 5px 0;
}

#toTop{
	background: rgba(252, 202, 5, 1) url("/local/templates/ofisomaniya/images/up-arrow.png") no-repeat scroll 50% 45%;
    border: 1px solid rgba(255, 188, 0, 1);
    border-radius: 50%;
    bottom: 15%;
    display: none;
    height: 40px;
    overflow: hidden;
    position: fixed;
    right: 145px;
    transition: background-color 0.4s ease-out 0s;
    width: 40px;
    z-index: 999;	
}
#toTop.show_up{
	display: block;
}

.home_block h1 {
    color: #ff6600;
    font: 21px/21px Arial;
    margin-left: 6px;
    padding-bottom: 10px;
}
.home_block span {
    color: #3a64ff;
    font: bold 18px/18px Arial;
}
.compare_bottum{ 
	float: right;
	margin-top: -24px;
	width: 79px;
    height: 22px;
    background: url(/bitrix/templates/ofisomaniya/images/sravnit_a.png);
}
.compare_bottum:hover{
	background: url(/bitrix/templates/ofisomaniya/images/sravnit_sv.png);
	}
.compare_bottum:active{
	background: url(/bitrix/templates/ofisomaniya/images/sravnit_na.png);
	}

.new_basket{    
	padding: 0;
    cursor: pointer;
    border: 0;
	}
.new_basket{ 
	width: 79px;
    height: 22px;
	vertical-align: middle;
	margin-bottom: 4px;
    background: url(/bitrix/templates/ofisomaniya/images/v_korzinu_a.png);
}
.new_basket:hover{
	background: url(/bitrix/templates/ofisomaniya/images/v_korzinu_sv.png);
	}
.new_basket:active{
	background: url(/bitrix/templates/ofisomaniya/images/v_korzinu_na.png);
	}
.form_new_basket{	
	    float: right;
}
.catalog_list_items_in_basket{
	 float: right;
	 margin-bottom: -18px;
}
.catalog_list_items_in_compare{
	float: right;
	padding-top: 13px;
	margin-bottom: -35px;
}

.bx-pagination .bx-pagination-container ul li.bx-pag-all span:hover, .bx-pagination .bx-pagination-container ul li.bx-pag-prev span:hover, .bx-pagination .bx-pagination-container ul li.bx-pag-next span:hover{
	background: #fff;
    border-color: #dadada;
    color: #000;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev span, .bx-pagination .bx-pagination-container ul li.bx-pag-next span{
	    background: #fff;
    border: 2px solid #eff0f1;
    line-height: 28px;
    padding: 0 18px;
    color: #444;
	    cursor: pointer;
}

/* End */
/* /local/templates/ofisomaniya/components/bitrix/menu/horizontal_multilevel/style.css?16998892284060 */
/* /local/templates/ofisomaniya/components/bitrix/sale.basket.basket.line/.default/style.css?16998892284424 */
/* /bitrix/components/bitrix/search.title/templates/.default/style.css?16998900192108 */
/* /local/templates/ofisomaniya/components/bitrix/breadcrumb/.default/style.css?17675488601224 */
/* /local/templates/ofisomaniya/components/bitrix/menu/bottom_menu/style.css?1699889228248 */
/* /local/templates/ofisomaniya/components/bitrix/menu/bottom_right_menu/style.css?1699889228269 */
/* /local/templates/ofisomaniya/styles.css?177481647118877 */
/* /local/templates/ofisomaniya/template_styles.css?17715870324959 */