@font-face {
	font-family: "Avanti";
	src:url('/include/fonts/AvantiRegular.ttf'); 
}
@font-face {
	font-family: "AvantiBold";
	src:url('/include/fonts/AvantiBold.ttf'); 
}
@font-face {
	font-family: "Montserrat";
	src: url('/include/fonts/Montserrat.ttf') ; 
}
:root {
  --firm-color-1: #0080B0;
  
  --catalog-button-1: #FF6633;
  --catalog-button-2: #FF9933;
  
  --firm-color-2:#2e66b0;
  
  --firm-color-3:#e5f2f7;
  --firm-color-3-text:#0080B0;
}
.bxhtmled-dropdown-cont{z-index: 300002!important;}

#bx-admin-prefix{z-index:300001!important;}
.bx-core-dialog-overlay{z-index:300000!important;}
 /* background-color: var(--firm-color-1);*/

#YMapID{width:100% !important;} /* ширина scrollbar */
.office-detail{display: inline-block;width: 100%;}
/*====ЦИФРЫ НА ГЛАВНОЙ===*/
.orion-facts{color: var(--firm-color-3-text);float: left; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:17px; text-transform:uppercase;}
.orion-facts h4{ font-size: 64px;  /*font-family: "AvantiBold";*/ font-weight:bold;  line-height: 1.2; margin:5px;}
.orion-facts div{margin:32px 0;}
/*====ИСТОРИЯ НА ГЛАВНОЙ===*/
.orion-history{text-align:justify; text-indent:0px; font-size: 18px;}
.orion-history h1,.orion-history h2{text-transform:uppercase; }
.orion-history h1{  font-size: 33px; /* font-family: "AvantiBold"; */ line-height: 1.446;  font-weight: 500; text-align:left;}
.orion-history h2{  font-size: 20px; /* font-family: "AvantiBold"; */ line-height: 1.78;  font-weight: 500;}
#showMore{ display:none;text-align:justify; text-indent:0px; font-size: 18px;}
.showMoreButton{color: var(--firm-color-3-text); float:right; width:170px; margin:25px 0; cursor:pointer;}
.showMoreButton img{width:37px}

.lineH2{width:100%;background-image: url(/include/hLine.png);
background-repeat: repeat-x;
background-position: center center;
background-size: 20px;
margin:20px 0px;}
.lineH2 h2{
background: #fff;
  display: inline;
  padding-right: 30px; font-size:30px;}
  
 .mapInfo{ position: absolute;
  top: 20px;  right: 60px;
  z-index: 10;  background: #fff;
  padding: 30px 60px;
  width: 230px; height:calc(100vh - 140px); max-height:660px; font-size:16px;
  box-shadow:0 0 6px #555; overflow-y:scroll;}
  .mapInfo2{ position: static !important; box-shadow:none;
  padding: 50px 0;  width: 100%;  height:auto; align-items: baseline !important;}
  .mapInfo2 h2{display:none;}
  
  #map{width:100%; height:100vh; max-height:800px; margin-bottom:20px;}
   .mapInfoBaloon{ background: #fff;
  padding: 15px 30px; font-size:16px;
  box-shadow:0 0 6px #555; overflow-y:scroll;}
  
   .mapInfo h2,.mapInfo h3{margin:20px 0; width:100%; display:inline-block;}
   .mapInfo h2 {font-size:19px; margin:15px 0;}
   .mapInfo h3{font-size:16px; margin:15px 0;}
   .mapInfo div{margin-bottom:20px; display:inline-block;}
   .mapInfo a{text-decoration:none; color:#000;}
/*================================================*/
html { width:100%; height: 100%; padding:0; margin:0; scrollbar-width: thin;  scrollbar-color: var(--firm-color-2) #ffffff; font-size:16px;}

html::-webkit-scrollbar {
  width: 0px;               /* ширина scrollbar */
}
html::-webkit-scrollbar-track {
  background: #ffffff;        /* цвет дорожки */
}
html::-webkit-scrollbar-thumb {
  background-color: var(--firm-color-2);    /* цвет плашки */
  border-radius: 1px;       /* закругления плашки */
  border: 1px solid #ffffff;  /* padding вокруг плашки */
}

body
{
	width: 100%;
	min-height:100vh;
	margin:0;
	padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


#page-wrapper
{/*width:980px; margin: 0 auto -90px;
*/ width:100%;}

#TopBar{ box-sizing:border-box;  width:100%; padding: 0; margin:0; background:var(--firm-color-1);  font-weight: bold; position:fixed; top:0;left:0;z-index: 20007;}
#TopBar .container{height:92px;position: relative;}
.cataloge_button{
width:141px; 
height:50px;
display: flex;
align-items: center;
justify-content: center;
font-size:1rem;
background: var(--catalog-button-1);
color:#ffffff;
border:1px solid var(--catalog-button-1); 
border-radius: 0px;
text-decoration: none;
text-transform:uppercase;
color: white;
font-weight: bold;
box-shadow: none;
text-align:center;
cursor:pointer;
}
.cataloge_button:hover{background:  var(--catalog-button-2); color:#ffeeee;}

.flexdiv{display:flex; flex-wrap:wrap; justify-content:space-between;align-items:center;}

#catButton{position:absolute; top:20px; left:0px;}

#logo{width:231px; padding:0;margin:0; height:52px;position:absolute; top:20px;display:flex; justify-content:space-between;align-items:center; left:calc(50% - 115px);}
#logo img{float:left; width:100%; display:inline-block; padding:0;margin:0; }

#searchP{width:95px; height:52px; position:absolute; top:20px; right:0px; color:#fff; font-size:16px; cursor:pointer;}
#searchP img{width:30px; cursor:pointer;}

#site-phone{position:absolute; top:20px; right:40px; height:52px; display:flex; align-items:center;}
#site-phone a{font-family: Montserrat, Verdana, Arial, Helvetica, sans-serif ;color: white;font-size:1rem;text-decoration: none;}


#TopMenu{background:var(--firm-color-3); color:var(--firm-color-3-text);  font-weight: bold; position:fixed; top:92px;left:0;z-index: 20005;}
#catalogueMenu{background: var(--firm-color-3); color:#000;}
,#catalogueMenu li:hover ul{ background: #fff; }
#catalogueMenu li:hover a,#catalogueMenu li:hover ul a:hover{color: var(--firm-color-1);}
#catalogueMenu li:hover ul a{color: #000;}

#menuButton{display:none;}

#top-menu-inner,#horizontal-multilevel-menu li a{color: var(--firm-color-1);}
#horizontal-multilevel-menu li a.root-item-selected::after, #horizontal-multilevel-menu li a.root-item:hover::after{background-color: var(--firm-color-1);}


/*================================================*/

#top-icons{width:40px; height:40px; float:left; display:inline-block; position:relative;}
#top-icons img{width:50%;margin:22% 25%;}
#top-icons img:hover{width:70%;margin:13% 15%;}

/*#search form div {float:left; width:90%; margin:0 5%;}*/

#social_block{width:300px; height:222px; float:right; z-index:100; display:inline-block; background:#fff; border:1px solid #999; border-radius: 4px 0; position: absolute; left: 50px; top:50px;}
.social_block_button{float: left;margin: 15px 15px; width: 32px;cursor: pointer;}
.social_block_button:hover{margin: 10px 10px; width: 42px;}
#translate_block_button img{float: left; margin: 13px 15px 0;width: 20px;cursor: pointer;}
#translate_block_button img:hover{margin: 10px 10px 0;width: 30px;}
.root-item{font-size:12px; text-transform: uppercase;}
.root-item-selected{font-size:13px; text-transform: uppercase;}

#sidebar_buttonsR{ top:45px;
position: absolute; right:0;
}
 #sidebar_buttonsL{ top:45px;
position: absolute;left:0;
}



#button-layout { height: 79px;
cursor: pointer; 
 table-layout: fixed;  text-align:center; width:100%;}
.button_text{ color:#0054A5; float:left; text-align:center; width:77%; padding: 10px 0 0 0;}
.button_lamp_span{color:#0054A5;font-face:Arial; font-size:14px; font-weight:bold;text-transform: uppercase;}
.button_lamp_span2{font-size:17px;}
.button-image{
width: 50%; 
vertical-align: top;}
#button1-image:hover {
background: url(http://www.orionspb.ru/bitrix/templates/furniture_blue/images/electro_2.jpg) right bottom;
}

#button2-image:hover {
background: url(http://www.orionspb.ru/bitrix/templates/furniture_blue/images/led_2.jpg) right bottom;
}

#button1-image {
background: url(http://www.orionspb.ru/bitrix/templates/furniture_blue/images/electro_1.jpg) right bottom;
}

#button2-image {
background: url(http://www.orionspb.ru/bitrix/templates/furniture_blue/images/led_1.jpg)  right bottom;
}

#before_content{width:100%; margin:  0; padding:0; height:45px;}
#content{display:inline-block; width:100%; position:relative; box-sizing:border-box; min-height:calc(100vh );margin-top:172px}
#content tr td{vertical-align: top;}
.catalog-sectionclickon{display:inline-block; width: 100%;}

#about_company  li {list-style: none;background: url(/bitrix/templates/furniture_blue/images/point_orion.svg) no-repeat;padding-left: 20px; font-size:14px; margin:3px; background-size: 15px;}
#about_company  a {text-decoration:none;}


#left-menu-label div span {cursor:pointer; display:inline-block; background:#eff; border:1px solid #999; border-radius: 0 12px; padding:3px 12px;}

#right-menu-label{ width:40px; margin: 0 0 0 20px;}

.right_menu_buttons{float:right; cursor:pointer; display:inline-block; background:#fff;width:100%; margin:10px 0;}




.rotateblock {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg); -o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);
transform: rotate(-90deg);}

div.content-block { background: #F6F6FA;}

.content-menu-title { padding: 10px 5px 2px 21px; display:inline-block;}
.content-menu-title span {float:left; padding: 3px 6px; color:var(--firm-color-2); font-size:14px; font-weight:bold;}
.content-menu-title img{float:left; width:40px;}
.left-menu{	margin:0;	padding:0 0 10px 0;	list-style: none;background: #F6F6FA;}
.left-menu ul{margin: 0;padding: 0;}
.left-menu li{	margin:0 11px; padding: 3px 7px; display: block; border-bottom:1px solid #888;}
.left-menu li a{color:#000; text-decoration: none;font-size:11px; font-weight: bold; outline: none;}
.left-menu li a:hover { color: #1F69CF;}
.left-menu li.last-item { background: none; margin-bottom: 0; padding-bottom: 0;}
.left-menu li .selected a/* , .root-item-selected */{ color: #1a64Ca !important; !important;}
.left-menu li .selected {/*padding-left:20px;*/}
.left-menu li ul{margin: 0;padding: 0;border:1px solid #F0F0F0; background: #F6F6FA; border-radius:3px;}
.left-menu li ul li{margin:0 11px; padding: 3px 7px; display: block; border:none;}

#right_sidebar .content-block {overflow: hidden; padding: 1px 10px;}
#right_sidebar .content-block img {width:100%;}
#news_block{}
.news-item {overflow: hidden; width: 100%; margin:0;}
.news-preview{width:100%;}

#workarea{background:#fff; float:left;  padding: 0 10px; width:100%; box-sizing:border-box; margin:0; display:inline-block; }
#menubutton{display:none;}
#closemenubutton{display:none;}
#closemenubuttonConpensation{display:none;}

.blue_button , .blue_compare{background: var(--firm-color-2); padding: 3px 10px; border-radius: 5px; display: inline-block; text-decoration: none; color: white; font-weight: bold; box-shadow: 1px 1px 2px 1px #bbb;}
.blue_button:hover , .blue_compare:hover{ background: #27bf27; box-shadow: 1px 1px 3px 2px #bbb;}}

#dopinfo{width:96%; background:#eee; border-radius:3px; padding:4px 2%; display:inline-block; }
#dopinfo h4{margin:0;}
.article{background-image: url(images/article.svg);
background-repeat: no-repeat;
background-size: 20px;
min-height: 27px;
display: inline-block;
padding: 0px 30px 5px;}

#footer{ display:inline-block; width:100%; margin:0; background-color:var(--firm-color-1); padding:50px 0; font-size:12px; color:#fff; line-height: 1.3; 
background-image:url(/include/sputnik_footer.png);background-position:center;background-repeat: no-repeat; font-size:16px;
}
#footer a  {color:#fff; text-decoration:none;}
#footer a:hover{color:var(--firm-color-3);}
#footer .row {display:flex; justify-content: space-between; padding:10px 20px;}
.vseti{border:1px solid #fff; width:45px; height:45px; float: left;justify-content: center !important; margin: 0 25px 25px 0;}
ul#vertical-multilevel-menu, #vertical-multilevel-menu ul{
	margin: 0;	padding: 0;	list-style: none;
}/*Submenu box*/
#toTop{width:100%; height:25px; color:red; position:fixed; left:0; bottom:0;z-index: 10;background-color:var(--firm-color-1); }
#vertical-multilevel-menu li ul{
	position:absolute;	top:auto;	display:none;	z-index:500;	height:auto;	border-radius: 20px;	width:210px;
}/* Submenu Items */
#vertical-multilevel-menu li a{
	display: block;
	text-decoration: none;
	color: #000;
	font-weight:bold;
	padding: 5px;
	border:none;
	background: #FAF6E6 url(http://orionspb.ru/bitrix/templates/furniture_blue/images/sidebar-header-border.gif) no-repeat center bottom;
}/*Items selected*/
#vertical-multilevel-menu li a.item-selected
{	background-color: #D6D6D6;
}/*Items Hover */
#vertical-multilevel-menu li a:hover
{	color:#3C72CC;}
/*Rootmenu Items*/
#vertical-multilevel-menu a.root-item
{
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
	outline: none;
}

/*Rootmenu Items hover*/
#vertical-multilevel-menu a.root-item:hover, #vertical-multilevel-menu a.root-item-selected:hover
{
	color:#3C72CC;
}

/*Rootmenu Items Selected*/
#vertical-multilevel-menu a.root-item-selected
{
	color: #1F69CF;
    background: url(http://orionspb.ru/bitrix/templates/furniture_blue/images/menu-arrow.gif) no-repeat left;
	font-size:12px;
	padding:5px 0 5px 15px;
	border:none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;

}

/*Parent item*/
#vertical-multilevel-menu a.parent
{
	padding-right:10px;
}

/*Denied items*/
#vertical-multilevel-menu a.denied
{
		padding-right:10px;
}

/* Holly Hack. IE Requirement \*/
* html ul#vertical-multilevel-menu li { float: left; height: 1%; }
* html ul#vertical-multilevel-menu li a { height: 1%; }
/* End */


/*Submenu margin*/
#vertical-multilevel-menu li ul.root-item
{
	margin:-27px 0 0 280px;
}

#vertical-multilevel-menu li ul
{
	margin:-27px 0 0 133px;
}

/*Submenu hide*/
#vertical-multilevel-menu li:hover ul ul,
#vertical-multilevel-menu li.jsvhover ul ul,
#vertical-multilevel-menu li:hover ul ul ul,
#vertical-multilevel-menu li.jsvhover ul ul ul
{
	/*top:-999em;*/
	display:none;
}

/*Submenu show*/
#vertical-multilevel-menu li:hover ul,
#vertical-multilevel-menu li.jsvhover ul,
#vertical-multilevel-menu li li:hover ul,
#vertical-multilevel-menu li li.jsvhover ul,
#vertical-multilevel-menu li li li:hover ul,
#vertical-multilevel-menu li li li.jsvhover ul
{
	
	display:block;
}
#vk_like{position:fixed !important; z-index:10000 !important; bottom:10px !important; right:0; }
.killframe{display:none; float:right;}
.video{cursor:pointer;}


@media screen and (max-width: 1060px) {
#top-icons{width:40px; height:40px; float:left; display:inline-block; position:relative;}
#top-icons img{width:50%;margin:22% 25%;}
#top-icons img:hover{width:70%;margin:13% 15%;}
.search-inner-box input{width:235px;}

#social_block{width:300px; height:222px; float:right; z-index:100; display:inline-block; background:#fff; border:1px solid #999; border-radius: 4px 0; position: absolute; left: 50px; top:80px;}

/*
#before_content{width:100%; margin:  0; padding:0; height:0;}
*/

}


.print_instruction{display:none;}
@media print{

.print_instruction{display:inline-block;}
body html{height:auto;min-height:auto;}
p, ul, li, td{font-size:8px;}
#left_sidebar,.blue_button,.incude_html,.ce-p-r-art{display:none;}
#dopinfo,.video-list{display:none;}
#TopMenu, #panel,#before_content{display:none;}
#search_block{display:none;}
#footer{display:none;}
.breadcrumb-navigation{display:none;}

#workarea{width:100%; margin: 0; padding: 0;}
.gallery, #picsus, #big_gall_block,.ce-gallery{display: inline-block; float: right; max-width:300px; margin: 0; padding: 0;}
.ceg-right,.ceg-img ,.ceg-img img{max-width: 100%;margin: 0;padding: 0;height:auto;}

.gallery_left_button,.gallery_right_button{display:none !important;}
/*.ceg-right li a{width:33% !important; margin: 0; padding: 0;}*/
#ceg-carz li{display:none; height:auto;}
#ceg-carz li:nth-child(-n+3){width:30%; display:inline-block;}

.ceg-right li img{max-width: 100% !important;margin: auto;padding: 0;}
#vkwidget1{display:none;}

 .catalog-element{page-break-inside: avoid; display:inline-block;}

.features{font-weight:bold; display: flex;}
.features img{width:50px; height:auto; float:left; margin-right:5px; margin-top:-6px;}
.features br{display:none;}

}

#coupon_gift{
	display:none;
	position:fixed;
	width: 80%;
	height:0;
	top:0;
	right:10%;
	z-index:10001;
	opacity:1;
	background:#fff;
	border:1px solid #555;
	border-radius:8px;
	box-shadow:-1px 1px 6px #333;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	padding:12px;
}
#coupon_gift_background{
	background:rgba(128,128,128,0.5); 
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:2000px;
	z-index:10000;
	cursor:pointer;}
	
#coupon_gift_button{
	text-align:center;
	display:inline-block;
	position:fixed;
	bottom:10px;
	right:0;
	z-index:999;
	width:40px;
	cursor:pointer;
	}

#coupon_gift_button img{
	width:100%;
	}

#N_Y_LOGO{position: absolute;left: 0; top:0; background: none !important; width: 100px;}




@media screen and (max-width: 800px) {
.lineH2{background-image: none;}
.orion-history h1{  font-size: 24px}
.orion-history h2{  font-size: 18px;}

.hideOnMobile{display:none !important;}
.mapInfo,.mapInfo2{ position: static; box-shadow:none;
  padding: 50px 0;  width: 100%;  height:auto;  }
  .mapInfo h2{display:none;}
  
#catButton{left:10px;}
#searchP{ right:50px;}
#site-phone{right:90px;}
#menuButton{display:inline-block; color:#fff;font-size:32px; cursor:pointer; height:52px;position:absolute; top:20px; right: 10px; display:flex; justify-content:space-between;align-items:center;}

#TopMenu{top:0; z-index:20009}


#closemenubutton{display:inline-block;position:fixed;top: 0px;height: 75px;left:0;background: none;border: none;width:100%;cursor:pointer;z-index:20000003;text-align: right;padding:10px 0;font-size:16px;}
#closemenubuttonConpensation{/* display:inline-block; */height: 0;width:100%;}
.left_sidebar .menuDescription{display:none;}
#mobile-catalogue .menuDescription{display:none !important;}
.content-menu-title{width: 100%;text-align: center;padding: 10px 0 10px 0;}
.content-menu-title a{text-transform: uppercase;display: inline-block;}
#workarea{background:#fff;float:left;padding: 0 10px;margin:0;display:inline-block;}
.left-menu li a{font-size:17px;margin:10px; display:inline-block;}
.left-menu .item-text {}
.left-menu .folder{width: 35px;height: 35px;margin: 3px 2px 0 -10px;}
.ce-p-r-art{float:none; padding: 10px 15px;	text-align:center; width:100%;}
.ce-params{width: 100%; text-align:center;}


  #footer .row {display:inline-block;}
  #footer .row div{width:100%;}
  }
  
@media screen and (max-width: 650px) { /*650px*/
#catButton{position:absolute; top:60px; left:10px;}
#logo{top:5px;left:10px; width:calc(100% - 170px);}#logo img{max-width:147px;}

#site-phone{right:10px; top:5px;}
#searchP{ right:60px;top:60px;}
#menuButton{right: 10px;top:60px; }
#TopBar .container {  height: 125px;}
}



.search-top .blue_button{width:calc(100% - 10px); margin: 10px 10px 10px 0; padding: 11px 15px;}
}



.link_button{
padding:9px;
background: var(--firm-color-2);
color:#ffffff;
border:2px solid var(--firm-color-2); 
border-radius: 3px;
display: inline-block;
text-decoration: none;
color: white;
font-weight: bold;
box-shadow: none;
text-align:center;
cursor:pointer;
}
.link_button:hover{background: #ffffff; color:var(--firm-color-2);}

.youtube-play::after {
  content: "\f16a";
}
.tableOrion { border-collapse:collapse; margin-bottom:15px;}
.tableOrion td {background:#fff; border:1px solid #eee; padding: 3px 5px;}
.tableOrion tr:nth-child(2n) td{background:#e3ecfc;}

.bx-newsdetail-content, .bx-newslist-block {
	padding: 0 14px;
	
	display:inline-block;
	width: 100%;
}
.bx-newslist-container{padding:20px !important; box-shadow:2px 2px 7px #aaa; margin-bottom: 40px;margin-top: 20px;}