/* 
div.line_selector{margin-left:10px;}
 */
/* 
div.line_selector>div.selector_div{margin-left:0;}
 */
div.clist
{
position: relative;
width: 98%;
max-width: 1280px;
float: left;
margin-left: 1%;
overflow: hidden;
display: block;
/* 
background-color:green;
 */
}

div.company_container
{
padding-bottom: 20px;
min-height:300px;
}
div.sort_clist
{
position: relative;
text-align: left;
width: 100%;
/* 
padding: 5px 0;
 */
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;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-style: normal;
text-decoration: none;
/* 
min-height:50px;
 */
}
#company_clist{padding:1%;width:98%;}

div.str
{
padding: 20px 0;
width:100%;
display:block;
min-height:130px;
position:relative;
box-shadow:inset 0 0px 0 0 #ececec, inset 0 -1px 0 0 #ececec, inset 0px 0 0 0 #ececec, inset 0px 0 0 0 #ececec;
/* 
box-shadow:inset 0 0px 0 0 #ececec, inset 0 -1px 0 0 #ececec, inset 0px 0 0 0 #ececec, inset 0px 0 0 0 #ececec;
 */
/* box-shadow: inset 0 1px 0 0 #ececec; */
}

div.str_note
{
padding: 20px 0;
}

div.str_inspect
	{
	vertical-align:top; float: center; 
	display: none;
/* 	height: 30%;  */
/* 
	width:100%;
 */
	width: 30%;
	padding-left: 70%;
	}

div.str:hover div.str_inspect
	{

    display:block;

/* 
    display:flex;
 */

    position: absolute;
/* 
    top: 50%; 
 */
/* 
    z-index: 999;
 */

    }
div.str:hover
{
box-shadow: 0 0 30px #CCCCCC;
}
div.buy
{
margin-left:auto;
padding-left:0;
padding-right:20px;
width:50%;
padding-bottom: 20px;
}
a.md_buy_link:hover {background-color: #5599FF; color: #FFF; text-decoration: none; transition: background-color 0.5s linear 0s; cursor: pointer;}
div.company_info
{
width: 70%;
display: inline-block;
/* 
background-color:pink;
 */
position: absolute;
padding-left: 20px;
line-height: 20px;}
div.cph
{
/* 
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;
padding: 5px;
width: 10%;
*/
display: inline-block;
margin-left: 20px;
text-align: center;
position:relative;
width:150px;height:150px;overflow:hidden;border: 2px solid white;
box-shadow: 0px 0px 10px #cacaca;
}
div.cph>a{display: block;width: 100%;height: 100%;position: relative;}
div.cph>a>img, div.cph>img
{width: 100%;
position: absolute;
margin: auto;
left: 0;
top: 0;
bottom: 0;
right: 0;}

div.cph>a>img:hover,div.cph>img:hover {
    -webkit-filter: brightness(105%);
    -webkit-filter: contrast(115%);
    transition: 0.3s;
    transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
}

div.comp
{
display:inline-block;
width:100%;
font-size: 17px;
text-overflow: ellipsis;
padding-bottom:10px;margin-bottom: 20px;
}
div.comp>a
{
color: #019642;
font-weight:bold;
}
div.adv_info>div.comp>a{color:#59f;font-weight:unset;}
div.comp>a:hover,div.phone:hover,div.sort_type>a:hover i,label.sort_type:hover i,label.sort_type:hover,div.adv_info>div.comp>a:hover{
color: #fb5;
transition: color 0.3s linear 0s;
}
label.sort_type{cursor:pointer;color:#59f;display:inline-block;line-height:25px;}
label.sort_type>input{appearance:none;-webkit-appearance:none;}
label.sort_type>i{line-height:25px;}
div.phis{width:70%;}
div.phis > a
{
display:inline-block;
width:max-content;
line-height:20px;
color: #019642;
}
div.phone 
	{
	display:inline-block;
	cursor:pointer;
	color: #019642;
	width:max-content;
	}
div.phone:hover 
	{
	cursor:pointer;
	color:#fb5;
	text-decoration: none;
	}
	
div.phone:after,div.phis>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.phis>a:hover:after { transform: scaleX(1); }

	
/* 
div.select-selected 
{
width:29.5%;
margin:6px;
}
 */
div.sort
{
margin:0;
width:100%;
padding:15px 0;
margin-bottom:6px;
margin-top: 6px;
z-index:0;
}

/* Пагинация*/
div.pagination 
	{
	display: inline-block;
	margin: 20px 0;
	}

div.pagination>a>div, div.pagination>div
	{
	border-radius: 3px;
	margin: 1px;
	display:inline-block;
	min-width: 50px;
	width: max-content;
	width: intrinsic;           /* Safari/WebKit используют нестандартное имя */
	width: -moz-max-content;    /* Firefox/Gecko */
	width: -webkit-max-content;
	line-height:50px;
	border: solid 1px #ececec;
	text-decoration: none;
	float: left;
	text-align: center;
	font-size:20px;
	text-decoration: none;
	} 	
	div.nav_bg:hover 
	{
	background-color: #5599FF; transition: background-color 0.5s linear 0s;color: #FFF;
	}
	
div.nav_bg_selected 
	{
	background-color: #ececec;
	}
	
div.nav_bg_selected:hover 
	{
	background-color: #ececec;
	color: #5599FF;
	}
div.sort_type,label.sort_type{position: relative;padding:0;
margin: 0 30px;}	
div.sort_type>a>i,label.sort_type>i{
position: absolute;
right: 100%;
bottom: 1px;
color: #59f;padding-right:3px;
}
div.search_c_block,div.search_c_none
{
position:absolute;
top:18px;
left:27%;
color: #59f;
z-index:9;
cursor:pointer;
}
div.search_c_none
{
display:none;
}
div.search_c_block
{
display:block;
}

div.s_city_visible,div.s_city_none
{
position: absolute;
width: 29.5%;
margin: 7px;
}
div.s_city_visible{display:block;}
div.s_city_none{display:none;}
div.s_city_visible>input
{
width:320px;
height:30px;
border:0;
/* 
box-shadow: inset 0 1px 0 0 #f6f6f6, inset 0 -1px 0 0 #f6f6f6, inset -1px 0 0 0 #f6f6f6, inset 1px 0 0 0 #f6f6f6;
padding-left:10px;
 */
}
div.city_search {
display: block;
position: absolute;
width: 404px;
z-index: 999;
background-color: #FFF;
box-shadow: 0px 15px 15px #d8d8d8, inset 0 1px 0 0 #f6f6f6, inset 0 -1px 0 0 #f6f6f6, inset -1px 0 0 0 #f6f6f6, inset 1px 0 0 0 #f6f6f6;
/* 
margin-top:1px;
 */
}
div.city_search>div {
border-bottom: 1px solid #f6f6f6;
color: #5599FF;
cursor: pointer;
padding-left: 20px;
line-height:30px;
}
div.city_search>div:hover{background-color:#f6f6f6;}
input.inp{
width:100%;
height: 30px;
/* 
border: solid 1px #f6f6f6;
 */
font-size: 13px;
/* width: 304px; */
text-align: center;
color: #5599FF;}
/* 
div.s_city_visible>input:focus{box-shadow: 0px 5px 15px #d8d8d8;transition:0.5s;}
 */
/* 
div.s_city>input:focus{box-shadow: 0px 15px 15px #d8d8d8;border:1px solid; border-color:#59F; border-radius:1px;transition:0.5s;}
 */
/***************************preloader****************************************************************/
/*
#preloader {
      position: fixed;
      left: 0;
      top: 0;
      z-index: 999;
      width: 100%;
      height: 100%;
      overflow: visible;
      background: #fbfbfb url('/k_m/bg_img/pre.gif') no-repeat center center;
}
 */   

#preloader {
display: block;
position: absolute;
z-index: 999;
width: 100%;
float:left;
height: 800px;
overflow: visible;
background: rgba(255, 255, 255, 0.92) url('/k_m/bg_img/pre.gif') no-repeat;
background-position: top 100px right 50%;
}

.visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 1s linear;
}

.hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 1s, opacity 1s linear;
}


#nothing{min-height:unset;} 
div.ml>div.mob_w>div.sort{width:98.5%;}
div.mob_w>div.sort_clist{padding:1%;width:96.5%;}
#openadd{position:relative;z-index:999;text-align:center;}
/* 
#inp{width:404px;border:1px solid #ececec;padding:2px 0;margin:-1px;}
 */
#inp{
position: absolute;
top: 0;
padding: 2px 0;
margin: 0;
padding: 0;
border: 0;
width: 130%;
height:33px;
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;
/*     bottom: 0;    right: 0;    left: 0;    height: 100%;    display: inline-block;    vertical-align: middle;    margin: -1px; */
}
#input_div{margin:0;}
#input_div>#city_div{width:130%;margin-top:32px;}
div.sort_clist div.select-selected_inspect{top:30px;}

/**************************preloader end********************************************************************/
/* div.phis>a>i{margin-right:7px;} */
div.str_adv>div.cph{padding:0;}/*advert_detailed*/
div.add>a>i{margin-right:7px;}
/*===========================mobile=====================================================*/

@media (max-width: 600px)
{
div.w_crumbs{margin-left:0;}
div.sort{display:block;height:auto;}
div.sort_type,label.sort_type {margin:3px 30px;font-size:14px;}
div.sort_type{color:#003a54;}
label.sort_type{width:100%;text-align:left;padding:3px 0 3px 15px;}
label.sort_type>i{right:unset;left:0;}
div.str_adv{min-height:550px;padding:30px 0;}
div.str_adv{display:block;}
div.cph{width:70%;margin-left:15%;position:relative;height:300px;margin-bottom:20px;}
div.cph>a>img, div.cph>img{position:absolute;margin:auto;width:99%;top:0;bottom:0;left:0;right:0;}
/* 
div.cph>img{height:100%;}
 */
div.adv_info {width: 100%;padding-left:0;text-align:center;}
div.dsc {width:90%;padding: 0 5%;text-align:justify;}
div.price_md {padding-right:0;width:70%;text-align:center;margin:20px 15%;}
div.adv_flex div.price_md {margin:20px 0;}
div.buy_c{margin-left:0;padding-right:0;display:inline-block;width:70%;margin:0 15%;}
div.str_inspect {vertical-align:0; width:100%;padding-left:0;bottom:7px;position:absolute;}
div.add>a{width:96%;font-size:14px;}
div.ml{margin-left:0;width:98%;}
div.mob_w{width:97%;}
/* 
div.select-selected{width:84%;}
 */
div.search_c_block{right:50px;left:unset;}
/* 
div.sort_clist>div.select-selected{width:91.5%;}
 */

/* 
div.sort_clist>div.select-selected{width:86%;}
 */
div.s_city_visible{width:94%;}
div.s_city_visible>input{width:100%;}
div.str{min-height:550px;}
div.str>div.cph{display:block;margin-left:14%;}
div.company_info,div.phis{text-align:center;}
div.company_info,div.phis{width:100%;}
div.company_info{padding:5px;}
div.phone{margin-top:10px;}
div.str>div.str_inspect {bottom:0;display:block;}
div.str>div.company_info{padding:0;width:100%;}
div.buy{padding-right: 25%;}
div.str{box-shadow:inset 0 1px 0 0 #ececec, inset 0 -1px 0 0 #ececec, inset 0px 0 0 0 #ececec, inset 0px 0 0 0 #ececec;
/* 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; */
/* box-shadow:inset 0 0 0 0 #ececec, inset 0 -1px 0 0 #ececec, inset -1px 0 0 0 #ececec, inset 1px 0 0 0 #ececec; */}
div.str:hover div.str_inspect{box-shadow:inset 0 -1px 0 0 #ececec;}
/* 
#input_div>#city_div{margin:-1px;width:102%;max-height: 350px;overflow:scroll;}
 */
/* 
#inp,#city_div{width:104.5%;}
 */
div.str_adv>div.str_inspect{height:50px;padding-top:10px;}
div.ml>div.mob_w>div.sort{width:100%;}
div.ml>div.mob_w>div.sort_clist{width:98%;}
div.sort_clist>div.select-selected {width:90%;padding:8px 5%;}
/* 
div.sort_clist>div.select-selected {width:88%;}
 */
div.sort_clist{padding:5px 0;}
#choose_c{top:30%;}
#input_div>#inp{width:104.3%;margin-top:2px;}
#input_div>#city_div{width:104.3%;}
label.m0{padding:0;margin:10px 25px;}
#openadd{width:100%;}
#openadd>a{width:96%;padding:2%;}
div.comp{margin-bottom:0;}
div.comp>a{-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 17px;}
}

@media (max-width: 800px) and (min-width: 600px)
{

div.sort,div.company_container{width:98.5%;}
div.clist div.sort{width:100%;}
div.cph>a>img,div.cph>img{position:absolute;margin:auto;width:99%;top:0;bottom:0;left:0;right:0;}
/* 
div.cph>img{max-height:190px;width:100%;}
 */
div.cph{width: 25%;position:relative;height:130px;}
div.str_adv{padding:20px 0 50px 0;}
div.str_inspect{width:100%;top:inherit;bottom:20px;right:0;}
div.str_adv div.str_inspect{bottom:10px;}
div.price_md{width:20%;padding-right:10px;text-align:right;}
/*adv*/
#adv_price{width:30%;padding-right:10px;}
div.buy_c{width:30%;padding-right:10px;}
div.ml{width:96.5%;}
div.mob_w{padding:3px 0;width: 100%;}
/* 
!!! для all_advert это вредно
div.sort,div.company_container{width: 100%;}
 */
div.sort_clist>div.select-selected{width:48%;}

/* 
div.sort_clist>div.select-selected{width:50%;}
 */
#choose_c{left:45%;top:30%;/* top:15px; */}
#input_div{width:50%;}
/* 
#inp{width:100%;}
#input_div>#city_div{margin-left: -1px;width: 111%;max-height:165px;overflow:scroll;}
 */
#city_div{max-height:165px;overflow-y:scroll;}
div.sort_clist{margin-bottom:3px;width: 98.5%;}
#company_clist{margin:0;/* width:96.5%; */}
div.select-selected>div.select-selected_inspect{max-height:165px;overflow:scroll;}
/* 
div.selector_div>div.select-selected,#city>div.select-selected,#region>div.select-selected{width:25.5%;margin:6px;}
 */
div.str>div.str_inspect {width: 50%;top: inherit;bottom: 0;right: 0;}
div.str{min-height: 150px;}
div.phis {width: 80%;}
div.ml>div.mob_w>div.sort{width:100%;}   
div.ml>div.mob_w>div.sort_clist{width:98%;}
#company_list{width:100%;}
div.w_crumbs>div{margin-left:10px;}
div.comp{margin-bottom:0;}

div.comp>a{-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 17px;}
}
/* 
@media (max-width: 900px) and (min-width: 600px)
{div.clist{width:96.5%;}}
 */

@media (max-width: 500px) and (min-width: 400px)
{#choose_c{right:50px;}}

@media (max-width:400px)
{
/* 
div.sort_clist>div.select-selected{width:84%;}
div.s_city_visible{width:92%;}
 */
div.mob_w{padding: 3px 0;}
#choose_c{right:50px;}
}
#city_div{overflow-y:auto;}
div.select-selected_inspect::-webkit-scrollbar,#city_div::-webkit-scrollbar{width:5px;}
div.select-selected_inspect::-webkit-scrollbar-thumb,#city_div::-webkit-scrollbar-thumb {border-radius: 1px;-webkit-box-shadow: inset 0 0 6px #ccc;}
div.select-selected_inspect::-webkit-scrollbar-track,#city_div::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px #eee;}
