FirmaEddy

.fhamm-big {position: relative; outline: 1px solid gainsboro; outline-offset: 5px; width: 300px; height: 220px;} .fhamm-ed, .fhamm-ed2 {perspective: 1000px; width: 300px; height: 110px;} .fhamm-edin, .fhamm-edin2 {position: relative; width: 300px; height: 110px; transition: transform 1s; transform-style: preserve-3d;} .fh-edfront, .fh-edfront2, .fh-edback, .fh-edback2 {position: absolute; backface-visibility: hidden; width: 100%; height: 100%;} .fh-edback {background-image:url(https://i.servimg.com/u/f95/20/01/19/13/v210.png); background-position: top;} .fh-edback2 {background-image:url(https://i.servimg.com/u/f95/20/01/19/13/v210.png); background-position: bottom;} .fh-edfront {background-image:url(https://i.servimg.com/u/f95/20/01/19/13/firmi10.png); background-position: top;} .fh-edfront2 {background-image:url(https://i.servimg.com/u/f95/20/01/19/13/firmi10.png); background-position: bottom;} .fhamm-big:hover .fhamm-edin {transform: rotateX(-180deg);} .fh-edback {transform: rotateX(-180deg);} .fhamm-big:hover .fhamm-edin2 {transform: rotateX(-180deg); transition-delay: 0.5s;} .fh-edback2 {transform: rotateX(-180deg); transition-delay: 0.5s;} .fham-tit1:before {content: ""; width: 60px; position: absolute; left: -61px; top: 12px; height: 1px; background: #fff;} .fham-tit1:after {content: ""; width: 60px; position: absolute; right: -61px; top: 12px; height: 1px; background: #fff;} .fham-tit1 {left: 60px; font-family: Neuton; color: #fff; position: absolute; bottom: 50px; width: 180px; text-transform: uppercase; font-size: 15px; padding: 5px 0px; border: 1px solid; line-height: 100%; box-shadow: 1px 0px 2px #000; text-shadow: 1px 0px 2px #000;} .fham-tit2 {font-family: calibri; width: 300px; color: #fff; position: absolute; bottom: 30px; font-size: 12px; text-shadow: 1px 0px 2px #000;}
/* latin-ext */
@font-face {
  font-family: 'Neuton';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Neuton Regular'), local('Neuton-Regular'), url(https://fonts.gstatic.com/s/neuton/v11/UMBTrPtMoH62xUZCwYg6Qis.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Neuton';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Neuton Regular'), local('Neuton-Regular'), url(https://fonts.gstatic.com/s/neuton/v11/UMBTrPtMoH62xUZCz4g6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}