.myicon {
position:relative;
display:inline-block;
padding:0;
margin-bottom:5px;
width:160px;
height:100px;
text-align:left;
color:#000;
background:none;
border-radius:0%;
z-index:1;
-webkit-transition:color 0.2s ease-in;
transition:color 0.2s ease-in;
}
.myicon:after {
pointer-events: none;
content:"";
position:absolute;
width:100%;
height:100%;
border-radius:0%;	
-webkit-box-sizing: content-box; 
-moz-box-sizing: content-box; 
box-sizing: content-box;
top:-2px;
left:-2px;
z-index:-1;
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
transform: scale(1.4);
opacity: 0;
-webkit-transition: all 1.0s ease-out;
-moz-transition: all 1.0s ease-out;
transition: all 1.0s ease-out;
}
.myicon:hover a{
color:black;
}
.myicon a{
color:black;
}
.myicon:hover:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
transition: all 1.0s ease-out;
}
.scrollimation.fade-in{
opacity:0;
-webkit-transition:opacity 1.4s ease-out;
transition:opacity 1.4s ease-out;
}
.scrollimation.fade-in.subpages-in{
opacity:1;
} .scrollimation.scale-in.subpages-in{
opacity:1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform:scale(1);
}
.scrollimation.fade-right{
opacity:0;
-webkit-transform: translateX(-30px);
-moz-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform:translateX(-30px);
-webkit-transition: -webkit-transform .6s ease-in,opacity .8s ease-in;
transition: transform 0.6s ease-in,opacity .8s ease-in;
}
.scrollimation.fade-right.subpages-in{
opacity:1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
transform:translateX(0px);
} .scrollimation.fade-left.subpages-in{
opacity:1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
transform:translateX(0px);
}
.scrollimation.fade-up{
opacity:0;
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
transform:translateY(30px);
-webkit-transition: -webkit-transform .6s ease-in,opacity .8s ease-in;
transition: transform .5s ease-in,opacity .8s ease-in;
}
.scrollimation.fade-up.subpages-in{
opacity:1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
transform:translateY(0px);
}
.touch .scrollimation.fade-in{
opacity:1;
}
.touch .scrollimation.scale-in{
opacity:1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform:scale(1);
}
.touch .scrollimation.fade-right{
opacity:1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
transform:translateX(0px);
}
.touch .scrollimation.fade-left{
opacity:1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
transform:translateX(0px);
}
.touch .scrollimation.fade-up{
opacity:1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
transform:translateY(0px);
} .plate-stack{
float: left;	
width: 48%;
min-width: 200px;
max-width: 600px;
min-height: 150px;
padding-right:10px;
padding-bottom:30px; }
.plate-innertext{
margin-top: 0px;
margin-left: 0px;
position: absolute;
top: 10px;
left: 41px;
width: 95px;
word-spacing: 0.1em;
line-height: 1.3;
}
.plate-innertext-noimage{
margin-top: 0px;
margin-left: 0px;
position: absolute;
top: 6px;
left: 10px;
width: 139px;
word-spacing: 0.1em;
line-height: 1.3;
line-height: 22px;
font-family:gost, arial;
font-size:20px!important;
}
.plate-thumb{
width: 30px;
height: 30px;
position: absolute;
left: 5px;
top: 10px;
z-index:2;
}
.plate-box-left{
float:left;
padding-right: 15px;
}
.plate-box-right{
float:right;
padding-left: 15px;
min-height: 170px;	
}
.plate-details{
min-width:200px;
min-height: 1px;
padding-top:-20px;
position: relative;
box-sizing: border-box;
word-spacing: 0.1em;
line-height: 1.3;
}
@media (max-width: 799px) {
.plate-box-left, .plate-box-left{
float:none;
}
}
a.plate-link{
text-decoration: none!important;
}
a.plate-link:hover{
text-decoration: none!important;
}
.plates-row{
clear:both;
}
@media all and (max-width:599px){
.plate-stack{
width: 99%;
max-width: 99%;
}
}