.coin   { height: 260px; width: 260px; position: relative; transform-style: preserve-3d; transform-origin: 50%; animation: spin 15s infinite; animation-timing-function: linear; margin-left: 60px !important;}
.coin2  { height: 260px; width: 260px; position: relative; transform-style: preserve-3d; transform-origin: 50%; animation: spin 15s infinite; animation-timing-function: linear; margin-left: 60px !important;}
.coin3  { height: 260px; width: 260px; position: relative; transform-style: preserve-3d; transform-origin: 50%; animation: spin 15s infinite; animation-timing-function: linear; margin-left: 60px !important;}
.coin4  { height: 260px; width: 260px; position: relative; transform-style: preserve-3d; transform-origin: 50%; animation: spin 15s infinite; animation-timing-function: linear; margin-left: 60px !important;}
.coin5  { height: 260px; width: 260px; position: relative; transform-style: preserve-3d; transform-origin: 50%; animation: spin 15s infinite; animation-timing-function: linear; margin-left: 60px !important;}
.coin6  { height: 280px; width: 280px; position: relative; transform-style: preserve-3d; transform-origin: 50%; animation: spin 15s infinite; animation-timing-function: linear; margin-left: 60px !important;}
.coin7  { height: 260px; width: 260px; position: relative; transform-style: preserve-3d; transform-origin: 50%; animation: spin 15s infinite; animation-timing-function: linear; margin-left: 60px !important;}
.coin8  { height: 260px; width: 260px; position: relative; transform-style: preserve-3d; transform-origin: 50%; animation: spin 15s infinite; animation-timing-function: linear; margin-left: 60px !important;}
.coin9  { height: 270px; width: 270px; position: relative; transform-style: preserve-3d; transform-origin: 50%; animation: spin 15s infinite; animation-timing-function: linear; margin-left: 60px !important;}
.coin10 { height: 260px; width: 260px; position: relative; transform-style: preserve-3d; transform-origin: 50%; animation: spin 15s infinite; animation-timing-function: linear; margin-left: 60px !important;}
.coin11 { height: 260px; width: 260px; position: relative; transform-style: preserve-3d; transform-origin: 50%; animation: spin 15s infinite; animation-timing-function: linear; margin-left: 60px !important;}
.coin13 { height: 260px; width: 260px; position: relative; transform-style: preserve-3d; transform-origin: 50%; animation: spin 15s infinite; animation-timing-function: linear; margin-left: 60px !important;}
@media only screen and (max-width: 768px) and (min-width: 0px) { .coin   { height: 260px; width: 260px; position: relative; transform-style: preserve-3d; transform-origin: 50%; animation: spin 15s infinite; animation-timing-function: linear; margin-left: 50px !important;} }
@media only screen and (max-width: 768px) and (min-width: 0px) { .coin2  { height: 260px; width: 260px; position: relative; transform-style: preserve-3d; transform-origin: 50%; animation: spin 15s infinite; animation-timing-function: linear; margin-left: 50px !important;} }
@media only screen and (max-width: 768px) and (min-width: 0px) { .coin3  { height: 260px; width: 260px; position: relative; transform-style: preserve-3d; transform-origin: 50%; animation: spin 15s infinite; animation-timing-function: linear; margin-left: 50px !important;} }
@media only screen and (max-width: 768px) and (min-width: 0px) { .coin4  { height: 260px; width: 260px; position: relative; transform-style: preserve-3d; transform-origin: 50%; animation: spin 15s infinite; animation-timing-function: linear; margin-left: 50px !important;} }
@media only screen and (max-width: 768px) and (min-width: 0px) { .coin5  { height: 260px; width: 260px; position: relative; transform-style: preserve-3d; transform-origin: 50%; animation: spin 15s infinite; animation-timing-function: linear; margin-left: 50px !important;} }
@media only screen and (max-width: 768px) and (min-width: 0px) { .coin6  { height: 280px; width: 280px; position: relative; transform-style: preserve-3d; transform-origin: 50%; animation: spin 15s infinite; animation-timing-function: linear; margin-left: 50px !important;} }
@media only screen and (max-width: 768px) and (min-width: 0px) { .coin7  { height: 260px; width: 260px; position: relative; transform-style: preserve-3d; transform-origin: 50%; animation: spin 15s infinite; animation-timing-function: linear; margin-left: 50px !important;} }
@media only screen and (max-width: 768px) and (min-width: 0px) { .coin8  { height: 260px; width: 260px; position: relative; transform-style: preserve-3d; transform-origin: 50%; animation: spin 15s infinite; animation-timing-function: linear; margin-left: 50px !important;} }
@media only screen and (max-width: 768px) and (min-width: 0px) { .coin9  { height: 270px; width: 270px; position: relative; transform-style: preserve-3d; transform-origin: 50%; animation: spin 15s infinite; animation-timing-function: linear; margin-left: 50px !important;} }
@media only screen and (max-width: 768px) and (min-width: 0px) { .coin10 { height: 260px; width: 260px; position: relative; transform-style: preserve-3d; transform-origin: 50%; animation: spin 15s infinite; animation-timing-function: linear; margin-left: 50px !important;} }
@media only screen and (max-width: 768px) and (min-width: 0px) { .coin11 { height: 260px; width: 260px; position: relative; transform-style: preserve-3d; transform-origin: 50%; animation: spin 15s infinite; animation-timing-function: linear; margin-left: 50px !important;} }
@media only screen and (max-width: 768px) and (min-width: 0px) { .coin13 { height: 260px; width: 260px; position: relative; transform-style: preserve-3d; transform-origin: 50%; animation: spin 15s infinite; animation-timing-function: linear; margin-left: 50px !important;} }
.coin .front:before, .coin .back:before     { content: ""; position: absolute; left: -50px; height: 100%; width: 30%; background: #ffffff2e; transform: skew(45deg); animation: shine 15s infinite; filter: blur(6px); }
.coin2 .front2:before, .coin2 .back2:before { content: ""; position: absolute; left: -50px; height: 100%; width: 30%; background: #ffffff2e; transform: skew(45deg); animation: shine 16s infinite; filter: blur(6px); }
.coin3 .front3:before, .coin3 .back3:before { content: ""; position: absolute; left: -50px; height: 100%; width: 30%; background: #ffffff2e; transform: skew(45deg); animation: shine 17s infinite; filter: blur(6px); }
.coin4 .front4:before, .coin4 .back4:before { content: ""; position: absolute; left: -50px; height: 100%; width: 30%; background: #ffffff2e; transform: skew(45deg); animation: shine 18s infinite; filter: blur(6px); }
.coin5 .front5:before, .coin5 .back5:before { content: ""; position: absolute; left: -50px; height: 100%; width: 30%; background: #ffffff2e; transform: skew(45deg); animation: shine 19s infinite; filter: blur(6px); }
.coin6 .front6:before, .coin6 .back6:before { content: ""; position: absolute; left: -50px; height: 100%; width: 30%; background: #ffffff2e; transform: skew(45deg); animation: shine 20s infinite; filter: blur(6px); }
.coin7 .front7:before, .coin7 .back7:before { content: ""; position: absolute; left: -50px; height: 100%; width: 30%; background: #ffffff2e; transform: skew(45deg); animation: shine 21s infinite; filter: blur(6px); }
.coin8 .front8:before, .coin8 .back8:before { content: ""; position: absolute; left: -50px; height: 100%; width: 30%; background: #ffffff2e; transform: skew(45deg); animation: shine 22s infinite; filter: blur(6px); }
.coin9 .front9:before, .coin9 .back9:before { content: ""; position: absolute; left: -50px; height: 100%; width: 30%; background: #ffffff2e; transform: skew(45deg); animation: shine 23s infinite; filter: blur(6px); }
.coin10 .front10:before, .coin10 .back10:before { content: ""; position: absolute; left: -50px; height: 100%; width: 30%; background: #ffffff2e; transform: skew(45deg); animation: shine 24s infinite; filter: blur(6px); }
.coin11 .front11:before, .coin11 .back11:before { content: ""; position: absolute; left: -50px; height: 100%; width: 30%; background: #ffffff2e; transform: skew(45deg); animation: shine 24s infinite; filter: blur(6px); }
.coin13 .front13:before, .coin13 .back13:before { content: ""; position: absolute; left: -50px; height: 100%; width: 30%; background: #ffffff2e; transform: skew(45deg); animation: shine 24s infinite; filter: blur(6px); }
#gradient {
width: 400px;
height: 30px;
background-image: radial-gradient(black, transparent, transparent);
animation: scale 1.5s infinite;
animation-timing-function: linear;
animation-direction: alternate;
filter: url(#blur);
}
@keyframes scale {
0% {
transform: scaleX(1);
}
100% {
transform: scaleX(0.3);
}
}
.coin .front, .coin .back {
position: absolute;
height: 100%;
width: 100%;
background-size: cover;
overflow: hidden;
}
.coin .front {
transform: translateZ(1px);
}
.coin .back {
transform: translateZ(0px) rotateY(180deg);
}
.coin .side {
transform: translateX(100px);
transform-style: preserve-3d;
backface-visibility: hidden;
}
.coin .side .circle {
height: 250px;
width: 50px;
position: absolute;
transform-style: preserve-3d;
backface-visibility: hidden;
}
.coin .side .circle:before {
transform-origin: top center;
}
.coin .side .circle:after {
bottom: 0;
transform-origin: center bottom;
}
.coin .side .circle:nth-child(1) {
transform: rotateY(90deg) rotateX(11.25deg);
}
.coin .side .circle:nth-child(2) {
transform: rotateY(90deg) rotateX(22.5deg);
}
.coin .side .circle:nth-child(3) {
transform: rotateY(90deg) rotateX(33.75deg);
}
.coin .side .circle:nth-child(4) {
transform: rotateY(90deg) rotateX(45deg);
}
.coin .side .circle:nth-child(5) {
transform: rotateY(90deg) rotateX(56.25deg);
}
.coin .side .circle:nth-child(6) {
transform: rotateY(90deg) rotateX(67.5deg);
}
.coin .side .circle:nth-child(7) {
transform: rotateY(90deg) rotateX(78.75deg);
}
.coin .side .circle:nth-child(8) {
transform: rotateY(90deg) rotateX(90deg);
}
.coin .side .circle:nth-child(9) {
transform: rotateY(90deg) rotateX(101.25deg);
}
.coin .side .circle:nth-child(10) {
transform: rotateY(90deg) rotateX(112.5deg);
}
.coin .side .circle:nth-child(11) {
transform: rotateY(90deg) rotateX(123.75deg);
}
.coin .side .circle:nth-child(12) {
transform: rotateY(90deg) rotateX(135deg);
}
.coin .side .circle:nth-child(13) {
transform: rotateY(90deg) rotateX(146.25deg);
}
.coin .side .circle:nth-child(14) {
transform: rotateY(90deg) rotateX(157.5deg);
}
.coin .side .circle:nth-child(15) {
transform: rotateY(90deg) rotateX(168.75deg);
}
.coin .side .circle:nth-child(16) {
transform: rotateY(90deg) rotateX(180deg);
}
.coin .front {
background-size: cover;
background-image: url(https://s12.strzegom.pl/wp-content/uploads/coin/medal_1_front.png);
}
.coin .back {
background-image: url(https://s12.strzegom.pl/wp-content/uploads/coin/medal_1_revers.png);
background-size: cover;
}
.coin .front, .coin .back {
overflow: hidden;
}
@keyframes shine {
30% {
left: 500px;
}
50% {
left: 500px;
}
100% {
left: 500px;
}
}
@keyframes spin {
from {
transform: rotateX(0deg);
}
to {
transform: rotateY(360deg);
}
}
.coin2 .front2, .coin2 .back2 {
position: absolute;
height: 100%;
width: 100%;
background-size: cover;
overflow: hidden;
}
.coin2 .front2 {
transform: translateZ(1px);
}
.coin2 .back2 {
transform: translateZ(0px) rotateY(180deg);
}
.coin2 .side2 {
transform: translateX(100px);
transform-style: preserve-3d;
backface-visibility: hidden;
}
.coin2 .side2 .circle2 {
height: 250px;
width: 50px;
position: absolute;
transform-style: preserve-3d;
backface-visibility: hidden;
}
.coin2 .side2 .circle2:before {
transform-origin: top center;
}
.coin2 .side2 .circle2:after {
bottom: 0;
transform-origin: center bottom;
}
.coin2 .side2 .circle2:nth-child(1) {
transform: rotateY(90deg) rotateX(11.25deg);
}
.coin2 .side2 .circle2:nth-child(2) {
transform: rotateY(90deg) rotateX(22.5deg);
}
.coin2 .side2 .circle2:nth-child(3) {
transform: rotateY(90deg) rotateX(33.75deg);
}
.coin2 .side2 .circle2:nth-child(4) {
transform: rotateY(90deg) rotateX(45deg);
}
.coin2 .side2 .circle2:nth-child(5) {
transform: rotateY(90deg) rotateX(56.25deg);
}
.coin2 .side2 .circle2:nth-child(6) {
transform: rotateY(90deg) rotateX(67.5deg);
}
.coin2 .side2 .circle2:nth-child(7) {
transform: rotateY(90deg) rotateX(78.75deg);
}
.coin2 .side2 .circle2:nth-child(8) {
transform: rotateY(90deg) rotateX(90deg);
}
.coin2 .side2 .circle2:nth-child(9) {
transform: rotateY(90deg) rotateX(101.25deg);
}
.coin2 .side2 .circle2:nth-child(10) {
transform: rotateY(90deg) rotateX(112.5deg);
}
.coin2 .side2 .circle2:nth-child(11) {
transform: rotateY(90deg) rotateX(123.75deg);
}
.coin2 .side2 .circle2:nth-child(12) {
transform: rotateY(90deg) rotateX(135deg);
}
.coin2 .side2 .circle2:nth-child(13) {
transform: rotateY(90deg) rotateX(146.25deg);
}
.coin2 .side2 .circle2:nth-child(14) {
transform: rotateY(90deg) rotateX(157.5deg);
}
.coin2 .side2 .circle2:nth-child(15) {
transform: rotateY(90deg) rotateX(168.75deg);
}
.coin2 .side2 .circle2:nth-child(16) {
transform: rotateY(90deg) rotateX(180deg);
}
.coin2 .front2 {
background-size: cover;
background-image: url(https://s12.strzegom.pl/wp-content/uploads/coin/medal_2_front.png);
}
.coin2 .back2 {
background-image: url(https://s12.strzegom.pl/wp-content/uploads/coin/medal_2_revers.png);
background-size: cover;
}
.coin2 .front2, .coin2 .back2 {
overflow: hidden;
}
.coin3 .front3, .coin3 .back3 {
position: absolute;
height: 100%;
width: 100%;
background-size: cover;
overflow: hidden;
}
.coin3 .front3 {
transform: translateZ(1px);
}
.coin3 .back3 {
transform: translateZ(0px) rotateY(180deg);
}
.coin3 .side3 {
transform: translateX(100px);
transform-style: preserve-3d;
backface-visibility: hidden;
}
.coin3 .side3 .circle3 {
height: 250px;
width: 50px;
position: absolute;
transform-style: preserve-3d;
backface-visibility: hidden;
}
.coin3 .side3 .circle3:before {
transform-origin: top center;
}
.coin3 .side3 .circle3:after {
bottom: 0;
transform-origin: center bottom;
}
.coin3 .side3 .circle3:nth-child(1) {
transform: rotateY(90deg) rotateX(11.25deg);
}
.coin3 .side3 .circle3:nth-child(2) {
transform: rotateY(90deg) rotateX(22.5deg);
}
.coin3 .side3 .circle3:nth-child(3) {
transform: rotateY(90deg) rotateX(33.75deg);
}
.coin3 .side3 .circle3:nth-child(4) {
transform: rotateY(90deg) rotateX(45deg);
}
.coin3 .side3 .circle3:nth-child(5) {
transform: rotateY(90deg) rotateX(56.25deg);
}
.coin3 .side3 .circle3:nth-child(6) {
transform: rotateY(90deg) rotateX(67.5deg);
}
.coin3 .side3 .circle3:nth-child(7) {
transform: rotateY(90deg) rotateX(78.75deg);
}
.coin3 .side3 .circle3:nth-child(8) {
transform: rotateY(90deg) rotateX(90deg);
}
.coin3 .side3 .circle3:nth-child(9) {
transform: rotateY(90deg) rotateX(101.25deg);
}
.coin3 .side3 .circle3:nth-child(10) {
transform: rotateY(90deg) rotateX(112.5deg);
}
.coin3 .side3 .circle3:nth-child(11) {
transform: rotateY(90deg) rotateX(123.75deg);
}
.coin3 .side3 .circle3:nth-child(12) {
transform: rotateY(90deg) rotateX(135deg);
}
.coin3 .side3 .circle3:nth-child(13) {
transform: rotateY(90deg) rotateX(146.25deg);
}
.coin3 .side3 .circle3:nth-child(14) {
transform: rotateY(90deg) rotateX(157.5deg);
}
.coin3 .side3 .circle3:nth-child(15) {
transform: rotateY(90deg) rotateX(168.75deg);
}
.coin3 .side3 .circle3:nth-child(16) {
transform: rotateY(90deg) rotateX(180deg);
}
.coin3 .front3 {
background-size: cover;
background-image: url(https://s12.strzegom.pl/wp-content/uploads/coin/medal_3_front.png);
}
.coin3 .back3 {
background-image: url(https://s12.strzegom.pl/wp-content/uploads/coin/medal_3_revers.png);
background-size: cover;
}
.coin3 .front3, .coin3 .back3 {
overflow: hidden;
}
.coin4 .front4, .coin4 .back4 {
position: absolute;
height: 100%;
width: 100%;
border-radius: 50%;
background-size: cover;
overflow: hidden;
}
.coin4 .front4 {
transform: translateZ(1px);
}
.coin4 .back4 {
transform: translateZ(0px) rotateY(180deg);
}
.coin4 .side4 {
transform: translateX(100px);
transform-style: preserve-3d;
backface-visibility: hidden;
}
.coin4 .side4 .circle4 {
height: 250px;
width: 50px;
position: absolute;
transform-style: preserve-3d;
backface-visibility: hidden;
}
.coin4 .side4 .circle4:before {
transform-origin: top center;
}
.coin4 .side4 .circle4:after {
bottom: 0;
transform-origin: center bottom;
}
.coin4 .side4 .circle4:nth-child(1) {
transform: rotateY(90deg) rotateX(11.25deg);
}
.coin4 .side4 .circle4:nth-child(2) {
transform: rotateY(90deg) rotateX(22.5deg);
}
.coin4 .side4 .circle4:nth-child(3) {
transform: rotateY(90deg) rotateX(33.75deg);
}
.coin4 .side4 .circle4:nth-child(4) {
transform: rotateY(90deg) rotateX(45deg);
}
.coin4 .side4 .circle4:nth-child(5) {
transform: rotateY(90deg) rotateX(56.25deg);
}
.coin4 .side4 .circle4:nth-child(6) {
transform: rotateY(90deg) rotateX(67.5deg);
}
.coin4 .side4 .circle4:nth-child(7) {
transform: rotateY(90deg) rotateX(78.75deg);
}
.coin4 .side4 .circle4:nth-child(8) {
transform: rotateY(90deg) rotateX(90deg);
}
.coin4 .side4 .circle4:nth-child(9) {
transform: rotateY(90deg) rotateX(101.25deg);
}
.coin4 .side4 .circle4:nth-child(10) {
transform: rotateY(90deg) rotateX(112.5deg);
}
.coin4 .side4 .circle4:nth-child(11) {
transform: rotateY(90deg) rotateX(123.75deg);
}
.coin4 .side4 .circle4:nth-child(12) {
transform: rotateY(90deg) rotateX(135deg);
}
.coin4 .side4 .circle4:nth-child(13) {
transform: rotateY(90deg) rotateX(146.25deg);
}
.coin4 .side4 .circle4:nth-child(14) {
transform: rotateY(90deg) rotateX(157.5deg);
}
.coin4 .side4 .circle4:nth-child(15) {
transform: rotateY(90deg) rotateX(168.75deg);
}
.coin4 .side4 .circle4:nth-child(16) {
transform: rotateY(90deg) rotateX(180deg);
}
.coin4 .front4 {
background-size: cover;
background-image: url(https://s12.strzegom.pl/wp-content/uploads/coin/medal_4_front.png);
}
.coin4 .back4 {
background-image: url(https://s12.strzegom.pl/wp-content/uploads/coin/medal_4_revers.png);
background-size: cover;
}
.coin4 .front4, .coin4 .back4 {
overflow: hidden;
}
.coin5 .front5, .coin5 .back5 {
position: absolute;
height: 100%;
width: 100%;
background-size: cover;
overflow: hidden;
}
.coin5 .front5 {
transform: translateZ(1px);
}
.coin5 .back5 {
transform: translateZ(0px) rotateY(180deg);
}
.coin5 .side5 {
transform: translateX(100px);
transform-style: preserve-3d;
backface-visibility: hidden;
}
.coin5 .side5 .circle5 {
height: 250px;
width: 50px;
position: absolute;
transform-style: preserve-3d;
backface-visibility: hidden;
}
.coin5 .side5 .circle5:before {
transform-origin: top center;
}
.coin5 .side5 .circle5:after {
bottom: 0;
transform-origin: center bottom;
}
.coin5 .side5 .circle5:nth-child(1) {
transform: rotateY(90deg) rotateX(11.25deg);
}
.coin5 .side5 .circle5:nth-child(2) {
transform: rotateY(90deg) rotateX(22.5deg);
}
.coin5 .side5 .circle5:nth-child(3) {
transform: rotateY(90deg) rotateX(33.75deg);
}
.coin5 .side5 .circle5:nth-child(4) {
transform: rotateY(90deg) rotateX(45deg);
}
.coin5 .side5 .circle5:nth-child(5) {
transform: rotateY(90deg) rotateX(56.25deg);
}
.coin5 .side5 .circle5:nth-child(6) {
transform: rotateY(90deg) rotateX(67.5deg);
}
.coin5 .side5 .circle5:nth-child(7) {
transform: rotateY(90deg) rotateX(78.75deg);
}
.coin5 .side5 .circle5:nth-child(8) {
transform: rotateY(90deg) rotateX(90deg);
}
.coin5 .side5 .circle5:nth-child(9) {
transform: rotateY(90deg) rotateX(101.25deg);
}
.coin5 .side5 .circle5:nth-child(10) {
transform: rotateY(90deg) rotateX(112.5deg);
}
.coin5 .side5 .circle5:nth-child(11) {
transform: rotateY(90deg) rotateX(123.75deg);
}
.coin5 .side5 .circle5:nth-child(12) {
transform: rotateY(90deg) rotateX(135deg);
}
.coin5 .side5 .circle5:nth-child(13) {
transform: rotateY(90deg) rotateX(146.25deg);
}
.coin5 .side5 .circle5:nth-child(14) {
transform: rotateY(90deg) rotateX(157.5deg);
}
.coin5 .side5 .circle5:nth-child(15) {
transform: rotateY(90deg) rotateX(168.75deg);
}
.coin5 .side5 .circle5:nth-child(16) {
transform: rotateY(90deg) rotateX(180deg);
}
.coin5 .front5 {
background-size: cover;
background-image: url(https://s12.strzegom.pl/wp-content/uploads/coin/medal_5_front.png);
}
.coin5 .back5 {
background-image: url(https://s12.strzegom.pl/wp-content/uploads/coin/medal_5_revers.png);
background-size: cover;
}
.coin5 .front5, .coin5 .back5 {
overflow: hidden;
}
.coin6 .front6, .coin6 .back6 {
position: absolute;
height: 100%;
width: 100%;
background-size: cover;
overflow: hidden;
}
.coin6 .front6 {
transform: translateZ(1px);
}
.coin6 .back6 {
transform: translateZ(0px) rotateY(180deg);
}
.coin6 .side6 {
transform: translateX(100px);
transform-style: preserve-3d;
backface-visibility: hidden;
}
.coin6 .side6 .circle6 {
height: 250px;
width: 50px;
position: absolute;
transform-style: preserve-3d;
backface-visibility: hidden;
}
.coin6 .side6 .circle6:before {
transform-origin: top center;
}
.coin6 .side6 .circle6:after {
bottom: 0;
transform-origin: center bottom;
}
.coin6 .side6 .circle6:nth-child(1) {
transform: rotateY(90deg) rotateX(11.25deg);
}
.coin6 .side6 .circle6:nth-child(2) {
transform: rotateY(90deg) rotateX(22.5deg);
}
.coin6 .side6 .circle6:nth-child(3) {
transform: rotateY(90deg) rotateX(33.75deg);
}
.coin6 .side6 .circle6:nth-child(4) {
transform: rotateY(90deg) rotateX(45deg);
}
.coin6 .side6 .circle6:nth-child(5) {
transform: rotateY(90deg) rotateX(56.25deg);
}
.coin6 .side6 .circle6:nth-child(6) {
transform: rotateY(90deg) rotateX(67.5deg);
}
.coin6 .side6 .circle6:nth-child(7) {
transform: rotateY(90deg) rotateX(78.75deg);
}
.coin6 .side6 .circle6:nth-child(8) {
transform: rotateY(90deg) rotateX(90deg);
}
.coin6 .side6 .circle6:nth-child(9) {
transform: rotateY(90deg) rotateX(101.25deg);
}
.coin6 .side6 .circle6:nth-child(10) {
transform: rotateY(90deg) rotateX(112.5deg);
}
.coin6 .side6 .circle6:nth-child(11) {
transform: rotateY(90deg) rotateX(123.75deg);
}
.coin6 .side6 .circle6:nth-child(12) {
transform: rotateY(90deg) rotateX(135deg);
}
.coin6 .side6 .circle6:nth-child(13) {
transform: rotateY(90deg) rotateX(146.25deg);
}
.coin6 .side6 .circle6:nth-child(14) {
transform: rotateY(90deg) rotateX(157.5deg);
}
.coin6 .side6 .circle6:nth-child(15) {
transform: rotateY(90deg) rotateX(168.75deg);
}
.coin6 .side6 .circle6:nth-child(16) {
transform: rotateY(90deg) rotateX(180deg);
}
.coin6 .front6 {
background-size: cover;
background-image: url(https://s12.strzegom.pl/wp-content/uploads/coin/medal_6_front.png);
}
.coin6 .back6 {
background-image: url(https://s12.strzegom.pl/wp-content/uploads/coin/medal_6_revers.png);
background-size: cover;
}
.coin6 .front6, .coin6 .back6 {
overflow: hidden;
}
.coin10 .front10, .coin10 .back10 {
position: absolute;
height: 100%;
width: 100%;
background-size: cover;
overflow: hidden;
}
.coin10 .front10 {
transform: translateZ(1px);
}
.coin10 .back10 {
transform: translateZ(0px) rotateY(180deg);
}
.coin10 .side10 {
transform: translateX(100px);
transform-style: preserve-3d;
backface-visibility: hidden;
}
.coin10 .side10 .circle10 {
height: 250px;
width: 50px;
position: absolute;
transform-style: preserve-3d;
backface-visibility: hidden;
}
.coin10 .side10 .circle10:before {
transform-origin: top center;
}
.coin10 .side10 .circle10:after {
bottom: 0;
transform-origin: center bottom;
}
.coin10 .side10 .circle10:nth-child(1) {
transform: rotateY(90deg) rotateX(11.25deg);
}
.coin10 .side10 .circle10:nth-child(2) {
transform: rotateY(90deg) rotateX(22.5deg);
}
.coin10 .side10 .circle10:nth-child(3) {
transform: rotateY(90deg) rotateX(33.75deg);
}
.coin10 .side10 .circle10:nth-child(4) {
transform: rotateY(90deg) rotateX(45deg);
}
.coin10 .side10 .circle10:nth-child(5) {
transform: rotateY(90deg) rotateX(56.25deg);
}
.coin10 .side10 .circle10:nth-child(6) {
transform: rotateY(90deg) rotateX(67.5deg);
}
.coin10 .side10 .circle10:nth-child(7) {
transform: rotateY(90deg) rotateX(78.75deg);
}
.coin10 .side10 .circle10:nth-child(8) {
transform: rotateY(90deg) rotateX(90deg);
}
.coin10 .side10 .circle10:nth-child(9) {
transform: rotateY(90deg) rotateX(101.25deg);
}
.coin10 .side10 .circle10:nth-child(10) {
transform: rotateY(90deg) rotateX(112.5deg);
}
.coin10 .side10 .circle10:nth-child(11) {
transform: rotateY(90deg) rotateX(123.75deg);
}
.coin10 .side10 .circle10:nth-child(12) {
transform: rotateY(90deg) rotateX(135deg);
}
.coin10 .side10 .circle10:nth-child(13) {
transform: rotateY(90deg) rotateX(146.25deg);
}
.coin10 .side10 .circle10:nth-child(14) {
transform: rotateY(90deg) rotateX(157.5deg);
}
.coin10 .side10 .circle10:nth-child(15) {
transform: rotateY(90deg) rotateX(168.75deg);
}
.coin10 .side10 .circle10:nth-child(16) {
transform: rotateY(90deg) rotateX(180deg);
}
.coin10 .front10 {
background-size: cover;
background-image: url(https://s12.strzegom.pl/wp-content/uploads/coin/medal_11_front.png);
}
.coin10 .back10 {
background-image: url(https://s12.strzegom.pl/wp-content/uploads/coin/medal_11_revers.png);
background-size: cover;
}
.coin10 .front10, .coin10 .back10 {
overflow: hidden;
}
.coin7 .front7, .coin7 .back7 {
position: absolute;
height: 100%;
width: 100%;
background-size: cover;
overflow: hidden;
}
.coin7 .front7 {
transform: translateZ(1px);
}
.coin7 .back7 {
transform: translateZ(0px) rotateY(180deg);
}
.coin7 .side7 {
transform: translateX(100px);
transform-style: preserve-3d;
backface-visibility: hidden;
}
.coin7 .side7 .circle7 {
height: 250px;
width: 50px;
position: absolute;
transform-style: preserve-3d;
backface-visibility: hidden;
}
.coin7 .side7 .circle7:before {
transform-origin: top center;
}
.coin7 .side7 .circle7:after {
bottom: 0;
transform-origin: center bottom;
}
.coin7 .side7 .circle7:nth-child(1) {
transform: rotateY(90deg) rotateX(11.25deg);
}
.coin7 .side7 .circle7:nth-child(2) {
transform: rotateY(90deg) rotateX(22.5deg);
}
.coin7 .side7 .circle7:nth-child(3) {
transform: rotateY(90deg) rotateX(33.75deg);
}
.coin7 .side7 .circle7:nth-child(4) {
transform: rotateY(90deg) rotateX(45deg);
}
.coin7 .side7 .circle7:nth-child(5) {
transform: rotateY(90deg) rotateX(56.25deg);
}
.coin7 .side7 .circle7:nth-child(6) {
transform: rotateY(90deg) rotateX(67.5deg);
}
.coin7 .side7 .circle7:nth-child(7) {
transform: rotateY(90deg) rotateX(78.75deg);
}
.coin7 .side7 .circle7:nth-child(8) {
transform: rotateY(90deg) rotateX(90deg);
}
.coin7 .side7 .circle7:nth-child(9) {
transform: rotateY(90deg) rotateX(101.25deg);
}
.coin7 .side7 .circle7:nth-child(10) {
transform: rotateY(90deg) rotateX(112.5deg);
}
.coin7 .side7 .circle7:nth-child(11) {
transform: rotateY(90deg) rotateX(123.75deg);
}
.coin7 .side7 .circle7:nth-child(12) {
transform: rotateY(90deg) rotateX(135deg);
}
.coin7 .side7 .circle7:nth-child(13) {
transform: rotateY(90deg) rotateX(146.25deg);
}
.coin7 .side7 .circle7:nth-child(14) {
transform: rotateY(90deg) rotateX(157.5deg);
}
.coin7 .side7 .circle7:nth-child(15) {
transform: rotateY(90deg) rotateX(168.75deg);
}
.coin7 .side7 .circle7:nth-child(16) {
transform: rotateY(90deg) rotateX(180deg);
}
.coin7 .front7 {
background-size: cover;
background-image: url(https://s12.strzegom.pl/wp-content/uploads/coin/medal_7_front.png);
}
.coin7 .back7 {
background-image: url(https://s12.strzegom.pl/wp-content/uploads/coin/medal_7_revers.png);
background-size: cover;
}
.coin7 .front7, .coin7 .back7 {
overflow: hidden;
}
.coin8 .front8, .coin8 .back8 {
position: absolute;
height: 100%;
width: 100%;
background-size: cover;
overflow: hidden;
}
.coin8 .front8 {
transform: translateZ(1px);
}
.coin8 .back8 {
transform: translateZ(0px) rotateY(180deg);
}
.coin8 .side8 {
transform: translateX(100px);
transform-style: preserve-3d;
backface-visibility: hidden;
}
.coin8 .side8 .circle8 {
height: 250px;
width: 50px;
position: absolute;
transform-style: preserve-3d;
backface-visibility: hidden;
}
.coin8 .side8 .circle8:before {
transform-origin: top center;
}
.coin8 .side8 .circle8:after {
bottom: 0;
transform-origin: center bottom;
}
.coin8 .side8 .circle8:nth-child(1) {
transform: rotateY(90deg) rotateX(11.25deg);
}
.coin8 .side8 .circle8:nth-child(2) {
transform: rotateY(90deg) rotateX(22.5deg);
}
.coin8 .side8 .circle8:nth-child(3) {
transform: rotateY(90deg) rotateX(33.75deg);
}
.coin8 .side8 .circle8:nth-child(4) {
transform: rotateY(90deg) rotateX(45deg);
}
.coin8 .side8 .circle8:nth-child(5) {
transform: rotateY(90deg) rotateX(56.25deg);
}
.coin8 .side8 .circle8:nth-child(6) {
transform: rotateY(90deg) rotateX(67.5deg);
}
.coin8 .side8 .circle8:nth-child(7) {
transform: rotateY(90deg) rotateX(78.75deg);
}
.coin8 .side8 .circle8:nth-child(8) {
transform: rotateY(90deg) rotateX(90deg);
}
.coin8 .side8 .circle8:nth-child(9) {
transform: rotateY(90deg) rotateX(101.25deg);
}
.coin8 .side8 .circle8:nth-child(10) {
transform: rotateY(90deg) rotateX(112.5deg);
}
.coin8 .side8 .circle8:nth-child(11) {
transform: rotateY(90deg) rotateX(123.75deg);
}
.coin8 .side8 .circle8:nth-child(12) {
transform: rotateY(90deg) rotateX(135deg);
}
.coin8 .side8 .circle8:nth-child(13) {
transform: rotateY(90deg) rotateX(146.25deg);
}
.coin8 .side8 .circle8:nth-child(14) {
transform: rotateY(90deg) rotateX(157.5deg);
}
.coin8 .side8 .circle8:nth-child(15) {
transform: rotateY(90deg) rotateX(168.75deg);
}
.coin8 .side8 .circle8:nth-child(16) {
transform: rotateY(90deg) rotateX(180deg);
}
.coin8 .front8 {
background-size: cover;
background-image: url(https://s12.strzegom.pl/wp-content/uploads/coin/medal_8_front.png);
}
.coin8 .back8 {
background-image: url(https://s12.strzegom.pl/wp-content/uploads/coin/medal_8_revers.png);
background-size: cover;
}
.coin8 .front8, .coin8 .back8 {
overflow: hidden;
}
.coin9 .front9, .coin9 .back9 {
position: absolute;
height: 100%;
width: 100%;
background-size: cover;
overflow: hidden;
}
.coin9 .front9 {
transform: translateZ(1px);
}
.coin9 .back9 {
transform: translateZ(0px) rotateY(180deg);
}
.coin9 .side9 {
transform: translateX(100px);
transform-style: preserve-3d;
backface-visibility: hidden;
}
.coin9 .side9 .circle9 {
height: 250px;
width: 50px;
position: absolute;
transform-style: preserve-3d;
backface-visibility: hidden;
}
.coin9 .side9 .circle9:before {
transform-origin: top center;
}
.coin9 .side9 .circle9:after {
bottom: 0;
transform-origin: center bottom;
}
.coin9 .side9 .circle9:nth-child(1) {
transform: rotateY(90deg) rotateX(11.25deg);
}
.coin9 .side9 .circle9:nth-child(2) {
transform: rotateY(90deg) rotateX(22.5deg);
}
.coin9 .side9 .circle9:nth-child(3) {
transform: rotateY(90deg) rotateX(33.75deg);
}
.coin9 .side9 .circle9:nth-child(4) {
transform: rotateY(90deg) rotateX(45deg);
}
.coin9 .side9 .circle9:nth-child(5) {
transform: rotateY(90deg) rotateX(56.25deg);
}
.coin9 .side9 .circle9:nth-child(6) {
transform: rotateY(90deg) rotateX(67.5deg);
}
.coin9 .side9 .circle9:nth-child(7) {
transform: rotateY(90deg) rotateX(78.75deg);
}
.coin9 .side9 .circle9:nth-child(8) {
transform: rotateY(90deg) rotateX(90deg);
}
.coin9 .side9 .circle9:nth-child(9) {
transform: rotateY(90deg) rotateX(101.25deg);
}
.coin9 .side9 .circle9:nth-child(10) {
transform: rotateY(90deg) rotateX(112.5deg);
}
.coin9 .side9 .circle9:nth-child(11) {
transform: rotateY(90deg) rotateX(123.75deg);
}
.coin9 .side9 .circle9:nth-child(12) {
transform: rotateY(90deg) rotateX(135deg);
}
.coin9 .side9 .circle9:nth-child(13) {
transform: rotateY(90deg) rotateX(146.25deg);
}
.coin9 .side9 .circle9:nth-child(14) {
transform: rotateY(90deg) rotateX(157.5deg);
}
.coin9 .side9 .circle9:nth-child(15) {
transform: rotateY(90deg) rotateX(168.75deg);
}
.coin9 .side9 .circle9:nth-child(16) {
transform: rotateY(90deg) rotateX(180deg);
}
.coin9 .front9 {
background-size: cover;
background-image: url(https://s12.strzegom.pl/wp-content/uploads/coin/medal_9_front.png);
}
.coin9 .back9 {
background-image: url(https://s12.strzegom.pl/wp-content/uploads/coin/medal_9_revers.png);
background-size: cover;
}
.coin9 .front9, .coin9 .back9 {
overflow: hidden;
}
.coin11 .front11, .coin11 .back11 {
position: absolute;
height: 100%;
width: 100%;
background-size: cover;
overflow: hidden;
}
.coin11 .front11 {
transform: translateZ(1px);
}
.coin11 .back11 {
transform: translateZ(0px) rotateY(180deg);
}
.coin11 .side11 {
transform: translateX(100px);
transform-style: preserve-3d;
backface-visibility: hidden;
}
.coin11 .side11 .circle11 {
height: 250px;
width: 50px;
position: absolute;
transform-style: preserve-3d;
backface-visibility: hidden;
}
.coin11 .side11 .circle11:before {
transform-origin: top center;
}
.coin11 .side11 .circle11:after {
bottom: 0;
transform-origin: center bottom;
}
.coin11 .side11 .circle11:nth-child(1) {
transform: rotateY(90deg) rotateX(11.25deg);
}
.coin11 .side11 .circle11:nth-child(2) {
transform: rotateY(90deg) rotateX(22.5deg);
}
.coin11 .side11 .circle11:nth-child(3) {
transform: rotateY(90deg) rotateX(33.75deg);
}
.coin11 .side11 .circle11:nth-child(4) {
transform: rotateY(90deg) rotateX(45deg);
}
.coin11 .side11 .circle11:nth-child(5) {
transform: rotateY(90deg) rotateX(56.25deg);
}
.coin11 .side11 .circle11:nth-child(6) {
transform: rotateY(90deg) rotateX(67.5deg);
}
.coin11 .side11 .circle11:nth-child(7) {
transform: rotateY(90deg) rotateX(78.75deg);
}
.coin11 .side11 .circle11:nth-child(8) {
transform: rotateY(90deg) rotateX(90deg);
}
.coin11 .side11 .circle11:nth-child(9) {
transform: rotateY(90deg) rotateX(101.25deg);
}
.coin11 .side11 .circle11:nth-child(10) {
transform: rotateY(90deg) rotateX(112.5deg);
}
.coin11 .side11 .circle11:nth-child(11) {
transform: rotateY(90deg) rotateX(123.75deg);
}
.coin11 .side11 .circle11:nth-child(12) {
transform: rotateY(90deg) rotateX(135deg);
}
.coin11 .side11 .circle11:nth-child(13) {
transform: rotateY(90deg) rotateX(146.25deg);
}
.coin11 .side11 .circle11:nth-child(14) {
transform: rotateY(90deg) rotateX(157.5deg);
}
.coin11 .side11 .circle11:nth-child(15) {
transform: rotateY(90deg) rotateX(168.75deg);
}
.coin11 .side11 .circle11:nth-child(16) {
transform: rotateY(90deg) rotateX(180deg);
}
.coin11 .front11 {
background-size: cover;
background-image: url(https://s12.strzegom.pl/wp-content/uploads/coin/medal_12_front.png);
}
.coin11 .back11 {
background-image: url(https://s12.strzegom.pl/wp-content/uploads/coin/medal_12_revers.png);
background-size: cover;
}
.coin11 .front11, .coin11 .back11 {
overflow: hidden;
}
.coin13 .front13, .coin13 .back13 {
position: absolute;
height: 100%;
width: 100%;
background-size: cover;
overflow: hidden;
}
.coin13 .front13 {
transform: translateZ(1px);
}
.coin13 .back13 {
transform: translateZ(0px) rotateY(180deg);
}
.coin13 .side13 {
transform: translateX(100px);
transform-style: preserve-3d;
backface-visibility: hidden;
}
.coin13 .side13 .circle13 {
height: 250px;
width: 50px;
position: absolute;
transform-style: preserve-3d;
backface-visibility: hidden;
}
.coin13 .side13 .circle13:before {
transform-origin: top center;
}
.coin13 .side13 .circle13:after {
bottom: 0;
transform-origin: center bottom;
}
.coin13 .side13 .circle13:nth-child(1) {
transform: rotateY(90deg) rotateX(11.25deg);
}
.coin13 .side13 .circle13:nth-child(2) {
transform: rotateY(90deg) rotateX(22.5deg);
}
.coin13 .side13 .circle13:nth-child(3) {
transform: rotateY(90deg) rotateX(33.75deg);
}
.coin13 .side13 .circle13:nth-child(4) {
transform: rotateY(90deg) rotateX(45deg);
}
.coin13 .side13 .circle13:nth-child(5) {
transform: rotateY(90deg) rotateX(56.25deg);
}
.coin13 .side13 .circle13:nth-child(6) {
transform: rotateY(90deg) rotateX(67.5deg);
}
.coin13 .side13 .circle13:nth-child(7) {
transform: rotateY(90deg) rotateX(78.75deg);
}
.coin13 .side13 .circle13:nth-child(8) {
transform: rotateY(90deg) rotateX(90deg);
}
.coin13 .side13 .circle13:nth-child(9) {
transform: rotateY(90deg) rotateX(101.25deg);
}
.coin13 .side13 .circle13:nth-child(10) {
transform: rotateY(90deg) rotateX(112.5deg);
}
.coin13 .side13 .circle13:nth-child(11) {
transform: rotateY(90deg) rotateX(123.75deg);
}
.coin13 .side13 .circle13:nth-child(12) {
transform: rotateY(90deg) rotateX(135deg);
}
.coin13 .side13 .circle13:nth-child(13) {
transform: rotateY(90deg) rotateX(146.25deg);
}
.coin13 .side13 .circle13:nth-child(14) {
transform: rotateY(90deg) rotateX(157.5deg);
}
.coin13 .side13 .circle13:nth-child(15) {
transform: rotateY(90deg) rotateX(168.75deg);
}
.coin13 .side13 .circle13:nth-child(16) {
transform: rotateY(90deg) rotateX(180deg);
}
.coin13 .front13 {
background-size: cover;
background-image: url(https://s12.strzegom.pl/wp-content/uploads/coin/medal_12_front.png);
}
.coin13 .back13 {
background-image: url(https://s12.strzegom.pl/wp-content/uploads/coin/medal_12_revers.png);
background-size: cover;
}
.coin13 .front13, .coin13 .back13 {
overflow: hidden;
}