Imperium Imóveis - Guarapuava

Comprar
Alugar

BLACK NOVEMBRO

Selecionados os melhores imóveis para vocês. Confira!

VER TODOS +

Salvar como favorito Detalhes do Imóvel Tenho Interesse

Detalhes do Imóvel

Terreno de Esquina no Trianon em Guarapuava

R$ 499.000,00

Trianon, Guarapuava

491,25 m² de Área total

Salvar como favorito Detalhes do Imóvel Tenho Interesse

Detalhes do Imóvel

Sobrado em Condomínio fechado em Guarapuava

R$ 2.670.000,00

Cidade dos Lagos, Guarapuava

3 Dormitórios

4 Banheiros

Salvar como favorito Detalhes do Imóvel Tenho Interesse

Detalhes do Imóvel

Sobrado Mobiliado de Alto Padrão em Guarapuava

R$ 9.000.000,00

Bonsucesso, Guarapuava

4 Dormitórios

9 Banheiros

Salvar como favorito Detalhes do Imóvel Tenho Interesse

Detalhes do Imóvel

Terreno de Esquina no Boqueirão em Guarapuava

R$ 380.000,00

Boqueirão, Guarapuava

456,00 m² de Área total

BLACK LOCAÇÃO

Selecionados os melhores imóveis para vocês. Confira!

VER TODOS +

Salvar como favorito Detalhes do Imóvel Tenho Interesse

Detalhes do Imóvel

Apartamento no Batel em Guarapuava

R$ 1.890,00

Batel, Guarapuava

2 Dormitórios

2 Banheiros

54,22 m² de Área útil

Salvar como favorito Detalhes do Imóvel Tenho Interesse

Detalhes do Imóvel

Apartamento no Batel em Guarapuava

R$ 1.890,00

Batel, Guarapuava

3 Dormitórios

1 Banheiro

54,22 m² de Área útil

Salvar como favorito Detalhes do Imóvel Tenho Interesse

Detalhes do Imóvel

Ótima Sala Comercial no Centro de Guarapuava

R$ 4.000,00

Centro, Guarapuava

2 Banheiros

Salvar como favorito Detalhes do Imóvel Tenho Interesse

Detalhes do Imóvel

Excelente Sala Comercial no Centro Guarapuava

R$ 6.000,00

Centro, Guarapuava

3 Banheiros

250,00 m² de Área total

Destaques

Selecionados os melhores imóveis para vocês. Confira!

VER TODOS +

Salvar como favorito Detalhes do Imóvel Tenho Interesse

Detalhes do Imóvel

Apartamento Mobiliado e Decorado na Santa Cruz em Guarapuava

R$ 850.000,00

Santa Cruz, Guarapuava

3 Dormitórios

2 Banheiros

Casa

Salvar como favorito Detalhes do Imóvel Tenho Interesse

Detalhes do Imóvel

Casa no Batel em Guarapuava

R$ 1.200.000,00

Batel, Guarapuava

4 Dormitórios

3 Banheiros

Sobrado

Salvar como favorito Detalhes do Imóvel Tenho Interesse

Detalhes do Imóvel

Sobrado Semimobiliado na Santa Cruz em Guarapuava

R$ 1.480.000,00

Santa Cruz, Guarapuava

3 Dormitórios

3 Banheiros

Apartamento

Salvar como favorito Detalhes do Imóvel Tenho Interesse

Detalhes do Imóvel

Apartamento No Centro em Guarapuava

R$ 1.900.000,00

Centro, Guarapuava

3 Dormitórios

5 Banheiros

264,86 m² de Área útil

Alto Padrão

Selecionados os melhores imóveis para vocês. Confira!

VER TODOS +

Salvar como favorito Detalhes do Imóvel Tenho Interesse

Detalhes do Imóvel

Apartamento Duplex de Alto Padrão em Guarapuava

R$ 2.500.000,00

Cidade dos Lagos, Guarapuava

3 Dormitórios

4 Banheiros

Sobrado

Salvar como favorito Detalhes do Imóvel Tenho Interesse

Detalhes do Imóvel

Sobrado no Bairro Sol Nascente em Guarapuava

R$ 3.900.000,00

Sol Nascente, Guarapuava

4 Dormitórios

8 Banheiros

Sobrado

Salvar como favorito Detalhes do Imóvel Tenho Interesse

Detalhes do Imóvel

Sobrado de Alto Padrão em Guarapuava

R$ 4.300.000,00

Alto Cascavel, Guarapuava

3 Dormitórios

7 Banheiros

Sobrado

Salvar como favorito Detalhes do Imóvel Tenho Interesse

Detalhes do Imóvel

Sobrado de Alto Padrão próximo a Lagoa das Lágrima

R$ 3.000.000,00

Centro, Guarapuava

5 Dormitórios

4 Banheiros

Lançamentos

Selecionados os melhores imóveis para vocês. Confira!

VER TODOS +

Apartamento

Salvar como favorito Detalhes do Imóvel Tenho Interesse

Detalhes do Imóvel

Novo Empreendimento Jardim de Lotus

A partir deR$ 255.000,00

Vila Bela, Guarapuava

2 Dormitórios

1 Banheiro

45,73 m² de Área útil

Terreno

Salvar como favorito Detalhes do Imóvel Tenho Interesse

Detalhes do Imóvel

Complexo Tramonto

Consultar

Morro Alto, Guarapuava

Terreno

Salvar como favorito Detalhes do Imóvel Tenho Interesse

Detalhes do Imóvel

Loteamento Guarapuava

A partir deR$ 121.250,70

Santa Cruz, Guarapuava

Terreno

Salvar como favorito Detalhes do Imóvel Tenho Interesse

Detalhes do Imóvel

Reserva dos Lagos Resort Residence

Consultar

Cidade dos Lagos, Guarapuava

Terrenos

Selecionados os melhores imóveis para vocês. Confira!

VER TODOS +

Terreno

Salvar como favorito Detalhes do Imóvel Tenho Interesse

Detalhes do Imóvel

Terreno próx. ao Parque do Lago em Guarapuava

R$ 2.300.000,00

Santa Cruz, Guarapuava

1.890,00 m² de Área total

Terreno

Salvar como favorito Detalhes do Imóvel Tenho Interesse

Detalhes do Imóvel

Terreno no bairro dos Estados em Guarapuava

R$ 3.000.000,00

Centro, Guarapuava

3.095,00 m² de Área total

Salvar como favorito Detalhes do Imóvel Tenho Interesse

Detalhes do Imóvel

Terreno no Trianon em Guarapuava

R$ 795.000,00

Trianon, Guarapuava

800,00 m² de Área total

Terreno

Salvar como favorito Detalhes do Imóvel Tenho Interesse

Detalhes do Imóvel

Terreno no Centro em Guarapuava

R$ 6.000.000,00

Centro, Guarapuava

1.014,00 m² de Área total

Imóveis Residenciais

Selecionados os melhores imóveis para vocês. Confira!

VER TODOS +

Sobrado

Salvar como favorito Detalhes do Imóvel Tenho Interesse

Detalhes do Imóvel

Sobrado no Bonsucesso em Guarapuava

R$ 1.600.000,00

Bonsucesso, Guarapuava

2 Dormitórios

4 Banheiros

Sobrado

Salvar como favorito Detalhes do Imóvel Tenho Interesse

Detalhes do Imóvel

Sobrado próximo ao Parque do Lago em Guarapuava

R$ 2.500.000,00

Santa Cruz, Guarapuava

3 Dormitórios

4 Banheiros

Sobrado

Salvar como favorito Detalhes do Imóvel Tenho Interesse

Detalhes do Imóvel

Sobrado no Boqueirão em Guarapuava

R$ 1.290.000,00

Boqueirão, Guarapuava

3 Dormitórios

2 Banheiros

Pensando em financiar?

Selecionamos algumas instituições financeiras para que
você possa fazer sua simulação!

.foto-tarja-id-865{overflow:hidden}.foto-tarja-id-865::before{content:attr(data-ribbon);position:absolute;font-size:19px;font-weight:800;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color: #F42B11FC;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #E5E0F4;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-884{overflow:hidden}.foto-tarja-id-884::before{content:attr(data-ribbon);position:absolute;font-size:14px;font-weight:400;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #CF1010;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-885{overflow:hidden}.foto-tarja-id-885::before{content:attr(data-ribbon);position:absolute;font-size:24px;font-weight:900;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #9C0303;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-901{overflow:hidden}.foto-tarja-id-901::before{content:attr(data-ribbon);position:absolute;font-size:24px;font-weight:900;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#f4fafa;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #A50303;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-902{overflow:hidden}.foto-tarja-id-902::before{content:attr(data-ribbon);position:absolute;font-size:23px;font-weight:900;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #E30C0C;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-962{overflow:hidden}.foto-tarja-id-962::before{content:attr(data-ribbon);position:absolute;font-size:20px;font-weight:600;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #DF0404;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-965{overflow:hidden}.foto-tarja-id-965::before{content:attr(data-ribbon);position:absolute;font-size:20px;font-weight:600;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #CF0808;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-966{overflow:hidden}.foto-tarja-id-966::before{content:attr(data-ribbon);position:absolute;font-size:13px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #AA0303;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1029{overflow:hidden}.foto-tarja-id-1029::before{content:attr(data-ribbon);position:absolute;font-size:14px;font-weight:400;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #9F0404;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1088{overflow:hidden}.foto-tarja-id-1088::before{content:attr(data-ribbon);position:absolute;font-size:14px;font-weight:400;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FD8F00;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1150{overflow:hidden}.foto-tarja-id-1150::before{content:attr(data-ribbon);position:absolute;font-size:12px;font-weight:200;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #980101;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1152{overflow:hidden}.foto-tarja-id-1152::before{content:attr(data-ribbon);position:absolute;font-size:14px;font-weight:400;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #AF0101;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1157{overflow:hidden}.foto-tarja-id-1157::before{content:attr(data-ribbon);position:absolute;font-size:14px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #8C0C00;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1163{overflow:hidden}.foto-tarja-id-1163::before{content:attr(data-ribbon);position:absolute;font-size:14px;font-weight:400;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #9A0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1165{overflow:hidden}.foto-tarja-id-1165::before{content:attr(data-ribbon);position:absolute;font-size:14px;font-weight:400;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #A10000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1166{overflow:hidden}.foto-tarja-id-1166::before{content:attr(data-ribbon);position:absolute;font-size:14px;font-weight:400;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #9C0101;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1167{overflow:hidden}.foto-tarja-id-1167::before{content:attr(data-ribbon);position:absolute;font-size:14px;font-weight:400;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #A30000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1168{overflow:hidden}.foto-tarja-id-1168::before{content:attr(data-ribbon);position:absolute;font-size:14px;font-weight:400;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #9C0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1170{overflow:hidden}.foto-tarja-id-1170::before{content:attr(data-ribbon);position:absolute;font-size:14px;font-weight:400;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #9A0101;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1171{overflow:hidden}.foto-tarja-id-1171::before{content:attr(data-ribbon);position:absolute;font-size:13px;font-weight:400;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #9C0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1172{overflow:hidden}.foto-tarja-id-1172::before{content:attr(data-ribbon);position:absolute;font-size:14px;font-weight:400;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #950202;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1174{overflow:hidden}.foto-tarja-id-1174::before{content:attr(data-ribbon);position:absolute;font-size:14px;font-weight:600;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #980000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1182{overflow:hidden}.foto-tarja-id-1182::before{content:attr(data-ribbon);position:absolute;font-size:18px;font-weight:700;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #9A0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1183{overflow:hidden}.foto-tarja-id-1183::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:700;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #9F0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1200{overflow:hidden}.foto-tarja-id-1200::before{content:attr(data-ribbon);position:absolute;font-size:19px;font-weight:700;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #D60101;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1204{overflow:hidden}.foto-tarja-id-1204::before{content:attr(data-ribbon);position:absolute;font-size:19px;font-weight:800;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#eaeaea;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1210{overflow:hidden}.foto-tarja-id-1210::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:400;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #EA0202;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1212{overflow:hidden}.foto-tarja-id-1212::before{content:attr(data-ribbon);position:absolute;font-size:14px;font-weight:400;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0404;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1214{overflow:hidden}.foto-tarja-id-1214::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #F40202;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1215{overflow:hidden}.foto-tarja-id-1215::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0101;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1216{overflow:hidden}.foto-tarja-id-1216::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0303;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1217{overflow:hidden}.foto-tarja-id-1217::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0303;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1218{overflow:hidden}.foto-tarja-id-1218::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FA0202;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1219{overflow:hidden}.foto-tarja-id-1219::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #F80101;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1220{overflow:hidden}.foto-tarja-id-1220::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0202;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1221{overflow:hidden}.foto-tarja-id-1221::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0505;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1225{overflow:hidden}.foto-tarja-id-1225::before{content:attr(data-ribbon);position:absolute;font-size:14px;font-weight:400;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FD0303;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1226{overflow:hidden}.foto-tarja-id-1226::before{content:attr(data-ribbon);position:absolute;font-size:14px;font-weight:400;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0101;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1227{overflow:hidden}.foto-tarja-id-1227::before{content:attr(data-ribbon);position:absolute;font-size:14px;font-weight:400;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1229{overflow:hidden}.foto-tarja-id-1229::before{content:attr(data-ribbon);position:absolute;font-size:14px;font-weight:400;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0303;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1230{overflow:hidden}.foto-tarja-id-1230::before{content:attr(data-ribbon);position:absolute;font-size:14px;font-weight:400;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1233{overflow:hidden}.foto-tarja-id-1233::before{content:attr(data-ribbon);position:absolute;font-size:14px;font-weight:400;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1237{overflow:hidden}.foto-tarja-id-1237::before{content:attr(data-ribbon);position:absolute;font-size:14px;font-weight:400;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1239{overflow:hidden}.foto-tarja-id-1239::before{content:attr(data-ribbon);position:absolute;font-size:12px;font-weight:400;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #F80707;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1258{overflow:hidden}.foto-tarja-id-1258::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #F10606;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1263{overflow:hidden}.foto-tarja-id-1263::before{content:attr(data-ribbon);position:absolute;font-size:16px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FD0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1264{overflow:hidden}.foto-tarja-id-1264::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1265{overflow:hidden}.foto-tarja-id-1265::before{content:attr(data-ribbon);position:absolute;font-size:14px;font-weight:300;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0404;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1266{overflow:hidden}.foto-tarja-id-1266::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FD0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms} .foto-tarja-id-1270 { overflow: hidden; } .foto-tarja-id-1270::before { content: attr(data-ribbon); position: absolute; font-size: 17px; font-weight: 500; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FD0404; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1271{overflow:hidden}.foto-tarja-id-1271::before{content:attr(data-ribbon);position:absolute;font-size:14px;font-weight:600;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #EF0202;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1272{overflow:hidden}.foto-tarja-id-1272::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:400;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #F80202;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms} .foto-tarja-id-1288 { overflow: hidden; } .foto-tarja-id-1288::before { content: attr(data-ribbon); position: absolute; font-size: 16px; font-weight: 600; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0303; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1300{overflow:hidden}.foto-tarja-id-1300::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FA0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1301{overflow:hidden}.foto-tarja-id-1301::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FA0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1315{overflow:hidden}.foto-tarja-id-1315::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #F60303;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1317{overflow:hidden}.foto-tarja-id-1317::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1318{overflow:hidden}.foto-tarja-id-1318::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1325{overflow:hidden}.foto-tarja-id-1325::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FD0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1327{overflow:hidden}.foto-tarja-id-1327::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0404;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1332{overflow:hidden}.foto-tarja-id-1332::before{content:attr(data-ribbon);position:absolute;font-size:12px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #F40000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms} .foto-tarja-id-1340 { overflow: hidden; } .foto-tarja-id-1340::before { content: attr(data-ribbon); position: absolute; font-size: 17px; font-weight: 700; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1341 { overflow: hidden; } .foto-tarja-id-1341::before { content: attr(data-ribbon); position: absolute; font-size: 15px; font-weight: 500; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0404; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1349{overflow:hidden}.foto-tarja-id-1349::before{content:attr(data-ribbon);position:absolute;font-size:16px;font-weight:600;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1350{overflow:hidden}.foto-tarja-id-1350::before{content:attr(data-ribbon);position:absolute;font-size:16px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0101;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1351{overflow:hidden}.foto-tarja-id-1351::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0303;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1360{overflow:hidden}.foto-tarja-id-1360::before{content:attr(data-ribbon);position:absolute;font-size:16px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#f6f3f3;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #F80000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1373{overflow:hidden}.foto-tarja-id-1373::before{content:attr(data-ribbon);position:absolute;font-size:16px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms} .foto-tarja-id-1379 { overflow: hidden; } .foto-tarja-id-1379::before { content: attr(data-ribbon); position: absolute; font-size: 15px; font-weight: 500; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1380{overflow:hidden}.foto-tarja-id-1380::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0101;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1382{overflow:hidden}.foto-tarja-id-1382::before{content:attr(data-ribbon);position:absolute;font-size:11px;font-weight:400;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #E30E0E;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms} .foto-tarja-id-1383 { overflow: hidden; } .foto-tarja-id-1383::before { content: attr(data-ribbon); position: absolute; font-size: 12px; font-weight: 400; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #DA0303; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1386{overflow:hidden}.foto-tarja-id-1386::before{content:attr(data-ribbon);position:absolute;font-size:14px;font-weight:400;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1387{overflow:hidden}.foto-tarja-id-1387::before{content:attr(data-ribbon);position:absolute;font-size:14px;font-weight:400;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FD0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms} .foto-tarja-id-1422 { overflow: hidden; } .foto-tarja-id-1422::before { content: attr(data-ribbon); position: absolute; font-size: 15px; font-weight: 500; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1423{overflow:hidden}.foto-tarja-id-1423::before{content:attr(data-ribbon);position:absolute;font-size:16px;font-weight:600;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1424{overflow:hidden}.foto-tarja-id-1424::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FD0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1431{overflow:hidden}.foto-tarja-id-1431::before{content:attr(data-ribbon);position:absolute;font-size:17px;font-weight:700;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#f4efef;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1434{overflow:hidden}.foto-tarja-id-1434::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms} .foto-tarja-id-1435 { overflow: hidden; } .foto-tarja-id-1435::before { content: attr(data-ribbon); position: absolute; font-size: 16px; font-weight: 600; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0101; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1436{overflow:hidden}.foto-tarja-id-1436::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1439{overflow:hidden}.foto-tarja-id-1439::before{content:attr(data-ribbon);position:absolute;font-size:16px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0303;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms} .foto-tarja-id-1444 { overflow: hidden; } .foto-tarja-id-1444::before { content: attr(data-ribbon); position: absolute; font-size: 15px; font-weight: 500; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1447{overflow:hidden}.foto-tarja-id-1447::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1455{overflow:hidden}.foto-tarja-id-1455::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1456{overflow:hidden}.foto-tarja-id-1456::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1463{overflow:hidden}.foto-tarja-id-1463::before{content:attr(data-ribbon);position:absolute;font-size:16px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0303;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1470{overflow:hidden}.foto-tarja-id-1470::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FD0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms} .foto-tarja-id-1472 { overflow: hidden; } .foto-tarja-id-1472::before { content: attr(data-ribbon); position: absolute; font-size: 16px; font-weight: 500; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1474 { overflow: hidden; } .foto-tarja-id-1474::before { content: attr(data-ribbon); position: absolute; font-size: 15px; font-weight: 500; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1475{overflow:hidden}.foto-tarja-id-1475::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0101;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1477{overflow:hidden}.foto-tarja-id-1477::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1478{overflow:hidden}.foto-tarja-id-1478::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1479{overflow:hidden}.foto-tarja-id-1479::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms} .foto-tarja-id-1482 { overflow: hidden; } .foto-tarja-id-1482::before { content: attr(data-ribbon); position: absolute; font-size: 15px; font-weight: 500; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1484{overflow:hidden}.foto-tarja-id-1484::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1485{overflow:hidden}.foto-tarja-id-1485::before{content:attr(data-ribbon);position:absolute;font-size:16px;font-weight:600;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0303;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms} .foto-tarja-id-1486 { overflow: hidden; } .foto-tarja-id-1486::before { content: attr(data-ribbon); position: absolute; font-size: 15px; font-weight: 500; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1487{overflow:hidden}.foto-tarja-id-1487::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1488{overflow:hidden}.foto-tarja-id-1488::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms} .foto-tarja-id-1489 { overflow: hidden; } .foto-tarja-id-1489::before { content: attr(data-ribbon); position: absolute; font-size: 15px; font-weight: 500; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1490{overflow:hidden}.foto-tarja-id-1490::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1491{overflow:hidden}.foto-tarja-id-1491::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1492{overflow:hidden}.foto-tarja-id-1492::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms} .foto-tarja-id-1496 { overflow: hidden; } .foto-tarja-id-1496::before { content: attr(data-ribbon); position: absolute; font-size: 15px; font-weight: 500; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1497 { overflow: hidden; } .foto-tarja-id-1497::before { content: attr(data-ribbon); position: absolute; font-size: 14px; font-weight: 400; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0404; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1498 { overflow: hidden; } .foto-tarja-id-1498::before { content: attr(data-ribbon); position: absolute; font-size: 16px; font-weight: 500; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1499 { overflow: hidden; } .foto-tarja-id-1499::before { content: attr(data-ribbon); position: absolute; font-size: 15px; font-weight: 500; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FA0000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1501{overflow:hidden}.foto-tarja-id-1501::before{content:attr(data-ribbon);position:absolute;font-size:16px;font-weight:600;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0303;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1502{overflow:hidden}.foto-tarja-id-1502::before{content:attr(data-ribbon);position:absolute;font-size:16px;font-weight:600;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1508{overflow:hidden}.foto-tarja-id-1508::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1510{overflow:hidden}.foto-tarja-id-1510::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0101;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms} .foto-tarja-id-1511 { overflow: hidden; } .foto-tarja-id-1511::before { content: attr(data-ribbon); position: absolute; font-size: 15px; font-weight: 500; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1515{overflow:hidden}.foto-tarja-id-1515::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms} .foto-tarja-id-1517 { overflow: hidden; } .foto-tarja-id-1517::before { content: attr(data-ribbon); position: absolute; font-size: 15px; font-weight: 500; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1518 { overflow: hidden; } .foto-tarja-id-1518::before { content: attr(data-ribbon); position: absolute; font-size: 15px; font-weight: 500; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1519{overflow:hidden}.foto-tarja-id-1519::before{content:attr(data-ribbon);position:absolute;font-size:16px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0101;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1520{overflow:hidden}.foto-tarja-id-1520::before{content:attr(data-ribbon);position:absolute;font-size:17px;font-weight:600;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms} .foto-tarja-id-1523 { overflow: hidden; } .foto-tarja-id-1523::before { content: attr(data-ribbon); position: absolute; font-size: 16px; font-weight: 600; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1524{overflow:hidden}.foto-tarja-id-1524::before{content:attr(data-ribbon);position:absolute;font-size:16px;font-weight:600;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms} .foto-tarja-id-1526 { overflow: hidden; } .foto-tarja-id-1526::before { content: attr(data-ribbon); position: absolute; font-size: 16px; font-weight: 500; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1527 { overflow: hidden; } .foto-tarja-id-1527::before { content: attr(data-ribbon); position: absolute; font-size: 16px; font-weight: 600; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1528 { overflow: hidden; } .foto-tarja-id-1528::before { content: attr(data-ribbon); position: absolute; font-size: 16px; font-weight: 600; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0101; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1529{overflow:hidden}.foto-tarja-id-1529::before{content:attr(data-ribbon);position:absolute;font-size:16px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1530{overflow:hidden}.foto-tarja-id-1530::before{content:attr(data-ribbon);position:absolute;font-size:16px;font-weight:600;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1531{overflow:hidden}.foto-tarja-id-1531::before{content:attr(data-ribbon);position:absolute;font-size:16px;font-weight:600;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1533{overflow:hidden}.foto-tarja-id-1533::before{content:attr(data-ribbon);position:absolute;font-size:16px;font-weight:600;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1537{overflow:hidden}.foto-tarja-id-1537::before{content:attr(data-ribbon);position:absolute;font-size:16px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1541{overflow:hidden}.foto-tarja-id-1541::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #F60606;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1544{overflow:hidden}.foto-tarja-id-1544::before{content:attr(data-ribbon);position:absolute;font-size:16px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms} .foto-tarja-id-1547 { overflow: hidden; } .foto-tarja-id-1547::before { content: attr(data-ribbon); position: absolute; font-size: 15px; font-weight: 500; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FD0000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1548{overflow:hidden}.foto-tarja-id-1548::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms} .foto-tarja-id-1549 { overflow: hidden; } .foto-tarja-id-1549::before { content: attr(data-ribbon); position: absolute; font-size: 15px; font-weight: 500; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1550{overflow:hidden}.foto-tarja-id-1550::before{content:attr(data-ribbon);position:absolute;font-size:14px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1561{overflow:hidden}.foto-tarja-id-1561::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FA0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1567{overflow:hidden}.foto-tarja-id-1567::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FA0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1578{overflow:hidden}.foto-tarja-id-1578::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1579{overflow:hidden}.foto-tarja-id-1579::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0101;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms} .foto-tarja-id-1580 { overflow: hidden; } .foto-tarja-id-1580::before { content: attr(data-ribbon); position: absolute; font-size: 16px; font-weight: 500; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FA0000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1595{overflow:hidden}.foto-tarja-id-1595::before{content:attr(data-ribbon);position:absolute;font-size:16px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1596{overflow:hidden}.foto-tarja-id-1596::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FA0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1597{overflow:hidden}.foto-tarja-id-1597::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1600{overflow:hidden}.foto-tarja-id-1600::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms} .foto-tarja-id-1615 { overflow: hidden; } .foto-tarja-id-1615::before { content: attr(data-ribbon); position: absolute; font-size: 15px; font-weight: 500; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1618{overflow:hidden}.foto-tarja-id-1618::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1629{overflow:hidden}.foto-tarja-id-1629::before{content:attr(data-ribbon);position:absolute;font-size:16px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1638{overflow:hidden}.foto-tarja-id-1638::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1640{overflow:hidden}.foto-tarja-id-1640::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #F30505;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1650{overflow:hidden}.foto-tarja-id-1650::before{content:attr(data-ribbon);position:absolute;font-size:16px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms} .foto-tarja-id-1667 { overflow: hidden; } .foto-tarja-id-1667::before { content: attr(data-ribbon); position: absolute; font-size: 15px; font-weight: 500; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1675{overflow:hidden}.foto-tarja-id-1675::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1676{overflow:hidden}.foto-tarja-id-1676::before{content:attr(data-ribbon);position:absolute;font-size:16px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1689{overflow:hidden}.foto-tarja-id-1689::before{content:attr(data-ribbon);position:absolute;font-size:14px;font-weight:400;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms} .foto-tarja-id-1693 { overflow: hidden; } .foto-tarja-id-1693::before { content: attr(data-ribbon); position: absolute; font-size: 16px; font-weight: 500; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1694{overflow:hidden}.foto-tarja-id-1694::before{content:attr(data-ribbon);position:absolute;font-size:16px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1695{overflow:hidden}.foto-tarja-id-1695::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms} .foto-tarja-id-1696 { overflow: hidden; } .foto-tarja-id-1696::before { content: attr(data-ribbon); position: absolute; font-size: 16px; font-weight: 600; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1697{overflow:hidden}.foto-tarja-id-1697::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:600;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1698{overflow:hidden}.foto-tarja-id-1698::before{content:attr(data-ribbon);position:absolute;font-size:16px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1699{overflow:hidden}.foto-tarja-id-1699::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1700{overflow:hidden}.foto-tarja-id-1700::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1701{overflow:hidden}.foto-tarja-id-1701::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1702{overflow:hidden}.foto-tarja-id-1702::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms} .foto-tarja-id-1703 { overflow: hidden; } .foto-tarja-id-1703::before { content: attr(data-ribbon); position: absolute; font-size: 15px; font-weight: 500; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1704 { overflow: hidden; } .foto-tarja-id-1704::before { content: attr(data-ribbon); position: absolute; font-size: 15px; font-weight: 500; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #FF0000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1705 { overflow: hidden; } .foto-tarja-id-1705::before { content: attr(data-ribbon); position: absolute; font-size: 15px; font-weight: 500; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1706{overflow:hidden}.foto-tarja-id-1706::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms} .foto-tarja-id-1707 { overflow: hidden; } .foto-tarja-id-1707::before { content: attr(data-ribbon); position: absolute; font-size: 15px; font-weight: 500; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1708{overflow:hidden}.foto-tarja-id-1708::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1709{overflow:hidden}.foto-tarja-id-1709::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1710{overflow:hidden}.foto-tarja-id-1710::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1711{overflow:hidden}.foto-tarja-id-1711::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1712{overflow:hidden}.foto-tarja-id-1712::before{content:attr(data-ribbon);position:absolute;font-size:16px;font-weight:600;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1713{overflow:hidden}.foto-tarja-id-1713::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1714{overflow:hidden}.foto-tarja-id-1714::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1715{overflow:hidden}.foto-tarja-id-1715::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1716{overflow:hidden}.foto-tarja-id-1716::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1717{overflow:hidden}.foto-tarja-id-1717::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1718{overflow:hidden}.foto-tarja-id-1718::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1719{overflow:hidden}.foto-tarja-id-1719::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1720{overflow:hidden}.foto-tarja-id-1720::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1721{overflow:hidden}.foto-tarja-id-1721::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms} .foto-tarja-id-1722 { overflow: hidden; } .foto-tarja-id-1722::before { content: attr(data-ribbon); position: absolute; font-size: 15px; font-weight: 500; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1723{overflow:hidden}.foto-tarja-id-1723::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms} .foto-tarja-id-1724 { overflow: hidden; } .foto-tarja-id-1724::before { content: attr(data-ribbon); position: absolute; font-size: 15px; font-weight: 500; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1725{overflow:hidden}.foto-tarja-id-1725::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms} .foto-tarja-id-1726 { overflow: hidden; } .foto-tarja-id-1726::before { content: attr(data-ribbon); position: absolute; font-size: 15px; font-weight: 500; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1727{overflow:hidden}.foto-tarja-id-1727::before{content:attr(data-ribbon);position:absolute;font-size:16px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1728{overflow:hidden}.foto-tarja-id-1728::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1729{overflow:hidden}.foto-tarja-id-1729::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1730{overflow:hidden}.foto-tarja-id-1730::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms} .foto-tarja-id-1731 { overflow: hidden; } .foto-tarja-id-1731::before { content: attr(data-ribbon); position: absolute; font-size: 15px; font-weight: 500; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1732{overflow:hidden}.foto-tarja-id-1732::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1733{overflow:hidden}.foto-tarja-id-1733::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1734{overflow:hidden}.foto-tarja-id-1734::before{content:attr(data-ribbon);position:absolute;font-size:16px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1735{overflow:hidden}.foto-tarja-id-1735::before{content:attr(data-ribbon);position:absolute;font-size:14px;font-weight:400;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1736{overflow:hidden}.foto-tarja-id-1736::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1737{overflow:hidden}.foto-tarja-id-1737::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1738{overflow:hidden}.foto-tarja-id-1738::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:600;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms} .foto-tarja-id-1739 { overflow: hidden; } .foto-tarja-id-1739::before { content: attr(data-ribbon); position: absolute; font-size: 15px; font-weight: 500; /* position & coloration */ top: 0; right: 0; transform: translate(30%, -100%) rotate(45deg); transform-origin: bottom left; border: 1px solid transparent; color: #fff; z-index: 3; text-align: center; border-bottom: 0; padding: 5px max(35px, 10%) calc(0px + 5px); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000; /* clipping */ background-clip: padding-box; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0 100%); /* masking */ /* IOS has partial support to masking, use container overflow hidden instead */ /* -webkit-mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; mask: linear-gradient(135deg,transparent calc(50% - 0px * 0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - 0px * 0.707), #fff 0) bottom right; -webkit-mask-size: 300vmax 300vmax; mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in; mask-composite: destination-in; */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, background-color ease-in 200ms; } .foto-tarja-id-1740{overflow:hidden}.foto-tarja-id-1740::before{content:attr(data-ribbon);position:absolute;font-size:16px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #090909;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1741{overflow:hidden}.foto-tarja-id-1741::before{content:attr(data-ribbon);position:absolute;font-size:14px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1742{overflow:hidden}.foto-tarja-id-1742::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1743{overflow:hidden}.foto-tarja-id-1743::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-id-1744{overflow:hidden}.foto-tarja-id-1744::before{content:attr(data-ribbon);position:absolute;font-size:15px;font-weight:500;top:0;right:0;transform:translate(30%,-100%) rotate(45deg);transform-origin:bottom left;border:1px solid transparent;color:#fff;z-index:3;text-align:center;border-bottom:0;padding: 5px max(35px, 10%) calc(0px + 5px);background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 0px no-repeat #000;background-clip:padding-box;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 100%);-o-transition:color ease-in 200ms , background-color ease-in 200ms;-webkit-transition:color ease-in 200ms , background-color ease-in 200ms;transition:color ease-in 200ms , background-color ease-in 200ms}.foto-tarja-posicao-LEFT-TOP-DIAGONAL::before{left:0;right:auto;top:0;-ms-transform:translate(-30%,-100%) rotate(-45deg);-webkit-transform:translate(-30%,-100%) rotate(-45deg);transform:translate(-30%,-100%) rotate(-45deg);-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right}.foto-tarja-posicao-TOP-HORIZONTAL::before{left:0;right:0;top:0;transform:none;transform-origin:none;mask:none;-webkit-mask:none;border:none}.foto-tarja-posicao-LEFT-TOP-HORIZONTAL::before{left:0;right:auto;top:0;transform:none;transform-origin:none;mask:none;-webkit-mask:none;border:none;max-width:80%}.foto-tarja-posicao-RIGHT-TOP-HORIZONTAL::before{left:auto;right:0;top:0;transform:none;transform-origin:none;mask:none;-webkit-mask:none;border:none;max-width:80%}.foto-tarja-posicao-BOTTOM-HORIZONTAL::before{left:0;right:0;top:auto;bottom:0;transform:none;transform-origin:none;mask:none;-webkit-mask:none;border:none}.foto-tarja-posicao-LEFT-BOTTOM-HORIZONTAL::before{left:0;right:auto;bottom:0;top:auto;transform:none;transform-origin:none;mask:none;-webkit-mask:none;border:none;max-width:80%}.foto-tarja-posicao-RIGHT-TOP-DIAGONAL::before{}

Imóveis à venda e para alugar em Guarapuava/PR com a Imperium Imóveis

BLACK NOVEMBRO

Terreno de Esquina no Trianon em Guarapuava

R$ 499.000,00

Sobrado em Condomínio fechado em Guarapuava

R$ 2.670.000,00

Sobrado Mobiliado de Alto Padrão em Guarapuava

R$ 9.000.000,00

Terreno de Esquina no Boqueirão em Guarapuava

R$ 380.000,00

BLACK LOCAÇÃO

Apartamento no Batel em Guarapuava

R$ 1.890,00

Apartamento no Batel em Guarapuava

R$ 1.890,00

Ótima Sala Comercial no Centro de Guarapuava

R$ 4.000,00

Excelente Sala Comercial no Centro Guarapuava

R$ 6.000,00

Destaques

Apartamento Mobiliado e Decorado na Santa Cruz em Guarapuava

R$ 850.000,00

Casa no Batel em Guarapuava

R$ 1.200.000,00

Sobrado Semimobiliado na Santa Cruz em Guarapuava

R$ 1.480.000,00

Apartamento No Centro em Guarapuava

R$ 1.900.000,00

Alto Padrão

Apartamento Duplex de Alto Padrão em Guarapuava

R$ 2.500.000,00

Sobrado no Bairro Sol Nascente em Guarapuava

R$ 3.900.000,00

Sobrado de Alto Padrão em Guarapuava

R$ 4.300.000,00

Sobrado de Alto Padrão próximo a Lagoa das Lágrima

R$ 3.000.000,00

Lançamentos

Novo Empreendimento Jardim de Lotus

A partir deR$ 255.000,00

Complexo Tramonto

Consultar

Loteamento Guarapuava

A partir deR$ 121.250,70

Reserva dos Lagos Resort Residence

Consultar

Terrenos

Terreno próx. ao Parque do Lago em Guarapuava

R$ 2.300.000,00

Terreno no bairro dos Estados em Guarapuava

R$ 3.000.000,00

Terreno no Trianon em Guarapuava

R$ 795.000,00

Terreno no Centro em Guarapuava

R$ 6.000.000,00

Imóveis Residenciais

Sobrado no Bonsucesso em Guarapuava

R$ 1.600.000,00

Sobrado próximo ao Parque do Lago em Guarapuava

R$ 2.500.000,00

Sobrado no Boqueirão em Guarapuava

R$ 1.290.000,00

Pensando em financiar?