/* #rightcol {display: block; position: relative;} */
.left-col { float: left; width: 220px; /* margin: 0 0 0 10px; */ position: absolute; /* absolute */ /*  left: 10px;  */ margin: 10px 10px;}
.mob-menu { display: none;}
@media all and (max-width: 900px){
/* #leftcol {all: none; display: none;} */
.left-col/*,.naviblock*/{ /* overflow: hidden; */
/* */position: fixed; 
			left: -300px;
			top: 0;
			z-index: 7777;
			width: 220px;
			height: 100%;
			float: none;
			background: #fff url(../images/body.jpg);
			-moz-box-shadow: 3px 4px 10px rgba(0,0,0,.46);
			-webkit-box-shadow: 3px 4px 10px rgba(0,0,0,.46);
			box-shadow: 3px 4px 10px rgba(0,0,0,.46);
			overflow-y: scroll;   
    }
.shad {
		background: #fff;
		opacity: 0.8;
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 7776;
		display: none;
	}
.mob-menu {
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: fixed;
    left: 0px;
    top: 10px;
    background: url(../images/mob-menu.png) center center no-repeat;
    display: block;
    z-index: 7777;
}
.mob-menu2 {
		width: 50px;
		height: 50px;
		cursor: pointer;
		position: fixed;
		left: 220px;
		top: 10px;
		background: url(../images/mob-menu2.png) center center no-repeat;
		display: none;
		z-index: 7777;
	}
#structure{display:block; /* Делаем блоки "Блочными", т.е. друг под другом */ width:100%; /* Задаем на всю ширину экрана */ height:100px;}
#rightcol {display: none; position: relative;/*overflow: hidden;*/}
    #rightcol .block {visibility: hidden; /*overflow: hidden;*/}
    .substanc2 {display: none; /*visibility: hidden; /* /*overflow: hidden;*/}
    .hd-left { display: none;}
}
.navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; }
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
@media all and (max-width: 1050px){
.topmenu { display:none; }
.topmenu-mob {display: block; margin:0 0 0 12px;}
.topmenu-mob a { }
.topmenu-mob ul { height:28px; line-height:27px; padding:5px 0 0 0; position:absolute; }
.topmenu-mob ul li, .topmenu li a, .topmenu li a span, .topmenu li a span b { float:left; height:28px; cursor:pointer; }
.topmenu-mob li a { color:#fff; padding:0 3px 0 4px; font-size:0.9em; font-weight:100; }
.topmenu-mob li a span { padding-left:16px; background:url("../images/topmenu.png") no-repeat; }
.topmenu-mob li a span b { padding-right:9px; background:url("../images/topmenu.png") no-repeat 100% -28px; }
.topmenu-mob li a:hover { color:#fff; text-decoration:none;  }
.topmenu-mob li a:hover span { padding-left:16px; background:url("../images/topmenuu.png") no-repeat;}
.topmenu-mob li a:hover span b  {padding-right:9px; background:url("../images/topmenuu.png") no-repeat 100% -28px; }

/*input.search_input { width:435px;} */
#rightcol {display: block; display: none;}
.substanc2 {display: block; display: none; /*overflow: hidden;*/}
.hd{ -webkit-border-radius: 8px; -moz-border-radius: 8px;  border-radius: 8px; }
.hd { width:98%; max-width: 1400px ;  /*  1400px  */ height:50px;  margin-left: auto;  margin-right: auto; padding: 6px 5px; position: relative;
background: rgb(207,231,250); /* Old browsers */
background: -moz-linear-gradient(top, rgba(207,231,250,1) 12%, rgba(99,147,193,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(207,231,250,1) 12%,rgba(99,147,193,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(207,231,250,1) 12%,rgba(99,147,193,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 ); /* IE6-9 */
color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none;
}
.hd-left { background: none;  width:150px; height:50px; float:left;}
.hd-center { background: none;  height:50px;}
.hd-right { background: none;  width:300px; height:50px; float:right;}
}

@media (max-width: 450px) {
.double-col {margin-left: 20px;}
.mob-menu {
		background: #fff url(../images/mob-menu.png) center center no-repeat;
		-moz-box-shadow: 3px 4px 10px rgba(0,0,0,.16);
		-webkit-box-shadow: 3px 4px 10px rgba(0,0,0,.16);
		box-shadow: 3px 4px 10px rgba(0,0,0,.16);
		left: 0px;
		top: 20px;
		width: 35px;
		height: 35px;
	}	
.right-col {padding: 20px 10px 20px 25px;}
.right-banner {overflow: hidden;}
}
/*
@media (max-width: 1250px) {
#structure { 
 position: fixed;
			left: -300px;
			top: 0;
			z-index: 7777;
			width: 220px;
			height: 100%;
			float: none;
	background: #fff url(../images/body.jpg); 
			-moz-box-shadow: 3px 4px 10px rgba(0,0,0,.46);
			-webkit-box-shadow: 3px 4px 10px rgba(0,0,0,.46);
			box-shadow: 3px 4px 10px rgba(0,0,0,.46);
			overflow-y: scroll;   
    }
 .fix-scroll {
		height: 100%;
		overflow: hidden;
		position: relative;
	}
	
	.shad {
		background: #fff;
		opacity: 0.8;
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 7776;
		display: none;
	}
.mob-menu {
		width: 50px;
		height: 50px;
		cursor: pointer;
		position: fixed;
		left: 0px;
		top: 10px;
		background: url(../images/mob-menu.png) center center no-repeat;
		display: block;
		z-index: 7777;
	}
	
	.mob-menu2 {
		width: 50px;
		height: 50px;
		cursor: pointer;
		position: fixed;
		left: 220px;
		top: 10px;
		background: url(../images/mob-menu2.png) center center no-repeat;
		display: none;
		z-index: 7777;
	}
}

@media all and (max-width: 400px) {html {font-size: 5px;}}
/* @media all and (max-width: 400px) {.header__title {font-size: 36px;}} .header__title {font-size: 72px;}*/
/* Убираем текст с переключателей * и оставляем иконки на малых экранах*/ 
/*@media screen and (max-width: 680px) {
	.tabs>label {
		font-size: 0;
	}
	.tabs>label:before {
		margin: 0;
		font-size: 18px;
	}}
*/
/* Изменяем внутренние отступы *  переключателей для малых экранов*/
/*@media screen and (max-width: 400px) {
.tabs>label {padding: 15px;}}

@media only screen and (max-width: 979px) {
#input.search_input, #input.search_but {
		width: 50px; height: 50px;
		padding: 0;
		border-right-width: 0;
	}
.hd-left { display: none; }
.fl1 {
    float: left; 
    object-fit: cover;
    max-width: 100%;  
    min-width: 100px;
min-height: 100px; 
     -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 19px;
    margin-top: 6px;
}}
@media only screen and (max-width: 767px) {
.hd-left { display: none; }
.topmenu {display: none;}
.substanc { float: none; }
#structure { float: none; }
#leftcol { float: none; }
.img_inner {
    object-fit: cover;
width: 100% !important;
float: none !important;
margin-right: 0 !important;
margin-bottom: 20px !important;
}}
@media only screen and (max-device-width: 480px) {
	body { -webkit-text-size-adjust: 100%; }               
}
*/