/* Spryker font */

@font-face {
	font-family: Replica ;
	src: url('/css/fonts/ReplicaStd-Regular.otf') format("opentype") ; 
    font-weight: 400 ;   
}
@font-face {
	font-family: Replica ;
	src: url('/css/fonts/ReplicaStd-Light.otf') format("opentype") ; 
    font-weight: 200  ;
}
@font-face {
	font-family: Replica;
	src: url('/css/fonts/Replica-Bold.ttf') format("truetype") ; 
    font-weight: 700  ;
}



.logo-intro.cpx
{
background-image: url('/img/dev/spryker-x.svg') ;
}


SECTION.intro-img FIGURE SPAN
{
background-image: url('/img/dev/header-overlay.png') ;
}


SECTION.intro-sml SPAN
{
background-image: url('/img/dev/spryker-img-overlay.svg'); 
}


SECTION.about FIGURE
{
background-image: url('/img/dev/about-spryker.jpg'); 
}


SECTION.quote-dark
{
background-image: url('/img/dev/spryker-shape-01.svg'); 
}


SECTION.photo SPAN,
.overview NAV A DIV:nth-of-type(1),
ASIDE#asset  ARTICLE > FIGURE
{
background-image: url('/img/dev/spryker-img-overlay.svg'); 
}


FIGURE.vid::before,
SECTION.vid::before
{
background-image: url('/img/dev/spryker-circle.svg'); 
}


FIGURE.vid::after,
SECTION.vid::after
{
background-image: url('/img/dev/spryker-play.svg'); 
}


SECTION.ctas FIGURE
{
background-image: url('/img/dev/spryker-ctas.svg') ;
}


SECTION.logos FIGURE
{
background-image: url('/img/dev/spryker-pp-logos.svg') ;
}