/* 
h1{margin-top:35px;}
 */
div.linemd
{
width: 98%;
max-width: 1280px;
float: left;
/* 
padding: 3px 10px;
 */
overflow: hidden;
display: block;
/* 
padding-bottom: 70px;
 */
/* padding-left:0; */
margin:0 1%;
}
div.md_photo
{
display:inline-block;
width:30%;
height:450px;
float:left;
margin-right: 1%;
position: relative;
box-shadow: inset 0 1px 0 0 #ececec, inset 0 -1px 0 0 #ececec, inset -1px 0 0 0 #ececec, inset 1px 0 0 0 #ececec;
overflow: hidden;
text-align:center;
}

div.md_photo>img
{
bottom: 0;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
max-height: 350px;
width: auto;
max-width: 97%;
/*
bottom: 0;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
height: 200px;
width: auto;
*/
/* 
opacity:1;
transition:opacity 0.3s;
 */
}

div.md_dsc
{
display:inline-block;
float: left;
width:34%;
min-height:400px;
box-shadow: inset 0 1px 0 0 #ececec, inset 0 -1px 0 0 #ececec, inset -1px 0 0 0 #ececec, inset 1px 0 0 0 #ececec;
margin-right: 1%;
position:relative;
}
div.md_dsc>div
{
padding:20px;
font-size:15px;
}
div.indsc
{
padding: 20px;
font-size: 15px;
height: 395px;
overflow-y:hidden;
/* 
overflow-y:auto;
 */
overflow-x:hidden;
-webkit-overflow-scrolling:touch;
z-index:9;
position:relative;
}
div.indsc:hover{overflow-y:auto;}
div.indsc:hover::-webkit-scrollbar{display:block;width:10px;background: #f8f8f8;}
div.indsc:hover::-webkit-scrollbar-thumb{background: #ececec;}
/* 
div.indsc:hover::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px #eee;}
 */
div.h340{height:340px;}
div.md_comp
{
display:inline-block;
position: relative;
width:34%;
min-height:450px;
box-shadow: inset 0 1px 0 0 #ececec, inset 0 -1px 0 0 #ececec, inset -1px 0 0 0 #ececec, inset 1px 0 0 0 #ececec;
}
div.no_company_in_city+div{padding-right:15px;}
div.md_comp_addr
{
padding:20px;
height:250px;
}
div.price_md
{
padding:0;
height: 7%;
font-weight: bolder;
font-size: 17px;
}
div.buy
{
padding-left: 0;
padding-top: 20px;
}

div.md_comp_price
{
padding:0 20px;position:absolute;bottom:20px;width: calc(100% - 40px);
} 
 
div.md_else_list
{
width:101%;
display:inline-block;
position:relative;
/* 
min-height:450px;
 */
z-index:999;
/* 
padding-bottom: 50px;
 */
}

div.tag_list
{
width:100%;
display:inline-block;
position:relative;
z-index:999;
padding: 30px 0;
}
div.tag_list>a{margin-right:15px;line-height: 25px;}

div.comp_name
{padding-bottom: 20px;}

div.comp_name>a
{
font-size: 17px;
line-height: 20px;font-weight: bold;
color: #019642;
cursor:pointer;
}
div.comp_name>a:hover{color:#fb5;transition:color 0.3s linear 0s;}
div.addr
{
font-size:15px;
line-height:30px;
/* 
margin-bottom: 10px;
 */
padding-bottom: 5px;
width: max-content;
/* 
width:90%;
 */
}
/* 
div.addr div.phone:hover{border:0;}
 */
/*company.php long email*/
#addr_mail{
width:max-content;
width: intrinsic;           /* Safari/WebKit используют нестандартное имя */
width: -moz-max-content;    /* Firefox/Gecko */
width: -webkit-max-content;
width: -webkit-max-content;
}
div.onmap
{
/* 
padding-bottom: 20px;
 */
line-height:30px;
font-size: 15px;
color: #59f;
width: max-content;
width: intrinsic;           /* Safari/WebKit используют нестандартное имя */
width: -moz-max-content;    /* Firefox/Gecko */
width: -webkit-max-content;
width: -webkit-max-content;
}

div.lowest_price
{
font-size: 17px;
padding-bottom: 15px;
}
div.else_more
{
text-align:center;
background-color:#8ebaff;
width:96%;
padding:2%;
font-size:15px;
font-weight:bold;
display:inline-block;
}
div.else_more a{color:#fff;}
div.else_more a:hover {color:#fb5; text-decoration: none; transition: color 0.5s linear 0s; cursor: pointer;}
/* 
div.material_like {
position: relative;
text-align: left;
width: 19%;
min-width: 230px;
height: 370px;
vertical-align: top;
float: center;
display: inline-block;
box-shadow: inset 0 1px 0 0 #ececec,inset 0 -1px 0 0 #ececec,inset -1px 0 0 0 #ececec,inset 1px 0 0 0 #ececec;
margin: 3px;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-style: normal;
text-decoration: none;
}
 */

div.material,div.material_like{width:19%;margin:0 1% 1% 0;}
/* 
div.material:hover {box-shadow:0px 10px 10px #CCCCCC, inset 0 1px 0 0 #ececec, inset 0 -1px 0 0 #ececec, inset -1px 0 0 0 #ececec, inset 1px 0 0 0 #ececec}
div.material:hover div.material_inspect{box-shadow:0px 10px 10px #d8d8d8, inset 0 0px 0 0 red, inset 0 -1px 0 0 #ececec, inset -1px 0 0 0 #ececec, inset 1px 0 0 0 #ececec;}
 */
/* 
div.material:hover div.material_inspect{top:370px;
box-shadow:0px 10px 10px #ccc, inset 0 -1px 0 0 #ececec, inset -1px 0 0 0 #ececec, inset 1px 0 0 0 #ececec;}
 */
/* 
div.material div.buy{padding:0 0 20px 0;}
 */


/*
div.material_inspect
	{
	vertical-align:top; 
	display: none;
	height: 20%; width:100%;
	background:#fff;
	}
div.material:hover div.material_inspect, div.material_like:hover div.material_inspect
	{
    display:block;
    position: absolute;
    bottom:0;
    z-index: 999;
	box-shadow: 0px 15px 15px #CCCCCC, inset -1px 0 0 0 #ececec, inset 1px 0 0 0 #ececec;
    }
 */
/* 
div.material:hover, div.material_like:hover
{
box-shadow:0 0 30px #CCCCCC, inset 0 1px 0 0 #ececec, inset 0 -1px 0 0 #ececec, inset -1px 0 0 0 #ececec, inset 1px 0 0 0 #ececec;
}
 */

/*************company_list******/

div.str
{
padding: 20px 0;
width:100%;
display:flex;
min-height:100px;
box-shadow: inset 0 -1px 0 0 #ececec, inset -1px 0 0 0 #ececec, inset 1px 0 0 0 #ececec;
position: relative;
}
div.cph
{
width:120px;height:120px;
box-shadow: inset 0 1px 0 0 #ececec, inset 0 -1px 0 0 #ececec, inset -1px 0 0 0 #ececec, inset 1px 0 0 0 #ececec;
display: inline-block;
padding: 5px;
margin-left:20px;
position:relative;
}
div.company_info
{
width: 30%;
display: inline-block;
/* 
background-color:pink;
 */
/* 
position: absolute;
 */
padding-left: 20px;
}
div.comp
{
display:inline-block;
width:100%;
font-size: 17px;
text-overflow: ellipsis;
padding-bottom:10px;
}
div.comp>a
{
color: #019642;
font-weight:bold;
}
div.rate
{
width:50%;
padding-bottom: 10px;
}
div.phis
{
width:100%;
display: inline-block;
line-height:30px;
font-size:15px;
max-height: 160px;
overflow-y:auto;
float:left;
}
div.inc ~ div.phis{max-height: 100px;}

div.price_md_margin
{
margin-left: auto;
padding-right: 20px;
}
div.phone 
	{
	display:inline-block;
	cursor:pointer;
	font-size: 15px;
	line-height: 30px;
	}
	/*
div.phone:hover 
	{
	cursor:pointer;
	transition: color 0.3s linear 0s;
	color:#fb5;
	text-decoration: none;
    border-bottom: 1px dashed; 
	}*/
div.onmap a,div.phone{color:#019642;}
div.inc
{
box-shadow:inset 0 -1px 0 0 #ececec;
padding-bottom:10px;
margin-bottom:20px;
}
div.cityname
{
/* 
color:#019642;
 */
padding-top: 5px;
font-weight:bold;
font-size: 15px;
line-height:30px;
box-shadow: inset 0 1px 0 0 #ececec;
}
div.mh450
{
min-height:450px;
}
/*
div.phone:hover,div.onmap>a:hover,div.addr>a:hover 
	{color:#fb5;	transition: color 0.3s linear 0s;}
div.phone:after,div.onmap>a:after,div.addr>a:after 
	{
	cursor:pointer;
	text-decoration: none;
	display:block;
	content: '';
	border-bottom: 1px dashed;  
	transform: scaleX(0);  
	transition: transform 250ms ease-in-out;
	}
div.phone:hover:after, div.onmap>a:hover:after,div.addr>a:hover:after { transform: scaleX(1); }
*/
div.open_ph
{
	display:inline-block;
	color: #019642;
	font-size: 15px;
/* 
	padding-top: 10px;
 */
}
/*
div.str_inspect
	{
	vertical-align:top; 
	float: center; 
	height: 30%; width:100%;
	background:red;
	border-bottom: solid 1px #ececec;
	display:block;
    position: absolute;
    top: 140px; 
    z-index: 999;

	}
	*/
div.str_inspect
	{
	vertical-align:top; 
	display: none;
	height: 30%; width:100%;
/* 
	background:red;
 */
/* 
	border-bottom: solid 1px #ececec;
 */
	}

div.str:hover div.str_inspect
	{
    display:flex;
/* 
    display:block;
 */
    position: absolute;
    top: 70%; 
    z-index: 999;
    }
div.str:hover
{
box-shadow: 0 0 30px #CCCCCC;
}
div.buy_c
{
margin-left: auto;
width: 15%;
text-align: center;
display: block;
padding-right: 20px;
}
div.paddingtop20
{
padding: 20px;
}
div.no_company_in_city
{
padding-top: 20px;
padding-left: 20px;
font-size: 15px;
}
div.no_company
{
padding-top: 50px;
padding-left: 20px;
font-size: 15px;
color:#bbb;
}
li.no_c_str, li.no_c_str>a
{
color:#bbb;list-style-type: none;
}
li.no_c_str>a
{font-weight:bolder;}
li.no_c_str>a:hover
{
cursor:pointer;
color:#fb5;
text-decoration: none;
border-bottom: 1px dashed; 
}
div.addr_else
{
width:90%;padding:5%;
right: 0;
bottom: 0;
position: absolute;
}
div.addr_else>form>input
{
background-color:#ececec;
font-size:15px;
font-weight:bold;
}
div.addr_else>form>input:hover
{
cursor:pointer;
color:#fb5;
transition: color 0.3s linear 0s;
}
div.company_contact{
padding-top: 20px;
padding-bottom: 20px;
font-size: 20px;
font-weight: bold;
color: #019642;}

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

div.md_comp>div>ul{height: 230px;    
overflow-y:auto;
overflow-x:hidden;
-webkit-overflow-scrolling:touch;
padding-inline-start: 20px;
}
div.md_comp>div>ul::-webkit-scrollbar { width: 0px; }
div.md_comp>div>ul:hover::-webkit-scrollbar {display:block;width:10px;background: #f8f8f8;}
div.md_comp>div>ul:hover::-webkit-scrollbar-thumb  {background: #ececec;}
#onmap{padding-bottom:20px;}
h2{display:inline-block;width:100%;}
div.no_info{padding:20px;color:#ccc;}

/* ---> lk_new.css
div.like_another_city
	{
	border-radius: 15px;
	width: 15px;
	color: #FFF;
	border: 2px solid red;
	position: absolute;
	display: block;
	text-align: center;
	font-weight: bold;
	background-color: red;
	height: 15px;
	z-index: 99;
    top: 0;
    right: 0;
	}
div.like_another_city:hover{cursor:help;}
div.like_another_city:hover::after{content:"Другой город";color:red;font-style:italic;font-weight:normal;}
*/
div.mt20 {margin-top:20px;}

/*stories style ***/

div.in_ph{position: absolute;
width: 100%;
height: 50px;
display: block;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 100%);
bottom: 0;}
/*
ul.klobs{
background-color:green;
width:100%;
height:5px;
bottom:50%;
position:absolute;
padding:0;
text-align:justify;
line-height:0;
font-size:1px;
text-justify:newspaper;
zoom:1;
text-align-last:justify;}
li.bit{width: 20%;
height: 5px;
background-color: pink;
display: inline-block;
line-height: normal;}
ul.klobs:after {
width: 100%;
height: 0px;
visibility: hidden;
overflow: hidden;
content: '';
display: inline-block;
}
*/
.test-box {
/* 
background: #F8F7EF;
border: 1px dashed #000;
border-bottom: 1px dashed #000;
 */
margin: 0 20% 5% 20%;
padding: 10px 0;
/* 
background-color:green;
 */
position:absolute;
bottom:0;
width:60%;
}    
.w3{margin: 0 30% 5% 30%;width:40%;}
.w2 {margin:0 40% 5% 40%;width:20%;}
ul.klobs {
margin: 0;
padding: 0;
list-style: none;
}
ul.klobs {
opacity:1;
transition:opacity 1s;
font: 14px Verdana, Geneva, sans-serif;
text-align: justify;
line-height: 0;
font-size: 1px;
text-justify: newspaper;
zoom: 1;
text-align-last: justify;
}
ul.klobs:after {
width: 100%;
height: 0px;
visibility: hidden;
overflow: hidden;
content: '';
display: inline-block;
}
ul.klobs li {
background: #ccc;
height: 3px;
border-radius: 7px;
display: inline-block;
text-align: left;
/* 
border: 1px solid #000;
 */
line-height: normal;
font-size: 14px;
vertical-align: top;
}
li.w15{width:15%;}
li.w20{width:20%;}
li.w25{width:25%;}
li.w39{width:39%;}

div.color{background-color:#59f;border-radius:7px;height:3px;}
.w0{width:0;}
.w100{width:100%;transition: width 2.5s linear;}

/* 
div.lk_blank>div.md_else_list>div.material_like:hover div.material_inspect{top:368px;}
div.material_like:hover div.material_inspect{top:355px;} 
 */

/*на like_list - если user>0 то показывается баг**/
/* 
#like_list>div.material_like:hover div.material_inspect{top:355px;} 
 */
#onsite{width:max-content;}
div.w_crumbs{
width:100%;
overflow-x:auto;
position:absolute;
margin-left:0;overflow-y:hidden;
white-space:nowrap;}
div.w_crumbs>div{height:600px;}
/* 
div.crumbs_company>div{height:auto;}
 */
div.question{font-size:17px;font-weight:bold;line-height:25px;}
div.add_mm{margin-bottom:35px;}
div.md_comp_price div.buy {width:100%;margin-left:0;}
div.notes{font-weight:bold;padding-top:20px;}
div.notes>div{font-weight:normal;}
div.notes>div:first-child{padding-top:10px;}
div.notes_ad{font-style:italic;/* width: calc(100% - 20px); */font-size:14px;padding:10px;margin-top:10px;background:#f7f7f7;}
div.dsc_notes{background-color: #f7f7f7; margin-top: 20px; padding: 10px; font-style: italic;}

div.link_quest{display:inline-block;width:100%;padding: 3% 0;box-shadow: inset 0 1px 0 0 #ececec, inset 0 -1px 0 0 #ececec, inset -1px 0 0 0 #ececec, inset 1px 0 0 0 #ececec;}
div.link_quest_img{display: inline-block;padding: 0 calc((100% - 300px) / 2);margin-bottom: 3%;float: left;}
div.link_quest_img img{box-shadow: 0px 0px 10px #7a7a7a;border-radius:10px;max-width:90%;margin:5%;}
div.link_quest_text{display: inline-block;float: left;width:100%;text-align: center;font-size: 20px;}

    /* border-radius: 10px;
/*===========================mobile=====================================================*/

@media (max-width: 600px)
{
div.md_photo,div.md_dsc,div.md_comp,h2{width:100%;margin-bottom:6px;}
div.md_else_list{width:101%;}
div.else_more,div.menu,div.ncontain,div.addr_else{width:100%;}
div.md_photo{min-height:0;}
/* 
div.md_photo{min-height:0;height:150px;}
 */
div.material{width:49%;/* height:500px;margin-top: 6px; */}
/* 
div.material_inspect{background:none;display:block;border-bottom:0;height:70px;}
 */
/* 
div.img_inner_mimg>img{display:block;}
 */
div.else_more{line-height:20px;width: 90%; padding: 5%;}
h2{margin: 20px 0px;}
div.pro_auth{height: auto;line-height: 20px;display: inline-block;}
div.date{width: 90%;margin: 5%;padding-bottom:0;}
div.p_name, div.p_name_list{width:100%;}
div.name_list{line-height:0;}
div.name_list>a{font-size:15px;line-height:17px;}
#dm>a{font-size:12px;}
div.w_crumbs {width: 100%;overflow-x: scroll;position: absolute;overflow-y: hidden;scrollbar-width:none;}
#md{width: 96.5%;/* margin-left:0px;margin-top:10px; */}
div.w_crumbs>div {width: max-content;
width: intrinsic;           /* Safari/WebKit используют нестандартное имя */
width: -moz-max-content;    /* Firefox/Gecko */
width: -webkit-max-content;
height: 500px;}

div.md_comp{min-height:unset;/* position:unset; */height:max-content;}
div.md_dsc{height:auto;min-height:0;}
div.no_company{padding-top:10px;}
div.indsc{height:auto;}
div.md_comp_price{position:unset;bottom:unset;padding-bottom:20px;}
div.md_comp_addr{height:auto;/* padding-bottom:20px; */padding-bottom:0; }
div.md_else_list{padding-bottom:20px;}
div.str{display:block;}
div.str:hover div.str_inspect, div.str_inspect{display:block;height:0;position:absolute;top:150px;right:0;width: 50%;}
div.buy_c{width:70%;padding-left:15%;}
div.cph{width:150px;height:150px;}
div.price_md_margin{position: absolute;top:75px;right: 0;width: 50%;text-align: center;margin-left:0;padding-right:0;}
div.company_info{width:90%;}
div.comp{font-size:14px;margin-top: 20px;}
div.open_ph{width:70%;line-height:15px;}
div.md_comp_addr div.open_ph{width:100%;}
div.material_like{width:98%;height:470px;margin-top:6px;}
div.material_like:hover div.material_inspect, #like_list>div.material_like:hover div.material_inspect {bottom:0;top:unset;}
div.md_comp_addr>div.phis{margin-bottom:20px;height:unset;}
div.material_like>div.price{padding: 0 5px 5px 5px;}
div.material_like>div.material_inspect{top:400px;}
/*lk user*/
div.lk_blank>div.md_else_list>div.material_like:hover div.material_inspect{top:400px;}
div.lk_blank>div.md_else_list>div.material>div.name{height:20px;}
#onmap{margin-bottom:30px;}
div.no_company_in_city{padding-top:0;padding-left:0;padding:20px;}
div.md_comp>div>ul{height:auto;max-height:230px;padding-bottom:10px;}
div.addr_else
	{
	width:calc(100% + 40px);
	padding:20px 0;
	position:relative;
	margin-left:-20px;
	}
div.no_info{min-height:100px;}
div.no_info>div.addr_else{position:absolute;bottom:0;margin:0;padding:20px 0;width:100%;}
div.link_quest{padding: 3% 0 7% 0;}
}

@media (max-width: 800px) and (min-width: 600px)
{
div.md_dsc,div.ncontain{width:100%;}
/* 
div.md_dsc,div.else_more,div.ncontain,div.addr_else{width:100%;}
 */
div.md_photo{width:50%;float:left;}
div.md_comp{width:49%;}
div.md_dsc{margin-top:1%;}
h2{line-height: 50px;}
div.w_crumbs {width: 100%;overflow-x: scroll;position: absolute;overflow-y: hidden;}
div.w_crumbs>div {width: max-content;
width: intrinsic;           /* Safari/WebKit используют нестандартное имя */
width: -moz-max-content;    /* Firefox/Gecko */
width: -webkit-max-content;
height: 500px;}
/*material_detailed.php*/
#md{width:96.5%;/* margin-left:0px;margin-top:10px; */}
div.adv_d{width:96.5%;overflow-x: scroll;position: absolute;overflow-y: hidden;}
div.adv_d>div {width: max-content;
width: intrinsic;           /* Safari/WebKit используют нестандартное имя */
width: -moz-max-content;    /* Firefox/Gecko */
width: -webkit-max-content;
height: 500px;}


div.md_dsc{height:auto;min-height:0;}
div.md_dsc>div.indsc{height:auto;}
div.companies {text-align: center;}
div.md_comp>div>ul{height: 260px;overflow:auto;}
div.no_company{padding-top:10px;}
div.md_comp_price {position: absolute;bottom: 30px;}
div.md_else_list{padding-bottom:10px;}
div.company_info{width:25%;}
div.comp{color:#019642;height: max-content;overflow: hidden;text-overflow: ellipsis;font-size:14px;}
div.phone{width:max-content;width: intrinsic;           /* Safari/WebKit используют нестандартное имя */
width: -moz-max-content;    /* Firefox/Gecko */
width: -webkit-max-content;}
h1.adv_d{margin-top: 25px;}
/* 
div.adv_d{margin-left:0;}
 */
 div.buy{width:70%;}
 div.bsh{width:98.5%;}
/* 
div.crumbs_company>div{margin-left:10px;}
div.crumbs_company+h1{margin-top:30px;}
 */
}

@media (max-width: 1100px) and (min-width: 900px)
{
div.material {width: 24%;}
}
@media (max-width: 900px) and (min-width: 600px)
{
div.md_else_list{width:102%;}
div.material {width:32%;}
}
@media (max-width: 950px) and (min-width: 600px)
{div.phis{max-height:100px;}}

div.bsh
{
box-shadow: inset 0 1px 0 0 #ececec;
padding-bottom: 30px;
min-height:0;
width:100%;
}

div.phis::-webkit-scrollbar {width:5px;}
div.phis::-webkit-scrollbar-thumb {border-radius:5px;-webkit-box-shadow: inset 0 0 6px #ccc;}
div.phis::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px #eee;}