@font-face {
    font-family: 'utm_swiss_condensedregular';
    src: url('http://demo.joomlavi.com/j3/jv-shoes/templates/jv-shoe/fonts/utm_swiss_condensed/utm_swiss_condensed-webfont.eot');
    src: url('http://demo.joomlavi.com/j3/jv-shoes/templates/jv-shoe/fonts/utm_swiss_condensed/utm_swiss_condensed-webfont.eot#iefix') format('embedded-opentype'),
         url('http://demo.joomlavi.com/j3/jv-shoes/templates/jv-shoe/fonts/utm_swiss_condensed/utm_swiss_condensed-webfont.woff') format('woff'),
         url('http://demo.joomlavi.com/j3/jv-shoes/templates/jv-shoe/fonts/utm_swiss_condensed/utm_swiss_condensed-webfont.ttf') format('truetype'),
         url('img/utm_swiss_condensed-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'utm_swiss_condensedbold';
    src: url('http://demo.joomlavi.com/j3/jv-shoes/templates/jv-shoe/fonts/utm_swiss_condensed/utm_swiss_condensedbold-webfont.eot');
    src: url('http://demo.joomlavi.com/j3/jv-shoes/templates/jv-shoe/fonts/utm_swiss_condensed/utm_swiss_condensedbold-webfont.eot#iefix') format('embedded-opentype'),
         url('http://demo.joomlavi.com/j3/jv-shoes/templates/jv-shoe/fonts/utm_swiss_condensed/utm_swiss_condensedbold-webfont.woff') format('woff'),
         url('http://demo.joomlavi.com/j3/jv-shoes/templates/jv-shoe/fonts/utm_swiss_condensed/utm_swiss_condensedbold-webfont.ttf') format('truetype'),
         url('img/utm_swiss_condensedbold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*--SLIDESHOW EFFECT
-------------------------------------------------------------------*/
.jvresslide li .title, 
.jvresslide li .desc p, 
.jvresslide li .btn_slidesubmit, 
.jvresslide li .thumb, 
.jvresslide li .ribbon {
    -webkit-transition: all 0.9s ease-out 0.1s;
    -moz-transition: all 0.9s ease-out 0.1s;
    -ms-transition: all 0.9s ease-out 0.1s;
    -o-transition: all 0.9s ease-out 0.1s;
    transition: all 0.9s ease-out 0.1s;
    opacity:0; 
    filter: alpha(opacity=0); 
}
.jvresslide li .btn_slidesubmit:hover {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
}

/*Slide Effect 1*/
.jvresslide li .title,
.jvresslide li .desc p,
.jvresslide li .btn_slidesubmit{
    -moz-transform: translateX(-300px);
    -webkit-transform: translateX(-300px);
    -o-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px);
}

.jvresslide li .thumb{
    -moz-transform: translateX(300px);
    -webkit-transform: translateX(300px);
    -o-transform: translateX(300px);
    -ms-transform: translateX(300px);
    transform: translateX(300px);
}
.jvresslide li .ribbon{
    -moz-transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
}

/*Slide Effect 2*/
.jvresslide li:nth-child(2) .title,
.jvresslide li:nth-child(2) .desc p,
.jvresslide li:nth-child(2) .btn_slidesubmit{
-moz-transform: translateY(-300px);
-webkit-transform: translateY(-300px);
-o-transform: translateY(-300px);
-ms-transform: translateY(-300px);
transform: translateY(-300px);
}

.jvresslide li:nth-child(2) .thumb{
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px);
}
.jvresslide li:nth-child(2) .ribbon{
    -moz-transform: translateX(50px) translateY(-50px);
    -webkit-transform: translateX(50px) translateY(-50px);
    -o-transform: translateX(50px) translateY(-50px);
    -ms-transform: translateX(50px) translateY(-50px);
    transform: translateX(50px) translateY(-50px);
}

/*Slide Effect 3*/
.jvresslide li:nth-child(3) .title,
.jvresslide li:nth-child(3) .desc p,
.jvresslide li:nth-child(3) .btn_slidesubmit{
-moz-transform: translateY(300px);
-webkit-transform: translateY(300px);
-o-transform: translateY(300px);
-ms-transform: translateY(300px);
transform: translateY(300px);
}

.jvresslide li:nth-child(3) .thumb{
-moz-transform: translateX(200px) translateY(-200px);
-webkit-transform: translateX(200px) translateY(-200px);
-o-transform: translateX(200px) translateY(-200px);
-ms-transform: translateX(200px) translateY(-200px);
transform: translateX(200px) translateY(-200px);
}
.jvresslide li:nth-child(3) .ribbon{
-moz-transform: translateY(30px);
-webkit-transform: translateY(30px);
-o-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}


/*Slide Effect 4*/
.jvresslide li:nth-child(4) .title,
.jvresslide li:nth-child(4) .desc p,
.jvresslide li:nth-child(4) .btn_slidesubmit{
    -moz-transform: translateX(-300px);
    -webkit-transform: translateX(-300px);
    -o-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px);
}

.jvresslide li:nth-child(4) .thumb{
-moz-transform: translateX(200px) translateY(200px);
-webkit-transform: translateX(200px) translateY(200px);
-o-transform: translateX(200px) translateY(200px);
-ms-transform: translateX(200px) translateY(200px);
transform: translateX(200px) translateY(200px);
}
.jvresslide li:nth-child(4) .ribbon{
-moz-transform: translateY(30px);
-webkit-transform: translateY(30px);
-o-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}



/*Active*/
.jvresslide li.active .title, 
.jvresslide li.active .desc p, 
.jvresslide li.active .btn_slidesubmit, 
.jvresslide li.active .thumb, 
.jvresslide li.active .ribbon {
    -moz-transform: translateX(0px) translateY(0px);
    -webkit-transform: translateX(0px) translateY(0px);
    -o-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
    opacity:1;
    filter: alpha(opacity=100);
}

.jvresslide .desc p:nth-child(1) {
transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
}
.jvresslide .desc p:nth-child(2),
.jvresslide li .btn_slidesubmit{
transition-delay: 0.4s;
-webkit-transition-delay: 0.4s;
}
.jvresslide .desc p:nth-child(3) {
transition-delay: 0.6s;
-webkit-transition-delay: 0.6s;
}
.jvresslide .desc p:nth-child(4) {
transition-delay: 0.8s;
-webkit-transition-delay: 0.8s;
}
.jvresslide .desc p:nth-child(5),
transition-delay: 0.16s;
-webkit-transition-delay: 0.16s;
}
.jvresslide .desc p:nth-child(6) {
transition-delay: 1.2s;
-webkit-transition-delay: 0.20s;
}
.jvresslide .desc p:nth-child(7),
.jvresslide li:nth-child(1) .ribbon,
.jvresslide li:nth-child(2) .thumb {
transition-delay: 1.4s;
-webkit-transition-delay: 0.24s;
}
.jvresslide .desc p:nth-child(8) {
transition-delay: 1.6s;
-webkit-transition-delay: 0.24s;
}
.jvresslide .desc p:nth-child(9),
.jvresslide li:nth-child(2) .ribbon {
transition-delay: 1.8s;
-webkit-transition-delay: 0.28s;
}