.collapsing {
    transition: height 250ms linear;
}
body.nomobile .wow,
body.nomobile .wow2{
    visibility: hidden;
}
.thumb-effect .effect{
    overflow: hidden;
    position: relative;
}
.thumb-effect .effect-absolute{
    overflow: hidden;
    display: block;
}
.thumb-effect .effect-absolute.pre-seminary-media{
    background: none;
    background-color: transparent;
}
.thumb-effect .effect-absolute.pre-seminary-media p,
.thumb-effect .effect-absolute.pre-seminary-media h3{
    opacity: 0;
}
.thumb-effect .over{
    width: 100%;
    left: -100%;
    z-index: 10;
    top: 0;
    height: 140px;
    position: absolute;
    margin-left: -140px;
}
.thumb-effect.full-effect .over{
    height: 100%;
}
.thumb-effect:hover .over{
    left: 0;
    margin-left:0;
}
.thumb-effect .over:after,
.thumb-effect .over:before{
    content: '';
    position: absolute;
}
.thumb-effect .over:before{
    top: 0;
    width: 100%;
    height: 100%;
}
.thumb-effect .over:after{
    right: -140px;
    border-left: 140px solid transparent;
    border-bottom: 140px solid transparent;
}
.thumb-effect.full-effect .over:before{
    left: 0;
}
.thumb-effect.full-effect .over:after{
    height: 100%;
    border-bottom: 700px solid transparent;
}
.thumb-effect[data-over-color=black] .over:before{
    background-color: #000;
}
.thumb-effect[data-over-color=black] .over:after{
    border-left-color: #000;
}
.thumb-effect[data-over-color=yellow] .over:before{
    background-color: #ffea00;
}
.thumb-effect[data-over-color=yellow] .over:after{
    border-left-color: #ffea00;
}
.thumb-effect[data-over-color=blue] .over:before{
    background-color: #00ccff;
}
.thumb-effect[data-over-color=blue] .over:after{
    border-left-color: #00ccff;
}
.thumb-effect[data-over-color=black] [class*="delay-"],
.thumb-effect[data-over-color=yellow] [class*="delay-"],
.thumb-effect[data-over-color=blue] [class*="delay-"]{
    z-index: 20;
    position: relative;
}
.thumb-effect[data-over-color=black]:hover [class*="delay-"]{
    color: #FFF;
    opacity: 1
}

.thumb-effect[data-over-color="white"]:hover [class*="delay-"] {
    /*color: #000;*/
    color: #FFF;
    opacity: 1;
}

.last-col{
    background-color:black;
} /*
.last-txt{
    color:white;
}*/
/*
.last-txt:hover{
    color:black;
}

.last-col:hover {
    background-color: white !important;
}
*/
.effect{
    background-color: #fafafa;
}

.thumb-effect[data-over-color=yellow]:hover [class*="delay-"],
.thumb-effect[data-over-color=blue]:hover [class*="delay-"]{
    color: #000;
    opacity: 1;
}
.thumb-effect .item-icon{
    -webkit-transition: 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860) 50ms;
    transition: 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860) 50ms;
}
.thumb-effect:hover .item-icon{
    z-index: 99;
}
/*.thumb-effect .over,
.thumb-effect .delay-150{
    -webkit-transition: 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    transition: 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
}
.thumb-effect .delay-150{
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}*/
.icon-arrow-odd{
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}
.inArrow .icon-arrow-odd{
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}
.icon-arrow-even{
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}
.inArrow .icon-arrow-even{
    -webkit-transition-delay: 75ms;
    transition-delay: 75ms;
}
@media (min-width: 768px) and (max-width: 991px) {
    .thumb-effect .over{
        height: 160px;
        margin-left: -160px;
    }
    .thumb-effect .over:after{
        right: -160px;
        border-left-width: 160px;
        border-bottom-width: 160px;
    }
    .thumb-effect.full-effect .over{
        height: 100%;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .thumb-effect .over{
        height: 180px;
        margin-left: -180px;
    }
    .thumb-effect .over:after{
        right: -180px;
        border-left-width: 180px;
        border-bottom-width: 180px;
    }
    .thumb-effect.full-effect .over{
        height: 100%;
    }
}
@media (min-width: 1200px) {
    .thumb-effect .over{
        height: 200px;
        margin-left: -200px;
    }
    .thumb-effect .over:after{
        right: -200px;
        border-left-width: 200px;
        border-bottom-width: 200px;
    }
    .thumb-effect.full-effect .over{
        height: 100%;
    }
}

.showPresses .thumb-effect .over{
    height: 300px;
    margin-left: -300px;
}
.showPresses .thumb-effect .over:after{
    right: -300px;
    border-left-width: 300px;
    border-bottom-width: 300px;
}
.showPresses .thumb-effect:hover .over{
    margin-left: 0;
}
.vjs-fade-out {
    display: block!important;
    visibility: hidden!important;
    opacity: 0!important;

    -webkit-transition: visibility 1.5s, opacity 1.5s;
    -moz-transition: visibility 1.5s, opacity 1.5s;
    -ms-transition: visibility 1.5s, opacity 1.5s;
    -o-transition: visibility 1.5s, opacity 1.5s;
    transition: visibility 1.5s, opacity 1.5s;

    -webkit-transition-delay: 2s;
    -moz-transition-delay: 2s;
    -ms-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;
}
.zoom-effect .zoom-area{
    overflow: hidden;
}
.zoom-effect .zoom-area img{
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
body.nomobile .zoom-effect:hover .zoom-area img{
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
}
.zoom-effect-crop img{
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;

    -webkit-transform: translate(-50%,-50%) scale(1);
    -ms-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
}
body.nomobile .zoom-effect-crop:hover img{
    -webkit-transform: translate(-50%,-50%) scale(1.15);
    -ms-transform: translate(-50%,-50%) scale(1.15);
    transform: translate(-50%,-50%) scale(1.15);
}
.timeline-ball{
    width: 46px;
    height: 46px;
    background: url('../img/timeline.png');
}
.timeline-item.even .timeline-bullet{
    margin-top: -6px;
    margin-left: -17.5px;
}
.timeline-item.odd .timeline-bullet{
    margin-top: -6px;
    margin-left: -17.5px;
}
.motionAnim{
    -webkit-animation: motion 1.5s steps(26) 3;
    -moz-animation: motion 1.5s steps(26) 3;
    -ms-animation: motion 1.5s steps(26) 3;
    -o-animation: motion 1.5s steps(26) 3;
    animation: motion 1.5s steps(26) 3;
}
.infinite{
    -webkit-animation: motion 1.5s steps(26) infinite;
    -moz-animation: motion 1.5s steps(26) infinite;
    -ms-animation: motion 1.5s steps(26) infinite;
    -o-animation: motion 1.5s steps(26) infinite;
    animation: motion 1.5s steps(26) infinite;
}
@-webkit-keyframes motion {
    from { background-position:0px; }
    to   { background-position:-1196px; }
}
@-moz-keyframes motion {
    from { background-position:0px; }
    to   { background-position:-1196px; }
}
@-ms-keyframes motion {
    from { background-position:0px; }
    to   { background-position:-1196px; }
}
@-o-keyframes motion {
    from { background-position:0px; }
    to   { background-position:-1196px; }
}
@keyframes motion {
    from { background-position:0px; }
    to   { background-position:-1196px; }
}
.arrowNext{
    width: 30px;
    height: 38px;
    display: block;
    background: url('../img/scroll.png');
}
.motionAnimArrow{
    -webkit-animation: motionArrow 450ms steps(36) infinite;
    -moz-animation: motionArrow 450ms steps(36) infinite;
    -ms-animation: motionArrow 450ms steps(36) infinite;
    -o-animation: motionArrow 450ms steps(36) infinite;
    animation: motionArrow 450ms steps(36) infinite;
}
@-webkit-keyframes motionArrow {
    from { background-position:0px; }
    to   { background-position:-1080px; }
}
@-moz-keyframes motionArrow {
    from { background-position:0px; }
    to   { background-position:-1080px; }
}
@-ms-keyframes motionArrow {
    from { background-position:0px; }
    to   { background-position:-1080px; }
}
@-o-keyframes motionArrow {
    from { background-position:0px; }
    to   { background-position:-1080px; }
}
@keyframes motionArrow {
    from { background-position:0px; }
    to   { background-position:-1080px; }
}
body.safari div.imageHolder{
    max-height: 558px;
}


