div.footer,div.footercl {
float: left;
width: 98%;
margin: 0 1% 20px 1%;
/* margin-left: 10px; margin-bottom: 20px; width: 98.5%;*/
overflow: hidden;
display: block;
background-color: #f6f6f6;
text-align: center;
line-height: 70px;
}
div.footercl{width:100%;margin: 0 0 20px 0;}
div.footer > a,div.footercl > a {
margin: 5px 20px;
font-size: 17px;
text-decoration: none;
color: #59f;
line-height: 25px;
width:max-content;
width: intrinsic;           /* Safari/WebKit используют нестандартное имя */
width: -moz-max-content;    /* Firefox/Gecko */
width: -webkit-max-content;
}


div.footer > a:hover, div.footercl> a:hover
	{color:#fb5;	transition: color 0.3s linear 0s;}
	/*
div.footer > a:after 
	{
	cursor:pointer;
	text-decoration:none;
	content: '';
	border-bottom: 1px dashed;  
	transform: scaleX(0);  
	transition: transform 250ms ease-in-out;
	}
*/
div.copyright, div.copyright a {
width: 80%;
margin: 0px auto;
padding-top: 10px;
text-align: center;
font-size: 10px;
color: #BBB;
}
img.onheight{height:100%;width:auto;}

div.wph
{
color:red;box-shadow: inset 0 1px 0 0 red, inset 0 -1px 0 0 red, inset -1px 0 0 0 red, inset 1px 0 0 0 red;
}
div.wph:hover
{
color:#FFF;
background-color: red;
transition: background-color 0.5s linear 0s;
}
@media screen and (max-width: 600px)
{
/* 
div.footer{width:95%;padding:0px;margin-left:10px;}
 */
div.footer > a{display:inline-block;margin:0px 10px;line-height:25px;}
div.copyright{width:90%;}
div.footer_w{width: 94.5%;margin-left: 10px;}

}

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

{
/* 
div.footer{width:96%;margin-left:13px;}
 */
div.footer_w{width: 96.7%;margin-left: 10px;}
}
div.hidden{visibility:hidden;transition:visibility 0.3s;}
div.visible{visibility:visible;transition:visibility 0.3s;}
div.display_n{display:none;}
div.display_b{display:block;}
.red{color:red;}
body.ovf_h{overflow:hidden;}
img.opacity0, ul.opacity0{opacity:0;}
img.opacity1{opacity:1;transition:opacity 0.3s;}
div.hm0{height:0;padding:0;}

@media (max-width: 900px) and (min-width: 800px) 
{
div.footer_n{width:96.5%;}
}
@media (max-width: 470px)
{
img.onheight {height:auto;width:100%;}
img.zoom_img_h {width: 100%;height: auto;}
}

body{overflow-x:hidden;}