.pops {
	display: flex;
	flex-wrap: nowrap;
	width: 80%;
	min-width: 980px;
	max-width: 1200px;
	height:auto;
	margin:0px auto;
	padding:0px 20px;
	margin-bottom: 20px;
	justify-content: space-around;
	}

.pop{display: inline-flex; width: 12%; margin: 10px; align-content: center; padding-bottom:10px;}
.popCell{display: flex; flex-flow: column nowrap; justify-content: center;	margin:0 auto;	width:70%;}
a:link.popCell{display: flex; flex-flow: column nowrap; justify-content: center;	margin:0 auto;	width:70%;}
a:hover.popCell{display: flex; flex-flow: column nowrap; justify-content: center;	margin:0 auto;	width:70%;}
a:visited.popCell{display: flex; flex-flow: column nowrap; justify-content: center;	margin:0 auto;	width:70%;}
.popCell{display: flex; flex-flow: column nowrap; justify-content: center;	margin:0 auto;	width:70%;}
.popCell{display: flex; flex-flow: column nowrap; justify-content: center;	margin:0 auto;	width:70%;}
.popItem{display: inline-flex;	width: 100%; text-align: center;}
.popIcon{display: inline-flex;	width: 100%; min-height: 100px;	background-position: center; background-size: cover; background-repeat: no-repeat;}


.OtzyvFlex{
	display: flex;
	flex-wrap: wrap;
	min-width: 980px;
	max-width: 1200px; /* макс ширина */
	margin: 0 auto; /* выровняем по центру */
	margin-bottom: 20px;
	justify-content: space-around;
}
.OtzyvItem{
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	flex:1 1 calc(25% - 20px); /* отнимем margin и скажем растягиваться */
	margin:10px 10px 10px 0;
	box-sizing:border-box; /* чтобы внутренний отступ не влиял когда там будет текст... */
	min-width:170px; /* мин. ширина блока, чтобы переносились на другой ряд */
	padding:10px; text-align:left; background:#FFF; /* для красоты */
}
.OtzyvAvatar {display:inline; float:left; width:50px; height:50px; margin-right:10px}
.OtzyvStars {display:block; font-size:18px; color:#FFCD00;}
.OtzyvAuthor {display: block; width: 100%; text-align: right; font-size:13px; font-weight: 700;}
.OtzyvText {font-size: 13px; font-weight:300; color: 000; min-height: 100px; text-decoration: none; margin-bottom: 10px;}
.OtzyvHead {display: block; width:100%; font-size: 17px;
			font-weight:normal; color: #009EB8; text-decoration: none; margin-bottom: 6px;}
a:link.OtzyvHead,
a:hover.OtzyvHead,
a:visited.OtzyvHead  {text-decoration: underline; font-weight: normal; color:#009EB8;}


.NewFlex{
	display: flex; flex-wrap: wrap;	flex-direction: row; min-width: 980px; max-width: 1200px; /* макс ширина */
	margin: 0 auto; /* выровняем по центру */
	margin-bottom: 20px; justify-content: space-around;}
.NewItem{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-flow: row nowrap;
	flex:1 1 calc(33% - 20px); /* отнимем margin и скажем растягиваться */
	margin:10px 10px 10px 0;
	box-sizing:border-box; /* чтобы внутренний отступ не влиял когда там будет текст... */
	min-width:200px; /* мин. ширина блока, чтобы переносились на другой ряд */
	padding:10px; text-align:left; background:#FFF; /* для красоты */
	min-height: 120px;
}
.NewLogo {display:block; float:left;  min-width:70px; min-height:70px; margin-right:10px; background-position: center; background-repeat: no-repeat; background-size: contain;}
.NewInfo{
	display: flex;
	justify-content: flex-start;
	flex-flow: column nowrap;
	align-self: stretch;
}

.NewHead {display: block; width:100%; font-size: 17px; font-weight:normal; color: #009EB8; text-decoration: none; margin-bottom: 6px;}
a:link.NewHead,
a:hover.NewHead,
a:visited.NewHead  {text-decoration: underline; font-weight: normal; color:#009EB8;}

.NewAdres {font-size: 13px; margin-top: auto;}

.NewRubrics{display:flex; flex-flow:wrap; justify-content: flex-start; margin-bottom: 6px;}
.NewRubItem{display:inline; font-size:12px; margin: 0 10px 0px 0;}
a:link.NewRubItem,
a:hover.NewRubItem,
a:visited.NewRubItem  {text-decoration: underline; font-weight: normal; color:#346677;}


#panorama {
	position:relative;
	width:100%;
	height:70%;
	min-width:960px;
	max-height:815px;
	min-height:300px;
	background-size:cover;
	background-repeat: repeat-x;
	background-position: center -60px;
	background-attachment: fixed;
	text-align:center;
}
#logoblock {
	left:50%;
	top:50%;
	width:960px;
	min-height:236px;;
	position: absolute;
	margin-left: -480px;
	margin-top: -100px;
	height: 80px;
	background:url(../img/80.png);
	background-image:url(../img/80.png);
	background-repeat:repeat;
	text-align:center;
}
#topline {
	font-family: 'Open Sans', Arial, Tahoma, Verdana ;
	color:#FFF;
	font-size:12px;
	letter-spacing:4;
	padding-top:24px;
}
#tophead {
	left:50%;
	top:0%;
	width:960px;
	position: absolute;
	margin-left: -480px;
	margin-top: 5px;
	height: 30px;
	text-align:right;
	color:#FFF;
	font-family: 'Exo 2', sans-serif;
	font-size:10px;
	vertical-align: middle;
}
#SearchBlock{
	display:inline-block;
	width:600px;
	height:66px;
	background-image:url(../img/searchbg.jpg);
	
}

.logoTXTwhite {
	font-family:'Roboto Slab', sans-serif;
	font-weight:900;
	font-size:48px;
	color:white;
	padding-bottom:32px;
}
.SearchFieldIndex {
	display:inline-block;
	height:34px;
	width:550px;
	border: #FFF 0px double;
	box-shadow:#000;
	font-family: 'PT Serif', Georgia, Verdana;
	font-style:italic;
	font-size:24px;
	padding-left:15px;
	padding-right:15px;
	vertical-align:middle;
	background-color:transparent;

}
.SearchButton {
}


.firmblock {background-color:#FFFFFF;
			font-variant:normal;
			text-decoration: none;
			padding-left:15px;
			padding-right:15px;
			padding-bottom:15px;

}
.firm_rubrics {
			font-size:10px;
			color:#B1BFC2;
}


.rubrika_headline { font-family: PT Serif, Verdana;
					font-size: 22px;
					color: #889ca5;

					text-decoration: none }

a:link.headline_white       { font-size: 12px; text-decoration: none; font-weight: bold; color:#FFFFFF }
a:hover.headline_white       { font-size: 12px; text-decoration: none; font-weight: bold; color: #CC3300 }
a:visited.headline_white       { font-size: 12px; text-decoration: none; font-weight: bold; color:#FFFFFF }


h1,h2  		{font-family: Arial, Tahoma, Verdana ;
			font-size: 22px;
			font-weight: 700;
			color: #000000;
			text-transform:none;
			margin:0px 0px 0px 0px;
}


h4          {color: #000000; }
			
.sortby	{
	font-family:PT Serif, Georgia, "Times New Roman", Times;
	font-size:14px;
	font-style:italic;
}
a:link.sortby       { font-size: 14px; text-decoration: none; font-weight: normal; color:#006699 }
a:hover.sortby       { font-size: 14px; text-decoration: none; font-weight: normal; color:#FFF; background-color:#006699}
a:visited.sortby {}
.sortby_on	{
	font-family:PT Serif, Georgia, "Times New Roman", Times;
	font-size:14px;
	background-color:#F8F7E9;
}

.filials {font-family:PT Serif, Georgia, "Times New Roman", Times; font-size:12px;	text-decoration: none;	color:#006699;}
a:link.filials       { font-size: 12px; text-decoration: none; font-weight: normal; color:#0099CC }
a:hover.filials       { font-size: 12px; text-decoration: none; font-weight: normal; color: #CC3300 }
a:visited.filials       { font-size: 12px; text-decoration: none; font-weight: normal; color:#0099CC }

.topfililals {
			padding-top:10px;
			padding-left:15px;
			padding-right:15px;
			padding-bottom:0px;
			display:inline-block;
			float:left;
			width:162px;
			height:auto;
			min-height:160px;
			text-align:center;
			border-color:#999;
			border-width:2px;
			background-color:#333;
}
.topfililalspic {
	border:4px solid #FFF;
}
.topfililalspic:hover {
	border:4px solid #889ca5;
}
.topFililalName{
	font-family: 'Open Sans', Arial, Tahoma, Verdana ;
	font-size: 16px;
	font-weight: normal;
	padding-top:20px;
	color:#FFF;
}
a:link.topFililalName{
	font-family: 'Open Sans', Arial, Tahoma, Verdana ;
	font-size: 15px;
	font-weight: normal;
	padding-top:20px;
	color:#FFF;
}

.naprimerIndex {
	font-family: 'PT Serif', Georgia, Verdana;
	font-size:14px;
	padding-left:6px;
	padding-right:6px;
	color:#000;
}
a:link.naprimerIndex       { color:#000; font-style:italic; text-decoration:underline;}
a:hover.naprimerIndex      { color:#000; text-shadow: 1px 1px 1px #FFF;}
a:visited.naprimerIndex       { color:#000;}

.subcat	{
	display:inline-block;
	font-family:'Roboto', Arial, Tahoma, Verdana;
	font-size: 14px;
	color:#000;
	font-weight:100;
}
a:link.subcat       {color:#000;text-decoration: none; }
a:hover.subcat       {color:#000;text-decoration: none; font-weight: normal; }
a:visited.subcat {color:#000;}
.subcat_block {padding-top:10px; padding-bottom:15px;}


.divider {font-size:10px; color:#999}

.cat {font-size: 17px; font-weight: 400; color: #000000; display:block;	width:320px; padding:5px 0px 5px 0px; margin:0;}
a:link.cat       {color:#000; text-decoration: none; }
a:hover.cat       {color:#0099CC; text-decoration: underline; }
a:visited.cat {color:#000;}

.NewFirm	{
			display:inline-block;
			width:240px;
			vertical-align:top;
			padding:5px 0px 5px 0px;
			margin:0;
			overflow:hidden;
			text-overflow: ellipsis;
}
a:link.NewFirm       {color:#000; text-decoration: none; }
a:hover.NewFirm       {color:#0099CC; text-decoration: underline; }
a:visited.NewFirm {color:#000;}

.Block{
	padding:10px 0px 20px 0px;
	margin:0px 0px 0px 0px;
}