/*
* ImageHover.css - http://www.imagehover.io
* Version 1.0
* Author: Ciarán Walsh
* Copyright (C) Imagehover.io
*/
.it-catption-table {
display: table;
width: 100%;
height: 100%;
}
.it-catption-table .it-captoin-table-cell {
display:table-cell;
width: 100%;
height: 100%;
}
.it-catption-table.it-caption-top-right .it-captoin-table-cell{
text-align:right;
vertical-align:top;
}
.it-catption-table.it-caption-top-left .it-captoin-table-cell{
text-align:left;
vertical-align:top;
}
.it-catption-table.it-caption-top-middle .it-captoin-table-cell{
text-align:center;
vertical-align:top;
}
.it-catption-table.it-caption-middle .it-captoin-table-cell{
text-align:center;
vertical-align:middle;
}
.it-catption-table.it-caption-bottom-right .it-captoin-table-cell{
text-align:right;
vertical-align:bottom;
}
.it-catption-table.it-caption-bottom-left .it-captoin-table-cell{
text-align:left;
vertical-align:bottom;
}
.it-catption-table.it-caption-bottom-middle .it-captoin-table-cell{
text-align:center;
vertical-align:bottom;
}
[class^='it-hover-'],
[class*=' it-hover-'] {
position: relative;
display: inline-block;
margin: 0px;
max-width: 100%;
width:100%;
line-height:normal;
background-color: transparent;
color: #fff;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
[class^='it-hover-'] > img,
[class*=' it-hover-'] > img {
vertical-align: top;
max-width: 100%;
width:100%;
}
[class^='it-hover-'] .it-caption,
[class*=' it-hover-'] .it-caption {
background-color: transparent;
padding: 30px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
color: #ffffff !important;
}
[class^='it-hover-'] .it-caption h1,
[class*=' it-hover-'] .it-caption h1,
[class^='it-hover-'] .it-caption h2,
[class*=' it-hover-'] .it-caption h2,
[class^='it-hover-'] .it-caption h3,
[class*=' it-hover-'] .it-caption h3,
[class^='it-hover-'] .it-caption h4,
[class*=' it-hover-'] .it-caption h4,
[class^='it-hover-'] .it-caption h5,
[class*=' it-hover-'] .it-caption h5,
[class^='it-hover-'] .it-caption h6,
[class*=' it-hover-'] .it-caption h6 {
margin:0!important;
margin-bottom:10px!important;
}
[class^='it-hover-'] .it-caption p,
[class*=' it-hover-'] .it-caption p{
margin:0!important;
}
[class^='it-hover-'] a,
[class*=' it-hover-'] a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
border-bottom:0!important;
text-decoration:none!important;
}
[class^='it-hover-'],
[class*=' it-hover-'],
[class^='it-hover-']:before,
[class^='it-hover-']:after,
[class*=' it-hover-']:before,
[class*=' it-hover-']:after,
[class^='it-hover-'] *,
[class*=' it-hover-'] *,
[class^='it-hover-'] *:before,
[class^='it-hover-'] *:after,
[class*=' it-hover-'] *:before,
[class*=' it-hover-'] *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
}
/* it-hover-fade-*
----------------------------- */
[class^='it-hover-fade'] .it-caption,
[class*=' it-hover-fade'] .it-caption {
opacity: 0;
}
[class^='it-hover-fade']:hover > img,
[class*=' it-hover-fade']:hover > img {
opacity: 0;
}
[class^='it-hover-fade']:hover .it-caption,
[class*=' it-hover-fade']:hover .it-caption {
opacity: 1;
}
[class^='it-hover-fade']:hover > img,
[class*=' it-hover-fade']:hover > img,
[class^='it-hover-fade']:hover .it-caption,
[class*=' it-hover-fade']:hover .it-caption {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
/* it-hover-fade
----------------------------- */
/* it-hover-fade-in-up
----------------------------- */
.it-hover-fade-in-up .it-caption {
-webkit-transform: translate(0px, 15%);
transform: translate(0px, 15%);
}
/* it-hover-fade-in-down
----------------------------- */
.it-hover-fade-in-down .it-caption {
-webkit-transform: translate(0, -15%);
transform: translate(0, -15%);
}
/* it-hover-fade-in-left
----------------------------- */
.it-hover-fade-in-left .it-caption {
-webkit-transform: translate(-15%, 0);
transform: translate(-15%, 0);
}
/* it-hover-fade-in-right
----------------------------- */
.it-hover-fade-in-right .it-caption {
-webkit-transform: translate(15%, 0px);
transform: translate(15%, 0px);
}
/* it-hover-push-*
----------------------------- */
[class^='it-hover-push-']:hover .it-caption,
[class*=' it-hover-push-']:hover .it-caption {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
/* it-hover-push-up
----------------------------- */
.it-hover-push-up .it-caption {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.it-hover-push-up:hover > img {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
/* it-hover-push-down
----------------------------- */
.it-hover-push-down .it-caption {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.it-hover-push-down:hover > img {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
/* it-hover-push-left
----------------------------- */
.it-hover-push-left .it-caption {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.it-hover-push-left:hover > img {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
/* it-hover-push--right
----------------------------- */
.it-hover-push-right .it-caption {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.it-hover-push-right:hover > img {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
/* it-hover-slide-*
----------------------------- */
[class^='it-hover-slide-']:hover .it-caption,
[class*=' it-hover-slide-']:hover .it-caption {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
/* it-hover-slide-up
----------------------------- */
.it-hover-slide-up .it-caption {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
/* it-hover-slide-down
----------------------------- */
.it-hover-slide-down .it-caption {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
/* it-hover-slide-left
----------------------------- */
.it-hover-slide-left .it-caption {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
/* it-hover-slide-right
----------------------------- */
.it-hover-slide-right .it-caption {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
/* it-hover-slide-top-left
----------------------------- */
.it-hover-slide-top-left .it-caption {
-webkit-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
}
/* it-hover-slide-top-right
----------------------------- */
.it-hover-slide-top-right .it-caption {
-webkit-transform: translate(100%, -100%);
transform: translate(100%, -100%);
}
/* it-hover-slide-bottom-left
----------------------------- */
.it-hover-slide-bottom-left .it-caption {
-webkit-transform: translate(-100%, 100%);
transform: translate(-100%, 100%);
}
/* it-hover-slide-bottom-right
----------------------------- */
.it-hover-slide-bottom-right .it-caption {
-webkit-transform: translate(100%, 100%);
transform: translate(100%, 100%);
}
/* it-hover-reveal-*
----------------------------- */
[class^='it-hover-reveal-']:before,
[class*=' it-hover-reveal-']:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background-color: #135796;
z-index:1;
}
[class^='it-hover-reveal-'] .it-caption,
[class*=' it-hover-reveal-'] .it-caption {
opacity: 0;
}
[class^='it-hover-reveal-']:hover:before,
[class*=' it-hover-reveal-']:hover:before {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
[class^='it-hover-reveal-']:hover .it-caption,
[class*=' it-hover-reveal-']:hover .it-caption {
opacity: 1;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
z-index:1;
}
/* it-hover-reveal-up
----------------------------- */
.it-hover-reveal-up:before {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
/* it-hover-reveal-down
----------------------------- */
.it-hover-reveal-down:before {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
/* it-hover-reveal-left
----------------------------- */
.it-hover-reveal-left:before {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
/* it-hover-reveal-right
----------------------------- */
.it-hover-reveal-right:before {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
/* it-hover-reveal-top-left
----------------------------- */
.it-hover-reveal-top-left:before {
-webkit-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
}
/* it-hover-reveal-top-right
----------------------------- */
.it-hover-reveal-top-right:before {
-webkit-transform: translate(100%, -100%);
transform: translate(100%, -100%);
}
/* it-hover-reveal-bottom-left
----------------------------- */
.it-hover-reveal-bottom-left:before {
-webkit-transform: translate(-100%, 100%);
transform: translate(-100%, 100%);
}
/* it-hover-reveal-bottom-right
----------------------------- */
.it-hover-reveal-bottom-right:before {
-webkit-transform: translate(100%, 100%);
transform: translate(100%, 100%);
}
/* it-hover-hinge-*
----------------------------- */
[class^='it-hover-hinge-'],
[class*=' it-hover-hinge-'] {
-webkit-perspective: 50em;
perspective: 50em;
}
[class^='it-hover-hinge-'] .it-caption,
[class*=' it-hover-hinge-'] .it-caption {
opacity: 0;
z-index: 1;
}
[class^='it-hover-hinge-']:hover img,
[class*=' it-hover-hinge-']:hover img {
opacity: 0;
}
[class^='it-hover-hinge-']:hover .it-caption,
[class*=' it-hover-hinge-']:hover .it-caption {
opacity: 1;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
/* it-hover-hinge-up
----------------------------- */
.it-hover-hinge-up img {
-webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.it-hover-hinge-up .it-caption {
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.it-hover-hinge-up:hover > img {
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
.it-hover-hinge-up:hover .it-caption {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
/* it-hover-hinge-down
----------------------------- */
.it-hover-hinge-down img {
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.it-hover-hinge-down .it-caption {
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% -50%;
-ms-transform-origin: 50% -50%;
transform-origin: 50% -50%;
}
.it-hover-hinge-down:hover > img {
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
opacity: 0;
}
.it-hover-hinge-down:hover .it-caption {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
/* it-hover-hinge-left
----------------------------- */
.it-hover-hinge-left img {
-webkit-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.it-hover-hinge-left .it-caption {
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.it-hover-hinge-left:hover > img {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
}
.it-hover-hinge-left:hover .it-caption {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
/* it-hover-hinge-right
----------------------------- */
.it-hover-hinge-right img {
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.it-hover-hinge-right .it-caption {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.it-hover-hinge-right:hover > img {
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.it-hover-hinge-right:hover .it-caption {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
/* it-hover-flip-*
----------------------------- */
[class^='it-hover-flip-'],
[class*=' it-hover-flip-'] {
-webkit-perspective: 50em;
perspective: 50em;
}
[class^='it-hover-flip-'] img,
[class*=' it-hover-flip-'] img {
backface-visibility: hidden;
}
[class^='it-hover-flip-'] .it-caption,
[class*=' it-hover-flip-'] .it-caption {
opacity: 0;
}
[class^='it-hover-flip-']:hover > img,
[class*=' it-hover-flip-']:hover > img {
opacity: 0;
}
[class^='it-hover-flip-']:hover .it-caption,
[class*=' it-hover-flip-']:hover .it-caption {
opacity: 1;
-webkit-transition-delay: 0.13999999999999999s;
transition-delay: 0.13999999999999999s;
}
/* it-hover-flip-horiz
----------------------------- */
.it-hover-flip-horiz .it-caption {
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.it-hover-flip-horiz:hover img {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.it-hover-flip-horiz:hover .it-caption {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
/* it-hover-flip-vert
----------------------------- */
.it-hover-flip-vert .it-caption {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.it-hover-flip-vert:hover > img {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.it-hover-flip-vert:hover .it-caption {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
/* it-hover-flip-diag-1
----------------------------- */
.it-hover-flip-diag-1 .it-caption {
-webkit-transform: rotate3d(1, -1, 0, 100deg);
transform: rotate3d(1, -1, 0, 100deg);
}
.it-hover-flip-diag-1:hover > img {
-webkit-transform: rotate3d(-1, 1, 0, 100deg);
transform: rotate3d(-1, 1, 0, 100deg);
}
.it-hover-flip-diag-1:hover .it-caption {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
}
/* it-hover-flip-diag-2
----------------------------- */
.it-hover-flip-diag-2 .it-caption {
-webkit-transform: rotate3d(1, 1, 0, 100deg);
transform: rotate3d(1, 1, 0, 100deg);
}
.it-hover-flip-diag-2:hover > img {
-webkit-transform: rotate3d(-1, -1, 0, 100deg);
transform: rotate3d(-1, -1, 0, 100deg);
}
.it-hover-flip-diag-2:hover .it-caption {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
}
/* it-hover-shutter-out-*
----------------------------- */
[class^='it-hover-shutter-out-']:before,
[class*=' it-hover-shutter-out-']:before {
background: #135796;
position: absolute;
content: '';
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
[class^='it-hover-shutter-out-'] .it-caption,
[class*=' it-hover-shutter-out-'] .it-caption {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
[class^='it-hover-shutter-out-']:hover:before,
[class*=' it-hover-shutter-out-']:hover:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
[class^='it-hover-shutter-out-']:hover .it-caption,
[class*=' it-hover-shutter-out-']:hover .it-caption {
opacity: 1;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
/* it-hover-shutter-out-horiz
----------------------------- */
.it-hover-shutter-out-horiz:before {
left: 50%;
right: 50%;
top: 0;
bottom: 0;
}
.it-hover-shutter-out-horiz:hover:before {
left: 0;
right: 0;
}
/* it-hover-shutter-out-vert
----------------------------- */
.it-hover-shutter-out-vert:before {
top: 50%;
bottom: 50%;
left: 0;
right: 0;
}
.it-hover-shutter-out-vert:hover:before {
top: 0;
bottom: 0;
}
/* it-hover-shutter-out-diag-1
----------------------------- */
.it-hover-shutter-out-diag-1:before {
top: 50%;
bottom: 50%;
left: -35%;
right: -35%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.it-hover-shutter-out-diag-1:hover:before {
top: -35%;
bottom: -35%;
}
/* it-hover-shutter-out-diag-2
----------------------------- */
.it-hover-shutter-out-diag-2:before {
top: 50%;
bottom: 50%;
left: -35%;
right: -35%;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.it-hover-shutter-out-diag-2:hover:before {
top: -35%;
bottom: -35%;
}
/* it-hover-shutter-in-*
----------------------------- */
[class^='it-hover-shutter-in-']:after,
[class*=' it-hover-shutter-in-']:after,
[class^='it-hover-shutter-in-']:before,
[class*=' it-hover-shutter-in-']:before {
background: #135796;
position: absolute;
content: '';
}
[class^='it-hover-shutter-in-']:after,
[class*=' it-hover-shutter-in-']:after {
top: 0;
left: 0;
}
[class^='it-hover-shutter-in-']:before,
[class*=' it-hover-shutter-in-']:before {
right: 0;
bottom: 0;
}
[class^='it-hover-shutter-in-'] .it-caption,
[class*=' it-hover-shutter-in-'] .it-caption {
opacity: 0;
z-index: 1;
}
[class^='it-hover-shutter-in-']:hover .it-caption,
[class*=' it-hover-shutter-in-']:hover .it-caption {
opacity: 1;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
/* it-hover-shutter-in-horiz
----------------------------- */
.it-hover-shutter-in-horiz:after,
.it-hover-shutter-in-horiz:before {
width: 0;
height: 100%;
}
.it-hover-shutter-in-horiz:hover:after,
.it-hover-shutter-in-horiz:hover:before {
width: 50%;
}
/* it-hover-shutter-in-vert
----------------------------- */
.it-hover-shutter-in-vert:after,
.it-hover-shutter-in-vert:before {
height: 0;
width: 100%;
}
.it-hover-shutter-in-vert:hover:after,
.it-hover-shutter-in-vert:hover:before {
height: 50%;
}
/* it-hover-shutter-in-out-horiz
----------------------------- */
.it-hover-shutter-in-out-horiz:after,
.it-hover-shutter-in-out-horiz:before {
width: 0;
height: 100%;
}
.it-hover-shutter-in-out-horiz:hover:after,
.it-hover-shutter-in-out-horiz:hover:before {
width: 100%;
opacity: 0.75;
}
/* it-hover-shutter-in-out-vert
----------------------------- */
.it-hover-shutter-in-out-vert:after,
.it-hover-shutter-in-out-vert:before {
height: 0;
width: 100%;
}
.it-hover-shutter-in-out-vert:hover:after,
.it-hover-shutter-in-out-vert:hover:before {
height: 100%;
opacity: 0.75;
}
/* it-hover-shutter-in-out-diag-1
----------------------------- */
.it-hover-shutter-in-out-diag-1:after,
.it-hover-shutter-in-out-diag-1:before {
width: 200%;
height: 200%;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
opacity: 0.75;
}
.it-hover-shutter-in-out-diag-1:after {
-webkit-transform: skew(-45deg) translateX(-150%);
transform: skew(-45deg) translateX(-150%);
}
.it-hover-shutter-in-out-diag-1:before {
-webkit-transform: skew(-45deg) translateX(150%);
transform: skew(-45deg) translateX(150%);
}
.it-hover-shutter-in-out-diag-1:hover:after {
-webkit-transform: skew(-45deg) translateX(-50%);
transform: skew(-45deg) translateX(-50%);
}
.it-hover-shutter-in-out-diag-1:hover:before {
-webkit-transform: skew(-45deg) translateX(50%);
transform: skew(-45deg) translateX(50%);
}
/* it-hover-shutter-in-out-diag-2
----------------------------- */
.it-hover-shutter-in-out-diag-2:after,
.it-hover-shutter-in-out-diag-2:before {
width: 200%;
height: 200%;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
opacity: 0.75;
}
.it-hover-shutter-in-out-diag-2:after {
-webkit-transform: skew(45deg) translateX(-100%);
transform: skew(45deg) translateX(-100%);
}
.it-hover-shutter-in-out-diag-2:before {
-webkit-transform: skew(45deg) translateX(100%);
transform: skew(45deg) translateX(100%);
}
.it-hover-shutter-in-out-diag-2:hover:after {
-webkit-transform: skew(45deg) translateX(0%);
transform: skew(45deg) translateX(0%);
}
.it-hover-shutter-in-out-diag-2:hover:before {
-webkit-transform: skew(45deg) translateX(0%);
transform: skew(45deg) translateX(0%);
}
/* it-hover-fold*
----------------------------- */
[class^='it-hover-fold'],
[class*=' it-hover-fold'] {
-webkit-perspective: 50em;
perspective: 50em;
}
[class^='it-hover-fold'] img,
[class*=' it-hover-fold'] img {
-webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
[class^='it-hover-fold'] .it-caption,
[class*=' it-hover-fold'] .it-caption {
z-index: 1;
opacity: 0;
}
[class^='it-hover-fold']:hover > img,
[class*=' it-hover-fold']:hover > img {
opacity: 0;
-webkit-transition-delay: 0;
transition-delay: 0;
}
[class^='it-hover-fold']:hover .it-caption,
[class*=' it-hover-fold']:hover .it-caption {
-webkit-transform: rotateX(0deg) translate3d(0, 0%, 0) scale(1);
transform: rotateX(0deg) translate3d(0, 0%, 0) scale(1);
opacity: 1;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
/* it-hover-fold-up
----------------------------- */
.it-hover-fold-up > img {
-webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.it-hover-fold-up .it-caption {
-webkit-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.it-hover-fold-up:hover > img {
-webkit-transform: rotateX(90deg) scale(0.6) translateY(50%);
transform: rotateX(90deg) scale(0.6) translateY(50%);
}
/* it-hover-fold-down
----------------------------- */
.it-hover-fold-down > img {
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.it-hover-fold-down .it-caption {
-webkit-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
-webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.it-hover-fold-down:hover > img {
-webkit-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
transform: rotateX(-90deg) scale(0.6) translateY(-50%);
}
/* it-hover-fold-left
----------------------------- */
.it-hover-fold-left > img {
-webkit-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.it-hover-fold-left .it-caption {
-webkit-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.it-hover-fold-left:hover > img {
-webkit-transform: rotateY(-90deg) scale(0.6) translateX(50%);
transform: rotateY(-90deg) scale(0.6) translateX(50%);
}
/* it-hover-fold-right
----------------------------- */
.it-hover-fold-right {
-webkit-perspective: 50em;
perspective: 50em;
}
.it-hover-fold-right > img {
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.it-hover-fold-right .it-caption {
-webkit-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.it-hover-fold-right:hover > img {
-webkit-transform: rotateY(90deg) scale(0.6) translateX(-50%);
transform: rotateY(90deg) scale(0.6) translateX(-50%);
}
/* it-hover-zoom-in
----------------------------- */
.it-hover-zoom-in .it-caption {
opacity: 0;
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
.it-hover-zoom-in:hover .it-caption {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
/* it-hover-zoom-out*
----------------------------- */
[class^='it-hover-zoom-out'] .it-caption,
[class*=' it-hover-zoom-out'] .it-caption {
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0;
}
[class^='it-hover-zoom-out']:hover .it-caption,
[class*=' it-hover-zoom-out']:hover .it-caption,
[class^='it-hover-zoom-out'].hover .it-caption,
[class*=' it-hover-zoom-out'].hover .it-caption {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
/* it-hover-zoom-out
----------------------------- */
.it-hover-zoom-out:hover > img {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
}
/* it-hover-zoom-out-up
----------------------------- */
.it-hover-zoom-out-up:hover > img,
.it-hover-zoom-out-up.hover > img {
-webkit-animation: it-hover-zoom-out-up 0.40249999999999997s linear;
animation: it-hover-zoom-out-up 0.40249999999999997s linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes it-hover-zoom-out-up {
50% {
-webkit-transform: scale(0.8) translateY(0%);
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateY(-150%);
transform: scale(0.8) translateY(-150%);
opacity: 0.5;
}
}
@keyframes it-hover-zoom-out-up {
50% {
-webkit-transform: scale(0.8) translateY(0%);
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateY(-150%);
transform: scale(0.8) translateY(-150%);
opacity: 0.5;
}
}
/* it-hover-zoom-out-down
----------------------------- */
.it-hover-zoom-out-down:hover > img,
.it-hover-zoom-out-down.hover > img {
-webkit-animation: it-hover-zoom-out-down 0.40249999999999997s linear;
animation: it-hover-zoom-out-down 0.40249999999999997s linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes it-hover-zoom-out-down {
50% {
-webkit-transform: scale(0.8) translateY(0%);
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateY(150%);
transform: scale(0.8) translateY(150%);
opacity: 0.5;
}
}
@keyframes it-hover-zoom-out-down {
50% {
-webkit-transform: scale(0.8) translateY(0%);
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateY(150%);
transform: scale(0.8) translateY(150%);
opacity: 0.5;
}
}
/* it-hover-zoom-out-left
----------------------------- */
.it-hover-zoom-out-left:hover > img,
.it-hover-zoom-out-left.hover > img {
-webkit-animation: it-hover-zoom-out-left 0.40249999999999997s linear;
animation: it-hover-zoom-out-left 0.40249999999999997s linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes it-hover-zoom-out-left {
50% {
-webkit-transform: scale(0.8) translateX(0%);
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateX(-150%);
transform: scale(0.8) translateX(-150%);
opacity: 0.5;
}
}
@keyframes it-hover-zoom-out-left {
50% {
-webkit-transform: scale(0.8) translateX(0%);
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateX(-150%);
transform: scale(0.8) translateX(-150%);
opacity: 0.5;
}
}
/* it-hover-zoom-out-right
----------------------------- */
.it-hover-zoom-out-right:hover > img,
.it-hover-zoom-out-right.hover > img {
-webkit-animation: it-hover-zoom-out-right 0.40249999999999997s linear;
animation: it-hover-zoom-out-right 0.40249999999999997s linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes it-hover-zoom-out-right {
50% {
-webkit-transform: scale(0.8) translateX(0%);
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateX(150%);
transform: scale(0.8) translateX(150%);
opacity: 0.5;
}
}
@keyframes it-hover-zoom-out-right {
50% {
-webkit-transform: scale(0.8) translateX(0%);
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateX(150%);
transform: scale(0.8) translateX(150%);
opacity: 0.5;
}
}
/* it-hover-zoom-out-flip-horiz
----------------------------- */
.it-hover-zoom-out-flip-horiz {
-webkit-perspective: 50em;
perspective: 50em;
}
.it-hover-zoom-out-flip-horiz .it-caption {
opacity: 0;
-webkit-transform: rotateX(90deg) translateY(-100%) scale(0.5);
transform: rotateX(90deg) translateY(-100%) scale(0.5);
}
.it-hover-zoom-out-flip-horiz:hover > img,
.it-hover-zoom-out-flip-horiz.hover > img {
-webkit-transform: rotateX(-100deg) translateY(50%) scale(0.5);
transform: rotateX(-100deg) translateY(50%) scale(0.5);
opacity: 0;
-webkit-transition-delay: 0;
transition-delay: 0;
}
.it-hover-zoom-out-flip-horiz:hover .it-caption,
.it-hover-zoom-out-flip-horiz.hover .it-caption {
-webkit-transform: rotateX(0deg) translateY(0%) scale(1);
transform: rotateX(0deg) translateY(0%) scale(1);
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
/* it-hover-zoom-out-flip-vert
----------------------------- */
.it-hover-zoom-out-flip-vert {
-webkit-perspective: 50em;
perspective: 50em;
}
.it-hover-zoom-out-flip-vert .it-caption {
opacity: 0;
-webkit-transform: rotateY(90deg) translate(50%, 0px) scale(0.5);
transform: rotateY(90deg) translate(50%, 0px) scale(0.5);
}
.it-hover-zoom-out-flip-vert:hover > img,
.it-hover-zoom-out-flip-vert.hover > img {
-webkit-transform: rotateY(-100deg) translateX(50%) scale(0.5);
transform: rotateY(-100deg) translateX(50%) scale(0.5);
opacity: 0;
-webkit-transition-delay: 0;
transition-delay: 0;
}
.it-hover-zoom-out-flip-vert:hover .it-caption,
.it-hover-zoom-out-flip-vert.hover .it-caption {
-webkit-transform: rotateY(0deg) translate(0px, 0px) scale(1);
transform: rotateY(0deg) translate(0px, 0px) scale(1);
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
/* it-hover-blur
----------------------------- */
.it-hover-blur .it-caption {
opacity: 0;
}
.it-hover-blur:hover > img {
-webkit-filter: blur(30px);
filter: blur(30px);
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
}
.it-hover-blur:hover .it-caption {
opacity: 1;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
/* it-hover-blocks*
----------------------------- */
[class^='it-hover-blocks']:before,
[class*=' it-hover-blocks']:before,
[class^='it-hover-blocks']:after,
[class*=' it-hover-blocks']:after,
[class^='it-hover-blocks'] .it-caption:before,
[class*=' it-hover-blocks'] .it-caption:before,
[class^='it-hover-blocks'] .it-caption:after,
[class*=' it-hover-blocks'] .it-caption:after {
background-color: #135796;
opacity: 0;
position: absolute;
content: '';
height: 50%;
width: 50%;
}
[class^='it-hover-blocks']:before,
[class*=' it-hover-blocks']:before,
[class^='it-hover-blocks']:after,
[class*=' it-hover-blocks']:after {
z-index: 1;
}
[class^='it-hover-blocks']:before,
[class*=' it-hover-blocks']:before {
top: 0;
right: 0;
}
[class^='it-hover-blocks']:after,
[class*=' it-hover-blocks']:after {
bottom: 0;
left: 0;
}
[class^='it-hover-blocks'] .it-caption,
[class*=' it-hover-blocks'] .it-caption {
z-index: 3;
background-color: transparent;
}
[class^='it-hover-blocks'] .it-caption *,
[class*=' it-hover-blocks'] .it-caption * {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
[class^='it-hover-blocks'] .it-caption:before,
[class*=' it-hover-blocks'] .it-caption:before,
[class^='it-hover-blocks'] .it-caption:after,
[class*=' it-hover-blocks'] .it-caption:after {
z-index: -1;
}
[class^='it-hover-blocks'] .it-caption:before,
[class*=' it-hover-blocks'] .it-caption:before {
top: 0;
left: 0;
}
[class^='it-hover-blocks'] .it-caption:after,
[class*=' it-hover-blocks'] .it-caption:after {
bottom: 0;
right: 0;
}
[class^='it-hover-blocks'] a,
[class*=' it-hover-blocks'] a {
z-index: 3;
}
[class^='it-hover-blocks']:hover:before,
[class*=' it-hover-blocks']:hover:before,
[class^='it-hover-blocks']:hover:after,
[class*=' it-hover-blocks']:hover:after,
[class^='it-hover-blocks']:hover .it-caption:before,
[class*=' it-hover-blocks']:hover .it-caption:before,
[class^='it-hover-blocks']:hover .it-caption:after,
[class*=' it-hover-blocks']:hover .it-caption:after {
-webkit-transform: translate(0px, 0px) scale(1);
transform: translate(0px, 0px) scale(1);
opacity: 1;
}
[class^='it-hover-blocks']:hover .it-caption *,
[class*=' it-hover-blocks']:hover .it-caption * {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
/* it-hover-blocks-rotate-left
----------------------------- */
.it-hover-blocks-rotate-left:before {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.it-hover-blocks-rotate-left:after {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.it-hover-blocks-rotate-left .it-caption:before {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.it-hover-blocks-rotate-left .it-caption:after {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
/* it-hover-blocks-rotate-right
----------------------------- */
.it-hover-blocks-rotate-right:before {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.it-hover-blocks-rotate-right:after {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.it-hover-blocks-rotate-right .it-caption:before {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.it-hover-blocks-rotate-right .it-caption:after {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
/* it-hover-blocks-rotate-in-left
----------------------------- */
.it-hover-blocks-rotate-in-left:before {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.it-hover-blocks-rotate-in-left:after {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.it-hover-blocks-rotate-in-left .it-caption:before {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.it-hover-blocks-rotate-in-left .it-caption:after {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
/* it-hover-blocks-rotate-in-right
----------------------------- */
.it-hover-blocks-rotate-in-right:before {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.it-hover-blocks-rotate-in-right:after {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.it-hover-blocks-rotate-in-right .it-caption:before {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.it-hover-blocks-rotate-in-right .it-caption:after {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
/* it-hover-blocks-in
----------------------------- */
.it-hover-blocks-in:before {
-webkit-transform: translate(100%, -100%);
transform: translate(100%, -100%);
}
.it-hover-blocks-in:after {
-webkit-transform: translate(-100%, 100%);
transform: translate(-100%, 100%);
}
.it-hover-blocks-in .it-caption:before {
-webkit-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
}
.it-hover-blocks-in .it-caption:after {
-webkit-transform: translate(100%, 100%);
transform: translate(100%, 100%);
}
/* it-hover-blocks-out
----------------------------- */
.it-hover-blocks-out:before {
-webkit-transform: translate(-100%, 100%);
transform: translate(-100%, 100%);
}
.it-hover-blocks-out:after {
-webkit-transform: translate(100%, -100%);
transform: translate(100%, -100%);
}
.it-hover-blocks-out .it-caption:before {
-webkit-transform: translate(100%, 100%);
transform: translate(100%, 100%);
}
.it-hover-blocks-out .it-caption:after {
-webkit-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
}
/* it-hover-blocks-float-up
----------------------------- */
.it-hover-blocks-float-up:before,
.it-hover-blocks-float-up:after,
.it-hover-blocks-float-up .it-caption:before,
.it-hover-blocks-float-up .it-caption:after {
-webkit-transform: translate(0, 200%);
transform: translate(0, 200%);
}
.it-hover-blocks-float-up:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.it-hover-blocks-float-up:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-blocks-float-up .it-caption:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.it-hover-blocks-float-up .it-caption:after {
-webkit-transition-delay: 0.13999999999999999s;
transition-delay: 0.13999999999999999s;
}
.it-hover-blocks-float-up:hover:before {
-webkit-transition-delay: 0.13999999999999999s;
transition-delay: 0.13999999999999999s;
}
.it-hover-blocks-float-up:hover:after {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.it-hover-blocks-float-up:hover .it-caption:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-blocks-float-up:hover .it-caption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.it-hover-blocks-float-up:hover .it-caption * {
-webkit-transition-delay: 0.48999999999999994s;
transition-delay: 0.48999999999999994s;
}
/* it-hover-blocks-float-down
----------------------------- */
.it-hover-blocks-float-down:before,
.it-hover-blocks-float-down:after,
.it-hover-blocks-float-down .it-caption:before,
.it-hover-blocks-float-down .it-caption:after {
-webkit-transform: translate(0, -200%);
transform: translate(0, -200%);
}
.it-hover-blocks-float-down:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-blocks-float-down:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.it-hover-blocks-float-down .it-caption:before {
-webkit-transition-delay: 0.13999999999999999s;
transition-delay: 0.13999999999999999s;
}
.it-hover-blocks-float-down .it-caption:after {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.it-hover-blocks-float-down:hover:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.it-hover-blocks-float-down:hover:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-blocks-float-down:hover .it-caption:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.it-hover-blocks-float-down:hover .it-caption:after {
-webkit-transition-delay: 0.13999999999999999s;
transition-delay: 0.13999999999999999s;
}
.it-hover-blocks-float-down:hover .it-caption * {
-webkit-transition-delay: 0.48999999999999994s;
transition-delay: 0.48999999999999994s;
}
/* it-hover-blocks-float-left
----------------------------- */
.it-hover-blocks-float-left:before,
.it-hover-blocks-float-left:after,
.it-hover-blocks-float-left .it-caption:before,
.it-hover-blocks-float-left .it-caption:after {
-webkit-transform: translate(200%, 0);
transform: translate(200%, 0);
}
.it-hover-blocks-float-left:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-blocks-float-left:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.it-hover-blocks-float-left .it-caption:before {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.it-hover-blocks-float-left .it-caption:after {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.it-hover-blocks-float-left:hover:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.it-hover-blocks-float-left:hover:after {
-webkit-transition-delay: 0.13999999999999999s;
transition-delay: 0.13999999999999999s;
}
.it-hover-blocks-float-left:hover .it-caption:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-blocks-float-left:hover .it-caption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.it-hover-blocks-float-left:hover .it-caption * {
-webkit-transition-delay: 0.48999999999999994s;
transition-delay: 0.48999999999999994s;
}
/* it-hover-blocks-float-right
----------------------------- */
.it-hover-blocks-float-right:before,
.it-hover-blocks-float-right:after,
.it-hover-blocks-float-right .it-caption:before,
.it-hover-blocks-float-right .it-caption:after {
-webkit-transform: translate(-200%, 0);
transform: translate(-200%, 0);
}
.it-hover-blocks-float-right:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.it-hover-blocks-float-right:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-blocks-float-right .it-caption:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.it-hover-blocks-float-right .it-caption:after {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.it-hover-blocks-float-right:hover:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-blocks-float-right:hover:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.it-hover-blocks-float-right:hover .it-caption:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.it-hover-blocks-float-right:hover .it-caption:after {
-webkit-transition-delay: 0.13999999999999999s;
transition-delay: 0.13999999999999999s;
}
.it-hover-blocks-float-right:hover .it-caption * {
-webkit-transition-delay: 0.48999999999999994s;
transition-delay: 0.48999999999999994s;
}
/* it-hover-blocks-zoom-top-left
----------------------------- */
.it-hover-blocks-zoom-top-left:before,
.it-hover-blocks-zoom-top-left:after,
.it-hover-blocks-zoom-top-left .it-caption:before,
.it-hover-blocks-zoom-top-left .it-caption:after {
-webkit-transform: scale(0.05);
transform: scale(0.05);
}
.it-hover-blocks-zoom-top-left:hover:before {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.it-hover-blocks-zoom-top-left:hover:after {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.it-hover-blocks-zoom-top-left:hover .it-caption:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-blocks-zoom-top-left:hover .it-caption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.it-hover-blocks-zoom-top-left:hover .it-caption * {
-webkit-transition-delay: 0.48999999999999994s;
transition-delay: 0.48999999999999994s;
}
/* it-hover-blocks-zoom-top-right
----------------------------- */
.it-hover-blocks-zoom-top-right:before,
.it-hover-blocks-zoom-top-right:after,
.it-hover-blocks-zoom-top-right .it-caption:before,
.it-hover-blocks-zoom-top-right .it-caption:after {
-webkit-transform: scale(0.05);
transform: scale(0.05);
}
.it-hover-blocks-zoom-top-right:hover:before {
-webkit-transition-delay: 0, 0s;
transition-delay: 0, 0s;
}
.it-hover-blocks-zoom-top-right:hover:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.it-hover-blocks-zoom-top-right:hover .it-caption:before {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.it-hover-blocks-zoom-top-right:hover .it-caption:after {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.it-hover-blocks-zoom-top-right:hover .it-caption * {
-webkit-transition-delay: 0.48999999999999994s;
transition-delay: 0.48999999999999994s;
}
/* it-hover-blocks-zoom-bottom-left
----------------------------- */
.it-hover-blocks-zoom-bottom-left:before,
.it-hover-blocks-zoom-bottom-left:after,
.it-hover-blocks-zoom-bottom-left .it-caption:before,
.it-hover-blocks-zoom-bottom-left .it-caption:after {
-webkit-transform: scale(0.05);
transform: scale(0.05);
}
.it-hover-blocks-zoom-bottom-left:hover:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.it-hover-blocks-zoom-bottom-left:hover:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-blocks-zoom-bottom-left:hover .it-caption:before {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.it-hover-blocks-zoom-bottom-left:hover .it-caption:after {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.it-hover-blocks-zoom-bottom-left:hover .it-caption * {
-webkit-transition-delay: 0.48999999999999994s;
transition-delay: 0.48999999999999994s;
}
/* it-hover-blocks-zoom-bottom-right
----------------------------- */
.it-hover-blocks-zoom-bottom-right:before,
.it-hover-blocks-zoom-bottom-right:after,
.it-hover-blocks-zoom-bottom-right .it-caption:before,
.it-hover-blocks-zoom-bottom-right .it-caption:after {
-webkit-transform: scale(0.05);
transform: scale(0.05);
}
.it-hover-blocks-zoom-bottom-right:hover:before {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.it-hover-blocks-zoom-bottom-right:hover:after {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.it-hover-blocks-zoom-bottom-right:hover .it-caption:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.it-hover-blocks-zoom-bottom-right:hover .it-caption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-blocks-zoom-bottom-right:hover .it-caption * {
-webkit-transition-delay: 0.48999999999999994s;
transition-delay: 0.48999999999999994s;
}
/* it-hover-strip-shutter-*
----------------------------- */
[class^='it-hover-strip-shutter']:before,
[class*=' it-hover-strip-shutter']:before,
[class^='it-hover-strip-shutter']:after,
[class*=' it-hover-strip-shutter']:after,
[class^='it-hover-strip-shutter'] .it-caption:before,
[class*=' it-hover-strip-shutter'] .it-caption:before,
[class^='it-hover-strip-shutter'] .it-caption:after,
[class*=' it-hover-strip-shutter'] .it-caption:after {
background-color: #135796;
opacity: 0;
position: absolute;
content: '';
}
[class^='it-hover-strip-shutter']:before,
[class*=' it-hover-strip-shutter']:before,
[class^='it-hover-strip-shutter']:after,
[class*=' it-hover-strip-shutter']:after {
z-index: 1;
}
[class^='it-hover-strip-shutter'] .it-caption,
[class*=' it-hover-strip-shutter'] .it-caption {
z-index: 3;
background-color: transparent;
}
[class^='it-hover-strip-shutter'] .it-caption *,
[class*=' it-hover-strip-shutter'] .it-caption * {
opacity: 0;
}
[class^='it-hover-strip-shutter'] .it-caption:before,
[class*=' it-hover-strip-shutter'] .it-caption:before,
[class^='it-hover-strip-shutter'] .it-caption:after,
[class*=' it-hover-strip-shutter'] .it-caption:after {
z-index: -1;
}
[class^='it-hover-strip-shutter'] a,
[class*=' it-hover-strip-shutter'] a {
z-index: 3;
}
[class^='it-hover-strip-shutter']:hover:before,
[class*=' it-hover-strip-shutter']:hover:before,
[class^='it-hover-strip-shutter']:hover:after,
[class*=' it-hover-strip-shutter']:hover:after,
[class^='it-hover-strip-shutter']:hover .it-caption:before,
[class*=' it-hover-strip-shutter']:hover .it-caption:before,
[class^='it-hover-strip-shutter']:hover .it-caption:after,
[class*=' it-hover-strip-shutter']:hover .it-caption:after {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
[class^='it-hover-strip-shutter']:hover .it-caption *,
[class*=' it-hover-strip-shutter']:hover .it-caption * {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
/* it-hover-strip-shutter-up
----------------------------- */
.it-hover-strip-shutter-up:before,
.it-hover-strip-shutter-up:after,
.it-hover-strip-shutter-up .it-caption:before,
.it-hover-strip-shutter-up .it-caption:after {
height: 26%;
width: 100%;
-webkit-transform: scaleX(0);
transform: scaleX(0);
left: 0;
}
.it-hover-strip-shutter-up:before {
top: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-strip-shutter-up:after {
top: 25%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.it-hover-strip-shutter-up .it-caption:before {
top: 50%;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.it-hover-strip-shutter-up .it-caption:after {
top: 75%;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
/* it-hover-strip-shutter-down
----------------------------- */
.it-hover-strip-shutter-down:before,
.it-hover-strip-shutter-down:after,
.it-hover-strip-shutter-down .it-caption:before,
.it-hover-strip-shutter-down .it-caption:after {
height: 26%;
width: 100%;
-webkit-transform: scaleX(0);
transform: scaleX(0);
left: 0;
}
.it-hover-strip-shutter-down:before {
top: 0;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.it-hover-strip-shutter-down:after {
top: 25%;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.it-hover-strip-shutter-down .it-caption:before {
top: 50%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.it-hover-strip-shutter-down .it-caption:after {
top: 75%;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
/* it-hover-strip-shutter-left
----------------------------- */
.it-hover-strip-shutter-left:before,
.it-hover-strip-shutter-left:after,
.it-hover-strip-shutter-left .it-caption:before,
.it-hover-strip-shutter-left .it-caption:after {
width: 26%;
height: 100%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
top: 0;
}
.it-hover-strip-shutter-left:before {
left: 0;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.it-hover-strip-shutter-left:after {
left: 25%;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.it-hover-strip-shutter-left .it-caption:before {
left: 50%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.it-hover-strip-shutter-left .it-caption:after {
left: 75%;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
/* it-hover-strip-shutter-right
----------------------------- */
.it-hover-strip-shutter-right:before,
.it-hover-strip-shutter-right:after,
.it-hover-strip-shutter-right .it-caption:before,
.it-hover-strip-shutter-right .it-caption:after {
width: 26%;
height: 100%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
top: 0;
}
.it-hover-strip-shutter-right:before {
left: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-strip-shutter-right:after {
left: 25%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.it-hover-strip-shutter-right .it-caption:before {
left: 50%;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.it-hover-strip-shutter-right .it-caption:after {
left: 75%;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
/* it-hover-strip-horiz-*
----------------------------- */
[class^='it-hover-strip-horiz']:before,
[class*=' it-hover-strip-horiz']:before,
[class^='it-hover-strip-horiz']:after,
[class*=' it-hover-strip-horiz']:after,
[class^='it-hover-strip-horiz'] .it-caption:before,
[class*=' it-hover-strip-horiz'] .it-caption:before,
[class^='it-hover-strip-horiz'] .it-caption:after,
[class*=' it-hover-strip-horiz'] .it-caption:after {
background-color: #135796;
opacity: 0;
position: absolute;
content: '';
height: 26%;
width: 100%;
-webkit-transform: scaleX(0);
transform: scaleX(0);
left: 0;
}
[class^='it-hover-strip-horiz']:before,
[class*=' it-hover-strip-horiz']:before,
[class^='it-hover-strip-horiz']:after,
[class*=' it-hover-strip-horiz']:after {
z-index: 1;
}
[class^='it-hover-strip-horiz']:before,
[class*=' it-hover-strip-horiz']:before {
top: 0;
}
[class^='it-hover-strip-horiz']:after,
[class*=' it-hover-strip-horiz']:after {
top: 25%;
}
[class^='it-hover-strip-horiz'] .it-caption,
[class*=' it-hover-strip-horiz'] .it-caption {
z-index: 3;
background-color: transparent;
}
[class^='it-hover-strip-horiz'] .it-caption *,
[class*=' it-hover-strip-horiz'] .it-caption * {
opacity: 0;
}
[class^='it-hover-strip-horiz'] .it-caption:before,
[class*=' it-hover-strip-horiz'] .it-caption:before,
[class^='it-hover-strip-horiz'] .it-caption:after,
[class*=' it-hover-strip-horiz'] .it-caption:after {
z-index: -1;
}
[class^='it-hover-strip-horiz'] .it-caption:before,
[class*=' it-hover-strip-horiz'] .it-caption:before {
top: 50%;
}
[class^='it-hover-strip-horiz'] .it-caption:after,
[class*=' it-hover-strip-horiz'] .it-caption:after {
top: 75%;
}
[class^='it-hover-strip-horiz'] a,
[class*=' it-hover-strip-horiz'] a {
z-index: 3;
}
[class^='it-hover-strip-horiz']:hover:before,
[class*=' it-hover-strip-horiz']:hover:before,
[class^='it-hover-strip-horiz']:hover:after,
[class*=' it-hover-strip-horiz']:hover:after,
[class^='it-hover-strip-horiz']:hover .it-caption:before,
[class*=' it-hover-strip-horiz']:hover .it-caption:before,
[class^='it-hover-strip-horiz']:hover .it-caption:after,
[class*=' it-hover-strip-horiz']:hover .it-caption:after {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
[class^='it-hover-strip-horiz']:hover .it-caption *,
[class*=' it-hover-strip-horiz']:hover .it-caption * {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
/* it-hover-strip-horiz-up
----------------------------- */
.it-hover-strip-horiz-up:before,
.it-hover-strip-horiz-up:after,
.it-hover-strip-horiz-up .it-caption:before,
.it-hover-strip-horiz-up .it-caption:after {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
/* it-hover-strip-horiz-down
----------------------------- */
.it-hover-strip-horiz-down:before,
.it-hover-strip-horiz-down:after,
.it-hover-strip-horiz-down .it-caption:before,
.it-hover-strip-horiz-down .it-caption:after {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
/* it-hover-strip-horiz-top-left
----------------------------- */
.it-hover-strip-horiz-top-left:before,
.it-hover-strip-horiz-top-left:after,
.it-hover-strip-horiz-top-left .it-caption:before,
.it-hover-strip-horiz-top-left .it-caption:after {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.it-hover-strip-horiz-top-left:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-strip-horiz-top-left:after {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.it-hover-strip-horiz-top-left .it-caption:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.it-hover-strip-horiz-top-left .it-caption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
/* it-hover-strip-horiz-top-right
----------------------------- */
.it-hover-strip-horiz-top-right:before,
.it-hover-strip-horiz-top-right:after,
.it-hover-strip-horiz-top-right .it-caption:before,
.it-hover-strip-horiz-top-right .it-caption:after {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.it-hover-strip-horiz-top-right:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-strip-horiz-top-right:after {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.it-hover-strip-horiz-top-right .it-caption:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.it-hover-strip-horiz-top-right .it-caption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
/* it-hover-strip-horiz-bottom-left
----------------------------- */
.it-hover-strip-horiz-bottom-left:before,
.it-hover-strip-horiz-bottom-left:after,
.it-hover-strip-horiz-bottom-left .it-caption:before,
.it-hover-strip-horiz-bottom-left .it-caption:after {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.it-hover-strip-horiz-bottom-left:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.it-hover-strip-horiz-bottom-left:after {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.it-hover-strip-horiz-bottom-left .it-caption:before {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.it-hover-strip-horiz-bottom-left .it-caption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
/* it-hover-strip-horiz-bottom-right
----------------------------- */
.it-hover-strip-horiz-bottom-right:before,
.it-hover-strip-horiz-bottom-right:after,
.it-hover-strip-horiz-bottom-right .it-caption:before,
.it-hover-strip-horiz-bottom-right .it-caption:after {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.it-hover-strip-horiz-bottom-right:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.it-hover-strip-horiz-bottom-right:after {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.it-hover-strip-horiz-bottom-right .it-caption:before {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.it-hover-strip-horiz-bottom-right .it-caption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
/* it-hover-strip-vert-*
----------------------------- */
[class^='it-hover-strip-vert']:before,
[class*=' it-hover-strip-vert']:before,
[class^='it-hover-strip-vert']:after,
[class*=' it-hover-strip-vert']:after,
[class^='it-hover-strip-vert'] .it-caption:before,
[class*=' it-hover-strip-vert'] .it-caption:before,
[class^='it-hover-strip-vert'] .it-caption:after,
[class*=' it-hover-strip-vert'] .it-caption:after {
background-color: #135796;
opacity: 0;
position: absolute;
content: '';
width: 26%;
height: 100%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
top: 0;
}
[class^='it-hover-strip-vert']:before,
[class*=' it-hover-strip-vert']:before,
[class^='it-hover-strip-vert']:after,
[class*=' it-hover-strip-vert']:after {
z-index: 1;
}
[class^='it-hover-strip-vert']:before,
[class*=' it-hover-strip-vert']:before {
left: 0;
}
[class^='it-hover-strip-vert']:after,
[class*=' it-hover-strip-vert']:after {
left: 25%;
}
[class^='it-hover-strip-vert'] .it-caption,
[class*=' it-hover-strip-vert'] .it-caption {
z-index: 3;
background-color: transparent;
}
[class^='it-hover-strip-vert'] .it-caption *,
[class*=' it-hover-strip-vert'] .it-caption * {
opacity: 0;
}
[class^='it-hover-strip-vert'] .it-caption:before,
[class*=' it-hover-strip-vert'] .it-caption:before,
[class^='it-hover-strip-vert'] .it-caption:after,
[class*=' it-hover-strip-vert'] .it-caption:after {
z-index: -1;
}
[class^='it-hover-strip-vert'] .it-caption:before,
[class*=' it-hover-strip-vert'] .it-caption:before {
left: 50%;
}
[class^='it-hover-strip-vert'] .it-caption:after,
[class*=' it-hover-strip-vert'] .it-caption:after {
left: 75%;
}
[class^='it-hover-strip-vert'] a,
[class*=' it-hover-strip-vert'] a {
z-index: 3;
}
[class^='it-hover-strip-vert']:hover:before,
[class*=' it-hover-strip-vert']:hover:before,
[class^='it-hover-strip-vert']:hover:after,
[class*=' it-hover-strip-vert']:hover:after,
[class^='it-hover-strip-vert']:hover .it-caption:before,
[class*=' it-hover-strip-vert']:hover .it-caption:before,
[class^='it-hover-strip-vert']:hover .it-caption:after,
[class*=' it-hover-strip-vert']:hover .it-caption:after {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
[class^='it-hover-strip-vert']:hover .it-caption *,
[class*=' it-hover-strip-vert']:hover .it-caption * {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
/* it-hover-strip-vert-left
----------------------------- */
.it-hover-strip-vert-left:before,
.it-hover-strip-vert-left:after,
.it-hover-strip-vert-left .it-caption:before,
.it-hover-strip-vert-left .it-caption:after {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
/* it-hover-strip-vert-right
----------------------------- */
.it-hover-strip-vert-right:before,
.it-hover-strip-vert-right:after,
.it-hover-strip-vert-right .it-caption:before,
.it-hover-strip-vert-right .it-caption:after {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
/* it-hover-strip-vert-top-left
----------------------------- */
.it-hover-strip-vert-top-left:before,
.it-hover-strip-vert-top-left:after,
.it-hover-strip-vert-top-left .it-caption:before,
.it-hover-strip-vert-top-left .it-caption:after {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.it-hover-strip-vert-top-left:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-strip-vert-top-left:after {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.it-hover-strip-vert-top-left .it-caption:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.it-hover-strip-vert-top-left .it-caption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
/* it-hover-strip-vert-top-right
----------------------------- */
.it-hover-strip-vert-top-right:before,
.it-hover-strip-vert-top-right:after,
.it-hover-strip-vert-top-right .it-caption:before,
.it-hover-strip-vert-top-right .it-caption:after {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.it-hover-strip-vert-top-right:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.it-hover-strip-vert-top-right:after {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.it-hover-strip-vert-top-right .it-caption:before {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.it-hover-strip-vert-top-right .it-caption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
/* it-hover-strip-vert-bottom-left
----------------------------- */
.it-hover-strip-vert-bottom-left:before,
.it-hover-strip-vert-bottom-left:after,
.it-hover-strip-vert-bottom-left .it-caption:before,
.it-hover-strip-vert-bottom-left .it-caption:after {
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.it-hover-strip-vert-bottom-left:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-strip-vert-bottom-left:after {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.it-hover-strip-vert-bottom-left .it-caption:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.it-hover-strip-vert-bottom-left .it-caption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
/* it-hover-strip-vert-bottom-right
----------------------------- */
.it-hover-strip-vert-bottom-right:before,
.it-hover-strip-vert-bottom-right:after,
.it-hover-strip-vert-bottom-right .it-caption:before,
.it-hover-strip-vert-bottom-right .it-caption:after {
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.it-hover-strip-vert-bottom-right:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.it-hover-strip-vert-bottom-right:after {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.it-hover-strip-vert-bottom-right .it-caption:before {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.it-hover-strip-vert-bottom-right .it-caption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
/* it-hover-pixel-*
----------------------------- */
[class^='it-hover-pixel']:before,
[class*=' it-hover-pixel']:before,
[class^='it-hover-pixel']:after,
[class*=' it-hover-pixel']:after,
[class^='it-hover-pixel'] .it-caption:before,
[class*=' it-hover-pixel'] .it-caption:before,
[class^='it-hover-pixel'] .it-caption:after,
[class*=' it-hover-pixel'] .it-caption:after {
-webkit-transition: all 0.35s steps(4);
transition: all 0.35s steps(4);
background-color: #135796;
opacity: 0;
position: absolute;
content: '';
height: 26%;
width: 100%;
-webkit-transform: scaleX(0);
transform: scaleX(0);
left: 0;
}
[class^='it-hover-pixel']:before,
[class*=' it-hover-pixel']:before,
[class^='it-hover-pixel']:after,
[class*=' it-hover-pixel']:after {
z-index: 1;
}
[class^='it-hover-pixel']:before,
[class*=' it-hover-pixel']:before {
top: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
[class^='it-hover-pixel']:after,
[class*=' it-hover-pixel']:after {
top: 25%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
[class^='it-hover-pixel'] .it-caption,
[class*=' it-hover-pixel'] .it-caption {
z-index: 3;
background-color: transparent;
}
[class^='it-hover-pixel'] .it-caption *,
[class*=' it-hover-pixel'] .it-caption * {
opacity: 0;
}
[class^='it-hover-pixel'] .it-caption:before,
[class*=' it-hover-pixel'] .it-caption:before,
[class^='it-hover-pixel'] .it-caption:after,
[class*=' it-hover-pixel'] .it-caption:after {
z-index: -1;
}
[class^='it-hover-pixel'] .it-caption:before,
[class*=' it-hover-pixel'] .it-caption:before {
top: 50%;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
[class^='it-hover-pixel'] .it-caption:after,
[class*=' it-hover-pixel'] .it-caption:after {
top: 75%;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
[class^='it-hover-pixel'] a,
[class*=' it-hover-pixel'] a {
z-index: 3;
}
[class^='it-hover-pixel']:hover:before,
[class*=' it-hover-pixel']:hover:before,
[class^='it-hover-pixel']:hover:after,
[class*=' it-hover-pixel']:hover:after,
[class^='it-hover-pixel']:hover .it-caption:before,
[class*=' it-hover-pixel']:hover .it-caption:before,
[class^='it-hover-pixel']:hover .it-caption:after,
[class*=' it-hover-pixel']:hover .it-caption:after {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
[class^='it-hover-pixel']:hover .it-caption *,
[class*=' it-hover-pixel']:hover .it-caption * {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
/* it-hover-pixel-up
----------------------------- */
.it-hover-pixel-up:before,
.it-hover-pixel-up:after,
.it-hover-pixel-up .it-caption:before,
.it-hover-pixel-up .it-caption:after {
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.it-hover-pixel-up:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.it-hover-pixel-up:after {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.it-hover-pixel-up .it-caption:before {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.it-hover-pixel-up .it-caption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
/* it-hover-pixel-down
----------------------------- */
.it-hover-pixel-down:before,
.it-hover-pixel-down:after,
.it-hover-pixel-down .it-caption:before,
.it-hover-pixel-down .it-caption:after {
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.it-hover-pixel-down:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-pixel-down:after {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.it-hover-pixel-down .it-caption:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.it-hover-pixel-down .it-caption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
/* it-hover-pixel-left
----------------------------- */
.it-hover-pixel-left:before,
.it-hover-pixel-left:after,
.it-hover-pixel-left .it-caption:before,
.it-hover-pixel-left .it-caption:after {
width: 25.1%;
height: 100%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
top: 0;
}
.it-hover-pixel-left:before {
left: 0;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.it-hover-pixel-left:after {
left: 25%;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.it-hover-pixel-left .it-caption:before {
left: 50%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.it-hover-pixel-left .it-caption:after {
left: 75%;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
/* it-hover-pixel-right
----------------------------- */
.it-hover-pixel-right:before,
.it-hover-pixel-right:after,
.it-hover-pixel-right .it-caption:before,
.it-hover-pixel-right .it-caption:after {
width: 25.1%;
height: 100%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
top: 0;
}
.it-hover-pixel-right:before {
left: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-pixel-right:after {
left: 25%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.it-hover-pixel-right .it-caption:before {
left: 50%;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.it-hover-pixel-right .it-caption:after {
left: 75%;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
/* it-hover-pixel-top-left
----------------------------- */
.it-hover-pixel-top-left:before,
.it-hover-pixel-top-left:after,
.it-hover-pixel-top-left .it-caption:before,
.it-hover-pixel-top-left .it-caption:after {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.it-hover-pixel-top-left:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-pixel-top-left:after {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.it-hover-pixel-top-left .it-caption:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.it-hover-pixel-top-left .it-caption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
/* it-hover-pixel-top-right
----------------------------- */
.it-hover-pixel-top-right:before,
.it-hover-pixel-top-right:after,
.it-hover-pixel-top-right .it-caption:before,
.it-hover-pixel-top-right .it-caption:after {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.it-hover-pixel-top-right:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-pixel-top-right:after {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.it-hover-pixel-top-right .it-caption:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.it-hover-pixel-top-right .it-caption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
/* it-hover-pixel-bottom-left
----------------------------- */
.it-hover-pixel-bottom-left:before,
.it-hover-pixel-bottom-left:after,
.it-hover-pixel-bottom-left .it-caption:before,
.it-hover-pixel-bottom-left .it-caption:after {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.it-hover-pixel-bottom-left:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.it-hover-pixel-bottom-left:after {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.it-hover-pixel-bottom-left .it-caption:before {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.it-hover-pixel-bottom-left .it-caption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
/* it-hover-pixel-bottom-right
----------------------------- */
.it-hover-pixel-bottom-right:before,
.it-hover-pixel-bottom-right:after,
.it-hover-pixel-bottom-right .it-caption:before,
.it-hover-pixel-bottom-right .it-caption:after {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.it-hover-pixel-bottom-right:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.it-hover-pixel-bottom-right:after {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.it-hover-pixel-bottom-right .it-caption:before {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.it-hover-pixel-bottom-right .it-caption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
/* it-hover-pivot-in*
----------------------------- */
[class^='it-hover-pivot-in'] .it-caption,
[class*=' it-hover-pivot-in'] .it-caption {
background-color: #135796;
}
[class^='it-hover-pivot-in']:hover .it-caption,
[class*=' it-hover-pivot-in']:hover .it-caption {
-webkit-transform: rotate(0);
transform: rotate(0);
}
/* it-hover-pivot-in-top-left*
----------------------------- */
.it-hover-pivot-in-top-left .it-caption {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
/* it-hover-pivot-in-top-right*
----------------------------- */
.it-hover-pivot-in-top-right .it-caption {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
/* it-hover-pivot-in-bottom-left*
----------------------------- */
.it-hover-pivot-in-bottom-left .it-caption {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
}
/* it-hover-pivot-in-bottom-right*
----------------------------- */
.it-hover-pivot-in-bottom-right .it-caption {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
/* it-hover-pivot-out*
----------------------------- */
[class^='it-hover-pivot-out'] > img,
[class*=' it-hover-pivot-out'] > img {
-webkit-transform: rotate(0);
transform: rotate(0);
}
[class^='it-hover-pivot-out'] .it-caption,
[class*=' it-hover-pivot-out'] .it-caption {
background-color: #135796;
z-index: -1;
}
/* it-hover-pivot-out-top-left*
----------------------------- */
.it-hover-pivot-out-top-left > img {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.it-hover-pivot-out-top-left:hover > img {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
/* it-hover-pivot-out-top-right*
----------------------------- */
.it-hover-pivot-out-top-right > img {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.it-hover-pivot-out-top-right:hover > img {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
/* it-hover-pivot-out-bottom-left*
----------------------------- */
.it-hover-pivot-out-bottom-left > img {
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.it-hover-pivot-out-bottom-left:hover > img {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
/* it-hover-pivot-out-bottom-right*
----------------------------- */
.it-hover-pivot-out-bottom-right > img {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.it-hover-pivot-out-bottom-right:hover > img {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
/* it-hover-throw-in-*
----------------------------- */
[class^='it-hover-throw-in'] .it-caption,
[class*=' it-hover-throw-in'] .it-caption {
background-color: #135796;
}
[class^='it-hover-throw-in']:hover .it-caption,
[class*=' it-hover-throw-in']:hover .it-caption {
-webkit-transform: rotate(0);
transform: rotate(0);
}
/* it-hover-throw-in-up
----------------------------- */
.it-hover-throw-in-up .it-caption {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.it-hover-throw-in-up:hover .it-caption {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
/* it-hover-throw-in-down
----------------------------- */
.it-hover-throw-in-down .it-caption {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
.it-hover-throw-in-down:hover .it-caption {
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
}
/* it-hover-throw-in-left
----------------------------- */
.it-hover-throw-in-left .it-caption {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
.it-hover-throw-in-left:hover .it-caption {
-webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
/* it-hover-throw-in-right
----------------------------- */
.it-hover-throw-in-right .it-caption {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 0 0%;
-ms-transform-origin: 0 0%;
transform-origin: 0 0%;
}
.it-hover-throw-in-right:hover .it-caption {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
/* it-hover-throw-out*
----------------------------- */
[class^='it-hover-throw-out'] > img,
[class*=' it-hover-throw-out'] > img {
-webkit-transform: rotate(0);
transform: rotate(0);
}
[class^='it-hover-throw-out'] .it-caption,
[class*=' it-hover-throw-out'] .it-caption {
background-color: #135796;
z-index: -1;
}
/* it-hover-throw-out-up
----------------------------- */
.it-hover-throw-out-up > img {
-webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
.it-hover-throw-out-up:hover > img {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
/* it-hover-throw-out-down
----------------------------- */
.it-hover-throw-out-down > img {
-webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
.it-hover-throw-out-down:hover > img {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
/* it-hover-throw-out-left
----------------------------- */
.it-hover-throw-out-left > img {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.it-hover-throw-out-left:hover > img {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
/* it-hover-throw-out-right
----------------------------- */
.it-hover-throw-out-right > img {
-webkit-transform-origin: 0% 0;
-ms-transform-origin: 0% 0;
transform-origin: 0% 0;
}
.it-hover-throw-out-right:hover > img {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
/* it-hover-blinds-*
----------------------------- */
[class^='it-hover-blinds']:before,
[class*=' it-hover-blinds']:before,
[class^='it-hover-blinds']:after,
[class*=' it-hover-blinds']:after,
[class^='it-hover-blinds'] .it-caption:before,
[class*=' it-hover-blinds'] .it-caption:before,
[class^='it-hover-blinds'] .it-caption:after,
[class*=' it-hover-blinds'] .it-caption:after {
background-color: #135796;
opacity: 0;
position: absolute;
content: '';
}
[class^='it-hover-blinds']:before,
[class*=' it-hover-blinds']:before,
[class^='it-hover-blinds']:after,
[class*=' it-hover-blinds']:after {
z-index: 1;
}
[class^='it-hover-blinds']:before,
[class*=' it-hover-blinds']:before {
top: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
[class^='it-hover-blinds']:after,
[class*=' it-hover-blinds']:after {
top: 25%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
[class^='it-hover-blinds'] .it-caption,
[class*=' it-hover-blinds'] .it-caption {
z-index: 3;
background-color: transparent;
}
[class^='it-hover-blinds'] .it-caption *,
[class*=' it-hover-blinds'] .it-caption * {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
[class^='it-hover-blinds'] .it-caption:before,
[class*=' it-hover-blinds'] .it-caption:before,
[class^='it-hover-blinds'] .it-caption:after,
[class*=' it-hover-blinds'] .it-caption:after {
z-index: -1;
}
[class^='it-hover-blinds'] a,
[class*=' it-hover-blinds'] a {
z-index: 3;
}
[class^='it-hover-blinds']:hover:before,
[class*=' it-hover-blinds']:hover:before,
[class^='it-hover-blinds']:hover:after,
[class*=' it-hover-blinds']:hover:after,
[class^='it-hover-blinds']:hover .it-caption:before,
[class*=' it-hover-blinds']:hover .it-caption:before,
[class^='it-hover-blinds']:hover .it-caption:after,
[class*=' it-hover-blinds']:hover .it-caption:after {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
[class^='it-hover-blinds']:hover .it-caption *,
[class*=' it-hover-blinds']:hover .it-caption * {
opacity: 1;
-webkit-transition-delay: 0.40249999999999997s;
transition-delay: 0.40249999999999997s;
}
/* it-hover-blinds-horiz
----------------------------- */
.it-hover-blinds-horiz:before,
.it-hover-blinds-horiz:after,
.it-hover-blinds-horiz .it-caption:before,
.it-hover-blinds-horiz .it-caption:after {
height: 26%;
width: 100%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
left: 0;
}
.it-hover-blinds-horiz:before {
top: 0;
}
.it-hover-blinds-horiz:after {
top: 25%;
}
.it-hover-blinds-horiz .it-caption:before {
top: 50%;
}
.it-hover-blinds-horiz .it-caption:after {
top: 75%;
}
.it-hover-blinds-horiz:hover .it-caption * {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
/* it-hover-blinds-vert
----------------------------- */
.it-hover-blinds-vert:before,
.it-hover-blinds-vert:after,
.it-hover-blinds-vert .it-caption:before,
.it-hover-blinds-vert .it-caption:after {
width: 26%;
height: 100%;
-webkit-transform: scaleX(0);
transform: scaleX(0);
top: 0;
}
.it-hover-blinds-vert:before {
left: 0;
}
.it-hover-blinds-vert:after {
left: 25%;
}
.it-hover-blinds-vert .it-caption:before {
left: 50%;
}
.it-hover-blinds-vert .it-caption:after {
left: 75%;
}
.it-hover-blinds-vert:hover .it-caption * {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
/* it-hover-blinds-up
----------------------------- */
.it-hover-blinds-up:before,
.it-hover-blinds-up:after,
.it-hover-blinds-up .it-caption:before,
.it-hover-blinds-up .it-caption:after {
height: 26%;
width: 100%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
left: 0;
}
.it-hover-blinds-up:before {
top: 0;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.it-hover-blinds-up:after {
top: 25%;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.it-hover-blinds-up .it-caption:before {
top: 50%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.it-hover-blinds-up .it-caption:after {
top: 75%;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
/* it-hover-blinds-down
----------------------------- */
.it-hover-blinds-down:before,
.it-hover-blinds-down:after,
.it-hover-blinds-down .it-caption:before,
.it-hover-blinds-down .it-caption:after {
height: 26%;
width: 100%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
left: 0;
}
.it-hover-blinds-down:before {
top: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-blinds-down:after {
top: 25%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.it-hover-blinds-down .it-caption:before {
top: 50%;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.it-hover-blinds-down .it-caption:after {
top: 75%;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
/* it-hover-blinds-left
----------------------------- */
.it-hover-blinds-left:before,
.it-hover-blinds-left:after,
.it-hover-blinds-left .it-caption:before,
.it-hover-blinds-left .it-caption:after {
width: 26%;
height: 100%;
-webkit-transform: scaleX(0);
transform: scaleX(0);
top: 0;
}
.it-hover-blinds-left:before {
left: 0;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.it-hover-blinds-left:after {
left: 25%;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.it-hover-blinds-left .it-caption:before {
left: 50%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.it-hover-blinds-left .it-caption:after {
left: 75%;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
/* it-hover-blinds-right
----------------------------- */
.it-hover-blinds-right:before,
.it-hover-blinds-right:after,
.it-hover-blinds-right .it-caption:before,
.it-hover-blinds-right .it-caption:after {
width: 26%;
height: 100%;
-webkit-transform: scaleX(0);
transform: scaleX(0);
top: 0;
}
.it-hover-blinds-right:before {
left: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-blinds-right:after {
left: 25%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.it-hover-blinds-right .it-caption:before {
left: 50%;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.it-hover-blinds-right .it-caption:after {
left: 75%;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
/* it-hover-border-reveal-*
----------------------------- */
[class^='it-hover-border-reveal'],
[class*=' it-hover-border-reveal'] {
background-color: transparent;
}
[class^='it-hover-border-reveal']:before,
[class*=' it-hover-border-reveal']:before,
[class^='it-hover-border-reveal']:after,
[class*=' it-hover-border-reveal']:after,
[class^='it-hover-border-reveal'] .it-caption:before,
[class*=' it-hover-border-reveal'] .it-caption:before,
[class^='it-hover-border-reveal'] .it-caption:after,
[class*=' it-hover-border-reveal'] .it-caption:after {
background-color: #ffffff;
position: absolute;
content: '';
}
[class^='it-hover-border-reveal']:before,
[class*=' it-hover-border-reveal']:before,
[class^='it-hover-border-reveal']:after,
[class*=' it-hover-border-reveal']:after {
z-index: 1;
height: 4px;
left: 5px;
right: 5px;
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
[class^='it-hover-border-reveal']:before,
[class*=' it-hover-border-reveal']:before {
top: 5px;
}
[class^='it-hover-border-reveal']:after,
[class*=' it-hover-border-reveal']:after {
bottom: 5px;
}
[class^='it-hover-border-reveal'] .it-caption,
[class*=' it-hover-border-reveal'] .it-caption {
z-index: 3;
background-color: transparent;
}
[class^='it-hover-border-reveal'] .it-caption *,
[class*=' it-hover-border-reveal'] .it-caption * {
opacity: 0;
}
[class^='it-hover-border-reveal'] .it-caption:before,
[class*=' it-hover-border-reveal'] .it-caption:before,
[class^='it-hover-border-reveal'] .it-caption:after,
[class*=' it-hover-border-reveal'] .it-caption:after {
z-index: -1;
width: 4px;
top: 5px;
bottom: 5px;
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
[class^='it-hover-border-reveal'] .it-caption:before,
[class*=' it-hover-border-reveal'] .it-caption:before {
left: 5px;
}
[class^='it-hover-border-reveal'] .it-caption:after,
[class*=' it-hover-border-reveal'] .it-caption:after {
right: 5px;
}
[class^='it-hover-border-reveal'] a,
[class*=' it-hover-border-reveal'] a {
z-index: 3;
}
[class^='it-hover-border-reveal']:hover > img,
[class*=' it-hover-border-reveal']:hover > img {
opacity: 0;
}
[class^='it-hover-border-reveal']:hover:before,
[class*=' it-hover-border-reveal']:hover:before,
[class^='it-hover-border-reveal']:hover:after,
[class*=' it-hover-border-reveal']:hover:after,
[class^='it-hover-border-reveal']:hover .it-caption:before,
[class*=' it-hover-border-reveal']:hover .it-caption:before,
[class^='it-hover-border-reveal']:hover .it-caption:after,
[class*=' it-hover-border-reveal']:hover .it-caption:after {
-webkit-transform: scale(1);
transform: scale(1);
}
[class^='it-hover-border-reveal']:hover .it-caption *,
[class*=' it-hover-border-reveal']:hover .it-caption * {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
/* it-hover-border-reveal-vert
----------------------------- */
.it-hover-border-reveal-vert:before,
.it-hover-border-reveal-vert:after {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.it-hover-border-reveal-vert:hover:before,
.it-hover-border-reveal-vert:hover:after {
-webkit-transition-delay: 0.2333333333333333s;
transition-delay: 0.2333333333333333s;
}
/* it-hover-border-reveal-horiz
----------------------------- */
.it-hover-border-reveal-horiz .it-caption:before,
.it-hover-border-reveal-horiz .it-caption:after {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.it-hover-border-reveal-horiz:hover .it-caption:before,
.it-hover-border-reveal-horiz:hover .it-caption:after {
-webkit-transition-delay: 0.2333333333333333s;
transition-delay: 0.2333333333333333s;
}
/* it-hover-border-reveal-corners-1
----------------------------- */
.it-hover-border-reveal-corners-1:before,
.it-hover-border-reveal-corners-1 .it-caption:before {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.it-hover-border-reveal-corners-1:after,
.it-hover-border-reveal-corners-1 .it-caption:after {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
/* it-hover-border-reveal-corners-2
----------------------------- */
.it-hover-border-reveal-corners-2:before,
.it-hover-border-reveal-corners-2 .it-caption:before {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.it-hover-border-reveal-corners-2:after,
.it-hover-border-reveal-corners-2 .it-caption:after {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
/* it-hover-border-reveal-top-left
----------------------------- */
.it-hover-border-reveal-top-left:before,
.it-hover-border-reveal-top-left:after,
.it-hover-border-reveal-top-left .it-caption:before,
.it-hover-border-reveal-top-left .it-caption:after {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.it-hover-border-reveal-top-left:before {
-webkit-transition-delay: 0.27999999999999997s;
transition-delay: 0.27999999999999997s;
}
.it-hover-border-reveal-top-left:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-border-reveal-top-left .it-caption:before {
-webkit-transition-delay: 0.27999999999999997s;
transition-delay: 0.27999999999999997s;
}
.it-hover-border-reveal-top-left .it-caption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-border-reveal-top-left:hover:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-border-reveal-top-left:hover:after {
-webkit-transition-delay: 0.27999999999999997s;
transition-delay: 0.27999999999999997s;
}
.it-hover-border-reveal-top-left:hover .it-caption:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-border-reveal-top-left:hover .it-caption:after {
-webkit-transition-delay: 0.27999999999999997s;
transition-delay: 0.27999999999999997s;
}
/* it-hover-border-reveal-top-right
----------------------------- */
.it-hover-border-reveal-top-right:before,
.it-hover-border-reveal-top-right:after,
.it-hover-border-reveal-top-right .it-caption:before,
.it-hover-border-reveal-top-right .it-caption:after {
-webkit-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
.it-hover-border-reveal-top-right:before {
-webkit-transition-delay: 0.27999999999999997s;
transition-delay: 0.27999999999999997s;
}
.it-hover-border-reveal-top-right:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-border-reveal-top-right .it-caption:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-border-reveal-top-right .it-caption:after {
-webkit-transition-delay: 0.27999999999999997s;
transition-delay: 0.27999999999999997s;
}
.it-hover-border-reveal-top-right:hover:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-border-reveal-top-right:hover:after {
-webkit-transition-delay: 0.27999999999999997s;
transition-delay: 0.27999999999999997s;
}
.it-hover-border-reveal-top-right:hover .it-caption:before {
-webkit-transition-delay: 0.27999999999999997s;
transition-delay: 0.27999999999999997s;
}
.it-hover-border-reveal-top-right:hover .it-caption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
/* it-hover-border-reveal-bottom-left
----------------------------- */
.it-hover-border-reveal-bottom-left:before,
.it-hover-border-reveal-bottom-left:after,
.it-hover-border-reveal-bottom-left .it-caption:before,
.it-hover-border-reveal-bottom-left .it-caption:after {
-webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
.it-hover-border-reveal-bottom-left:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-border-reveal-bottom-left:after {
-webkit-transition-delay: 0.27999999999999997s;
transition-delay: 0.27999999999999997s;
}
.it-hover-border-reveal-bottom-left .it-caption:before {
-webkit-transition-delay: 0.27999999999999997s;
transition-delay: 0.27999999999999997s;
}
.it-hover-border-reveal-bottom-left .it-caption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-border-reveal-bottom-left:hover:before {
-webkit-transition-delay: 0.27999999999999997s;
transition-delay: 0.27999999999999997s;
}
.it-hover-border-reveal-bottom-left:hover:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-border-reveal-bottom-left:hover .it-caption:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-border-reveal-bottom-left:hover .it-caption:after {
-webkit-transition-delay: 0.27999999999999997s;
transition-delay: 0.27999999999999997s;
}
/* it-hover-border-reveal-bottom-right
----------------------------- */
.it-hover-border-reveal-bottom-right:before,
.it-hover-border-reveal-bottom-right:after,
.it-hover-border-reveal-bottom-right .it-caption:before,
.it-hover-border-reveal-bottom-right .it-caption:after {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.it-hover-border-reveal-bottom-right:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-border-reveal-bottom-right:after {
-webkit-transition-delay: 0.27999999999999997s;
transition-delay: 0.27999999999999997s;
}
.it-hover-border-reveal-bottom-right .it-caption:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-border-reveal-bottom-right .it-caption:after {
-webkit-transition-delay: 0.27999999999999997s;
transition-delay: 0.27999999999999997s;
}
.it-hover-border-reveal-bottom-right:hover:before {
-webkit-transition-delay: 0.27999999999999997s;
transition-delay: 0.27999999999999997s;
}
.it-hover-border-reveal-bottom-right:hover:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-border-reveal-bottom-right:hover .it-caption:before {
-webkit-transition-delay: 0.27999999999999997s;
transition-delay: 0.27999999999999997s;
}
.it-hover-border-reveal-bottom-right:hover .it-caption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
/* it-hover-border-reveal-cc-1
----------------------------- */
.it-hover-border-reveal-cc-1:before,
.it-hover-border-reveal-cc-1:after,
.it-hover-border-reveal-cc-1 .it-caption:before,
.it-hover-border-reveal-cc-1 .it-caption:after {
-webkit-transition-duration: 0.2333333333333333s;
transition-duration: 0.2333333333333333s;
}
.it-hover-border-reveal-cc-1:before,
.it-hover-border-reveal-cc-1 .it-caption:after {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.it-hover-border-reveal-cc-1:after,
.it-hover-border-reveal-cc-1 .it-caption:before {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.it-hover-border-reveal-cc-1:before {
-webkit-transition-delay: 0.5249999999999999s;
transition-delay: 0.5249999999999999s;
}
.it-hover-border-reveal-cc-1:after {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.it-hover-border-reveal-cc-1 .it-caption:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-border-reveal-cc-1 .it-caption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.it-hover-border-reveal-cc-1:hover:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-border-reveal-cc-1:hover:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.it-hover-border-reveal-cc-1:hover .it-caption:before {
-webkit-transition-delay: 0.5249999999999999s;
transition-delay: 0.5249999999999999s;
}
.it-hover-border-reveal-cc-1:hover .it-caption:after {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
/* it-hover-border-reveal-ccc-1
----------------------------- */
.it-hover-border-reveal-ccc-1:before,
.it-hover-border-reveal-ccc-1:after,
.it-hover-border-reveal-ccc-1 .it-caption:before,
.it-hover-border-reveal-ccc-1 .it-caption:after {
-webkit-transition-duration: 0.2333333333333333s;
transition-duration: 0.2333333333333333s;
}
.it-hover-border-reveal-ccc-1:before,
.it-hover-border-reveal-ccc-1 .it-caption:after {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.it-hover-border-reveal-ccc-1:after,
.it-hover-border-reveal-ccc-1 .it-caption:before {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
.it-hover-border-reveal-ccc-1:before {
-webkit-transition-delay: 0;
transition-delay: 0;
}
.it-hover-border-reveal-ccc-1:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.it-hover-border-reveal-ccc-1 .it-caption:before {
-webkit-transition-delay: 0.5249999999999999s;
transition-delay: 0.5249999999999999s;
}
.it-hover-border-reveal-ccc-1 .it-caption:after {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.it-hover-border-reveal-ccc-1:hover:before {
-webkit-transition-delay: 0.5249999999999999s;
transition-delay: 0.5249999999999999s;
}
.it-hover-border-reveal-ccc-1:hover:after {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.it-hover-border-reveal-ccc-1:hover .it-caption:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-hover-border-reveal-ccc-1:hover .it-caption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
/* it-hover-border-reveal-cc-2
----------------------------- */
.it-hover-border-reveal-cc-2:before,
.it-hover-border-reveal-cc-2 .it-caption:after {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.it-hover-border-reveal-cc-2:after,
.it-hover-border-reveal-cc-2 .it-caption:before {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
/* it-hover-border-reveal-ccc-2
----------------------------- */
.it-hover-border-reveal-ccc-2:before,
.it-hover-border-reveal-ccc-2 .it-caption:after {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.it-hover-border-reveal-ccc-2:after,
.it-hover-border-reveal-ccc-2 .it-caption:before {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
/* it-hover-border-reveal-cc-3
----------------------------- */
.it-hover-border-reveal-cc-3:before,
.it-hover-border-reveal-cc-3 .it-caption:after {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.it-hover-border-reveal-cc-3:after,
.it-hover-border-reveal-cc-3 .it-caption:before {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.it-hover-border-reveal-cc-3:before {
right: 14px;
left: 0;
}
.it-hover-border-reveal-cc-3:after {
left: 14px;
right: 0;
}
.it-hover-border-reveal-cc-3 .it-caption:before {
top: 14px;
bottom: 0;
}
.it-hover-border-reveal-cc-3 .it-caption:after {
bottom: 14px;
top: 0;
}
/* it-hover-border-reveal-ccc-3
----------------------------- */
.it-hover-border-reveal-ccc-3:before,
.it-hover-border-reveal-ccc-3 .it-caption:after {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.it-hover-border-reveal-ccc-3:after,
.it-hover-border-reveal-ccc-3 .it-caption:before {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
.it-hover-border-reveal-ccc-3:before {
left: 14px;
right: 0;
}
.it-hover-border-reveal-ccc-3:after {
right: 14px;
left: 0;
}
.it-hover-border-reveal-ccc-3 .it-caption:before {
bottom: 14px;
top: 0;
}
.it-hover-border-reveal-ccc-3 .it-caption:after {
top: 14px;
bottom: 0;
}
/* it-hover-image-zoom-*
----------------------------- */
[class^='it-hover-image-'] .it-caption,
[class*=' it-hover-image-'] .it-caption {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
[class^='it-hover-image-']:hover .it-caption,
[class*=' it-hover-image-']:hover .it-caption {
opacity: 1;
-webkit-transition-delay: 0.13999999999999999s;
transition-delay: 0.13999999999999999s;
}
/* it-hover-image-zoom-center
----------------------------- */
.it-hover-image-zoom-center:hover > img {
-webkit-transform: scale(1.25);
transform: scale(1.25);
}
/* it-hover-image-zoom-out
----------------------------- */
.it-hover-image-zoom-out:hover > img {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
/* it-hover-image-rotate-left
----------------------------- */
.it-hover-image-rotate-left:hover > img {
-webkit-transform: scale(1.3) rotate(-15deg);
transform: scale(1.3) rotate(-15deg);
}
/* it-hover-image-rotate-right
----------------------------- */
.it-hover-image-rotate-right:hover > img {
-webkit-transform: scale(1.3) rotate(15deg);
transform: scale(1.3) rotate(15deg);
}
/* it-hover-book-open-*
----------------------------- */
*[class^='it-hover-book-open-'],
*[class*=' it-hover-book-open-'] {
overflow: visible;
}
*[class^='it-hover-book-open-'] .it-caption,
*[class*=' it-hover-book-open-'] .it-caption {
background-color: transparent;
border: none;
}
*[class^='it-hover-book-open-'] .it-caption:before,
*[class*=' it-hover-book-open-'] .it-caption:before,
*[class^='it-hover-book-open-'] .it-caption:after,
*[class*=' it-hover-book-open-'] .it-caption:after {
z-index: -1;
background-color: #000000;
content: '';
position: absolute;
opacity: 0;
-webkit-transition: all 0.45s ease;
transition: all 0.45s ease;
}
*[class^='it-hover-book-open-']:hover .it-caption:before,
*[class*=' it-hover-book-open-']:hover .it-caption:before,
*[class^='it-hover-book-open-']:hover .it-caption:after,
*[class*=' it-hover-book-open-']:hover .it-caption:after {
opacity: 1;
background-color: #135796;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
/* it-hover-book-open-horiz
----------------------------- */
.it-hover-book-open-horiz .it-caption {
-webkit-perspective: 50em;
perspective: 50em;
}
.it-hover-book-open-horiz .it-caption * {
opacity: 0;
}
.it-hover-book-open-horiz .it-caption:before,
.it-hover-book-open-horiz .it-caption:after {
height: 100%;
width: 50%;
top: 0;
}
.it-hover-book-open-horiz .it-caption:before {
background-image: -webkit-linear-gradient(left, transparent 60%, rgba(0, 0, 0, 0.1) 99%, rgba(0, 0, 0, 0.15) 100%);
background-image: linear-gradient(to right, transparent 60%, rgba(0, 0, 0, 0.1) 99%, rgba(0, 0, 0, 0.15) 100%);
left: 0;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.it-hover-book-open-horiz .it-caption:after {
background-image: -webkit-linear-gradient(right, transparent 60%, rgba(0, 0, 0, 0.12) 99%, rgba(0, 0, 0, 0.15) 100%);
background-image: linear-gradient(to left, transparent 60%, rgba(0, 0, 0, 0.12) 99%, rgba(0, 0, 0, 0.15) 100%);
right: 0;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.it-hover-book-open-horiz:hover .it-caption * {
opacity: 1;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
/* it-hover-book-open-vert
----------------------------- */
.it-hover-book-open-vert .it-caption {
-webkit-perspective: 50em;
perspective: 50em;
}
.it-hover-book-open-vert .it-caption * {
opacity: 0;
}
.it-hover-book-open-vert .it-caption:before,
.it-hover-book-open-vert .it-caption:after {
height: 50%;
width: 100%;
left: 0;
}
.it-hover-book-open-vert .it-caption:before {
background-image: -webkit-linear-gradient(top, transparent 60%, rgba(0, 0, 0, 0.1) 99%, rgba(0, 0, 0, 0.15) 100%);
background-image: linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.1) 99%, rgba(0, 0, 0, 0.15) 100%);
top: 0;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.it-hover-book-open-vert .it-caption:after {
background-image: -webkit-linear-gradient(bottom, transparent 60%, rgba(0, 0, 0, 0.13) 99%, rgba(0, 0, 0, 0.15) 100%);
background-image: linear-gradient(to top, transparent 60%, rgba(0, 0, 0, 0.13) 99%, rgba(0, 0, 0, 0.15) 100%);
bottom: 0;
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.it-hover-book-open-vert:hover .it-caption * {
opacity: 1;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
/* it-hover-book-open-up
----------------------------- */
.it-hover-book-open-up {
-webkit-perspective: 50em;
perspective: 50em;
}
.it-hover-book-open-up > img {
-webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.it-hover-book-open-up .it-caption {
z-index: -1;
}
.it-hover-book-open-up .it-caption * {
opacity: 1;
}
.it-hover-book-open-up .it-caption:after {
position: absolute;
top: 0;
bottom: 0;
right: 0;
background-image: -webkit-linear-gradient(bottom, transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%);
background-image: linear-gradient(to top, transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%);
left: 0;
}
.it-hover-book-open-up:hover > img {
-webkit-transform: rotateX(86deg);
transform: rotateX(86deg);
}
/* it-hover-book-open-down
----------------------------- */
.it-hover-book-open-down {
-webkit-perspective: 50em;
perspective: 50em;
}
.it-hover-book-open-down > img {
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.it-hover-book-open-down .it-caption {
z-index: -1;
}
.it-hover-book-open-down .it-caption * {
opacity: 1;
}
.it-hover-book-open-down .it-caption:after {
position: absolute;
top: 0;
bottom: 0;
right: 0;
background-image: -webkit-linear-gradient(top, transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%);
background-image: linear-gradient(to bottom, transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%);
left: 0;
}
.it-hover-book-open-down:hover > img {
-webkit-transform: rotateX(-86deg);
transform: rotateX(-86deg);
}
/* it-hover-book-open-left
----------------------------- */
.it-hover-book-open-left {
-webkit-perspective: 50em;
perspective: 50em;
}
.it-hover-book-open-left > img {
-webkit-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.it-hover-book-open-left .it-caption {
z-index: -1;
}
.it-hover-book-open-left .it-caption * {
opacity: 1;
}
.it-hover-book-open-left .it-caption:after {
position: absolute;
top: 0;
bottom: 0;
right: 0;
background-image: -webkit-linear-gradient(right, transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%);
background-image: linear-gradient(to left, transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%);
left: 0;
}
.it-hover-book-open-left:hover > img {
-webkit-transform: rotateY(-86deg);
transform: rotateY(-86deg);
}
/* it-hover-book-open-right
----------------------------- */
.it-hover-book-open-right {
-webkit-perspective: 50em;
perspective: 50em;
}
.it-hover-book-open-right > img {
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.it-hover-book-open-right .it-caption {
z-index: -1;
}
.it-hover-book-open-right .it-caption * {
opacity: 1;
}
.it-hover-book-open-right .it-caption:after {
position: absolute;
top: 0;
bottom: 0;
right: 0;
background-image: -webkit-linear-gradient(left, transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%);
background-image: linear-gradient(to right, transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%);
left: 0;
}
.it-hover-book-open-right:hover > img {
-webkit-transform: rotateY(86deg);
transform: rotateY(86deg);
}
/* it-hover-circle-*
----------------------------- */
[class^='it-hover-circle-']:before,
[class*=' it-hover-circle-']:before {
position: absolute;
top: -25%;
bottom: -25%;
left: -25%;
right: -25%;
content: '';
background-color: #135796;
border-radius: 50%;
-webkit-transition: all 0.35s linear;
transition: all 0.35s linear;
z-index:1;
}
[class^='it-hover-circle-'] .it-caption,
[class*=' it-hover-circle-'] .it-caption {
opacity: 0;
background-color: transparent;
z-index:1;
}
[class^='it-hover-circle-']:hover:before,
[class*=' it-hover-circle-']:hover:before {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
[class^='it-hover-circle-']:hover .it-caption,
[class*=' it-hover-circle-']:hover .it-caption {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
/* it-hover-circle-up
----------------------------- */
.it-hover-circle-up:before {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
/* it-hover-circle-down
----------------------------- */
.it-hover-circle-down:before {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
/* it-hover-circle-left
----------------------------- */
.it-hover-circle-left:before {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
/* it-hover-circle-right
----------------------------- */
.it-hover-circle-right:before {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
/* it-hover-circle-top-left
----------------------------- */
.it-hover-circle-top-left:before {
-webkit-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
}
/* it-hover-circle-top-right
----------------------------- */
.it-hover-circle-top-right:before {
-webkit-transform: translate(100%, -100%);
transform: translate(100%, -100%);
}
/* it-hover-circle-bottom-left
----------------------------- */
.it-hover-circle-bottom-left:before {
-webkit-transform: translate(-100%, 100%);
transform: translate(-100%, 100%);
}
/* it-hover-circle-bottom-right
----------------------------- */
.it-hover-circle-bottom-right:before {
-webkit-transform: translate(100%, 100%);
transform: translate(100%, 100%);
}
/* it-hover-shift-*
----------------------------- */
[class^='it-hover-shift'],
[class*=' it-hover-shift'] {
overflow: visible;
}
[class^='it-hover-shift'] .it-caption,
[class*=' it-hover-shift'] .it-caption {
background-color: #135796;
opacity: 0;
}
/* it-hover-shift-top-left
----------------------------- */
.it-hover-shift-top-left:hover .it-caption {
opacity: 1;
-webkit-transform: translate(-10px, -10px);
transform: translate(-10px, -10px);
}
/* it-hover-shift-top-right
----------------------------- */
.it-hover-shift-top-right:hover .it-caption {
opacity: 1;
-webkit-transform: translate(10px, -10px);
transform: translate(10px, -10px);
}
/* it-hover-shift-bottom-left
----------------------------- */
.it-hover-shift-bottom-left:hover .it-caption {
opacity: 1;
-webkit-transform: translate(-10px, 10px);
transform: translate(-10px, 10px);
}
/* it-hover-shift-bottom-right
----------------------------- */
.it-hover-shift-bottom-right:hover .it-caption {
opacity: 1;
-webkit-transform: translate(10px, 10px);
transform: translate(10px, 10px);
}
/* it-hover-bounce-*
----------------------------- */
[class^='it-hover-bounce'] .it-caption,
[class*=' it-hover-bounce'] .it-caption {
background-color: #135796;
opacity: 1;
}
/* it-hover-bounce-in
----------------------------- */
.it-hover-bounce-in .it-caption {
opacity: 0;
}
.it-hover-bounce-in:hover .it-caption {
-webkit-animation: it-hover-bounce-in 0.6s ease-in forwards;
animation: it-hover-bounce-in 0.6s ease-in forwards;
opacity: 1;
}
@-webkit-keyframes it-hover-bounce-in {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes it-hover-bounce-in {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
/* it-hover-bounce-in-up
----------------------------- */
.it-hover-bounce-in-up .it-caption {
opacity: 1;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.it-hover-bounce-in-up:hover .it-caption {
-webkit-animation: it-hover-bounce-in-up 0.8s ease-in forwards;
animation: it-hover-bounce-in-up 0.8s ease-in forwards;
}
@-webkit-keyframes it-hover-bounce-in-up {
25%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(25px);
}
65% {
-webkit-transform: translateY(10px);
}
90% {
-webkit-transform: translateY(2px);
}
}
@keyframes it-hover-bounce-in-up {
25%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(25px);
}
65% {
transform: translateY(10px);
}
90% {
transform: translateY(2px);
}
}
/* it-hover-bounce-in-down
----------------------------- */
.it-hover-bounce-in-down .it-caption {
opacity: 1;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.it-hover-bounce-in-down:hover .it-caption {
-webkit-animation: it-hover-bounce-in-down 0.8s ease-in forwards;
animation: it-hover-bounce-in-down 0.8s ease-in forwards;
}
@-webkit-keyframes it-hover-bounce-in-down {
25%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-25px);
}
65% {
-webkit-transform: translateY(-10px);
}
90% {
-webkit-transform: translateY(-2px);
}
}
@keyframes it-hover-bounce-in-down {
25%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-25px);
}
65% {
transform: translateY(-10px);
}
90% {
transform: translateY(-2px);
}
}
/* it-hover-bounce-in-left
----------------------------- */
.it-hover-bounce-in-left .it-caption {
opacity: 1;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.it-hover-bounce-in-left:hover .it-caption {
-webkit-animation: it-hover-bounce-in-left 0.8s ease-in forwards;
animation: it-hover-bounce-in-left 0.8s ease-in forwards;
}
@-webkit-keyframes it-hover-bounce-in-left {
25%,
50%,
80%,
100% {
-webkit-transform: translateX(0);
}
40% {
-webkit-transform: translateX(25px);
}
65% {
-webkit-transform: translateX(10px);
}
90% {
-webkit-transform: translateX(2px);
}
}
@keyframes it-hover-bounce-in-left {
25%,
50%,
80%,
100% {
transform: translateX(0);
}
40% {
transform: translateX(25px);
}
65% {
transform: translateX(10px);
}
90% {
transform: translateX(2px);
}
}
/* it-hover-bounce-in-right
----------------------------- */
.it-hover-bounce-in-right .it-caption {
opacity: 1;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.it-hover-bounce-in-right:hover .it-caption {
-webkit-animation: it-hover-bounce-in-right 0.8s ease-in forwards;
animation: it-hover-bounce-in-right 0.8s ease-in forwards;
}
@-webkit-keyframes it-hover-bounce-in-right {
25%,
50%,
80%,
100% {
-webkit-transform: translateX(0);
}
40% {
-webkit-transform: translateX(-25px);
}
65% {
-webkit-transform: translateX(-10px);
}
90% {
-webkit-transform: translateX(-2px);
}
}
@keyframes it-hover-bounce-in-right {
25%,
50%,
80%,
100% {
transform: translateX(0);
}
40% {
transform: translateX(-25px);
}
65% {
transform: translateX(-10px);
}
90% {
transform: translateX(-2px);
}
}
/* it-hover-bounce-out
----------------------------- */
.it-hover-bounce-out .it-caption {
opacity: 0;
}
.it-hover-bounce-out:hover > img {
-webkit-animation: it-hover-bounce-out 0.40249999999999997s ease-in forwards;
animation: it-hover-bounce-out 0.40249999999999997s ease-in forwards;
}
.it-hover-bounce-out:hover .it-caption {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
@-webkit-keyframes it-hover-bounce-out {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes it-hover-bounce-out {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
/* it-hover-bounce-out-up
----------------------------- */
.it-hover-bounce-out-up .it-caption {
opacity: 0;
}
.it-hover-bounce-out-up:hover > img {
-webkit-animation: it-hover-bounce-out-up 0.40249999999999997s ease-in forwards;
animation: it-hover-bounce-out-up 0.40249999999999997s ease-in forwards;
}
.it-hover-bounce-out-up:hover .it-caption {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
@-webkit-keyframes it-hover-bounce-out-up {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes it-hover-bounce-out-up {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
/* it-hover-bounce-out-down
----------------------------- */
.it-hover-bounce-out-down .it-caption {
opacity: 0;
}
.it-hover-bounce-out-down:hover > img {
-webkit-animation: it-hover-bounce-out-down 0.40249999999999997s ease-in forwards;
animation: it-hover-bounce-out-down 0.40249999999999997s ease-in forwards;
}
.it-hover-bounce-out-down:hover .it-caption {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
@-webkit-keyframes it-hover-bounce-out-down {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes it-hover-bounce-out-down {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
/* it-hover-bounce-out-left
----------------------------- */
.it-hover-bounce-out-left .it-caption {
opacity: 0;
}
.it-hover-bounce-out-left:hover > img {
-webkit-animation: it-hover-bounce-out-left 0.40249999999999997s ease-in forwards;
animation: it-hover-bounce-out-left 0.40249999999999997s ease-in forwards;
}
.it-hover-bounce-out-left:hover .it-caption {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
@-webkit-keyframes it-hover-bounce-out-left {
20% {
opacity: 1;
-webkit-transform: translate3d(15%, 0, 0);
transform: translate3d(15%, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes it-hover-bounce-out-left {
20% {
opacity: 1;
-webkit-transform: translate3d(15%, 0, 0);
transform: translate3d(15%, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
/* it-hover-bounce-out-right
----------------------------- */
.it-hover-bounce-out-right .it-caption {
opacity: 0;
}
.it-hover-bounce-out-right:hover > img {
-webkit-animation: it-hover-bounce-out-right 0.40249999999999997s ease-in forwards;
animation: it-hover-bounce-out-right 0.40249999999999997s ease-in forwards;
}
.it-hover-bounce-out-right:hover .it-caption {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
@-webkit-keyframes it-hover-bounce-out-right {
20% {
opacity: 1;
-webkit-transform: translate3d(-15%, 0, 0);
transform: translate3d(-15%, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes it-hover-bounce-out-right {
20% {
opacity: 1;
-webkit-transform: translate3d(-15%, 0, 0);
transform: translate3d(-15%, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
/* it-hover-fall-away-*
----------------------------- */
*[class^='it-hover-fall-away-'],
*[class*=' it-hover-fall-away-'] {
-webkit-perspective: 50em;
perspective: 50em;
}
*[class^='it-hover-fall-away-'] img,
*[class*=' it-hover-fall-away-'] img {
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all 0.45s ease-in;
transition: all 0.45s ease-in;
}
*[class^='it-hover-fall-away-'] .it-caption,
*[class*=' it-hover-fall-away-'] .it-caption {
opacity: 0;
background-color: #135796;
}
*[class^='it-hover-fall-away-']:hover img,
*[class*=' it-hover-fall-away-']:hover img {
opacity: 0;
}
*[class^='it-hover-fall-away-']:hover .it-caption,
*[class*=' it-hover-fall-away-']:hover .it-caption {
opacity: 1;
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s;
}
/* it-hover-fall-away-horiz
----------------------------- */
.it-hover-fall-away-horiz:hover img {
-webkit-transform: rotateX(-360deg) scale(0.2);
transform: rotateX(-360deg) scale(0.2);
}
/* it-hover-fall-away-vert
----------------------------- */
.it-hover-fall-away-vert:hover img {
-webkit-transform: rotateY(-360deg) scale(0.2);
transform: rotateY(-360deg) scale(0.2);
}
/* it-hover-fall-away-cc
----------------------------- */
.it-hover-fall-away-cc:hover img {
-webkit-transform: rotate(360deg) scale(0.2);
transform: rotate(360deg) scale(0.2);
}
/* it-hover-fall-away-ccc
----------------------------- */
.it-hover-fall-away-ccc:hover img {
-webkit-transform: rotate(-360deg) scale(0.2);
transform: rotate(-360deg) scale(0.2);
}
/* it-hover-modal-slide-*
----------------------------- */
[class^='it-hover-modal'] .it-caption,
[class*=' it-hover-modal'] .it-caption {
opacity: 1;
}
[class^='it-hover-modal']:hover > img,
[class*=' it-hover-modal']:hover > img {
opacity: 0.7;
}
[class^='it-hover-modal']:hover .it-caption,
[class*=' it-hover-modal']:hover .it-caption {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
/* it-hover-modal-slide-up
----------------------------- */
.it-hover-modal-slide-up .it-caption {
top: auto;
padding-top: 15px;
padding-bottom: 15px;
-webkit-transform: translate(0px, 100%);
transform: translate(0px, 100%);
}
/* it-hover-modal-slide-down
----------------------------- */
.it-hover-modal-slide-down .it-caption {
bottom: auto;
padding-top: 15px;
padding-bottom: 15px;
-webkit-transform: translate(0, -100%);
transform: translate(0, -100%);
}
/* it-hover-modal-slide-left
----------------------------- */
.it-hover-modal-slide-left .it-caption {
left: auto;
max-width: 70%;
padding-left: 15px;
padding-right: 15px;
-webkit-transform: translate(100%, 0%);
transform: translate(100%, 0%);
}
/* it-hover-modal-slide-right
----------------------------- */
.it-hover-modal-slide-right .it-caption {
right: auto;
max-width: 70%;
padding-left: 15px;
padding-right: 15px;
-webkit-transform: translate(-100%, 0%);
transform: translate(-100%, 0%);
}
/* it-hover-modal-hinge-*
----------------------------- */
[class^='it-hover-modal'],
[class*=' it-hover-modal'] {
-webkit-perspective: 50em;
perspective: 50em;
}
[class^='it-hover-modal'] .it-caption,
[class*=' it-hover-modal'] .it-caption {
opacity: 1;
}
[class^='it-hover-modal']:hover > img,
[class*=' it-hover-modal']:hover > img {
opacity: 0.7;
}
[class^='it-hover-modal']:hover .it-caption,
[class*=' it-hover-modal']:hover .it-caption {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
/* it-hover-modal-hinge-up
----------------------------- */
.it-hover-modal-hinge-up .it-caption {
top: auto;
padding-top: 15px;
padding-bottom: 15px;
-webkit-transform: rotateX(100deg);
transform: rotateX(100deg);
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
/* it-hover-modal-hinge-down
----------------------------- */
.it-hover-modal-hinge-down .it-caption {
bottom: auto;
padding-top: 15px;
padding-bottom: 15px;
-webkit-transform: rotateX(-100deg);
transform: rotateX(-100deg);
-webkit-transform-origin: 50% -50%;
-ms-transform-origin: 50% -50%;
transform-origin: 50% -50%;
}
/* it-hover-modal-hinge-left
----------------------------- */
.it-hover-modal-hinge-left .it-caption {
left: auto;
max-width: 70%;
padding-left: 15px;
padding-right: 15px;
-webkit-transform: rotateY(-100deg);
transform: rotateY(-100deg);
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
/* it-hover-modal-hinge-right
----------------------------- */
.it-hover-modal-hinge-right .it-caption {
right: auto;
max-width: 70%;
padding-left: 15px;
padding-right: 15px;
-webkit-transform: rotateY(100deg);
transform: rotateY(100deg);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
}
/* it-hover-lightspeed-in-left
----------------------------- */
.it-hover-lightspeed-in-left .it-caption {
-webkit-transform: translate(100%, 0px);
transform: translate(100%, 0px);
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 0;
}
.it-hover-lightspeed-in-left:hover .it-caption {
-webkit-animation: it-hover-lightspeed-in-left 0.40249999999999997s ease-in forwards;
animation: it-hover-lightspeed-in-left 0.40249999999999997s ease-in forwards;
opacity: 1;
}
@-webkit-keyframes it-hover-lightspeed-in-left {
from {
-webkit-transform: translate(100%, 0px) skewX(-20deg);
transform: translate(100%, 0px) skewX(-20deg);
}
50% {
-webkit-transform: translate(0px, 0px) skewX(-20deg);
transform: translate(0px, 0px) skewX(-20deg);
}
75% {
-webkit-transform: translate(0px, 0px) skewX(10deg);
transform: translate(0px, 0px) skewX(10deg);
}
to {
-webkit-transform: translate(0px, 0px) skewX(0deg);
transform: translate(0px, 0px) skewX(0deg);
}
}
@keyframes it-hover-lightspeed-in-left {
from {
-webkit-transform: translate(100%, 0px) skewX(-20deg);
transform: translate(100%, 0px) skewX(-20deg);
}
50% {
-webkit-transform: translate(0px, 0px) skewX(-20deg);
transform: translate(0px, 0px) skewX(-20deg);
}
75% {
-webkit-transform: translate(0px, 0px) skewX(10deg);
transform: translate(0px, 0px) skewX(10deg);
}
to {
-webkit-transform: translate(0px, 0px) skewX(0deg);
transform: translate(0px, 0px) skewX(0deg);
}
}
/* it-hover-lightspeed-in-right
----------------------------- */
.it-hover-lightspeed-in-right .it-caption {
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 0;
}
.it-hover-lightspeed-in-right:hover .it-caption {
-webkit-animation: it-hover-lightspeed-in-right 0.40249999999999997s ease-in forwards;
animation: it-hover-lightspeed-in-right 0.40249999999999997s ease-in forwards;
opacity: 1;
}
@-webkit-keyframes it-hover-lightspeed-in-right {
from {
-webkit-transform: translate(-100%, 0) skewX(20deg);
transform: translate(-100%, 0) skewX(20deg);
}
50% {
-webkit-transform: translate(0px, 0px) skewX(20deg);
transform: translate(0px, 0px) skewX(20deg);
}
75% {
-webkit-transform: translate(0px, 0px) skewX(-10deg);
transform: translate(0px, 0px) skewX(-10deg);
}
to {
-webkit-transform: translate(0px, 0px) skewX(0deg);
transform: translate(0px, 0px) skewX(0deg);
}
}
@keyframes it-hover-lightspeed-in-right {
from {
-webkit-transform: translate(-100%, 0) skewX(20deg);
transform: translate(-100%, 0) skewX(20deg);
}
50% {
-webkit-transform: translate(0px, 0px) skewX(20deg);
transform: translate(0px, 0px) skewX(20deg);
}
75% {
-webkit-transform: translate(0px, 0px) skewX(-10deg);
transform: translate(0px, 0px) skewX(-10deg);
}
to {
-webkit-transform: translate(0px, 0px) skewX(0deg);
transform: translate(0px, 0px) skewX(0deg);
}
}
/* it-hover-lightspeed-out-left
----------------------------- */
.it-hover-lightspeed-out-left .it-caption {
z-index: -1;
opacity: 1;
}
.it-hover-lightspeed-out-left:hover > img {
-webkit-animation: it-hover-lightspeed-out-left 0.40249999999999997s ease-in forwards;
animation: it-hover-lightspeed-out-left 0.40249999999999997s ease-in forwards;
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
@-webkit-keyframes it-hover-lightspeed-out-left {
from {
-webkit-transform: translate(0px, 0px) skewX(0deg);
transform: translate(0px, 0px) skewX(0deg);
}
25% {
-webkit-transform: translate(10%, 0px) skewX(0deg);
transform: translate(10%, 0px) skewX(0deg);
}
50% {
-webkit-transform: translate(0px, 0px) skewX(-20deg);
transform: translate(0px, 0px) skewX(-20deg);
}
to {
-webkit-transform: translate(-150%, 0) skewX(-20deg);
transform: translate(-150%, 0) skewX(-20deg);
}
}
@keyframes it-hover-lightspeed-out-left {
from {
-webkit-transform: translate(0px, 0px) skewX(0deg);
transform: translate(0px, 0px) skewX(0deg);
}
25% {
-webkit-transform: translate(10%, 0px) skewX(0deg);
transform: translate(10%, 0px) skewX(0deg);
}
50% {
-webkit-transform: translate(0px, 0px) skewX(-20deg);
transform: translate(0px, 0px) skewX(-20deg);
}
to {
-webkit-transform: translate(-150%, 0) skewX(-20deg);
transform: translate(-150%, 0) skewX(-20deg);
}
}
/* it-hover-lightspeed-out-right
----------------------------- */
.it-hover-lightspeed-out-right .it-caption {
z-index: -1;
opacity: 1;
}
.it-hover-lightspeed-out-right:hover > img {
-webkit-animation: it-hover-lightspeed-out-right 0.40249999999999997s ease-in forwards;
animation: it-hover-lightspeed-out-right 0.40249999999999997s ease-in forwards;
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
@-webkit-keyframes it-hover-lightspeed-out-right {
from {
-webkit-transform: translate(0px, 0px) skewX(0deg);
transform: translate(0px, 0px) skewX(0deg);
}
25% {
-webkit-transform: translate(10%, 0px) skewX(0deg);
transform: translate(10%, 0px) skewX(0deg);
}
50% {
-webkit-transform: translate(0px, 0px) skewX(-20deg);
transform: translate(0px, 0px) skewX(-20deg);
}
to {
-webkit-transform: translate(-150%, 0) skewX(-20deg);
transform: translate(-150%, 0) skewX(-20deg);
}
}
@keyframes it-hover-lightspeed-out-right {
from {
-webkit-transform: translate(0px, 0px) skewX(0deg);
transform: translate(0px, 0px) skewX(0deg);
}
25% {
-webkit-transform: translate(-10%, 0) skewX(0deg);
transform: translate(-10%, 0) skewX(0deg);
}
50% {
-webkit-transform: translate(0px, 0px) skewX(20deg);
transform: translate(0px, 0px) skewX(20deg);
}
to {
-webkit-transform: translate(150%, 0px) skewX(20deg);
transform: translate(150%, 0px) skewX(20deg);
}
}
/* it-hover-grad-*
----------------------------- */
[class^='it-hover-grad-']:before,
[class*=' it-hover-grad-']:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
}
[class^='it-hover-grad-'] .it-caption,
[class*=' it-hover-grad-'] .it-caption {
z-index: 1;
opacity: 0;
background-color: transparent;
}
[class^='it-hover-grad-']:hover:before,
[class*=' it-hover-grad-']:hover:before {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
[class^='it-hover-grad-']:hover .it-caption,
[class*=' it-hover-grad-']:hover .it-caption {
opacity: 1;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
/* it-hover-grad-radial-in
----------------------------- */
.it-hover-grad-radial-in:before {
background-image: -webkit-radial-gradient(transparent 0%, #135796 100%);
background-image: radial-gradient(transparent 0%, #135796 100%);
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
}
.it-hover-grad-radial-in:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
opacity: 0;
background-color: transparent;
}
.it-hover-grad-radial-in:hover:before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.it-hover-grad-radial-in:hover:after {
opacity: 0.75;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
/* it-hover-grad-radial-out
----------------------------- */
.it-hover-grad-radial-out:before {
background-image: -webkit-radial-gradient(#135796 0%, transparent 100%);
background-image: radial-gradient(#135796 0%, transparent 100%);
position: absolute;
top: -75%;
bottom: -75%;
left: -75%;
right: -75%;
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.it-hover-grad-radial-out:hover:before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
/* it-hover-grad-up
----------------------------- */
.it-hover-grad-up:before {
-webkit-transform: translateY(100%);
transform: translateY(100%);
background-image: -webkit-linear-gradient(top, transparent 0%, #135796 100%);
background-image: linear-gradient(to bottom, transparent 0%, #135796 100%);
top: -75%;
}
/* it-hover-grad-down
----------------------------- */
.it-hover-grad-down:before {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
background-image: -webkit-linear-gradient(bottom, transparent 0%, #135796 100%);
background-image: linear-gradient(to top, transparent 0%, #135796 100%);
bottom: -75%;
}
/* it-hover-grad-left
----------------------------- */
.it-hover-grad-left:before {
-webkit-transform: translateX(100%);
transform: translateX(100%);
background-image: -webkit-linear-gradient(left, transparent 0%, #135796 100%);
background-image: linear-gradient(to right, transparent 0%, #135796 100%);
left: -75%;
}
/* it-hover-grad-right
----------------------------- */
.it-hover-grad-right:before {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
background-image: -webkit-linear-gradient(right, transparent 0%, #135796 100%);
background-image: linear-gradient(to left, transparent 0%, #135796 100%);
right: -75%;
}
/* it-hover-grad-top-left
----------------------------- */
.it-hover-grad-top-left:before {
background-image: -webkit-linear-gradient(-45deg, transparent 0%, #135796 100%);
background-image: linear-gradient(-45deg, transparent 0%, #135796 100%);
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
bottom: -75%;
right: -75%;
}
.it-hover-grad-top-left:hover:before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
/* it-hover-grad-top-right
----------------------------- */
.it-hover-grad-top-right:before {
background-image: -webkit-linear-gradient(45deg, transparent 0%, #135796 100%);
background-image: linear-gradient(45deg, transparent 0%, #135796 100%);
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
bottom: -75%;
left: -75%;
}
.it-hover-grad-top-right:hover:before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
/* it-hover-grad-bottom-left
----------------------------- */
.it-hover-grad-bottom-left:before {
background-image: -webkit-linear-gradient(--45deg, transparent 0%, #135796 100%);
background-image: linear-gradient(-135deg, transparent 0%, #135796 100%);
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
top: -75%;
right: -75%;
}
.it-hover-grad-bottom-left:hover:before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
/* it-hover-grad-bottom-right
----------------------------- */
.it-hover-grad-bottom-right:before {
background-image: -webkit-linear-gradient(-45deg, transparent 0%, #135796 100%);
background-image: linear-gradient(135deg, transparent 0%, #135796 100%);
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
top: -75%;
left: -75%;
}
.it-hover-grad-bottom-right:hover:before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
/* it-hover-parallax-*
----------------------------- */
[class^='it-hover-parallax-']:hover .it-caption,
[class*=' it-hover-parallax-']:hover .it-caption {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
/* it-hover-parallax-up
----------------------------- */
.it-hover-parallax-up .it-caption {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.it-hover-parallax-up:hover > img {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
/* it-hover-parallax-down
----------------------------- */
.it-hover-parallax-down .it-caption {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.it-hover-parallax-down:hover > img {
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
/* it-hover-parallax-left
----------------------------- */
.it-hover-parallax-left .it-caption {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.it-hover-parallax-left:hover > img {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
/* it-hover-parallax--right
----------------------------- */
.it-hover-parallax-right .it-caption {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.it-hover-parallax-right:hover > img {
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
/* it-hover-stack-*
----------------------------- */
[class^='it-hover-stack-'] > img,
[class*=' it-hover-stack-'] > img,
[class^='it-hover-stack-'] .it-caption,
[class*=' it-hover-stack-'] .it-caption {
-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
[class^='it-hover-stack-']:hover > img,
[class*=' it-hover-stack-']:hover > img {
-webkit-transform: scale(0.75);
transform: scale(0.75);
opacity: 0.5;
}
[class^='it-hover-stack-']:hover .it-caption,
[class*=' it-hover-stack-']:hover .it-caption {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
/* it-hover-stack-up
----------------------------- */
.it-hover-stack-up .it-caption {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
/* it-hover-stack-down
----------------------------- */
.it-hover-stack-down .it-caption {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
/* it-hover-stack-left
----------------------------- */
.it-hover-stack-left .it-caption {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
/* it-hover-stack-right
----------------------------- */
.it-hover-stack-right .it-caption {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
/* it-hover-cube-*
----------------------------- */
[class^='it-hover-cube-'],
[class*=' it-hover-cube-'] {
-webkit-perspective: 50em;
perspective: 50em;
overflow: visible;
background-color: transparent;
}
[class^='it-hover-cube-'] > img,
[class*=' it-hover-cube-'] > img {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
[class^='it-hover-cube-'] .it-caption,
[class*=' it-hover-cube-'] .it-caption {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
[class^='it-hover-cube-']:hover > img,
[class*=' it-hover-cube-']:hover > img {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
[class^='it-hover-cube-']:hover .it-caption,
[class*=' it-hover-cube-']:hover .it-caption {
-webkit-transform: translateY(0%) rotateX(0deg);
transform: translateY(0%) rotateX(0deg);
opacity: 1;
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
/* it-hover-cube-up
----------------------------- */
.it-hover-cube-up .it-caption {
-webkit-transform: translateY(50%) rotateX(-90deg);
transform: translateY(50%) rotateX(-90deg);
}
.it-hover-cube-up:hover > img {
-webkit-transform: translateY(-50%) rotateX(90deg);
transform: translateY(-50%) rotateX(90deg);
}
/* it-hover-cube-down
----------------------------- */
.it-hover-cube-down .it-caption {
-webkit-transform: translateY(-50%) rotateX(90deg);
transform: translateY(-50%) rotateX(90deg);
}
.it-hover-cube-down:hover > img {
-webkit-transform: translateY(50%) rotateX(-90deg);
transform: translateY(50%) rotateX(-90deg);
}
/* it-hover-cube-left
----------------------------- */
.it-hover-cube-left .it-caption {
-webkit-transform: translateX(-50%) rotateY(-90deg);
transform: translateX(-50%) rotateY(-90deg);
}
.it-hover-cube-left:hover > img {
-webkit-transform: translateX(50%) rotateY(90deg);
transform: translateX(50%) rotateY(90deg);
}
/* it-hover-cube-right
----------------------------- */
.it-hover-cube-right .it-caption {
-webkit-transform: translateX(50%) rotateY(90deg);
transform: translateX(50%) rotateY(90deg);
}
.it-hover-cube-right:hover > img {
-webkit-transform: translateX(-50%) rotateY(-90deg);
transform: translateX(-50%) rotateY(-90deg);
}
/* it-hover-dive-*
----------------------------- */
[class^='it-hover-dive'] .it-caption,
[class*=' it-hover-dive'] .it-caption {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
[class^='it-hover-dive']:hover > img,
[class*=' it-hover-dive']:hover > img {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
[class^='it-hover-dive']:hover .it-caption,
[class*=' it-hover-dive']:hover .it-caption {
opacity: 1;
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
/* it-hover-dive
----------------------------- */
.it-hover-dive .it-caption {
-webkit-transform: scale(5);
transform: scale(5);
}
.it-hover-dive:hover > img {
-webkit-transform: scale(5);
transform: scale(5);
}
.it-hover-dive:hover .it-caption {
-webkit-transform: scale(1);
transform: scale(1);
}
/* it-hover-dive-cc
----------------------------- */
.it-hover-dive-cc .it-caption {
-webkit-transform: rotate(-45deg) scale(5);
transform: rotate(-45deg) scale(5);
}
.it-hover-dive-cc:hover > img {
-webkit-transform: rotate(45deg) scale(5);
transform: rotate(45deg) scale(5);
}
.it-hover-dive-cc:hover .it-caption {
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
}
/* it-hover-dive-ccc
----------------------------- */
.it-hover-dive-ccc .it-caption {
-webkit-transform: rotate(45deg) scale(5);
transform: rotate(45deg) scale(5);
}
.it-hover-dive-ccc:hover > img {
-webkit-transform: rotate(-45deg) scale(5);
transform: rotate(-45deg) scale(5);
}
.it-hover-dive-ccc:hover .it-caption {
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
}
/* it-hover-splash*
----------------------------- */
[class^='it-hover-splash'] .it-caption,
[class*=' it-hover-splash'] .it-caption {
background-color: transparent;
z-index: 1;
}
[class^='it-hover-splash'] .it-caption *,
[class*=' it-hover-splash'] .it-caption * {
opacity: 0;
}
[class^='it-hover-splash'] .it-caption:after,
[class*=' it-hover-splash'] .it-caption:after {
content: '';
position: absolute;
-webkit-transition: all 0.35s ease-in 0.35s, width 0.35s ease-out, height 0.35s ease-out;
transition: all 0.35s ease-in 0.35s, width 0.35s ease-out, height 0.35s ease-out;
transform: translate(-50%, -50%);
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #135796;
z-index: -1;
}
[class^='it-hover-splash']:hover .it-caption,
[class*=' it-hover-splash']:hover .it-caption,
[class^='it-hover-splash'].hover .it-caption,
[class*=' it-hover-splash'].hover .it-caption {
background-color: transparent;
-webkit-transition-delay: 0.48999999999999994s;
transition-delay: 0.48999999999999994s;
}
[class^='it-hover-splash']:hover .it-caption *,
[class*=' it-hover-splash']:hover .it-caption *,
[class^='it-hover-splash'].hover .it-caption *,
[class*=' it-hover-splash'].hover .it-caption * {
opacity: 1;
-webkit-transition-delay: 0.48999999999999994s;
transition-delay: 0.48999999999999994s;
}
[class^='it-hover-splash']:hover .it-caption:after,
[class*=' it-hover-splash']:hover .it-caption:after,
[class^='it-hover-splash'].hover .it-caption:after,
[class*=' it-hover-splash'].hover .it-caption:after {
-webkit-transition: all 0.35s ease-in, width 0.35s ease-out 0.35s, height 0.35s ease-out 0.35s;
transition: all 0.35s ease-in, width 0.35s ease-out 0.35s, height 0.35s ease-out 0.35s;
width: 400px;
height: 400px;
}
/* it-hover-splash-up
----------------------------- */
.it-hover-splash-up .it-caption:after {
left: 50%;
top: 120%;
}
.it-hover-splash-up:hover .it-caption:after,
.it-hover-splash-up.hover .it-caption:after {
top: 50%;
}
/* it-hover-splash-down
----------------------------- */
.it-hover-splash-down .it-caption:after {
left: 50%;
top: -20px;
}
.it-hover-splash-down:hover .it-caption:after,
.it-hover-splash-down.hover .it-caption:after {
top: 50%;
}
/* it-hover-splash-left
----------------------------- */
.it-hover-splash-left .it-caption:after {
top: 50%;
left: 120%;
}
.it-hover-splash-left:hover .it-caption:after,
.it-hover-splash-left.hover .it-caption:after {
left: 50%;
}
/* it-hover-splash-right
----------------------------- */
.it-hover-splash-right .it-caption:after {
top: 50%;
left: -20px;
}
.it-hover-splash-right:hover .it-caption:after,
.it-hover-splash-right.hover .it-caption:after {
left: 50%;
}
/* it-hover-switch-*
----------------------------- */
[class^='it-hover-switch-'] > img,
[class*=' it-hover-switch-'] > img,
[class^='it-hover-switch-'] .it-caption,
[class*=' it-hover-switch-'] .it-caption {
-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
[class^='it-hover-switch-']:hover .it-caption,
[class*=' it-hover-switch-']:hover .it-caption {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
/* it-hover-switch-up
----------------------------- */
.it-hover-switch-up .it-caption {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.it-hover-switch-up:hover > img {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
/* it-hover-switch-down
----------------------------- */
.it-hover-switch-down .it-caption {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.it-hover-switch-down:hover > img {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
/* it-hover-switch-left
----------------------------- */
.it-hover-switch-left .it-caption {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.it-hover-switch-left:hover > img {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
/* it-hover-switch-right
----------------------------- */
.it-hover-switch-right .it-caption {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.it-hover-switch-right:hover > img {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
/* it-hover-flash-*
----------------------------- */
[class^='it-hover-flash-']:before,
[class*=' it-hover-flash-']:before,
[class^='it-hover-flash-']:after,
[class*=' it-hover-flash-']:after {
opacity: 0.75;
background-color: #135796;
position: absolute;
top: -50%;
bottom: -50%;
left: -50%;
right: -50%;
content: '';
}
[class^='it-hover-flash-']:after,
[class*=' it-hover-flash-']:after {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
[class^='it-hover-flash-'] .it-caption,
[class*=' it-hover-flash-'] .it-caption {
opacity: 0;
z-index: 1;
}
[class^='it-hover-flash-']:hover .it-caption,
[class*=' it-hover-flash-']:hover .it-caption {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
opacity: 1;
}
/* it-hover-flash-top-left
----------------------------- */
.it-hover-flash-top-left:before,
.it-hover-flash-top-left:after {
-webkit-transform: rotate(-45deg) translateY(-100%);
transform: rotate(-45deg) translateY(-100%);
}
.it-hover-flash-top-left:hover:before {
-webkit-transform: rotate(-45deg) translateY(100%);
transform: rotate(-45deg) translateY(100%);
}
.it-hover-flash-top-left:hover:after {
-webkit-transform: rotate(-45deg) translateY(0%);
transform: rotate(-45deg) translateY(0%);
}
/* it-hover-flash-top-right
----------------------------- */
.it-hover-flash-top-right:before,
.it-hover-flash-top-right:after {
-webkit-transform: rotate(45deg) translateY(-100%);
transform: rotate(45deg) translateY(-100%);
}
.it-hover-flash-top-right:hover:before {
-webkit-transform: rotate(45deg) translateY(100%);
transform: rotate(45deg) translateY(100%);
}
.it-hover-flash-top-right:hover:after {
-webkit-transform: rotate(45deg) translateY(0%);
transform: rotate(45deg) translateY(0%);
}
/* it-hover-flash-bottom-left
----------------------------- */
.it-hover-flash-bottom-left:before,
.it-hover-flash-bottom-left:after {
-webkit-transform: rotate(45deg) translateY(100%);
transform: rotate(45deg) translateY(100%);
}
.it-hover-flash-bottom-left:hover:before {
-webkit-transform: rotate(45deg) translateY(-100%);
transform: rotate(45deg) translateY(-100%);
}
.it-hover-flash-bottom-left:hover:after {
-webkit-transform: rotate(45deg) translateY(0%);
transform: rotate(45deg) translateY(0%);
}
/* it-hover-flash-bottom-right
----------------------------- */
.it-hover-flash-bottom-right:before,
.it-hover-flash-bottom-right:after {
-webkit-transform: rotate(-45deg) translateY(100%);
transform: rotate(-45deg) translateY(100%);
}
.it-hover-flash-bottom-right:hover:before {
-webkit-transform: rotate(-45deg) translateY(-100%);
transform: rotate(-45deg) translateY(-100%);
}
.it-hover-flash-bottom-right:hover:after {
-webkit-transform: rotate(-45deg) translateY(0%);
transform: rotate(-45deg) translateY(0%);
}
.it-hover-center .it-caption {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
}
[class^='it-hover-']:hover .ih-delay-xs,
[class*=' it-hover-']:hover .ih-delay-xs {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
[class^='it-hover-']:hover .ih-delay-sm,
[class*=' it-hover-']:hover .ih-delay-sm {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
[class^='it-hover-']:hover .ih-delay-md,
[class*=' it-hover-']:hover .ih-delay-md {
-webkit-transition-delay: 0.5249999999999999s;
transition-delay: 0.5249999999999999s;
}
[class^='it-hover-']:hover .ih-delay-lg,
[class*=' it-hover-']:hover .ih-delay-lg {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
[class^='it-hover-']:hover .ih-delay-xl,
[class*=' it-hover-']:hover .ih-delay-xl {
-webkit-transition-delay: 0.875s;
transition-delay: 0.875s;
}
[class^='it-hover-']:hover .ih-delay-xxl,
[class*=' it-hover-']:hover .ih-delay-xxl {
-webkit-transition-delay: 1.0499999999999998s;
transition-delay: 1.0499999999999998s;
}
[class^='it-hover-'] [class^='ih-'],
[class*=' it-hover-'] [class^='ih-'],
[class^='it-hover-'] [class*=' ih-'],
[class*=' it-hover-'] [class*=' ih-'] {
opacity: 0;
}
[class^='it-hover-'] .ih-fade-up,
[class*=' it-hover-'] .ih-fade-up {
-webkit-transform: translate(0px, 25px);
transform: translate(0px, 25px);
}
[class^='it-hover-'] .ih-fade-down,
[class*=' it-hover-'] .ih-fade-down {
-webkit-transform: translate(0, -25px);
transform: translate(0, -25px);
}
[class^='it-hover-'] .ih-fade-left,
[class*=' it-hover-'] .ih-fade-left {
-webkit-transform: translate(25px, 0px);
transform: translate(25px, 0px);
}
[class^='it-hover-'] .ih-fade-right,
[class*=' it-hover-'] .ih-fade-right {
-webkit-transform: translate(-25px, 0);
transform: translate(-25px, 0);
}
[class^='it-hover-'] .ih-fade-up-big,
[class*=' it-hover-'] .ih-fade-up-big {
-webkit-transform: translate(0px, 300%);
transform: translate(0px, 300%);
}
[class^='it-hover-'] .ih-fade-down-big,
[class*=' it-hover-'] .ih-fade-down-big {
-webkit-transform: translate(0, -300%);
transform: translate(0, -300%);
}
[class^='it-hover-'] .ih-fade-left-big,
[class*=' it-hover-'] .ih-fade-left-big {
-webkit-transform: translate(150%, 0px);
transform: translate(150%, 0px);
}
[class^='it-hover-'] .ih-fade-right-big,
[class*=' it-hover-'] .ih-fade-right-big {
-webkit-transform: translate(-150%, 0);
transform: translate(-150%, 0);
}
[class^='it-hover-'] .ih-zoom-in,
[class*=' it-hover-'] .ih-zoom-in {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
[class^='it-hover-'] .ih-zoom-out,
[class*=' it-hover-'] .ih-zoom-out {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
[class^='it-hover-'] .ih-flip-x,
[class*=' it-hover-'] .ih-flip-x {
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
[class^='it-hover-'] .ih-flip-y,
[class*=' it-hover-'] .ih-flip-y {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
}
[class^='it-hover-']:hover [class^='ih-'],
[class*=' it-hover-']:hover [class^='ih-'],
[class^='it-hover-']:hover [class*=' ih-'],
[class*=' it-hover-']:hover [class*=' ih-'] {
-webkit-transform: translate(0px, 0px) scale(1) rotate(0deg);
transform: translate(0px, 0px) scale(1) rotate(0deg);
opacity: 1;
}