.wcp-caption-plugin p {
margin: 0;
}
.ich-prefix {    }
.ich-prefix *,
.ich-prefix *:after,
.ich-prefix *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ich-prefix body {
margin: 0px;
}
.ich-prefix [class*='col-'] {
float: left;
padding-right: 20px; }
.ich-prefix .grid {
width: 100%;
margin: 0 auto;
overflow: visible;
}
.ich-prefix .grid:after {
content: "";
display: table;
clear: both;
}
.ich-prefix .grid-pad {
padding-top: 20px;
padding-left: 20px; padding-right: 0px; }
.ich-prefix .push-right {
float: right;
}
.ich-prefix .col-1-1 {
width: 100%;
}
.ich-prefix .col-2-3,
.ich-prefix .col-8-12 {
width: 66.66%;
}
.ich-prefix .col-1-2,
.ich-prefix .col-6-12 {
width: 50%;
}
.ich-prefix .col-1-3,
.ich-prefix .col-4-12 {
width: 33.33%;
}
.ich-prefix .col-1-4,
.ich-prefix .col-3-12 {
width: 25%;
}
.ich-prefix .col-1-5 {
width: 20%;
}
.ich-prefix .col-1-6,
.ich-prefix .col-2-12 {
width: 16.667%;
}
.ich-prefix .col-1-7 {
width: 14.28%;
}
.ich-prefix .col-1-8 {
width: 12.5%;
}
.ich-prefix .col-1-9 {
width: 11.1%;
}
.ich-prefix .col-1-10 {
width: 10%;
}
.ich-prefix .col-1-11 {
width: 9.09%;
}
.ich-prefix .col-1-12 {
width: 8.33%;
}
.ich-prefix .col-11-12 {
width: 91.66%;
}
.ich-prefix .col-10-12 {
width: 83.333%;
}
.ich-prefix .col-9-12 {
width: 75%;
}
.ich-prefix .col-5-12 {
width: 41.66%;
}
.ich-prefix .col-7-12 {
width: 58.33%;
}
.ich-prefix .push-2-3,
.ich-prefix .push-8-12 {
margin-left: 66.66%;
}
.ich-prefix .push-1-2,
.ich-prefix .push-6-12 {
margin-left: 50%;
}
.ich-prefix .push-1-3,
.ich-prefix .push-4-12 {
margin-left: 33.33%;
}
.ich-prefix .push-1-4,
.ich-prefix .push-3-12 {
margin-left: 25%;
}
.ich-prefix .push-1-5 {
margin-left: 20%;
}
.ich-prefix .push-1-6,
.ich-prefix .push-2-12 {
margin-left: 16.667%;
}
.ich-prefix .push-1-7 {
margin-left: 14.28%;
}
.ich-prefix .push-1-8 {
margin-left: 12.5%;
}
.ich-prefix .push-1-9 {
margin-left: 11.1%;
}
.ich-prefix .push-1-10 {
margin-left: 10%;
}
.ich-prefix .push-1-11 {
margin-left: 9.09%;
}
.ich-prefix .push-1-12 {
margin-left: 8.33%;
}
@media handheld, only screen and (max-width: 767px) {
.ich-prefix {  }
.ich-prefix .grid {
width: 100%;
min-width: 0;
margin-left: 0px;
margin-right: 0px;
padding-left: 20px; padding-right: 10px; }
.ich-prefix [class*='col-'] {
width: auto;
float: none;
margin-left: 0px;
margin-right: 0px;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 0px;
padding-right: 10px; }
.ich-prefix [class*='mobile-col-'] {
float: left;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 10px;
padding-left: 0px;
padding-right: 10px; padding-bottom: 0px;
}
.ich-prefix .mobile-col-1-1 {
width: 100%;
}
.ich-prefix .mobile-col-2-3,
.ich-prefix .mobile-col-8-12 {
width: 66.66%;
}
.ich-prefix .mobile-col-1-2,
.ich-prefix .mobile-col-6-12 {
width: 50%;
}
.ich-prefix .mobile-col-1-3,
.ich-prefix .mobile-col-4-12 {
width: 33.33%;
}
.ich-prefix .mobile-col-1-4,
.ich-prefix .mobile-col-3-12 {
width: 25%;
}
.ich-prefix .mobile-col-1-5 {
width: 20%;
}
.ich-prefix .mobile-col-1-6,
.ich-prefix .mobile-col-2-12 {
width: 16.667%;
}
.ich-prefix .mobile-col-1-7 {
width: 14.28%;
}
.ich-prefix .mobile-col-1-8 {
width: 12.5%;
}
.ich-prefix .mobile-col-1-9 {
width: 11.1%;
}
.ich-prefix .mobile-col-1-10 {
width: 10%;
}
.ich-prefix .mobile-col-1-11 {
width: 9.09%;
}
.ich-prefix .mobile-col-1-12 {
width: 8.33%;
}
.ich-prefix .mobile-col-11-12 {
width: 91.66%;
}
.ich-prefix .mobile-col-10-12 {
width: 83.333%;
}
.ich-prefix .mobile-col-9-12 {
width: 75%;
}
.ich-prefix .mobile-col-5-12 {
width: 41.66%;
}
.ich-prefix .mobile-col-7-12 {
width: 58.33%;
}
.ich-prefix .hide-on-mobile {
display: none !important;
width: 0;
height: 0;
}
}.ih-item {
position: relative;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
margin-bottom: 0;
}
.ih-item,
.ih-item * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ih-item a {
color: #333;
cursor: pointer;
}
.ih-item .wcp-ih-inner:hover {
text-decoration: none;
}
.ih-item img {
width: 100%;
height: 100%;
display: block;
}
.ih-item.circle {
position: relative;  border-radius: 50%;
}
.ih-item.circle .img {
position: relative;  border-radius: 50%;
}
.ih-item.circle .img:before {
position: absolute;
display: block;
content: '';
width: 100%;
height: 100%;
border-radius: 50%;
box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle .img img {
border-radius: 50%;
}
.ih-item.circle .info {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
border-radius: 50%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.ih-item.square {
position: relative;  border: 8px solid #fff;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.ih-item.square .info {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.ih-item.circle.effect1 .spinner {
width: 230px;
height: 230px;
border: 10px solid #ecab18;
border-right-color: #1ad280;
border-bottom-color: #1ad280;
border-radius: 50%;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
.ih-item.circle.effect1 .img {
position: absolute;
top: 10px;
bottom: 0;
left: 10px;
right: 0;
width: auto;
height: auto;
}
.ih-item.circle.effect1 .img:before {
display: none;
}
.ih-item.circle.effect1.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, 0.6);
}
.ih-item.circle.effect1 .info {
top: 10px;
bottom: 0;
left: 10px;
right: 0;
background: #333333;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
.ih-item.circle.effect1 .info h3 {
color: #fff;
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect1 .info .bottom-caption {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect1 .wcp-ih-inner:hover .spinner {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.ih-item.circle.effect1 .wcp-ih-inner:hover .info {
opacity: 1;
}
.ih-item.circle.effect2 .img {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect2.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, 0.6);
}
.ih-item.circle.effect2 .info {
background: #333333;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
pointer-events: none;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect2 .info h3 {
color: #fff;
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect2 .info .bottom-caption {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect2.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.circle.effect2.left_to_right .wcp-ih-inner:hover .img {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.ih-item.circle.effect2.left_to_right .wcp-ih-inner:hover .info {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect2.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.circle.effect2.right_to_left .wcp-ih-inner:hover .img {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.ih-item.circle.effect2.right_to_left .wcp-ih-inner:hover .info {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect2.top_to_bottom .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.circle.effect2.top_to_bottom .wcp-ih-inner:hover .img {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.ih-item.circle.effect2.top_to_bottom .wcp-ih-inner:hover .info {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect2.bottom_to_top .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.circle.effect2.bottom_to_top .wcp-ih-inner:hover .img {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.ih-item.circle.effect2.bottom_to_top .wcp-ih-inner:hover .info {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect3 .img {
z-index: 5;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect3.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect3 .info {
background: #333333;
opacity: 0;
pointer-events: none;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect3 .info h3 {
color: #fff;
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect3 .info .bottom-caption {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect3.left_to_right .img {
-webkit-transform: scale(1) translateX(0);
-moz-transform: scale(1) translateX(0);
-ms-transform: scale(1) translateX(0);
-o-transform: scale(1) translateX(0);
transform: scale(1) translateX(0);
}
.ih-item.circle.effect3.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.circle.effect3.left_to_right .wcp-ih-inner:hover .img {
-webkit-transform: scale(0.5) translateX(100%);
-moz-transform: scale(0.5) translateX(100%);
-ms-transform: scale(0.5) translateX(100%);
-o-transform: scale(0.5) translateX(100%);
transform: scale(0.5) translateX(100%);
}
.ih-item.circle.effect3.left_to_right .wcp-ih-inner:hover .info {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect3.right_to_left .img {
-webkit-transform: scale(1) translateX(0);
-moz-transform: scale(1) translateX(0);
-ms-transform: scale(1) translateX(0);
-o-transform: scale(1) translateX(0);
transform: scale(1) translateX(0);
}
.ih-item.circle.effect3.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.circle.effect3.right_to_left .wcp-ih-inner:hover .img {
-webkit-transform: scale(0.5) translateX(-100%);
-moz-transform: scale(0.5) translateX(-100%);
-ms-transform: scale(0.5) translateX(-100%);
-o-transform: scale(0.5) translateX(-100%);
transform: scale(0.5) translateX(-100%);
}
.ih-item.circle.effect3.right_to_left .wcp-ih-inner:hover .info {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect3.top_to_bottom .img {
-webkit-transform: scale(1) translateY(0);
-moz-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
-o-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
}
.ih-item.circle.effect3.top_to_bottom .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.circle.effect3.top_to_bottom .wcp-ih-inner:hover .img {
-webkit-transform: scale(0.5) translateY(100%);
-moz-transform: scale(0.5) translateY(100%);
-ms-transform: scale(0.5) translateY(100%);
-o-transform: scale(0.5) translateY(100%);
transform: scale(0.5) translateY(100%);
}
.ih-item.circle.effect3.top_to_bottom .wcp-ih-inner:hover .info {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect3.bottom_to_top .img {
-webkit-transform: scale(1) translateY(0);
-moz-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
-o-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
}
.ih-item.circle.effect3.bottom_to_top .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.circle.effect3.bottom_to_top .wcp-ih-inner:hover .img {
-webkit-transform: scale(0.5) translateY(-100%);
-moz-transform: scale(0.5) translateY(-100%);
-ms-transform: scale(0.5) translateY(-100%);
-o-transform: scale(0.5) translateY(-100%);
transform: scale(0.5) translateY(-100%);
}
.ih-item.circle.effect3.bottom_to_top .wcp-ih-inner:hover .info {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect4 .img {
opacity: 1;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.ih-item.circle.effect4.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect4 .info {
background: #333333;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.ih-item.circle.effect4 .info h3 {
color: #fff;
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect4 .info .bottom-caption {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect4 .wcp-ih-inner:hover .img {
opacity: 0;
pointer-events: none;
}
.ih-item.circle.effect4 .wcp-ih-inner:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.circle.effect4.left_to_right .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect4.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.circle.effect4.left_to_right .wcp-ih-inner:hover .img {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.circle.effect4.left_to_right .wcp-ih-inner:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect4.right_to_left .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect4.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.circle.effect4.right_to_left .wcp-ih-inner:hover .img {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.circle.effect4.right_to_left .wcp-ih-inner:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect4.top_to_bottom .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect4.top_to_bottom .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.circle.effect4.top_to_bottom .wcp-ih-inner:hover .img {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.circle.effect4.top_to_bottom .wcp-ih-inner:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect4.bottom_to_top .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect4.bottom_to_top .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.circle.effect4.bottom_to_top .wcp-ih-inner:hover .img {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.circle.effect4.bottom_to_top .wcp-ih-inner:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect5 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px;
}
.ih-item.circle.effect5 .info {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.ih-item.circle.effect5 .info .info-back {
visibility: hidden;
border-radius: 50%;
width: 100%;
height: 100%;
background: #333333;
background: rgba(0, 0, 0, 0.6);
-webkit-transform: rotate3d(0, 1, 0, 180deg);
-moz-transform: rotate3d(0, 1, 0, 180deg);
-ms-transform: rotate3d(0, 1, 0, 180deg);
-o-transform: rotate3d(0, 1, 0, 180deg);
transform: rotate3d(0, 1, 0, 180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.ih-item.circle.effect5 .info h3 {
color: #fff;
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect5 .info .bottom-caption {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect5 .wcp-ih-inner:hover .info {
-webkit-transform: rotate3d(0, 1, 0, -180deg);
-moz-transform: rotate3d(0, 1, 0, -180deg);
-ms-transform: rotate3d(0, 1, 0, -180deg);
-o-transform: rotate3d(0, 1, 0, -180deg);
transform: rotate3d(0, 1, 0, -180deg);
}
.ih-item.circle.effect5 .wcp-ih-inner:hover .info .info-back {
visibility: visible;
}
.ih-item.circle.effect6 .img {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect6.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect6 .info {
background: #333333;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect6 .info h3 {
color: #fff;
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect6 .info .bottom-caption {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect6.scale_up .info {
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.ih-item.circle.effect6.scale_up .wcp-ih-inner:hover .img {
opacity: 0;
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
.ih-item.circle.effect6.scale_up .wcp-ih-inner:hover .info {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.circle.effect6.scale_down .info {
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
.ih-item.circle.effect6.scale_down .wcp-ih-inner:hover .img {
opacity: 0;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.ih-item.circle.effect6.scale_down .wcp-ih-inner:hover .info {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.circle.effect6.scale_down_up .info {
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: all 0.35s ease-in-out 0.2s;
-moz-transition: all 0.35s ease-in-out 0.2s;
transition: all 0.35s ease-in-out 0.2s;
}
.ih-item.circle.effect6.scale_down_up .wcp-ih-inner:hover .img {
opacity: 0;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.ih-item.circle.effect6.scale_down_up .wcp-ih-inner:hover .info {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.circle.effect7 .img {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.ih-item.circle.effect7.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect7 .info {
background: #333333;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: all 0.35s ease 0.2s;
-moz-transition: all 0.35s ease 0.2s;
transition: all 0.35s ease 0.2s;
}
.ih-item.circle.effect7 .info h3 {
color: #fff;
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect7 .info .bottom-caption {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect7 .wcp-ih-inner:hover .img {
opacity: 0;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.ih-item.circle.effect7 .wcp-ih-inner:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.circle.effect7.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.circle.effect7.left_to_right .wcp-ih-inner:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect7.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.circle.effect7.right_to_left .wcp-ih-inner:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect7.top_to_bottom .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.circle.effect7.top_to_bottom .wcp-ih-inner:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect7.bottom_to_top .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.circle.effect7.bottom_to_top .wcp-ih-inner:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect8.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect8 .img-container {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.ih-item.circle.effect8 .img-container .img {
opacity: 1;
-webkit-transition: all 0.3s ease-in-out 0.3s;
-moz-transition: all 0.3s ease-in-out 0.3s;
transition: all 0.3s ease-in-out 0.3s;
}
.ih-item.circle.effect8 .info-container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
border-radius: 50%;
opacity: 0;
pointer-events: none;
-webkit-transition: all 0.3s ease-in-out 0.3s;
-moz-transition: all 0.3s ease-in-out 0.3s;
transition: all 0.3s ease-in-out 0.3s;
}
.ih-item.circle.effect8 .info {
width: 100%;
height: 100%;
background: #333333;
pointer-events: none;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: all 0.35s ease-in-out 0.6s;
-moz-transition: all 0.35s ease-in-out 0.6s;
transition: all 0.35s ease-in-out 0.6s;
}
.ih-item.circle.effect8 .info h3 {
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 45px 0 0 0;
height: 140px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect8 .info .bottom-caption {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect8 .wcp-ih-inner:hover .img-container {
pointer-events: none;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.ih-item.circle.effect8 .wcp-ih-inner:hover .img-container .img {
opacity: 0;
pointer-events: none;
}
.ih-item.circle.effect8 .wcp-ih-inner:hover .info-container {
opacity: 1;
}
.ih-item.circle.effect8 .wcp-ih-inner:hover .info-container .info {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.circle.effect8.left_to_right .img-container .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect8.left_to_right .info-container {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.circle.effect8.left_to_right .wcp-ih-inner:hover .img-container .img {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.circle.effect8.left_to_right .wcp-ih-inner:hover .info-container {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect8.right_to_left .img-container .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect8.right_to_left .info-container {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.circle.effect8.right_to_left .wcp-ih-inner:hover .img-container .img {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.circle.effect8.right_to_left .wcp-ih-inner:hover .info-container {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect8.top_to_bottom .img-container .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect8.top_to_bottom .info-container {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.circle.effect8.top_to_bottom .wcp-ih-inner:hover .img-container .img {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.circle.effect8.top_to_bottom .wcp-ih-inner:hover .info-container {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect8.bottom_to_top .img-container .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect8.bottom_to_top .info-container {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.circle.effect8.bottom_to_top .wcp-ih-inner:hover .img-container .img {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.circle.effect8.bottom_to_top .wcp-ih-inner:hover .info-container {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect9 .img {
opacity: 1;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.ih-item.circle.effect9.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect9 .info {
background: #333333;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: all 0.35s ease 0.2s;
-moz-transition: all 0.35s ease 0.2s;
transition: all 0.35s ease 0.2s;
}
.ih-item.circle.effect9 .info h3 {
color: #fff;
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect9 .info .bottom-caption {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect9 .wcp-ih-inner:hover .img {
opacity: 0;
pointer-events: none;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.ih-item.circle.effect9 .wcp-ih-inner:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.circle.effect9.left_to_right .img {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
}
.ih-item.circle.effect9.left_to_right .wcp-ih-inner:hover .img {
-webkit-transform: translateX(100%) rotate(180deg);
-moz-transform: translateX(100%) rotate(180deg);
-ms-transform: translateX(100%) rotate(180deg);
-o-transform: translateX(100%) rotate(180deg);
transform: translateX(100%) rotate(180deg);
}
.ih-item.circle.effect9.right_to_left .img {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
}
.ih-item.circle.effect9.right_to_left .wcp-ih-inner:hover .img {
-webkit-transform: translateX(-100%) rotate(-180deg);
-moz-transform: translateX(-100%) rotate(-180deg);
-ms-transform: translateX(-100%) rotate(-180deg);
-o-transform: translateX(-100%) rotate(-180deg);
transform: translateX(-100%) rotate(-180deg);
}
.ih-item.circle.effect9.top_to_bottom .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect9.top_to_bottom .wcp-ih-inner:hover .img {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.circle.effect9.bottom_to_top .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect9.bottom_to_top .wcp-ih-inner:hover .img {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.circle.effect10 .img {
z-index: 11;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect10.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect10 .info {
background: #333333;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect10 .info h3 {
color: #fff;
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
font-size: 22px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect10 .info .bottom-caption {
color: #bbb;
font-style: italic;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect10 .wcp-ih-inner:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.circle.effect10.top_to_bottom .info h3 {
margin: 0 30px;
padding: 25px 0 0 0;
height: 78px;
}
.ih-item.circle.effect10.top_to_bottom .info .bottom-caption {
margin: 0 30px;
padding: 5px;
}
.ih-item.circle.effect10.top_to_bottom .wcp-ih-inner:hover .img {
-webkit-transform: translateY(50px) scale(0.5);
-moz-transform: translateY(50px) scale(0.5);
-ms-transform: translateY(50px) scale(0.5);
-o-transform: translateY(50px) scale(0.5);
transform: translateY(50px) scale(0.5);
}
.ih-item.circle.effect10.bottom_to_top .info h3 {
margin: 95px 30px 0;
padding: 25px 0 0 0;
height: 78px;
}
.ih-item.circle.effect10.bottom_to_top .info .bottom-caption {
margin: 0 30px;
padding: 5px;
}
.ih-item.circle.effect10.bottom_to_top .wcp-ih-inner:hover .img {
-webkit-transform: translateY(-50px) scale(0.5);
-moz-transform: translateY(-50px) scale(0.5);
-ms-transform: translateY(-50px) scale(0.5);
-o-transform: translateY(-50px) scale(0.5);
transform: translateY(-50px) scale(0.5);
}
.ih-item.circle.effect11 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px;
}
.ih-item.circle.effect11 .img {
opacity: 1;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect11.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect11 .info {
background: #333333;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.35s ease 0.35s;
-moz-transition: all 0.35s ease 0.35s;
transition: all 0.35s ease 0.35s;
}
.ih-item.circle.effect11 .info h3 {
color: #fff;
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect11 .info .bottom-caption {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect11 .wcp-ih-inner:hover .img {
opacity: 0;
}
.ih-item.circle.effect11 .wcp-ih-inner:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.circle.effect11.left_to_right .img {
-webkit-transform: translateZ(0) rotateY(0);
-moz-transform: translateZ(0) rotateY(0);
-ms-transform: translateZ(0) rotateY(0);
-o-transform: translateZ(0) rotateY(0);
transform: translateZ(0) rotateY(0);
}
.ih-item.circle.effect11.left_to_right .info {
-webkit-transform: translateZ(-1000px) rotateY(-90deg);
-moz-transform: translateZ(-1000px) rotateY(-90deg);
-ms-transform: translateZ(-1000px) rotateY(-90deg);
-o-transform: translateZ(-1000px) rotateY(-90deg);
transform: translateZ(-1000px) rotateY(-90deg);
}
.ih-item.circle.effect11.left_to_right .wcp-ih-inner:hover .img {
-webkit-transform: translateZ(-1000px) rotateY(90deg);
-moz-transform: translateZ(-1000px) rotateY(90deg);
-ms-transform: translateZ(-1000px) rotateY(90deg);
-o-transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
}
.ih-item.circle.effect11.left_to_right .wcp-ih-inner:hover .info {
-webkit-transform: translateZ(0) rotateY(0);
-moz-transform: translateZ(0) rotateY(0);
-ms-transform: translateZ(0) rotateY(0);
-o-transform: translateZ(0) rotateY(0);
transform: translateZ(0) rotateY(0);
}
.ih-item.circle.effect11.right_to_left .img {
-webkit-transform: translateZ(0) rotateY(0);
-moz-transform: translateZ(0) rotateY(0);
-ms-transform: translateZ(0) rotateY(0);
-o-transform: translateZ(0) rotateY(0);
transform: translateZ(0) rotateY(0);
}
.ih-item.circle.effect11.right_to_left .info {
-webkit-transform: translateZ(-1000px) rotateY(90deg);
-moz-transform: translateZ(-1000px) rotateY(90deg);
-ms-transform: translateZ(-1000px) rotateY(90deg);
-o-transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
}
.ih-item.circle.effect11.right_to_left .wcp-ih-inner:hover .img {
-webkit-transform: translateZ(-1000px) rotateY(-90deg);
-moz-transform: translateZ(-1000px) rotateY(-90deg);
-ms-transform: translateZ(-1000px) rotateY(-90deg);
-o-transform: translateZ(-1000px) rotateY(-90deg);
transform: translateZ(-1000px) rotateY(-90deg);
}
.ih-item.circle.effect11.right_to_left .wcp-ih-inner:hover .info {
-webkit-transform: translateZ(0) rotateY(0);
-moz-transform: translateZ(0) rotateY(0);
-ms-transform: translateZ(0) rotateY(0);
-o-transform: translateZ(0) rotateY(0);
transform: translateZ(0) rotateY(0);
}
.ih-item.circle.effect11.top_to_bottom .img {
-webkit-transform: translateZ(0) rotateX(0);
-moz-transform: translateZ(0) rotateX(0);
-ms-transform: translateZ(0) rotateX(0);
-o-transform: translateZ(0) rotateX(0);
transform: translateZ(0) rotateX(0);
}
.ih-item.circle.effect11.top_to_bottom .info {
-webkit-transform: translateZ(-1000px) rotateX(90deg);
-moz-transform: translateZ(-1000px) rotateX(90deg);
-ms-transform: translateZ(-1000px) rotateX(90deg);
-o-transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
}
.ih-item.circle.effect11.top_to_bottom .wcp-ih-inner:hover .img {
-webkit-transform: translateZ(-1000px) rotateX(-90deg);
-moz-transform: translateZ(-1000px) rotateX(-90deg);
-ms-transform: translateZ(-1000px) rotateX(-90deg);
-o-transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
}
.ih-item.circle.effect11.top_to_bottom .wcp-ih-inner:hover .info {
-webkit-transform: translateZ(0) rotateX(0);
-moz-transform: translateZ(0) rotateX(0);
-ms-transform: translateZ(0) rotateX(0);
-o-transform: translateZ(0) rotateX(0);
transform: translateZ(0) rotateX(0);
}
.ih-item.circle.effect11.bottom_to_top .img {
-webkit-transform: translateZ(0) rotateX(0);
-moz-transform: translateZ(0) rotateX(0);
-ms-transform: translateZ(0) rotateX(0);
-o-transform: translateZ(0) rotateX(0);
transform: translateZ(0) rotateX(0);
}
.ih-item.circle.effect11.bottom_to_top .info {
-webkit-transform: translateZ(-1000px) rotateX(-90deg);
-moz-transform: translateZ(-1000px) rotateX(-90deg);
-ms-transform: translateZ(-1000px) rotateX(-90deg);
-o-transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
}
.ih-item.circle.effect11.bottom_to_top .wcp-ih-inner:hover .img {
-webkit-transform: translateZ(-1000px) rotateX(90deg);
-moz-transform: translateZ(-1000px) rotateX(90deg);
-ms-transform: translateZ(-1000px) rotateX(90deg);
-o-transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
}
.ih-item.circle.effect11.bottom_to_top .wcp-ih-inner:hover .info {
-webkit-transform: translateZ(0) rotateX(0);
-moz-transform: translateZ(0) rotateX(0);
-ms-transform: translateZ(0) rotateX(0);
-o-transform: translateZ(0) rotateX(0);
transform: translateZ(0) rotateX(0);
}
.ih-item.circle.effect12 .img {
opacity: 1;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect12.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect12 .info {
background: #333333;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect12 .info h3 {
color: #fff;
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect12 .info .bottom-caption {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect12 .wcp-ih-inner:hover .img {
opacity: 0;
pointer-events: none;
}
.ih-item.circle.effect12 .wcp-ih-inner:hover .info {
opacity: 1;
visibility: visible;
}
.ih-item.circle.effect12.left_to_right .img {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
}
.ih-item.circle.effect12.left_to_right .info {
-webkit-transform: translateX(100%) rotate(180deg);
-moz-transform: translateX(100%) rotate(180deg);
-ms-transform: translateX(100%) rotate(180deg);
-o-transform: translateX(100%) rotate(180deg);
transform: translateX(100%) rotate(180deg);
}
.ih-item.circle.effect12.left_to_right .wcp-ih-inner:hover .img {
-webkit-transform: translateX(100%) rotate(180deg);
-moz-transform: translateX(100%) rotate(180deg);
-ms-transform: translateX(100%) rotate(180deg);
-o-transform: translateX(100%) rotate(180deg);
transform: translateX(100%) rotate(180deg);
}
.ih-item.circle.effect12.left_to_right .wcp-ih-inner:hover .info {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.ih-item.circle.effect12.right_to_left .img {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
}
.ih-item.circle.effect12.right_to_left .info {
-webkit-transform: translateX(-100%) rotate(-180deg);
-moz-transform: translateX(-100%) rotate(-180deg);
-ms-transform: translateX(-100%) rotate(-180deg);
-o-transform: translateX(-100%) rotate(-180deg);
transform: translateX(-100%) rotate(-180deg);
}
.ih-item.circle.effect12.right_to_left .wcp-ih-inner:hover .img {
-webkit-transform: translateX(-100%) rotate(-180deg);
-moz-transform: translateX(-100%) rotate(-180deg);
-ms-transform: translateX(-100%) rotate(-180deg);
-o-transform: translateX(-100%) rotate(-180deg);
transform: translateX(-100%) rotate(-180deg);
}
.ih-item.circle.effect12.right_to_left .wcp-ih-inner:hover .info {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.ih-item.circle.effect12.top_to_bottom .img {
-webkit-transform: translateY(0) rotate(0);
-moz-transform: translateY(0) rotate(0);
-ms-transform: translateY(0) rotate(0);
-o-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
.ih-item.circle.effect12.top_to_bottom .info {
-webkit-transform: translateY(-100%) rotate(-180deg);
-moz-transform: translateY(-100%) rotate(-180deg);
-ms-transform: translateY(-100%) rotate(-180deg);
-o-transform: translateY(-100%) rotate(-180deg);
transform: translateY(-100%) rotate(-180deg);
}
.ih-item.circle.effect12.top_to_bottom .wcp-ih-inner:hover .img {
-webkit-transform: translateY(-100%) rotate(-180deg);
-moz-transform: translateY(-100%) rotate(-180deg);
-ms-transform: translateY(-100%) rotate(-180deg);
-o-transform: translateY(-100%) rotate(-180deg);
transform: translateY(-100%) rotate(-180deg);
}
.ih-item.circle.effect12.top_to_bottom .wcp-ih-inner:hover .info {
-webkit-transform: translateY(0) rotate(0);
-moz-transform: translateY(0) rotate(0);
-ms-transform: translateY(0) rotate(0);
-o-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.ih-item.circle.effect12.bottom_to_top .img {
-webkit-transform: translateY(0) rotate(0);
-moz-transform: translateY(0) rotate(0);
-ms-transform: translateY(0) rotate(0);
-o-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
.ih-item.circle.effect12.bottom_to_top .info {
-webkit-transform: translateY(100%) rotate(180deg);
-moz-transform: translateY(100%) rotate(180deg);
-ms-transform: translateY(100%) rotate(180deg);
-o-transform: translateY(100%) rotate(180deg);
transform: translateY(100%) rotate(180deg);
}
.ih-item.circle.effect12.bottom_to_top .wcp-ih-inner:hover .img {
-webkit-transform: translateY(100%) rotate(180deg);
-moz-transform: translateY(100%) rotate(180deg);
-ms-transform: translateY(100%) rotate(180deg);
-o-transform: translateY(100%) rotate(180deg);
transform: translateY(100%) rotate(180deg);
}
.ih-item.circle.effect12.bottom_to_top .wcp-ih-inner:hover .info {
-webkit-transform: translateY(0) rotate(0);
-moz-transform: translateY(0) rotate(0);
-ms-transform: translateY(0) rotate(0);
-o-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.ih-item.circle.effect13.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, 0.6);
}
.ih-item.circle.effect13 .info {
background: #333333;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
pointer-events: none;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect13 .info h3 {
visibility: hidden;
color: #fff;
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect13 .info .bottom-caption {
visibility: hidden;
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect13 .wcp-ih-inner:hover .info {
opacity: 1;
}
.ih-item.circle.effect13 .wcp-ih-inner:hover h3 {
visibility: visible;
}
.ih-item.circle.effect13 .wcp-ih-inner:hover .bottom-caption {
visibility: visible;
}
.ih-item.circle.effect13.from_left_and_right .info h3 {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.circle.effect13.from_left_and_right .info .bottom-caption {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.circle.effect13.from_left_and_right .wcp-ih-inner:hover h3 {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect13.from_left_and_right .wcp-ih-inner:hover .bottom-caption {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect13.top_to_bottom .info h3 {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.circle.effect13.top_to_bottom .info .bottom-caption {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.circle.effect13.top_to_bottom .wcp-ih-inner:hover h3 {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect13.top_to_bottom .wcp-ih-inner:hover .bottom-caption {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect13.bottom_to_top .info h3 {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.circle.effect13.bottom_to_top .info .bottom-caption {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.circle.effect13.bottom_to_top .wcp-ih-inner:hover h3 {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect13.bottom_to_top .wcp-ih-inner:hover .bottom-caption {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect14 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px;
}
.ih-item.circle.effect14 .img {
visibility: visible;
opacity: 1;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.ih-item.circle.effect14.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect14 .info {
background: #333333;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.35s ease-in-out 0.3s;
-moz-transition: all 0.35s ease-in-out 0.3s;
transition: all 0.35s ease-in-out 0.3s;
}
.ih-item.circle.effect14 .info h3 {
color: #fff;
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect14 .info .bottom-caption {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect14 .wcp-ih-inner:hover .img {
opacity: 0;
visibility: hidden;
}
.ih-item.circle.effect14 .wcp-ih-inner:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.circle.effect14.left_to_right .img {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.ih-item.circle.effect14.left_to_right .info {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.ih-item.circle.effect14.left_to_right .wcp-ih-inner:hover .img {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.ih-item.circle.effect14.left_to_right .wcp-ih-inner:hover .info {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
.ih-item.circle.effect14.right_to_left .img {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.ih-item.circle.effect14.right_to_left .info {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.ih-item.circle.effect14.right_to_left .wcp-ih-inner:hover .img {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
}
.ih-item.circle.effect14.right_to_left .wcp-ih-inner:hover .info {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
.ih-item.circle.effect14.top_to_bottom .img {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.ih-item.circle.effect14.top_to_bottom .info {
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.ih-item.circle.effect14.top_to_bottom .wcp-ih-inner:hover .img {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
}
.ih-item.circle.effect14.top_to_bottom .wcp-ih-inner:hover .info {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
}
.ih-item.circle.effect14.bottom_to_top .img {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.ih-item.circle.effect14.bottom_to_top .info {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.ih-item.circle.effect14.bottom_to_top .wcp-ih-inner:hover .img {
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
.ih-item.circle.effect14.bottom_to_top .wcp-ih-inner:hover .info {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
}
.ih-item.circle.effect15 .img {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect15.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect15 .info {
background: #333333;
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0.5) rotate(-720deg);
-moz-transform: scale(0.5) rotate(-720deg);
-ms-transform: scale(0.5) rotate(-720deg);
-o-transform: scale(0.5) rotate(-720deg);
transform: scale(0.5) rotate(-720deg);
-webkit-transition: all 0.35s ease-in-out 0.3s;
-moz-transition: all 0.35s ease-in-out 0.3s;
transition: all 0.35s ease-in-out 0.3s;
}
.ih-item.circle.effect15 .info h3 {
color: #fff;
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect15 .info .bottom-caption {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect15 .wcp-ih-inner:hover .img {
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0.5) rotate(720deg);
-moz-transform: scale(0.5) rotate(720deg);
-ms-transform: scale(0.5) rotate(720deg);
-o-transform: scale(0.5) rotate(720deg);
transform: scale(0.5) rotate(720deg);
}
.ih-item.circle.effect15 .wcp-ih-inner:hover .info {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
.ih-item.circle.effect16 .img {
z-index: 11;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect16.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect16 .info {
background: #333333;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect16 .info h3 {
color: #fff;
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect16 .info .bottom-caption {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect16.left_to_right .img {
-webkit-transform-origin: 95% 40%;
-moz-transform-origin: 95% 40%;
-ms-transform-origin: 95% 40%;
-o-transform-origin: 95% 40%;
transform-origin: 95% 40%;
}
.ih-item.circle.effect16.left_to_right .img:after {
content: '';
width: 8px;
height: 8px;
position: absolute;
border-radius: 50%;
top: 40%;
left: 95%;
margin: -4px 0 0 -4px;
background: rgba(0, 0, 0, 0.8);
box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);
}
.ih-item.circle.effect16.left_to_right .wcp-ih-inner:hover .img {
-webkit-transform: rotate(-120deg);
-moz-transform: rotate(-120deg);
-ms-transform: rotate(-120deg);
-o-transform: rotate(-120deg);
transform: rotate(-120deg);
}
.ih-item.circle.effect16.right_to_left .img {
-webkit-transform-origin: 5% 40%;
-moz-transform-origin: 5% 40%;
-ms-transform-origin: 5% 40%;
-o-transform-origin: 5% 40%;
transform-origin: 5% 40%;
}
.ih-item.circle.effect16.right_to_left .img:after {
content: '';
width: 8px;
height: 8px;
position: absolute;
border-radius: 50%;
top: 40%;
left: 5%;
margin: -4px 0 0 -4px;
background: rgba(0, 0, 0, 0.8);
box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);
}
.ih-item.circle.effect16.right_to_left .wcp-ih-inner:hover .img {
-webkit-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-ms-transform: rotate(120deg);
-o-transform: rotate(120deg);
transform: rotate(120deg);
}
.ih-item.circle.effect17 .info {
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect17 .info h3 {
color: #fff;
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect17 .info .bottom-caption {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect17 .wcp-ih-inner:hover .img:before {
box-shadow: inset 0 0 0 110px #333333, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 0 110px rgba(0, 0, 0, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
}
.ih-item.circle.effect17 .wcp-ih-inner:hover .info {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.circle.effect17 .wcp-ih-inner:hover .info .bottom-caption {
opacity: 1;
}
.ih-item.circle.effect17.colored .wcp-ih-inner:hover .img:before {
box-shadow: inset 0 0 0 110px #1a4a72, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 0 110px rgba(26, 74, 114, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
}
.ih-item.circle.effect18 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px;
}
.ih-item.circle.effect18 .img {
z-index: 11;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.ih-item.circle.effect18.colored .info .info-back {
background: #1a4a72;
}
.ih-item.circle.effect18 .info {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.ih-item.circle.effect18 .info .info-back {
opacity: 1;
border-radius: 50%;
width: 100%;
height: 100%;
background: #333333;
}
.ih-item.circle.effect18 .info h3 {
color: #fff;
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect18 .info .bottom-caption {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect18.bottom_to_top .img {
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.ih-item.circle.effect18.bottom_to_top .wcp-ih-inner:hover .img {
-webkit-transform: rotate3d(1, 0, 0, 180deg);
-moz-transform: rotate3d(1, 0, 0, 180deg);
-ms-transform: rotate3d(1, 0, 0, 180deg);
-o-transform: rotate3d(1, 0, 0, 180deg);
transform: rotate3d(1, 0, 0, 180deg);
}
.ih-item.circle.effect18.top_to_bottom .img {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.ih-item.circle.effect18.top_to_bottom .wcp-ih-inner:hover .img {
-webkit-transform: rotate3d(1, 0, 0, -180deg);
-moz-transform: rotate3d(1, 0, 0, -180deg);
-ms-transform: rotate3d(1, 0, 0, -180deg);
-o-transform: rotate3d(1, 0, 0, -180deg);
transform: rotate3d(1, 0, 0, -180deg);
}
.ih-item.circle.effect18.left_to_right .img {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.ih-item.circle.effect18.left_to_right .wcp-ih-inner:hover .img {
-webkit-transform: rotate3d(0, 1, 0, 180deg);
-moz-transform: rotate3d(0, 1, 0, 180deg);
-ms-transform: rotate3d(0, 1, 0, 180deg);
-o-transform: rotate3d(0, 1, 0, 180deg);
transform: rotate3d(0, 1, 0, 180deg);
}
.ih-item.circle.effect18.right_to_left .img {
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.ih-item.circle.effect18.right_to_left .wcp-ih-inner:hover .img {
-webkit-transform: rotate3d(0, 1, 0, -180deg);
-moz-transform: rotate3d(0, 1, 0, -180deg);
-ms-transform: rotate3d(0, 1, 0, -180deg);
-o-transform: rotate3d(0, 1, 0, -180deg);
transform: rotate3d(0, 1, 0, -180deg);
}
.ih-item.circle.effect19.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, 0.6);
}
.ih-item.circle.effect19 .info {
background: #333333;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect19 .info h3 {
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 45px 0 0 0;
height: 140px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect19 .info .bottom-caption {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect19 .wcp-ih-inner:hover .info {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.circle.effect20 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px;
}
.ih-item.circle.effect20 .img {
-webkit-transition: all 0.35s linear;
-moz-transition: all 0.35s linear;
transition: all 0.35s linear;
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.ih-item.circle.effect20.colored .info .info-back {
background: #1a4a72;
}
.ih-item.circle.effect20 .info {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.ih-item.circle.effect20 .info .info-back {
opacity: 1;
visibility: hidden;
border-radius: 50%;
width: 100%;
height: 100%;
background: #333333;
-webkit-transition: all 0.35s linear;
-moz-transition: all 0.35s linear;
transition: all 0.35s linear;
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.ih-item.circle.effect20 .info h3 {
color: #fff;
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect20 .info .bottom-caption {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect20 .wcp-ih-inner:hover .img {
opacity: 0;
}
.ih-item.circle.effect20 .wcp-ih-inner:hover .info .info-back {
opacity: 1;
visibility: visible;
}
.ih-item.circle.effect20.top_to_bottom .info .info-back {
-webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
-moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
-ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
-o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
}
.ih-item.circle.effect20.top_to_bottom .wcp-ih-inner:hover .img {
-webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
-moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
-ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
-o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
}
.ih-item.circle.effect20.top_to_bottom .wcp-ih-inner:hover .info .info-back {
-webkit-transform: rotate3d(1, 0, 0, 0deg);
-moz-transform: rotate3d(1, 0, 0, 0deg);
-ms-transform: rotate3d(1, 0, 0, 0deg);
-o-transform: rotate3d(1, 0, 0, 0deg);
transform: rotate3d(1, 0, 0, 0deg);
}
.ih-item.circle.effect20.bottom_to_top .info .info-back {
-webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
-moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
-ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
-o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
}
.ih-item.circle.effect20.bottom_to_top .wcp-ih-inner:hover .img {
-webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
-moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
-ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
-o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
}
.ih-item.circle.effect20.bottom_to_top .wcp-ih-inner:hover .info .info-back {
-webkit-transform: rotate3d(1, 0, 0, 0deg);
-moz-transform: rotate3d(1, 0, 0, 0deg);
-ms-transform: rotate3d(1, 0, 0, 0deg);
-o-transform: rotate3d(1, 0, 0, 0deg);
transform: rotate3d(1, 0, 0, 0deg);
}
.ih-item.square.effect1 {
overflow: hidden;
}
.ih-item.square.effect1.colored .info {
background: #1a4a72;
}
.ih-item.square.effect1 .img {
z-index: 11;
position: relative;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect1 .info {
background: #333333;
visibility: hidden;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect1 .wcp-ih-inner:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect1.left_and_right .info h3 {
position: absolute;
top: 12px;
left: 12px;
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
margin: 0;
}
.ih-item.square.effect1.left_and_right .info .bottom-caption {
position: absolute;
right: 12px;
bottom: 12px;
margin: 0;
font-style: italic;
font-size: 12px;
color: #bbb;
}
.ih-item.square.effect1.left_and_right .wcp-ih-inner:hover .img {
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
-ms-transform: scale(0.6);
-o-transform: scale(0.6);
transform: scale(0.6);
}
.ih-item.square.effect1.top_to_bottom .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px 10px 0 4px;
margin: 10px 0 0 0;
}
.ih-item.square.effect1.top_to_bottom .info .bottom-caption {
font-style: italic;
font-size: 12px;
color: #bbb;
padding: 5px;
text-align: center;
}
.ih-item.square.effect1.top_to_bottom .wcp-ih-inner:hover .img {
-webkit-transform: translateY(30px) scale(0.6);
-moz-transform: translateY(30px) scale(0.6);
-ms-transform: translateY(30px) scale(0.6);
-o-transform: translateY(30px) scale(0.6);
transform: translateY(30px) scale(0.6);
}
.ih-item.square.effect1.bottom_to_top .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px 10px 0 4px;
margin: 134px 0 0 0;
}
.ih-item.square.effect1.bottom_to_top .info .bottom-caption {
font-style: italic;
font-size: 12px;
color: #bbb;
padding: 5px;
text-align: center;
}
.ih-item.square.effect1.bottom_to_top .wcp-ih-inner:hover .img {
-webkit-transform: translateY(-30px) scale(0.6);
-moz-transform: translateY(-30px) scale(0.6);
-ms-transform: translateY(-30px) scale(0.6);
-o-transform: translateY(-30px) scale(0.6);
transform: translateY(-30px) scale(0.6);
}
.ih-item.square.effect2 {
overflow: hidden;
}
.ih-item.square.effect2.colored .info {
background: #1a4a72;
}
.ih-item.square.effect2.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect2 .img {
opacity: 1;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: rotate(0deg) scale(1);
-moz-transform: rotate(0deg) scale(1);
-ms-transform: rotate(0deg) scale(1);
-o-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
}
.ih-item.square.effect2 .info {
background: #333333;
visibility: hidden;
-webkit-transition: all 0.35s 0.3s ease-in-out;
-moz-transition: all 0.35s 0.3s ease-in-out;
transition: all 0.35s 0.3s ease-in-out;
}
.ih-item.square.effect2 .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
-webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);
-ms-transform: translateY(-200px);
-o-transform: translateY(-200px);
transform: translateY(-200px);
-webkit-transition: all 0.35s 0.6s ease-in-out;
-moz-transition: all 0.35s 0.6s ease-in-out;
transition: all 0.35s 0.6s ease-in-out;
}
.ih-item.square.effect2 .info .bottom-caption {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
-webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);
-ms-transform: translateY(-200px);
-o-transform: translateY(-200px);
transform: translateY(-200px);
-webkit-transition: all 0.35s 0.5s linear;
-moz-transition: all 0.35s 0.5s linear;
transition: all 0.35s 0.5s linear;
}
.ih-item.square.effect2 .wcp-ih-inner:hover .img {
-webkit-transform: rotate(720deg) scale(0);
-moz-transform: rotate(720deg) scale(0);
-ms-transform: rotate(720deg) scale(0);
-o-transform: rotate(720deg) scale(0);
transform: rotate(720deg) scale(0);
opacity: 0;
}
.ih-item.square.effect2 .wcp-ih-inner:hover .info {
visibility: visible;
}
.ih-item.square.effect2 .wcp-ih-inner:hover .info h3,
.ih-item.square.effect2 .wcp-ih-inner:hover .info .bottom-caption {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect3 {
overflow: hidden;
}
.ih-item.square.effect3.colored .info {
background: #1a4a72;
}
.ih-item.square.effect3 .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect3 .info {
height: 65px;
background: #333333;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect3 .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px 10px 0 4px;
margin: 4px 0 0 0;
}
.ih-item.square.effect3 .info .bottom-caption {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 5px;
text-align: center;
}
.ih-item.square.effect3 .wcp-ih-inner:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.square.effect3.bottom_to_top .info {
top: auto;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.square.effect3.bottom_to_top .wcp-ih-inner:hover .img {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
}
.ih-item.square.effect3.bottom_to_top .wcp-ih-inner:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect3.top_to_bottom .info {
bottom: auto;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.square.effect3.top_to_bottom .wcp-ih-inner:hover .img {
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
.ih-item.square.effect3.top_to_bottom .wcp-ih-inner:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect4 {
overflow: hidden;
position: relative;
}
.ih-item.square.effect4.colored .info {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect4.colored .mask1,
.ih-item.square.effect4.colored .mask2 {
background: #1a4a72;
background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect4 .img {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect4 .mask1,
.ih-item.square.effect4 .mask2 {
position: absolute;
background: #333333;
background: rgba(0, 0, 0, 0.6);
height: 361px;
width: 361px;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect4 .mask1 {
left: auto;
right: 0;
top: 0;
-webkit-transform: rotate(56.5deg) translateX(-180px);
-moz-transform: rotate(56.5deg) translateX(-180px);
-ms-transform: rotate(56.5deg) translateX(-180px);
-o-transform: rotate(56.5deg) translateX(-180px);
transform: rotate(56.5deg) translateX(-180px);
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
.ih-item.square.effect4 .mask2 {
top: auto;
bottom: 0;
left: 0;
-webkit-transform: rotate(56.5deg) translateX(180px);
-moz-transform: rotate(56.5deg) translateX(180px);
-ms-transform: rotate(56.5deg) translateX(180px);
-o-transform: rotate(56.5deg) translateX(180px);
transform: rotate(56.5deg) translateX(180px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
.ih-item.square.effect4 .info {
background: #111111;
height: 0;
visibility: hidden;
width: 361px;
-webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
-moz-transform: rotate(-33.5deg) translate(-112px, 166px);
-ms-transform: rotate(-33.5deg) translate(-112px, 166px);
-o-transform: rotate(-33.5deg) translate(-112px, 166px);
transform: rotate(-33.5deg) translate(-112px, 166px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transition: all 0.35s ease-in-out 0.35s;
-moz-transition: all 0.35s ease-in-out 0.35s;
transition: all 0.35s ease-in-out 0.35s;
}
.ih-item.square.effect4 .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: transparent;
margin-top: 5px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
opacity: 0;
-webkit-transition: all 0.35s ease-in-out 0.35s;
-moz-transition: all 0.35s ease-in-out 0.35s;
transition: all 0.35s ease-in-out 0.35s;
}
.ih-item.square.effect4 .info .bottom-caption {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out 0.35s;
-moz-transition: all 0.35s ease-in-out 0.35s;
transition: all 0.35s ease-in-out 0.35s;
}
.ih-item.square.effect4 .wcp-ih-inner:hover .mask1 {
-webkit-transform: rotate(56.5deg) translateX(1px);
-moz-transform: rotate(56.5deg) translateX(1px);
-ms-transform: rotate(56.5deg) translateX(1px);
-o-transform: rotate(56.5deg) translateX(1px);
transform: rotate(56.5deg) translateX(1px);
}
.ih-item.square.effect4 .wcp-ih-inner:hover .mask2 {
-webkit-transform: rotate(56.5deg) translateX(-1px);
-moz-transform: rotate(56.5deg) translateX(-1px);
-ms-transform: rotate(56.5deg) translateX(-1px);
-o-transform: rotate(56.5deg) translateX(-1px);
transform: rotate(56.5deg) translateX(-1px);
}
.ih-item.square.effect4 .wcp-ih-inner:hover .info {
width: 300px;
height: 120px;
visibility: visible;
top: 40px;
-webkit-transform: rotate(0deg) translate(0, 0);
-moz-transform: rotate(0deg) translate(0, 0);
-ms-transform: rotate(0deg) translate(0, 0);
-o-transform: rotate(0deg) translate(0, 0);
transform: rotate(0deg) translate(0, 0);
}
.ih-item.square.effect4 .wcp-ih-inner:hover .info h3,
.ih-item.square.effect4 .wcp-ih-inner:hover .info .bottom-caption {
opacity: 1;
}
.ih-item.square.effect5.colored .info {
background: #1a4a72;
}
.ih-item.square.effect5.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect5 .img {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect5 .info {
background: #333333;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect5 .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
}
.ih-item.square.effect5 .info .bottom-caption {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
}
.ih-item.square.effect5 .wcp-ih-inner:hover .img {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
transition-delay: 0;
}
.ih-item.square.effect5 .wcp-ih-inner:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.ih-item.square.effect5.left_to_right .info {
-webkit-transform: scale(0) rotate(-180deg);
-moz-transform: scale(0) rotate(-180deg);
-ms-transform: scale(0) rotate(-180deg);
-o-transform: scale(0) rotate(-180deg);
transform: scale(0) rotate(-180deg);
}
.ih-item.square.effect5.right_to_left .info {
-webkit-transform: scale(0) rotate(180deg);
-moz-transform: scale(0) rotate(180deg);
-ms-transform: scale(0) rotate(180deg);
-o-transform: scale(0) rotate(180deg);
transform: scale(0) rotate(180deg);
}
.ih-item.square.effect6 {
overflow: hidden;
}
.ih-item.square.effect6.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect6.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect6 .img {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect6 .info {
background: #333333;
background: rgba(0, 0, 0, 0.6);
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect6 .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect6 .info .bottom-caption {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
-webkit-transition: all 0.35s 0.1s linear;
-moz-transition: all 0.35s 0.1s linear;
transition: all 0.35s 0.1s linear;
}
.ih-item.square.effect6 .wcp-ih-inner:hover .img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.ih-item.square.effect6 .wcp-ih-inner:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.square.effect6.from_top_and_bottom .info h3 {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.square.effect6.from_top_and_bottom .info .bottom-caption {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.square.effect6.from_top_and_bottom .wcp-ih-inner:hover .info h3,
.ih-item.square.effect6.from_top_and_bottom .wcp-ih-inner:hover .info .bottom-caption {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect6.from_left_and_right .info h3 {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.square.effect6.from_left_and_right .info .bottom-caption {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.square.effect6.from_left_and_right .wcp-ih-inner:hover .info h3,
.ih-item.square.effect6.from_left_and_right .wcp-ih-inner:hover .info .bottom-caption {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.square.effect6.top_to_bottom .info h3 {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.square.effect6.top_to_bottom .info .bottom-caption {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.square.effect6.top_to_bottom .wcp-ih-inner:hover .info h3,
.ih-item.square.effect6.top_to_bottom .wcp-ih-inner:hover .info .bottom-caption {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect6.bottom_to_top .info h3 {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.square.effect6.bottom_to_top .info .bottom-caption {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.square.effect6.bottom_to_top .wcp-ih-inner:hover .info h3,
.ih-item.square.effect6.bottom_to_top .wcp-ih-inner:hover .info .bottom-caption {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect7 {
overflow: hidden;
}
.ih-item.square.effect7.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect7.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect7 .img {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect7 .info {
background: #333333;
background: rgba(0, 0, 0, 0.6);
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect7 .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
-webkit-transform: scale(4);
-moz-transform: scale(4);
-ms-transform: scale(4);
-o-transform: scale(4);
transform: scale(4);
-webkit-transition: all 0.35s 0.1s ease-in-out;
-moz-transition: all 0.35s 0.1s ease-in-out;
transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect7 .info .bottom-caption {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
-webkit-transform: scale(5);
-moz-transform: scale(5);
-ms-transform: scale(5);
-o-transform: scale(5);
transform: scale(5);
-webkit-transition: all 0.35s 0.3s linear;
-moz-transition: all 0.35s 0.3s linear;
transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect7 .wcp-ih-inner:hover .img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.ih-item.square.effect7 .wcp-ih-inner:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.square.effect7 .wcp-ih-inner:hover .info h3,
.ih-item.square.effect7 .wcp-ih-inner:hover .info .bottom-caption {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect8 {
overflow: hidden;
}
.ih-item.square.effect8.colored .info {
background: #1a4a72;
}
.ih-item.square.effect8.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect8 .img {
opacity: 1;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect8 .info {
background: #333333;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect8 .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
-webkit-transition: all 0.35s 0.1s ease-in-out;
-moz-transition: all 0.35s 0.1s ease-in-out;
transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect8 .info .bottom-caption {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
-webkit-transition: all 0.35s 0.15s linear;
-moz-transition: all 0.35s 0.15s linear;
transition: all 0.35s 0.15s linear;
}
.ih-item.square.effect8 .wcp-ih-inner:hover .img {
opacity: 0;
}
.ih-item.square.effect8 .wcp-ih-inner:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.square.effect8.scale_up .img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect8.scale_up .info {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.ih-item.square.effect8.scale_up .info h3,
.ih-item.square.effect8.scale_up .info .bottom-caption {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.ih-item.square.effect8.scale_up .wcp-ih-inner:hover .img {
-webkit-transform: scale(5);
-moz-transform: scale(5);
-ms-transform: scale(5);
-o-transform: scale(5);
transform: scale(5);
}
.ih-item.square.effect8.scale_up .wcp-ih-inner:hover .info {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect8.scale_up .wcp-ih-inner:hover .info h3,
.ih-item.square.effect8.scale_up .wcp-ih-inner:hover .info .bottom-caption {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect8.scale_down .img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect8.scale_down .info {
-webkit-transform: scale(5);
-moz-transform: scale(5);
-ms-transform: scale(5);
-o-transform: scale(5);
transform: scale(5);
}
.ih-item.square.effect8.scale_down .info h3,
.ih-item.square.effect8.scale_down .info .bottom-caption {
-webkit-transform: scale(5);
-moz-transform: scale(5);
-ms-transform: scale(5);
-o-transform: scale(5);
transform: scale(5);
}
.ih-item.square.effect8.scale_down .wcp-ih-inner:hover .img {
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.ih-item.square.effect8.scale_down .wcp-ih-inner:hover .info {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect8.scale_down .wcp-ih-inner:hover .info h3,
.ih-item.square.effect8.scale_down .wcp-ih-inner:hover .info .bottom-caption {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect9 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px;
}
.ih-item.square.effect9.colored .info .info-back {
background: #1a4a72;
}
.ih-item.square.effect9.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect9 .img {
position: relative;
z-index: 11;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.ih-item.square.effect9 .info {
z-index: 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.ih-item.square.effect9 .info .info-back {
opacity: 1;
width: 100%;
height: 100%;
padding-top: 30px;
background: #333333;
}
.ih-item.square.effect9 .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 0;
}
.ih-item.square.effect9 .info .bottom-caption {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
}
.ih-item.square.effect9.left_to_right .img {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.ih-item.square.effect9.left_to_right .wcp-ih-inner:hover .img {
-webkit-transform: rotate3d(0, 1, 0, 180deg);
-moz-transform: rotate3d(0, 1, 0, 180deg);
-ms-transform: rotate3d(0, 1, 0, 180deg);
-o-transform: rotate3d(0, 1, 0, 180deg);
transform: rotate3d(0, 1, 0, 180deg);
}
.ih-item.square.effect9.right_to_left .img {
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.ih-item.square.effect9.right_to_left .wcp-ih-inner:hover .img {
-webkit-transform: rotate3d(0, 1, 0, -180deg);
-moz-transform: rotate3d(0, 1, 0, -180deg);
-ms-transform: rotate3d(0, 1, 0, -180deg);
-o-transform: rotate3d(0, 1, 0, -180deg);
transform: rotate3d(0, 1, 0, -180deg);
}
.ih-item.square.effect9.top_to_bottom .img {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.ih-item.square.effect9.top_to_bottom .wcp-ih-inner:hover .img {
-webkit-transform: rotate3d(1, 0, 0, -180deg);
-moz-transform: rotate3d(1, 0, 0, -180deg);
-ms-transform: rotate3d(1, 0, 0, -180deg);
-o-transform: rotate3d(1, 0, 0, -180deg);
transform: rotate3d(1, 0, 0, -180deg);
}
.ih-item.square.effect9.bottom_to_top .img {
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.ih-item.square.effect9.bottom_to_top .wcp-ih-inner:hover .img {
-webkit-transform: rotate3d(1, 0, 0, 180deg);
-moz-transform: rotate3d(1, 0, 0, 180deg);
-ms-transform: rotate3d(1, 0, 0, 180deg);
-o-transform: rotate3d(1, 0, 0, 180deg);
transform: rotate3d(1, 0, 0, 180deg);
}
.ih-item.square.effect10 {
overflow: hidden;
}
.ih-item.square.effect10.colored .info {
background: #1a4a72;
}
.ih-item.square.effect10.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect10 .img {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect10 .info {
background: #333333;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect10 .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
}
.ih-item.square.effect10 .info .bottom-caption {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
}
.ih-item.square.effect10 .wcp-ih-inner:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.square.effect10.left_to_right .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.square.effect10.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.square.effect10.left_to_right .wcp-ih-inner:hover .img {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.square.effect10.left_to_right .wcp-ih-inner:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.square.effect10.right_to_left .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.square.effect10.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.square.effect10.right_to_left .wcp-ih-inner:hover .img {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.square.effect10.right_to_left .wcp-ih-inner:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.square.effect10.top_to_bottom .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect10.top_to_bottom .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.square.effect10.top_to_bottom .wcp-ih-inner:hover .img {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.square.effect10.top_to_bottom .wcp-ih-inner:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect10.bottom_to_top .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect10.bottom_to_top .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.square.effect10.bottom_to_top .wcp-ih-inner:hover .img {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.square.effect10.bottom_to_top .wcp-ih-inner:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect11 {
overflow: hidden;
}
.ih-item.square.effect11.colored .info {
background: #1a4a72;
}
.ih-item.square.effect11.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect11 .img {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect11 .info {
background: #333333;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.35s ease 0.2s;
-moz-transition: all 0.35s ease 0.2s;
transition: all 0.35s ease 0.2s;
}
.ih-item.square.effect11 .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
}
.ih-item.square.effect11 .info .bottom-caption {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
}
.ih-item.square.effect11 .wcp-ih-inner:hover .img {
opacity: 0;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.ih-item.square.effect11 .wcp-ih-inner:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.square.effect11.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.square.effect11.left_to_right .wcp-ih-inner:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.square.effect11.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.square.effect11.right_to_left .wcp-ih-inner:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.square.effect11.top_to_bottom .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.square.effect11.top_to_bottom .wcp-ih-inner:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect11.bottom_to_top .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.square.effect11.bottom_to_top .wcp-ih-inner:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect12 {
overflow: hidden;
}
.ih-item.square.effect12.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect12.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect12 .img {
-webkit-transition: all 0.35s ease-in;
-moz-transition: all 0.35s ease-in;
transition: all 0.35s ease-in;
}
.ih-item.square.effect12 .info {
background: #333333;
background: rgba(0, 0, 0, 0.6);
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.35s ease-in;
-moz-transition: all 0.35s ease-in;
transition: all 0.35s ease-in;
}
.ih-item.square.effect12 .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
-webkit-transition: all 0.35s ease-in;
-moz-transition: all 0.35s ease-in;
transition: all 0.35s ease-in;
}
.ih-item.square.effect12 .info .bottom-caption {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
-webkit-transition: all 0.35s ease-in;
-moz-transition: all 0.35s ease-in;
transition: all 0.35s ease-in;
}
.ih-item.square.effect12 .wcp-ih-inner:hover .info {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.ih-item.square.effect12 .wcp-ih-inner:hover .info h3 {
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.ih-item.square.effect12 .wcp-ih-inner:hover .info .bottom-caption {
-webkit-transition-delay: 0.25s;
-moz-transition-delay: 0.25s;
transition-delay: 0.25s;
}
.ih-item.square.effect12.left_to_right .info {
-webkit-transform: translate(-460px, -100px) rotate(-180deg);
-moz-transform: translate(-460px, -100px) rotate(-180deg);
-ms-transform: translate(-460px, -100px) rotate(-180deg);
-o-transform: translate(-460px, -100px) rotate(-180deg);
transform: translate(-460px, -100px) rotate(-180deg);
}
.ih-item.square.effect12.left_to_right .info h3 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-ms-transform: translateY(-100px);
-o-transform: translateY(-100px);
transform: translateY(-100px);
}
.ih-item.square.effect12.left_to_right .info .bottom-caption {
-webkit-transform: translateX(-300px) rotate(-90deg);
-moz-transform: translateX(-300px) rotate(-90deg);
-ms-transform: translateX(-300px) rotate(-90deg);
-o-transform: translateX(-300px) rotate(-90deg);
transform: translateX(-300px) rotate(-90deg);
}
.ih-item.square.effect12.left_to_right .wcp-ih-inner:hover .info {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.ih-item.square.effect12.left_to_right .wcp-ih-inner:hover .info h3 {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
.ih-item.square.effect12.left_to_right .wcp-ih-inner:hover .info .bottom-caption {
-webkit-transform: translateX(0px) rotate(0deg);
-moz-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
-o-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
.ih-item.square.effect12.right_to_left .info {
-webkit-transform: translate(460px, -100px) rotate(180deg);
-moz-transform: translate(460px, -100px) rotate(180deg);
-ms-transform: translate(460px, -100px) rotate(180deg);
-o-transform: translate(460px, -100px) rotate(180deg);
transform: translate(460px, -100px) rotate(180deg);
}
.ih-item.square.effect12.right_to_left .info h3 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-ms-transform: translateY(-100px);
-o-transform: translateY(-100px);
transform: translateY(-100px);
}
.ih-item.square.effect12.right_to_left .info .bottom-caption {
-webkit-transform: translateX(300px) rotate(90deg);
-moz-transform: translateX(300px) rotate(90deg);
-ms-transform: translateX(300px) rotate(90deg);
-o-transform: translateX(300px) rotate(90deg);
transform: translateX(300px) rotate(90deg);
}
.ih-item.square.effect12.right_to_left .wcp-ih-inner:hover .info {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.ih-item.square.effect12.right_to_left .wcp-ih-inner:hover .info h3 {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
.ih-item.square.effect12.right_to_left .wcp-ih-inner:hover .info .bottom-caption {
-webkit-transform: translateX(0px) rotate(0deg);
-moz-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
-o-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
.ih-item.square.effect12.top_to_bottom .info {
-webkit-transform: translate(-265px, -145px) rotate(-45deg);
-moz-transform: translate(-265px, -145px) rotate(-45deg);
-ms-transform: translate(-265px, -145px) rotate(-45deg);
-o-transform: translate(-265px, -145px) rotate(-45deg);
transform: translate(-265px, -145px) rotate(-45deg);
}
.ih-item.square.effect12.top_to_bottom .info h3 {
-webkit-transform: translate(200px, -200px);
-moz-transform: translate(200px, -200px);
-ms-transform: translate(200px, -200px);
-o-transform: translate(200px, -200px);
transform: translate(200px, -200px);
}
.ih-item.square.effect12.top_to_bottom .info .bottom-caption {
-webkit-transform: translate(200px, -200px);
-moz-transform: translate(200px, -200px);
-ms-transform: translate(200px, -200px);
-o-transform: translate(200px, -200px);
transform: translate(200px, -200px);
}
.ih-item.square.effect12.top_to_bottom .wcp-ih-inner:hover .info {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.ih-item.square.effect12.top_to_bottom .wcp-ih-inner:hover .info h3 {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.ih-item.square.effect12.top_to_bottom .wcp-ih-inner:hover .info .bottom-caption {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.ih-item.square.effect12.bottom_to_top .info {
-webkit-transform: translate(265px, 145px) rotate(45deg);
-moz-transform: translate(265px, 145px) rotate(45deg);
-ms-transform: translate(265px, 145px) rotate(45deg);
-o-transform: translate(265px, 145px) rotate(45deg);
transform: translate(265px, 145px) rotate(45deg);
}
.ih-item.square.effect12.bottom_to_top .info h3 {
-webkit-transform: translate(200px, -200px);
-moz-transform: translate(200px, -200px);
-ms-transform: translate(200px, -200px);
-o-transform: translate(200px, -200px);
transform: translate(200px, -200px);
}
.ih-item.square.effect12.bottom_to_top .info .bottom-caption {
-webkit-transform: translate(-200px, 200px);
-moz-transform: translate(-200px, 200px);
-ms-transform: translate(-200px, 200px);
-o-transform: translate(-200px, 200px);
transform: translate(-200px, 200px);
}
.ih-item.square.effect12.bottom_to_top .wcp-ih-inner:hover .info {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.ih-item.square.effect12.bottom_to_top .wcp-ih-inner:hover .info h3 {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.ih-item.square.effect12.bottom_to_top .wcp-ih-inner:hover .info .bottom-caption {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.ih-item.square.effect13 {
overflow: hidden;
}
.ih-item.square.effect13.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect13.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect13 .img {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect13 .info {
background: #333333;
background: rgba(0, 0, 0, 0.6);
visibility: hidden;
opacity: 0;
pointer-events: none;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect13 .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
}
.ih-item.square.effect13 .info .bottom-caption {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
}
.ih-item.square.effect13 .wcp-ih-inner:hover .img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.ih-item.square.effect13 .wcp-ih-inner:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.square.effect13.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.square.effect13.left_to_right .wcp-ih-inner:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.square.effect13.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.square.effect13.right_to_left .wcp-ih-inner:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.square.effect13.top_to_bottom .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.square.effect13.top_to_bottom .wcp-ih-inner:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect13.bottom_to_top .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.square.effect13.bottom_to_top .wcp-ih-inner:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect14.colored .info {
background: #1a4a72;
}
.ih-item.square.effect14.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect14 .img {
opacity: 1;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect14 .info {
background: #333333;
visibility: hidden;
opacity: 0;
pointer-events: none;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: all 0.35s ease 0.2s;
-moz-transition: all 0.35s ease 0.2s;
transition: all 0.35s ease 0.2s;
}
.ih-item.square.effect14 .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
}
.ih-item.square.effect14 .info .bottom-caption {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
}
.ih-item.square.effect14 .wcp-ih-inner:hover .img {
opacity: 0;
pointer-events: none;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.ih-item.square.effect14 .wcp-ih-inner:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect14.left_to_right .img {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
}
.ih-item.square.effect14.left_to_right .wcp-ih-inner:hover .img {
-webkit-transform: translateX(100%) rotate(180deg);
-moz-transform: translateX(100%) rotate(180deg);
-ms-transform: translateX(100%) rotate(180deg);
-o-transform: translateX(100%) rotate(180deg);
transform: translateX(100%) rotate(180deg);
}
.ih-item.square.effect14.right_to_left .img {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
}
.ih-item.square.effect14.right_to_left .wcp-ih-inner:hover .img {
-webkit-transform: translateX(-100%) rotate(-180deg);
-moz-transform: translateX(-100%) rotate(-180deg);
-ms-transform: translateX(-100%) rotate(-180deg);
-o-transform: translateX(-100%) rotate(-180deg);
transform: translateX(-100%) rotate(-180deg);
}
.ih-item.square.effect14.top_to_bottom .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect14.top_to_bottom .wcp-ih-inner:hover .img {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.square.effect14.bottom_to_top .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect14.bottom_to_top .wcp-ih-inner:hover .img {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.square.effect15 {
overflow: hidden;
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px;
}
.ih-item.square.effect15.colored .info {
background: #1a4a72;
}
.ih-item.square.effect15 .img {
opacity: 1;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.ih-item.square.effect15 .info {
background: #333333;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out 0.3s;
-moz-transition: all 0.35s ease-in-out 0.3s;
transition: all 0.35s ease-in-out 0.3s;
}
.ih-item.square.effect15 .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
}
.ih-item.square.effect15 .info .bottom-caption {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
}
.ih-item.square.effect15 .wcp-ih-inner:hover .img {
opacity: 0;
visibility: hidden;
}
.ih-item.square.effect15 .wcp-ih-inner:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.square.effect15.left_to_right .img {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.ih-item.square.effect15.left_to_right .info {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.ih-item.square.effect15.left_to_right .wcp-ih-inner:hover .img {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.ih-item.square.effect15.left_to_right .wcp-ih-inner:hover .info {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
.ih-item.square.effect15.right_to_left .img {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.ih-item.square.effect15.right_to_left .info {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.ih-item.square.effect15.right_to_left .wcp-ih-inner:hover .img {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
}
.ih-item.square.effect15.right_to_left .wcp-ih-inner:hover .info {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
.ih-item.square.effect15.top_to_bottom .img {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.ih-item.square.effect15.top_to_bottom .info {
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.ih-item.square.effect15.top_to_bottom .wcp-ih-inner:hover .img {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
}
.ih-item.square.effect15.top_to_bottom .wcp-ih-inner:hover .info {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
}
.ih-item.square.effect15.bottom_to_top .img {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.ih-item.square.effect15.bottom_to_top .info {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.ih-item.square.effect15.bottom_to_top .wcp-ih-inner:hover .img {
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
.ih-item.square.effect15.bottom_to_top .wcp-ih-inner:hover .info {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
}.wcp-caption-plugin audio { display: none;
}
.wcp-caption-plugin .image-caption-box {   
cursor: pointer;
position: relative;  
overflow: visible;
width: 100%; }
.wcp-loader {
display: block;
background-image: url(//www.evh-surveys.com/wp-content/plugins/image-caption-hover-pro/images/ajax-loader.gif);
background-repeat: no-repeat;
background-position: center center;
background-color: #fff;
position: absolute;
width: 100%;
height: 100%;
min-height: 400px;
z-index: 99999999999;
}
.centered-text {
display: table-cell !important;
vertical-align: middle !important;    
}
.wcp-caption-plugin .image-caption-box img {  
position: relative;
-webkit-transition: all 1s ease-out;  
-moz-transition: all 1s ease-out;  
-o-transition: all 1s ease-out;  
-ms-transition: all 1s ease-out;  
transition: all 1s ease-out;
max-width: 100% !important;
display: block;
} 
.wcp-caption-plugin .image-caption-box .caption {  
background-color: rgba(0,0,0,0.5);  
position: absolute;  
color: #fff;  
z-index: 5;  
-webkit-transition: all 1s ease-out;  
-moz-transition: all 1s ease-out;  
-o-transition: all 1s ease-out;  
-ms-transition: all 1s ease-out;  
transition: all 1s ease-out;  
height: 100%;
width: 100%;
} 
.wcp-caption-plugin .image-caption-box .captionna {  
pointer-events: none !important;
} 
.wcp-caption-plugin .image-caption-box .no-effect {  
display: block;  
top: 0;
visibility: hidden;
-webkit-transition: none;
transition: none;
}
.wcp-caption-plugin .image-caption-box:hover .no-effect {  
visibility: visible;   
} 
.wcp-caption-plugin .image-caption-box .simple-fade {  
display: block; opacity: 0 !important;
-webkit-transition: 1s all;
transition: 1s all;
}
.wcp-caption-plugin .image-caption-box:hover .simple-fade {  
opacity: 1 !important;
} .wcp-caption-plugin .image-caption-box .slide-top-to-bottom {  
display: block;  
bottom: -100%;   
}
.wcp-caption-plugin .image-caption-box:hover .slide-top-to-bottom {  
-moz-transform: translateY(-100%);  
-o-transform: translateY(-100%);  
-webkit-transform: translateY(-100%);  
transform: translateY(-100%);  
} .wcp-caption-plugin .image-caption-box .slide-bottom-to-top {  
display: block;
top: -100%;
}
.wcp-caption-plugin .image-caption-box:hover .slide-bottom-to-top {  
-moz-transform: translateY(100%);  
-o-transform: translateY(100%);  
-webkit-transform: translateY(100%);  
transform: translateY(100%);  
} .wcp-caption-plugin .image-caption-box .caption-slide-up {  
display: block;
top: 0;
}
.wcp-caption-plugin .image-caption-box:hover .caption-slide-up {  
-moz-transform: translateY(-100%);  
-o-transform: translateY(-100%);  
-webkit-transform: translateY(-100%);  
transform: translateY(-100%);  
} .wcp-caption-plugin .image-caption-box .slide-left-to-right {  
display: block;
left: -100%;
}
.wcp-caption-plugin .image-caption-box:hover .slide-left-to-right {  
-moz-transform: translateX(100%);  
-o-transform: translateX(100%);  
-webkit-transform: translateX(100%);  
transform: translateX(100%);  
} .wcp-caption-plugin .image-caption-box .slide-right-to-left {  
display: block;
right: -100%;
}
.wcp-caption-plugin .image-caption-box:hover .slide-right-to-left {  
-moz-transform: translateX(-100%);  
-o-transform: translateX(-100%);  
-webkit-transform: translateX(-100%);  
transform: translateX(-100%);  
} .wcp-caption-plugin .image-caption-box .image-flip-up {  
display: block;
top: 0;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .image-flip-up ~ img {  
z-index: 101;
}
.wcp-caption-plugin .image-caption-box:hover .image-flip-up ~ img {  
-moz-transform: translateY(-100%);  
-o-transform: translateY(-100%);  
-webkit-transform: translateY(-100%);  
transform: translateY(-100%);  
} .wcp-caption-plugin .image-caption-box .image-flip-down {  
display: block;
top: 0;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .image-flip-down ~ img {  
z-index: 101;
}
.wcp-caption-plugin .image-caption-box:hover .image-flip-down ~ img {  
-moz-transform: translateY(100%);  
-o-transform: translateY(100%);  
-webkit-transform: translateY(100%);  
transform: translateY(100%);  
} .wcp-caption-plugin .image-caption-box .image-flip-right {  
display: block;
top: 0;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .image-flip-right ~ img {  
z-index: 101;
}
.wcp-caption-plugin .image-caption-box:hover .image-flip-right ~ img {  
-moz-transform: translateX(100%);  
-o-transform: translateX(100%);  
-webkit-transform: translateX(100%);  
transform: translateX(100%);  
} .wcp-caption-plugin .image-caption-box .image-flip-left {  
display: block;
top: 0;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .image-flip-left ~ img {  
z-index: 101;
}
.wcp-caption-plugin .image-caption-box:hover .image-flip-left ~ img {  
-moz-transform: translateX(-100%);  
-o-transform: translateX(-100%);  
-webkit-transform: translateX(-100%);  
transform: translateX(-100%);  
} .wcp-caption-plugin .image-caption-box .rotate-image-down {  
display: block;
top: 0;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .rotate-image-down ~ img {  
z-index: 2;
transform-origin: bottom right;
-ms-transform-origin: bottom right;
-webkit-transform-origin: bottom right;
}
.wcp-caption-plugin .image-caption-box:hover .rotate-image-down ~ img {  
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
} .wcp-caption-plugin .image-caption-box .image-turn-around {  
display: block;
top: 0; -webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.wcp-caption-plugin .image-caption-box .image-turn-around ~ img { backface-visibility:hidden;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.wcp-caption-plugin .image-caption-box:hover .image-turn-around ~ img {  
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.wcp-caption-plugin .image-caption-box:hover .image-turn-around {  
-webkit-transform: rotateY(0);
transform: rotateY(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;  
} .wcp-caption-plugin .image-caption-box .zoom-and-pan {  
display: block;
top: 0;
z-index: 3;
-webkit-transition:all .5s;
-moz-transition:all .5s;
transition:all .5s 
-webkit-transform:scale(0.01);
-moz-transform:scale(0.01);
transform:scale(0.01); 
}
.wcp-caption-plugin .image-caption-box .zoom-and-pan ~ img {  
z-index: 2;
backface-visibility:hidden;
-webkit-transition:all .5s;
-moz-transition:all .5s;
transition:all .5s    
}
.wcp-caption-plugin .image-caption-box:hover .zoom-and-pan ~ img {  
-webkit-transform:scale(10);
-moz-transform:scale(10);
transform:scale(10);    
}
.wcp-caption-plugin .image-caption-box:hover .zoom-and-pan {  
-webkit-transform:scale(1);
-moz-transform:scale(1);
transform:scale(1); 
} .wcp-caption-plugin .image-caption-box .tilt-image {  
display: block;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
transform: scale(0.01);
}
.wcp-caption-plugin .image-caption-box .tilt-image ~ img {  
z-index: 2;
backface-visibility:hidden;
-webkit-transition:all .5s;
-moz-transition:all .5s;
transition:all .5s;   
}
.wcp-caption-plugin .image-caption-box:hover .tilt-image ~ img {  
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.wcp-caption-plugin .image-caption-box:hover .tilt-image {
transform: scale(1);
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
} .wcp-caption-plugin .image-caption-box .morph {  
display: block;
z-index: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
border-radius: 50%;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);  
}
.wcp-caption-plugin .image-caption-box .morph ~ img {  
z-index: 2;
backface-visibility:hidden;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;  
}
.wcp-caption-plugin .image-caption-box:hover .morph ~ img {  
border-radius: 50%;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.wcp-caption-plugin .image-caption-box:hover .morph {
z-index: 3;
border-radius: 0;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);    
} .wcp-caption-plugin .image-caption-box .move-image-right {  
display: block;
z-index: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
-ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); 
}
.wcp-caption-plugin .image-caption-box .move-image-right ~ img {  
z-index: 2;
backface-visibility:hidden;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;  
}
.wcp-caption-plugin .image-caption-box:hover .move-image-right ~ img {  
-ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%);
}
.wcp-caption-plugin .image-caption-box:hover .move-image-right {
-ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0);
} .wcp-caption-plugin .image-caption-box .move-image-left {  
display: block;
z-index: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
-ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); 
}
.wcp-caption-plugin .image-caption-box .move-image-left ~ img {  
z-index: 2;
backface-visibility:hidden;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;  
}
.wcp-caption-plugin .image-caption-box:hover .move-image-left ~ img {  
-ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%);
}
.wcp-caption-plugin .image-caption-box:hover .move-image-left {
-ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0);
} .wcp-caption-plugin .image-caption-box .move-image-top {  
display: block;
z-index: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
-ms-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%); 
}
.wcp-caption-plugin .image-caption-box .move-image-top ~ img {  
z-index: 2;
backface-visibility:hidden;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;  
}
.wcp-caption-plugin .image-caption-box:hover .move-image-top ~ img {  
-ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%);
}
.wcp-caption-plugin .image-caption-box:hover .move-image-top {
-ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0);
} .wcp-caption-plugin .image-caption-box .move-image-bottom {  
display: block;
z-index: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
-ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); 
}
.wcp-caption-plugin .image-caption-box .move-image-bottom ~ img {  
z-index: 2;
backface-visibility:hidden;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;  
}
.wcp-caption-plugin .image-caption-box:hover .move-image-bottom ~ img {  
-ms-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%);
}
.wcp-caption-plugin .image-caption-box:hover .move-image-bottom {
-ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0);
} .wcp-caption-plugin .image-caption-box .image-squeez-right {  
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .image-squeez-right ~ img {  
transform-origin: right;
z-index: 2;
backface-visibility:hidden;  
}
.wcp-caption-plugin .image-caption-box:hover .image-squeez-right ~ img {  
transform-origin: right;
-ms-transform: scaleX(0); -moz-transform: scaleX(0); -webkit-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0);
} .wcp-caption-plugin .image-caption-box .image-squeez-left {  
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .image-squeez-left ~ img {  
transform-origin: left;
z-index: 2;
backface-visibility:hidden;  
}
.wcp-caption-plugin .image-caption-box:hover .image-squeez-left ~ img {  
transform-origin: left;
-ms-transform: scaleX(0); -moz-transform: scaleX(0); -webkit-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0);
} .wcp-caption-plugin .image-caption-box .image-squeez-top {  
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .image-squeez-top ~ img {  
transform-origin: top;
z-index: 2;
backface-visibility:hidden;  
}
.wcp-caption-plugin .image-caption-box:hover .image-squeez-top ~ img {  
transform-origin: top;
-ms-transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0);
} .wcp-caption-plugin .image-caption-box .image-squeez-bottom {  
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .image-squeez-bottom ~ img {  
transform-origin: bottom;
z-index: 2;
backface-visibility:hidden;  
}
.wcp-caption-plugin .image-caption-box:hover .image-squeez-bottom ~ img {  
transform-origin: bottom;
-ms-transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0);
} .wcp-caption-plugin .image-caption-box .fall-down-caption {  
display: block;
z-index: 2;
backface-visibility:hidden;  
opacity: 1;
-webkit-transform-origin: 100% 200%;
-webkit-transform: scale(1, 1) rotate(0deg);
transform-origin: 100% 200%;
transform: scale(1, 1) rotate(0deg);
}
.wcp-caption-plugin .image-caption-box .fall-down-caption ~ img {
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .fall-down-caption {  
opacity: 0;
-webkit-transform-origin: 200% 500%;
-webkit-transform: scale(0, 0) rotate(270deg);
transform-origin: 200% 500%;
transform: scale(0, 0) rotate(270deg);
} .wcp-caption-plugin .image-caption-box .fall-down-image {  
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .fall-down-image ~ img {
backface-visibility:hidden;  
opacity: 1;
-webkit-transform-origin: 100% 200%;
-webkit-transform: scale(1, 1) rotate(0deg);
transform-origin: 100% 200%;
transform: scale(1, 1) rotate(0deg);
}
.wcp-caption-plugin .image-caption-box:hover .fall-down-image ~ img {  
opacity: 0;
-webkit-transform-origin: 200% 500%;
-webkit-transform: scale(0, 0) rotate(270deg);
transform-origin: 200% 500%;
transform: scale(0, 0) rotate(270deg);
} .wcp-caption-plugin .image-caption-box .swap-caption {  
backface-visibility:hidden;  
opacity: 0;
-webkit-transform-origin: 0 100%;
-webkit-transform: scale(0, 0) translate(-700px, 0px);
transform-origin: 0 100%;
transform: scale(0, 0) translate(-700px, 0px);
}
.wcp-caption-plugin .image-caption-box .swap-caption ~ img {
display: block;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .swap-caption {  
opacity: 1;
-webkit-transform-origin: 100% 100%;
-webkit-transform: scale(1, 1) translate(0px, 0px);
transform-origin: 100% 100%;
transform: scale(1, 1) translate(0px, 0px);
} .wcp-caption-plugin .image-caption-box .swap-image {  
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .swap-image ~ img {
backface-visibility:hidden;
opacity: 0;
z-index: 2;
-webkit-transform-origin: 0 100%;
-webkit-transform: scale(0, 0) translate(-700px, 0px);
transform-origin: 0 100%;
transform: scale(0, 0) translate(-700px, 0px);
}
.wcp-caption-plugin .image-caption-box:hover .swap-image ~ img {  
opacity: 1;
-webkit-transform-origin: 100% 100%;
-webkit-transform: scale(1, 1) translate(0px, 0px);
transform-origin: 100% 100%;
transform: scale(1, 1) translate(0px, 0px);
} .wcp-caption-plugin .image-caption-box .puffin-caption {  
z-index: 2;
backface-visibility:hidden;
opacity: 0 !important;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(2,2);
transform-origin: 50% 50%;
transform: scale(2,2);
-webkit-filter: blur(2px);
}
.wcp-caption-plugin .image-caption-box .puffin-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .puffin-caption {  
opacity: 1 !important;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1,1);
transform-origin: 50% 50%;
transform: scale(1,1);
-webkit-filter: blur(0px);
} .wcp-caption-plugin .image-caption-box .puffin-image {  
display: block;
z-index: 0;
opacity: 1 !important;
}
.wcp-caption-plugin .image-caption-box .puffin-image ~ img {
z-index: 2;
opacity: 0;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(2,2);
transform-origin: 50% 50%;
transform: scale(2,2);
-webkit-filter: blur(2px);
}
.wcp-caption-plugin .image-caption-box:hover .puffin-image ~ img {  
opacity: 1 !important;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1,1);
transform-origin: 50% 50%;
transform: scale(1,1);
-webkit-filter: blur(0px);
} .wcp-caption-plugin .image-caption-box .puffout-caption {  
z-index: 2;
opacity: 1 !important;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1,1);
transform-origin: 50% 50%;
transform: scale(1,1);
-webkit-filter: blur(0px);
}
.wcp-caption-plugin .image-caption-box .puffout-caption ~ img {
display: block;
z-index: 0;
opacity: 1 !important;
}
.wcp-caption-plugin .image-caption-box:hover .puffout-caption {  
opacity: 0 !important;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(2,2);
transform-origin: 50% 50%;
transform: scale(2,2);
-webkit-filter: blur(2px);
} .wcp-caption-plugin .image-caption-box .puffout-image {  
display: block;
z-index: 0;
opacity: 1 !important;
}
.wcp-caption-plugin .image-caption-box .puffout-image ~ img {
z-index: 2;
opacity: 1 !important;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1,1);
transform-origin: 50% 50%;
transform: scale(1,1);
-webkit-filter: blur(0px);
}
.wcp-caption-plugin .image-caption-box:hover .puffout-image ~ img {  
opacity: 0 !important;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(2,2);
transform-origin: 50% 50%;
transform: scale(2,2);
-webkit-filter: blur(2px);
} .wcp-caption-plugin .image-caption-box .opendoordown-caption {  
z-index: 2;
-webkit-transform-origin: 0 100%;
-webkit-transform: perspective(800px) rotateX(0deg);
transform-origin: 0 100%;
transform: perspective(800px) rotateX(0deg);
}
.wcp-caption-plugin .image-caption-box .opendoordown-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .opendoordown-caption {  
-webkit-transform-origin: 0 100%;
-webkit-transform: perspective(800px) rotateX(-180deg);
transform-origin: 0 100%;
transform: perspective(800px) rotateX(-180deg);
} .wcp-caption-plugin .image-caption-box .opendoordown-image {  
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .opendoordown-image ~ img {
z-index: 2;
-webkit-transform-origin: 0 100%;
-webkit-transform: perspective(800px) rotateX(0deg);
transform-origin: 0 100%;
transform: perspective(800px) rotateX(0deg);
}
.wcp-caption-plugin .image-caption-box:hover .opendoordown-image ~ img {  
-webkit-transform-origin: 0 100%;
-webkit-transform: perspective(800px) rotateX(-180deg);
transform-origin: 0 100%;
transform: perspective(800px) rotateX(-180deg);
} .wcp-caption-plugin .image-caption-box .opendoorup-caption {  
z-index: 2;
-webkit-transform-origin: 0 0;
-webkit-transform: perspective(800px) rotateX(0deg);
transform-origin: 0 0;
transform: perspective(800px) rotateX(0deg);
}
.wcp-caption-plugin .image-caption-box .opendoorup-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .opendoorup-caption {  
-webkit-transform-origin: 0 0;
-webkit-transform: perspective(800px) rotateX(180deg);
transform-origin: 0 0;
transform: perspective(800px) rotateX(180deg);
} .wcp-caption-plugin .image-caption-box .opendoorup-image {  
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .opendoorup-image ~ img {
z-index: 2;
-webkit-transform-origin: 0 0;
-webkit-transform: perspective(800px) rotateX(0deg);
transform-origin: 0 0;
transform: perspective(800px) rotateX(0deg);
}
.wcp-caption-plugin .image-caption-box:hover .opendoorup-image ~ img {  
-webkit-transform-origin: 0 0;
-webkit-transform: perspective(800px) rotateX(180deg);
transform-origin: 0 0;
transform: perspective(800px) rotateX(180deg);
} .wcp-caption-plugin .image-caption-box .opendoorright-caption {  
z-index: 2;
-webkit-transform-origin: 100% 0;
-webkit-transform: perspective(800px) rotateY(0deg);
transform-origin: 100% 0;
transform: perspective(800px) rotateY(0deg);
}
.wcp-caption-plugin .image-caption-box .opendoorright-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .opendoorright-caption {  
-webkit-transform-origin: 100% 0;
-webkit-transform: perspective(800px) rotateY(180deg);
transform-origin: 100% 0;
transform: perspective(800px) rotateY(180deg);
} .wcp-caption-plugin .image-caption-box .opendoorright-image {  
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .opendoorright-image ~ img {
z-index: 2;
-webkit-transform-origin: 100% 0;
-webkit-transform: perspective(800px) rotateY(0deg);
transform-origin: 100% 0;
transform: perspective(800px) rotateY(0deg);
}
.wcp-caption-plugin .image-caption-box:hover .opendoorright-image ~ img {  
-webkit-transform-origin: 100% 0;
-webkit-transform: perspective(800px) rotateY(180deg);
transform-origin: 100% 0;
transform: perspective(800px) rotateY(180deg);
} .wcp-caption-plugin .image-caption-box .opendoorleft-caption {  
z-index: 2;
-webkit-transform-origin: 0 0;
-webkit-transform: perspective(800px) rotateY(0deg);
transform-origin: 0 0;
transform: perspective(800px) rotateY(0deg);
}
.wcp-caption-plugin .image-caption-box .opendoorleft-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .opendoorleft-caption {  
-webkit-transform-origin: 0 0;
-webkit-transform: perspective(800px) rotateY(-180deg);
transform-origin: 0 0;
transform: perspective(800px) rotateY(-180deg);
} .wcp-caption-plugin .image-caption-box .opendoorleft-image {  
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .opendoorleft-image ~ img {
z-index: 2;
-webkit-transform-origin: 0 0;
-webkit-transform: perspective(800px) rotateY(0deg);
transform-origin: 0 0;
transform: perspective(800px) rotateY(0deg);
}
.wcp-caption-plugin .image-caption-box:hover .opendoorleft-image ~ img {  
-webkit-transform-origin: 0 0;
-webkit-transform: perspective(800px) rotateY(-180deg);
transform-origin: 0 0;
transform: perspective(800px) rotateY(-180deg);
} .wcp-caption-plugin .image-caption-box .rotatedown-caption {  
opacity: 1 !important;
-webkit-transform-origin: 0 0;
-webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);  
transform-origin: 0 0;
transform: perspective(800px) rotateX(0deg) translateZ(0px);    
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .rotatedown-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .rotatedown-caption {  
opacity: 0 !important;
-webkit-transform-origin: 50% 100%;
-webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
transform-origin: 50% 100%;
transform: perspective(800px) rotateX(-180deg) translateZ(300px);
} .wcp-caption-plugin .image-caption-box .rotatedown-image {  
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .rotatedown-image ~ img {
opacity: 1 !important;
-webkit-transform-origin: 0 0;
-webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
transform-origin: 0 0;
transform: perspective(800px) rotateX(0deg) translateZ(0px);    
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .rotatedown-image ~ img {  
opacity: 0 !important;
-webkit-transform-origin: 50% 100%;
-webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
transform-origin: 50% 100%;
transform: perspective(800px) rotateX(-180deg) translateZ(300px);
} .wcp-caption-plugin .image-caption-box .rotateup-caption {  
opacity: 1 !important;
-webkit-transform-origin: 0 0;
-webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
transform-origin: 0 0;
transform: perspective(800px) rotateX(0deg) translateZ(0px);
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .rotateup-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .rotateup-caption {  
opacity: 0 !important;
-webkit-transform-origin: 50% 0;
-webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px);
transform-origin: 50% 0;
transform: perspective(800px) rotateX(180deg) translateZ(100px);
} .wcp-caption-plugin .image-caption-box .rotateup-image {  
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .rotateup-image ~ img {
opacity: 1 !important;
-webkit-transform-origin: 0 0;
-webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
transform-origin: 0 0;
transform: perspective(800px) rotateX(0deg) translateZ(0px);
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .rotateup-image ~ img {  
opacity: 0 !important;
-webkit-transform-origin: 50% 0;
-webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px);
transform-origin: 50% 0;
transform: perspective(800px) rotateX(180deg) translateZ(100px);
} .wcp-caption-plugin .image-caption-box .rotateright-caption {  
opacity: 1 !important;
-webkit-transform-origin: 0 0;
-webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px);
transform-origin: 0 0;
transform: perspective(800px) rotateY(0deg) translate3d(0px);
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .rotateright-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .rotateright-caption {  
opacity: 0 !important;
-webkit-transform-origin: 50% 0;
-webkit-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
transform-origin: 50% 0;
transform: perspective(800px) rotateY(-180deg) translateZ(150px);
} .wcp-caption-plugin .image-caption-box .rotateright-image {  
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .rotateright-image ~ img {
opacity: 1 !important;
-webkit-transform-origin: 0 0;
-webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px);
transform-origin: 0 0;
transform: perspective(800px) rotateY(0deg) translate3d(0px);
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .rotateright-image ~ img {  
opacity: 0 !important;
-webkit-transform-origin: 50% 0;
-webkit-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
transform-origin: 50% 0;
transform: perspective(800px) rotateY(-180deg) translateZ(150px);
} .wcp-caption-plugin .image-caption-box .rotateleft-caption {  
opacity: 1 !important;
-webkit-transform-origin: 0 0;
-webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px);
transform-origin: 0 0;
transform: perspective(800px) rotateY(0deg) translateZ(0px);
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .rotateleft-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .rotateleft-caption {  
opacity: 0 !important;
-webkit-transform-origin: 50% 0;
-webkit-transform: perspective(800px) rotateY(180deg) translateZ(100px);
transform-origin: 50% 0;
transform: perspective(800px) rotateY(180deg) translateZ(100px);
} .wcp-caption-plugin .image-caption-box .rotateleft-image {  
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .rotateleft-image ~ img {
opacity: 1 !important;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px);
transform: perspective(800px) rotateY(0deg) translateZ(0px);
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .rotateleft-image ~ img {  
opacity: 0 !important;
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px);
transform: perspective(800px) rotateY(180deg) translateZ(300px);
} .wcp-caption-plugin .image-caption-box .spaceoutup-caption {  
opacity: 1 !important;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transform: scale(1) translate(0%, 0%);
transform: scale(1) translate(0%, 0%);
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .spaceoutup-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .spaceoutup-caption {  
opacity: 0 !important;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transform: scale(.2) translate(0%, -200%);
transform: scale(.2) translate(0%, -200%);
} .wcp-caption-plugin .image-caption-box .spaceoutup-image {  
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .spaceoutup-image ~ img {
opacity: 1 !important;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transform: scale(1) translate(0%, 0%);
transform: scale(1) translate(0%, 0%);
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .spaceoutup-image ~ img {  
opacity: 0 !important;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transform: scale(.2) translate(0%, -200%);
transform: scale(.2) translate(0%, -200%);
} .wcp-caption-plugin .image-caption-box .spaceoutdown-caption {  
opacity: 1 !important;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: scale(1) translate(0%, 0%);
transform: scale(1) translate(0%, 0%);
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .spaceoutdown-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .spaceoutdown-caption {  
opacity: 0 !important;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: scale(.2) translate(0%, 200%);
transform: scale(.2) translate(0%, 200%);
} .wcp-caption-plugin .image-caption-box .spaceoutdown-image {  
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .spaceoutdown-image ~ img {
opacity: 1 !important;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: scale(1) translate(0%, 0%);
transform: scale(1) translate(0%, 0%);
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .spaceoutdown-image ~ img {  
opacity: 0 !important;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: scale(.2) translate(0%, 200%);
transform: scale(.2) translate(0%, 200%);
} .wcp-caption-plugin .image-caption-box .spaceoutright-caption {  
opacity: 1 !important;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scale(1) translate(0%, 0%);
transform: scale(1) translate(0%, 0%);
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .spaceoutright-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .spaceoutright-caption {  
opacity: 0 !important;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scale(.2) translate(200%, 0%);
transform: scale(.2) translate(200%, 0%);
} .wcp-caption-plugin .image-caption-box .spaceoutright-image {  
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .spaceoutright-image ~ img {
opacity: 1 !important;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scale(1) translate(0%, 0%);
transform: scale(1) translate(0%, 0%);
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .spaceoutright-image ~ img {  
opacity: 0 !important;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scale(.2) translate(200%, 0%);
transform: scale(.2) translate(200%, 0%);
} .wcp-caption-plugin .image-caption-box .spaceoutleft-caption {  
opacity: 1 !important;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transform: scale(1) translate(0%, 0%);
transform: scale(1) translate(0%, 0%);
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .spaceoutleft-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .spaceoutleft-caption {  
opacity: 0 !important;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transform: scale(.2) translate(-200%, 0%);
transform: scale(.2) translate(-200%, 0%);
} .wcp-caption-plugin .image-caption-box .spaceoutleft-image {  
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .spaceoutleft-image ~ img {
opacity: 1 !important;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transform: scale(1) translate(0%, 0%);
transform: scale(1) translate(0%, 0%);
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .spaceoutleft-image ~ img {  
opacity: 0 !important;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transform: scale(.2) translate(-200%, 0%);
transform: scale(.2) translate(-200%, 0%);
} .wcp-caption-plugin .image-caption-box .foolish-caption {  
opacity: 1 !important;
z-index: 2;
-webkit-animation-name: foolishIn;
animation-name: foolishIn;
animation-duration: 1s;
-webkit-animation-duration: 1s;
}
.wcp-caption-plugin .image-caption-box .foolish-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .foolish-caption {  
opacity: 0 !important;
-webkit-animation-name: foolishOut;
animation-name: foolishOut;
animation-duration: 1s;
-webkit-animation-duration: 1s;
} .wcp-caption-plugin .image-caption-box .foolish-image {  
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .foolish-image ~ img {
opacity: 1 !important;
z-index: 2;
-webkit-animation-name: foolishIn;
animation-name: foolishIn;
animation-duration: 1s;
-webkit-animation-duration: 1s;
}
.wcp-caption-plugin .image-caption-box:hover .foolish-image ~ img {  
opacity: 0 !important;
-webkit-animation-name: foolishOut;
animation-name: foolishOut;
animation-duration: 1s;
-webkit-animation-duration: 1s;
} .wcp-caption-plugin .image-caption-box .tinright-caption {  
opacity: 1 !important;
z-index: 2;
-webkit-animation-name: tinRightIn;
animation-name: tinRightIn;
animation-duration: 1s;
-webkit-animation-duration: 1s;
}
.wcp-caption-plugin .image-caption-box .tinright-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .tinright-caption {  
opacity: 0 !important;
-webkit-animation-name: tinRightOut;
animation-name: tinRightOut;
animation-duration: 1s;
-webkit-animation-duration: 1s;
} .wcp-caption-plugin .image-caption-box .tinright-image {  
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .tinright-image ~ img {
opacity: 1 !important;
z-index: 2;
-webkit-animation-name: tinRightIn;
animation-name: tinRightIn;
animation-duration: 1s;
-webkit-animation-duration: 1s;
}
.wcp-caption-plugin .image-caption-box:hover .tinright-image ~ img {  
opacity: 0 !important;
-webkit-animation-name: tinRightOut;
animation-name: tinRightOut;
animation-duration: 1s;
-webkit-animation-duration: 1s;
} .wcp-caption-plugin .image-caption-box .tinleft-caption {  
opacity: 1 !important;
z-index: 2;
-webkit-animation-name: tinLeftIn;
animation-name: tinLeftIn;
animation-duration: 1s;
-webkit-animation-duration: 1s;
}
.wcp-caption-plugin .image-caption-box .tinleft-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .tinleft-caption {  
opacity: 0 !important;
-webkit-animation-name: tinLeftOut;
animation-name: tinLeftOut;
animation-duration: 1s;
-webkit-animation-duration: 1s;
} .wcp-caption-plugin .image-caption-box .tinleft-image {  
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .tinleft-image ~ img {
opacity: 1 !important;
z-index: 2;
-webkit-animation-name: tinLeftIn;
animation-name: tinLeftIn;
animation-duration: 1s;
-webkit-animation-duration: 1s;
}
.wcp-caption-plugin .image-caption-box:hover .tinleft-image ~ img {  
opacity: 0 !important;
-webkit-animation-name: tinLeftOut;
animation-name: tinLeftOut;
animation-duration: 1s;
-webkit-animation-duration: 1s;
} .wcp-caption-plugin .image-caption-box .tinup-caption {  
opacity: 1 !important;
z-index: 2;
-webkit-animation-name: tinUpIn;
animation-name: tinUpIn;
animation-duration: 1s;
-webkit-animation-duration: 1s;
}
.wcp-caption-plugin .image-caption-box .tinup-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .tinup-caption {  
opacity: 0 !important;
-webkit-animation-name: tinUpOut;
animation-name: tinUpOut;
animation-duration: 1s;
-webkit-animation-duration: 1s;
} .wcp-caption-plugin .image-caption-box .tinup-image {  
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .tinup-image ~ img {
opacity: 1 !important;
z-index: 2;
-webkit-animation-name: tinUpIn;
animation-name: tinUpIn;
animation-duration: 1s;
-webkit-animation-duration: 1s;
}
.wcp-caption-plugin .image-caption-box:hover .tinup-image ~ img {  
opacity: 0 !important;
-webkit-animation-name: tinUpOut;
animation-name: tinUpOut;
animation-duration: 1s;
-webkit-animation-duration: 1s;
} .wcp-caption-plugin .image-caption-box .tindown-caption {  
opacity: 1 !important;
z-index: 2;
-webkit-animation-name: tinDownIn;
animation-name: tinDownIn;
animation-duration: 1s;
-webkit-animation-duration: 1s;
}
.wcp-caption-plugin .image-caption-box .tindown-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .tindown-caption {  
opacity: 0 !important;
-webkit-animation-name: tinDownOut;
animation-name: tinDownOut;
animation-duration: 1s;
-webkit-animation-duration: 1s;
} .wcp-caption-plugin .image-caption-box .tindown-image {  
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .tindown-image ~ img {
opacity: 1 !important;
z-index: 2;
-webkit-animation-name: tinDownIn;
animation-name: tinDownIn;
animation-duration: 1s;
-webkit-animation-duration: 1s;
}
.wcp-caption-plugin .image-caption-box:hover .tindown-image ~ img { 
opacity: 0 !important;
-webkit-animation-name: tinDownOut;
animation-name: tinDownOut;
animation-duration: 1s;
-webkit-animation-duration: 1s;
} @-webkit-keyframes foolishOut {
0% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1, 1) rotate(360deg);
}
20% {
opacity: 1;
-webkit-transform-origin: 0% 0%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
}
40% {
opacity: 1;
-webkit-transform-origin: 100% 0%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
}
60% {
opacity: 1;
-webkit-transform-origin: 0%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
}
80% {
opacity: 1;
-webkit-transform-origin: 0% 100%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(0, 0) rotate(0deg);
}
}
@keyframes foolishOut {
0% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(1, 1) rotate(360deg);
}
20% {
opacity: 1;
transform-origin: 0% 0%;
transform: scale(0.5, 0.5) rotate(0deg);
}
40% {
opacity: 1;
transform-origin: 100% 0%;
transform: scale(0.5, 0.5) rotate(0deg);
}
60% {
opacity: 1;
transform-origin: 0%;
transform: scale(0.5, 0.5) rotate(0deg);
}
80% {
opacity: 1;
transform-origin: 0% 100%;
transform: scale(0.5, 0.5) rotate(0deg);
}
100% {
opacity: 0;
transform-origin: 50% 50%;
transform: scale(0, 0) rotate(0deg);
}
}
@-webkit-keyframes foolishIn {
0% {
opacity: 0;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(0, 0) rotate(360deg);
}
20% {
opacity: 1;
-webkit-transform-origin: 0% 100%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
}
40% {
opacity: 1;
-webkit-transform-origin: 100% 100%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
}
60% {
opacity: 1;
-webkit-transform-origin: 0%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
}
80% {
opacity: 1;
-webkit-transform-origin: 0% 0%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
}
100% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1, 1) rotate(0deg);
}
}
@keyframes foolishIn {
0% {
opacity: 0;
transform-origin: 50% 50%;
transform: scale(0, 0) rotate(360deg);
}
20% {
opacity: 1;
transform-origin: 0% 100%;
transform: scale(0.5, 0.5) rotate(0deg);
}
40% {
opacity: 1;
transform-origin: 100% 100%;
transform: scale(0.5, 0.5) rotate(0deg);
}
60% {
opacity: 1;
transform-origin: 0%;
transform: scale(0.5, 0.5) rotate(0deg);
}
80% {
opacity: 1;
transform-origin: 0% 0%;
transform: scale(0.5, 0.5) rotate(0deg);
}
100% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(1, 1) rotate(0deg);
}
}
@-webkit-keyframes tinRightOut {
0%, 20%, 40%, 50% {
opacity: 1;
-webkit-transform: scale(1, 1) translateX(0);
}
10%, 30% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1) translateX(0);
}
100% {
opacity: 0;
-webkit-transform: scale(1, 1) translateX(900%);
}
}
@keyframes tinRightOut {
0%, 20%, 40%, 50% {
opacity: 1;
transform: scale(1, 1) translateX(0);
}
10%, 30% {
opacity: 1;
transform: scale(1.1, 1.1) translateX(0);
}
100% {
opacity: 0;
transform: scale(1, 1) translateX(900%);
}
}
@-webkit-keyframes tinLeftOut {
0%, 20%, 40%, 50% {
opacity: 1;
-webkit-transform: scale(1, 1) translateX(0);
}
10%, 30% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1) translateX(0);
}
100% {
opacity: 0;
-webkit-transform: scale(1, 1) translateX(-900%);
}
}
@keyframes tinLeftOut {
0%, 20%, 40%, 50% {
opacity: 1;
transform: scale(1, 1) translateX(0);
}
10%, 30% {
opacity: 1;
transform: scale(1.1, 1.1) translateX(0);
}
100% {
opacity: 0;
transform: scale(1, 1) translateX(-900%);
}
}
@-webkit-keyframes tinUpOut {
0%, 20%, 40%, 50% {
opacity: 1;
-webkit-transform: scale(1, 1) translateY(0);
}
10%, 30% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1) translateY(0);
}
100% {
opacity: 0;
-webkit-transform: scale(1, 1) translateY(-900%);
}
}
@keyframes tinUpOut {
0%, 20%, 40%, 50% {
opacity: 1;
transform: scale(1, 1) translateY(0);
}
10%, 30% {
opacity: 1;
transform: scale(1.1, 1.1) translateY(0);
}
100% {
opacity: 0;
transform: scale(1, 1) translateY(-900%);
}
}
@-webkit-keyframes tinDownOut {
0%, 20%, 40%, 50% {
opacity: 1;
-webkit-transform: scale(1, 1) translateY(0);
}
10%, 30% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1) translateY(0);
}
100% {
opacity: 0;
-webkit-transform: scale(1, 1) translateY(900%);
}
}
@keyframes tinDownOut {
0%, 20%, 40%, 50% {
opacity: 1;
transform: scale(1, 1) translateY(0);
}
10%, 30% {
opacity: 1;
transform: scale(1.1, 1.1) translateY(0);
}
100% {
opacity: 0;
transform: scale(1, 1) translateY(900%);
}
}
@-webkit-keyframes tinRightIn {
0% {
opacity: 0;
-webkit-transform: scale(1, 1) translateX(900%);
}
50%, 70%, 90% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1) translateX(0);
}
60%, 80%, 100% {
opacity: 1;
-webkit-transform: scale(1, 1) translateX(0);
}
}
@keyframes tinRightIn {
0% {
opacity: 0;
transform: scale(1, 1) translateX(900%);
}
50%, 70%, 90% {
opacity: 1;
transform: scale(1.1, 1.1) translateX(0);
}
60%, 80%, 100% {
opacity: 1;
transform: scale(1, 1) translateX(0);
}
}
@-webkit-keyframes tinLeftIn {
0% {
opacity: 0;
-webkit-transform: scale(1, 1) translateX(-900%);
}
50%, 70%, 90% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1) translateX(0);
}
60%, 80%, 100% {
opacity: 1;
-webkit-transform: scale(1, 1) translateX(0);
}
}
@keyframes tinLeftIn {
0% {
opacity: 0;
transform: scale(1, 1) translateX(-900%);
}
50%, 70%, 90% {
opacity: 1;
transform: scale(1.1, 1.1) translateX(0);
}
60%, 80%, 100% {
opacity: 1;
transform: scale(1, 1) translateX(0);
}
}
@-webkit-keyframes tinUpIn {
0% {
opacity: 0;
-webkit-transform: scale(1, 1) translateY(-900%);
}
50%, 70%, 90% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1) translateY(0);
}
60%, 80%, 100% {
opacity: 1;
-webkit-transform: scale(1, 1) translateY(0);
}
}
@keyframes tinUpIn {
0% {
opacity: 0;
transform: scale(1, 1) translateY(-900%);
}
50%, 70%, 90% {
opacity: 1;
transform: scale(1.1, 1.1) translateY(0);
}
60%, 80%, 100% {
opacity: 1;
transform: scale(1, 1) translateY(0);
}
}
@-webkit-keyframes tinDownIn {
0% {
opacity: 0;
-webkit-transform: scale(1, 1) translateY(900%);
}
50%, 70%, 90% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1) translateY(0);
}
60%, 80%, 100% {
opacity: 1;
-webkit-transform: scale(1, 1) translateY(0);
}
}
@keyframes tinDownIn {
0% {
opacity: 0;
transform: scale(1, 1) translateY(900%);
}
50%, 70%, 90% {
opacity: 1;
transform: scale(1.1, 1.1) translateY(0);
}
60%, 80%, 100% {
opacity: 1;
transform: scale(1, 1) translateY(0);
}
} .wcp-caption-plugin .image-caption-box .zoom-in {  
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0
}
.wcp-caption-plugin .image-caption-box .zoom-in ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .zoom-in {  
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1
}
.wcp-caption-plugin .image-caption-box .static-caption-zoom {  
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1
}
.wcp-caption-plugin .image-caption-box .static-caption-zoom ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .static-caption-zoom {  
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
opacity: 1
} .wcp-caption-plugin .image-caption-box .zoom-out {  
-webkit-transform: scale(5);
-ms-transform: scale(5);
transform: scale(5);
opacity: 0
}
.wcp-caption-plugin .image-caption-box .zoom-out ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .zoom-out {  
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1
} .wcp-caption-plugin .image-caption-box .zoom-in-twist {
-webkit-transform: scale(0) rotateZ(-720deg);
transform: scale(0) rotateZ(-720deg);
opacity: 0    
}
.wcp-caption-plugin .image-caption-box .zoom-in-twist ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .zoom-in-twist {  
-webkit-transform: scale(1) rotateZ(0);
-ms-transform: scale(1) rotateZ(0);
transform: scale(1) rotateZ(0);
opacity: 1
} .wcp-caption-plugin .image-caption-box .zoom-out-twist {
-webkit-transform: scale(5) rotateZ(720deg);
transform: scale(5) rotateZ(720deg);
opacity: 0
}
.wcp-caption-plugin .image-caption-box .zoom-out-twist ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .zoom-out-twist {  
-webkit-transform: scale(1) rotateZ(0);
-ms-transform: scale(1) rotateZ(0);
transform: scale(1) rotateZ(0);
opacity: 1;
} .wcp-caption-plugin .image-caption-box .zoom-caption-in-image-out {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.wcp-caption-plugin .image-caption-box .zoom-caption-in-image-out ~ img {
display: block;
z-index: 0;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);    
}
.wcp-caption-plugin .image-caption-box:hover .zoom-caption-in-image-out {  
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1
}
.wcp-caption-plugin .image-caption-box:hover .zoom-caption-in-image-out ~ img {  
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
} .wcp-caption-plugin .image-caption-box .zoom-caption-out-image-in {
-webkit-transform: scale(5);
-ms-transform: scale(5);
transform: scale(5);
opacity: 0;
}
.wcp-caption-plugin .image-caption-box .zoom-caption-out-image-in ~ img {
display: block;
z-index: 0;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);   
}
.wcp-caption-plugin .image-caption-box:hover .zoom-caption-out-image-in {  
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.wcp-caption-plugin .image-caption-box:hover .zoom-caption-out-image-in ~ img {  
-webkit-transform: scale(5);
-ms-transform: scale(5);
transform: scale(5);
opacity: 0;
} .wcp-caption-plugin .image-caption-box .zoom-image-out-caption-twist {
-webkit-transform: scale(0) rotateZ(-720deg);
transform: scale(0) rotateZ(-720deg);
opacity: 0;   
}
.wcp-caption-plugin .image-caption-box .zoom-image-out-caption-twist ~ img {
display: block;
z-index: 0;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.wcp-caption-plugin .image-caption-box:hover .zoom-image-out-caption-twist {  
-webkit-transform: scale(1) rotateZ(0);
-ms-transform: scale(1) rotateZ(0);
transform: scale(1) rotateZ(0);
opacity: 1;
}
.wcp-caption-plugin .image-caption-box:hover .zoom-image-out-caption-twist ~ img {  
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
} .wcp-caption-plugin .image-caption-box .zoom-image-in-caption-twist {
-webkit-transform: scale(5) rotateZ(720deg);
transform: scale(5) rotateZ(720deg);
opacity: 0
}
.wcp-caption-plugin .image-caption-box .zoom-image-in-caption-twist ~ img {
display: block;
z-index: 0;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);    
}
.wcp-caption-plugin .image-caption-box:hover .zoom-image-in-caption-twist {  
-webkit-transform: scale(1) rotateZ(0);
-ms-transform: scale(1) rotateZ(0);
transform: scale(1) rotateZ(0);
opacity: 1;
}
.wcp-caption-plugin .image-caption-box:hover .zoom-image-in-caption-twist ~ img {  
-webkit-transform: scale(5);
-ms-transform: scale(5);
transform: scale(5);
opacity: 0;
} .wcp-caption-plugin .image-caption-box .flip-image-vertical,
.wcp-caption-plugin .image-caption-box .flip-image-vertical-back,
.wcp-caption-plugin .image-caption-box .flip-image-horizontal,
.wcp-caption-plugin .image-caption-box .flip-image-horizontal-back {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.wcp-caption-plugin .image-caption-box .flip-image-vertical ~ img,
.wcp-caption-plugin .image-caption-box .flip-image-vertical-back ~ img,
.wcp-caption-plugin .image-caption-box .flip-image-horizontal ~ img,
.wcp-caption-plugin .image-caption-box .flip-image-horizontal-back ~ img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
} .wcp-caption-plugin .image-caption-box .flip-image-vertical {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.wcp-caption-plugin .image-caption-box:hover .flip-image-vertical {  
-webkit-transform: rotateX(0);
transform: rotateX(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.wcp-caption-plugin .image-caption-box:hover .flip-image-vertical ~ img {  
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .wcp-caption-plugin .image-caption-box .flip-image-vertical-back {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.wcp-caption-plugin .image-caption-box:hover .flip-image-vertical-back {  
-webkit-transform: rotateX(0);
transform: rotateX(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.wcp-caption-plugin .image-caption-box:hover .flip-image-vertical-back ~ img {  
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .wcp-caption-plugin .image-caption-box .flip-image-horizontal {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.wcp-caption-plugin .image-caption-box:hover .flip-image-horizontal {  
-webkit-transform: rotateY(0);
transform: rotateY(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.wcp-caption-plugin .image-caption-box:hover .flip-image-horizontal ~ img {  
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .wcp-caption-plugin .image-caption-box .flip-image-horizontal-back {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.wcp-caption-plugin .image-caption-box:hover .flip-image-horizontal-back {  
-webkit-transform: rotateY(0);
transform: rotateY(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.wcp-caption-plugin .image-caption-box:hover .flip-image-horizontal-back ~ img {  
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .wcp-caption-plugin .image-caption-box .page-turn-from-top {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
opacity: 0;
}
.wcp-caption-plugin .image-caption-box:hover .page-turn-from-top {  
-webkit-transform: rotateX(0);
transform: rotateX(0);
opacity: 1;
}
.wcp-caption-plugin .image-caption-box .page-turn-from-top ~ img {  
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotateX(0);
transform: rotateX(0);
opacity: 1;
}
.wcp-caption-plugin .image-caption-box:hover .page-turn-from-top ~ img {  
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
opacity: 0;
} .wcp-caption-plugin .image-caption-box .page-turn-from-bottom {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
opacity: 0;
}
.wcp-caption-plugin .image-caption-box:hover .page-turn-from-bottom {  
-webkit-transform: rotateX(0);
transform: rotateX(0);
opacity: 1;
}
.wcp-caption-plugin .image-caption-box .page-turn-from-bottom ~ img {  
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: rotateX(0);
transform: rotateX(0);
opacity: 1;
}
.wcp-caption-plugin .image-caption-box:hover .page-turn-from-bottom ~ img {  
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
opacity: 0;
} .wcp-caption-plugin .image-caption-box .page-turn-from-left {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
opacity: 0;
}
.wcp-caption-plugin .image-caption-box:hover .page-turn-from-left {  
-webkit-transform: rotateY(0);
transform: rotateY(0);
opacity: 1;
}
.wcp-caption-plugin .image-caption-box .page-turn-from-left ~ img {  
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotateY(0);
transform: rotateY(0);
opacity: 1;
}
.wcp-caption-plugin .image-caption-box:hover .page-turn-from-left ~ img {  
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
opacity: 0;
} .wcp-caption-plugin .image-caption-box .page-turn-from-right {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
opacity: 0;
}
.wcp-caption-plugin .image-caption-box:hover .page-turn-from-right {  
-webkit-transform: rotateY(0);
transform: rotateY(0);
opacity: 1;
}
.wcp-caption-plugin .image-caption-box .page-turn-from-right ~ img {  
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: rotateY(0);
transform: rotateY(0);
opacity: 1;
}
.wcp-caption-plugin .image-caption-box:hover .page-turn-from-right ~ img {  
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
opacity: 0;
}
.no-hover-still-caption {
}
.wcp-caption-plugin .image-caption-box .visible-caption-blur-image ~ img {  
filter: blur(1px);
-webkit-filter: blur(1px);
}
.wcp-caption-plugin .image-caption-box:hover .visible-caption-blur-image ~ img {  
filter: blur(0);
-webkit-filter: blur(0);
}
.wcp-caption-plugin .image-caption-box .visible-caption-grayscale-image ~ img {  
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
.wcp-caption-plugin .image-caption-box:hover .visible-caption-grayscale-image ~ img {  
filter: grayscale(0);
-webkit-filter: grayscale(0);
}
.square.overlay_visible.slide_up .wcp-ih-inner {
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.square.overlay_visible.slide_up .wcp-ih-inner p {
opacity: 0;
}
.square.overlay_visible.slide_up .wcp-ih-inner:hover .img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
background: rgba(184, 7, 31, .8)
}
.square.overlay_visible.slide_up .wcp-ih-inner:hover p {
opacity: 1
}
.square.overlay_visible.slide_up .wcp-ih-inner:hover h3 {
padding: 10% 0 0 0;
-webkit-transition: all .5s ease-in-out .4s;
-moz-transition: all .5s ease-in-out .4s;
-o-transition: all .5s ease-in-out .4s;
-ms-transition: all .5s ease-in-out .4s;
transition: all .5s ease-in-out .4s
}
.scroll-image-bottom-caption .caption {
height: auto !important;
bottom: 0 !important;
}
.wcp-caption-plugin .image-caption-box.scroll-image-bottom-caption:hover {  
background-position: center 100% !important;
}
.scroll-image-top-caption .caption {
height: auto !important;
top: 0 !important;
}
.wcp-caption-plugin .image-caption-box.scroll-image-top-caption:hover {  
background-position: center 100% !important;
}
.wcp-caption-plugin .image-caption-box .visible-image-title-caption-switch {  
background-color: transparent;
}
.wcp-caption-plugin .image-caption-box .visible-image-title-caption-switch .desc {  
max-height: 0;
overflow: hidden;
-webkit-transition: all 0.25s ease-out;  
-moz-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;  
-ms-transition: all 0.25s ease-out;  
transition: all 0.25s ease-out;
}
.wcp-caption-plugin .image-caption-box .visible-image-title-caption-switch .heading {  
max-height: 500px;
overflow: visible;
-webkit-transition: all 0.25s ease-out;  
-moz-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;  
-ms-transition: all 0.25s ease-out;  
transition: all 0.25s ease-out;
}
.wcp-caption-plugin .image-caption-box:hover .visible-image-title-caption-switch .desc {  
max-height: 500px !important;
overflow: visible;
-webkit-transition: all 0.25s ease-in;  
-moz-transition: all 0.25s ease-in;
-o-transition: all 0.25s ease-in;  
-ms-transition: all 0.25s ease-in;  
transition: all 0.25s ease-in;
}
.wcp-caption-plugin .image-caption-box:hover .visible-image-title-caption-switch .heading {  
max-height: 0 !important;
overflow: hidden; !important;
-webkit-transition: all 0.25s ease-in;  
-moz-transition: all 0.25s ease-in;
-o-transition: all 0.25s ease-in;  
-ms-transition: all 0.25s ease-in;  
transition: all 0.25s ease-in;
}
.wcp-caption-plugin .image-caption-box .black-dots-overlay {  
display: block;  
top: 0;
opacity: 0 !important;
-webkit-transition: 1s all;
transition: 1s all;
background-image: url(//www.evh-surveys.com/wp-content/plugins/image-caption-hover-pro/css/pattern_dark.png);
background-repeat: repeat;
background-position: 0 0;
}
.wcp-caption-plugin .image-caption-box .black-dots-overlay .centered-text {  
vertical-align: bottom !important;
}
.wcp-caption-plugin .image-caption-box .black-dots-overlay .centered-text p {  
background-color: #000;
position: absolute;
bottom: 0;
left: 0;
margin: 8px;
padding: 2px 6px;
}
.wcp-caption-plugin .image-caption-box:hover .black-dots-overlay {  
opacity: 1 !important;
}
.wcp-caption-plugin .image-caption-box:hover .static-caption-under-image {
background-color: transparent;
} .wcp-caption-plugin .image-container.image-container-disintegrate {
-webkit-perspective: 1500px;
perspective: 1500px;
-webkit-perspective-origin: 50% 50%;
perspective-origin: 50% 50%;
overflow: visible!important
}
.wcp-caption-plugin .image-container.image-container-disintegrate .image-overlay-container {
background: rgba(0, 0, 0, .75);
opacity: 0;
-webkit-transition: all 1.5s ease-in-out;
transition: all 1.5s ease-in-out
}
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container {
position: relative;
width: 100%;
max-width: 100%;
height: auto;
margin: 0;
}
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container [class^=image-clip-] {
position: absolute;
top: 0;
left: 0;
opacity: 1;
z-index: -500;
-webkit-transition: all .3s linear;
transition: all .3s linear
}
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-ascend .image-clip-1,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-collapse .image-clip-1,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-drop .image-clip-1,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-flush .image-clip-1,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-fly-up .image-clip-1,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-left .image-clip-1,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-zoom-in .image-clip-1 {
-webkit-clip-path: inset(0 79% 0 0);
clip-path: inset(0 79% 0 0)
}
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-ascend .image-clip-2,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-collapse .image-clip-2,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-drop .image-clip-2,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-flush .image-clip-2,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-fly-up .image-clip-2,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-left .image-clip-2,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-zoom-in .image-clip-2 {
-webkit-clip-path: inset(0 60% 0 20%);
clip-path: inset(0 60% 0 20%);
-webkit-transition-delay: .2s;
transition-delay: .2s
}
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-ascend .image-clip-3,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-collapse .image-clip-3,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-drop .image-clip-3,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-flush .image-clip-3,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-fly-up .image-clip-3,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-left .image-clip-3,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-zoom-in .image-clip-3 {
-webkit-clip-path: inset(0 40% 0 39%);
clip-path: inset(0 40% 0 39%);
-webkit-transition-delay: .3s;
transition-delay: .3s
}
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-ascend .image-clip-4,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-collapse .image-clip-4,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-drop .image-clip-4,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-flush .image-clip-4,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-fly-up .image-clip-4,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-left .image-clip-4,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-zoom-in .image-clip-4 {
-webkit-clip-path: inset(0 20% 0 59%);
clip-path: inset(0 20% 0 59%);
-webkit-transition-delay: .4s;
transition-delay: .4s
}
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-ascend .image-clip-5,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-collapse .image-clip-5,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-drop .image-clip-5,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-flush .image-clip-5,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-fly-up .image-clip-5,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-left .image-clip-5,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-zoom-in .image-clip-5 {
-webkit-clip-path: inset(0 0 0 79%);
clip-path: inset(0 0 0 79%);
-webkit-transition-delay: .5s;
transition-delay: .5s
}
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-descend .image-clip-1,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-flush-opposite .image-clip-1,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-fly-down .image-clip-1,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-right .image-clip-1,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-zoom-out .image-clip-1 {
-webkit-clip-path: inset(0 79% 0 0);
clip-path: inset(0 79% 0 0);
-webkit-transition-delay: .5s;
transition-delay: .5s
}
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-descend .image-clip-2,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-flush-opposite .image-clip-2,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-fly-down .image-clip-2,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-right .image-clip-2,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-zoom-out .image-clip-2 {
-webkit-clip-path: inset(0 60% 0 20%);
clip-path: inset(0 60% 0 20%);
-webkit-transition-delay: .4s;
transition-delay: .4s
}
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-descend .image-clip-3,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-flush-opposite .image-clip-3,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-fly-down .image-clip-3,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-right .image-clip-3,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-zoom-out .image-clip-3 {
-webkit-clip-path: inset(0 40% 0 39%);
clip-path: inset(0 40% 0 39%);
-webkit-transition-delay: .3s;
transition-delay: .3s
}
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-descend .image-clip-4,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-flush-opposite .image-clip-4,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-fly-down .image-clip-4,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-right .image-clip-4,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-zoom-out .image-clip-4 {
-webkit-clip-path: inset(0 20% 0 59%);
clip-path: inset(0 20% 0 59%);
-webkit-transition-delay: .2s;
transition-delay: .2s
}
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-descend .image-clip-5,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-flush-opposite .image-clip-5,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-fly-down .image-clip-5,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-right .image-clip-5,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-vertical-zoom-out .image-clip-5 {
-webkit-clip-path: inset(0 0 0 79%);
clip-path: inset(0 0 0 79%)
}
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-ascend .image-clip-1,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-flush .image-clip-1,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-fly-up .image-clip-1,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-up .image-clip-1,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-zoom-in .image-clip-1 {
-webkit-clip-path: inset(0 0 79% 0);
clip-path: inset(0 0 79% 0)
}
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-ascend .image-clip-2,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-flush .image-clip-2,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-fly-up .image-clip-2,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-up .image-clip-2,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-zoom-in .image-clip-2 {
-webkit-clip-path: inset(20% 0 60% 0);
clip-path: inset(20% 0 60% 0);
-webkit-transition-delay: .2s;
transition-delay: .2s
}
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-ascend .image-clip-3,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-flush .image-clip-3,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-fly-up .image-clip-3,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-up .image-clip-3,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-zoom-in .image-clip-3 {
-webkit-clip-path: inset(39% 0 40% 0);
clip-path: inset(39% 0 40% 0);
-webkit-transition-delay: .3s;
transition-delay: .3s
}
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-ascend .image-clip-4,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-flush .image-clip-4,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-fly-up .image-clip-4,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-up .image-clip-4,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-zoom-in .image-clip-4 {
-webkit-clip-path: inset(59% 0 20% 0);
clip-path: inset(59% 0 20% 0);
-webkit-transition-delay: .4s;
transition-delay: .4s
}
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-ascend .image-clip-5,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-flush .image-clip-5,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-fly-up .image-clip-5,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-up .image-clip-5,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-zoom-in .image-clip-5 {
-webkit-clip-path: inset(79% 0 0 0);
clip-path: inset(79% 0 0 0);
-webkit-transition-delay: .5s;
transition-delay: .5s
}
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-collapse .image-clip-1,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-descend .image-clip-1,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-down .image-clip-1,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-drop .image-clip-1,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-flush-opposite .image-clip-1,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-fly-down .image-clip-1,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-zoom-out .image-clip-1 {
-webkit-clip-path: inset(0 0 79% 0);
clip-path: inset(0 0 79% 0);
-webkit-transition-delay: .5s;
transition-delay: .5s
}
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-collapse .image-clip-2,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-descend .image-clip-2,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-down .image-clip-2,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-drop .image-clip-2,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-flush-opposite .image-clip-2,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-fly-down .image-clip-2,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-zoom-out .image-clip-2 {
-webkit-clip-path: inset(20% 0 60% 0);
clip-path: inset(20% 0 60% 0);
-webkit-transition-delay: .4s;
transition-delay: .4s
}
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-collapse .image-clip-3,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-descend .image-clip-3,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-down .image-clip-3,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-drop .image-clip-3,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-flush-opposite .image-clip-3,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-fly-down .image-clip-3,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-zoom-out .image-clip-3 {
-webkit-clip-path: inset(39% 0 40% 0);
clip-path: inset(39% 0 40% 0);
-webkit-transition-delay: .3s;
transition-delay: .3s
}
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-collapse .image-clip-4,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-descend .image-clip-4,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-down .image-clip-4,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-drop .image-clip-4,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-flush-opposite .image-clip-4,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-fly-down .image-clip-4,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-zoom-out .image-clip-4 {
-webkit-clip-path: inset(59% 0 20% 0);
clip-path: inset(59% 0 20% 0);
-webkit-transition-delay: .2s;
transition-delay: .2s
}
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-collapse .image-clip-5,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-descend .image-clip-5,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-down .image-clip-5,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-drop .image-clip-5,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-flush-opposite .image-clip-5,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-fly-down .image-clip-5,
.wcp-caption-plugin .image-container.image-container-disintegrate .disintegrate-container.break-pieces-horizontal-zoom-out .image-clip-5 {
-webkit-clip-path: inset(79% 0 0 0);
clip-path: inset(79% 0 0 0)
}
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .image-overlay-container {
opacity: 1
}
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .break-pieces-vertical-left [class^=image-clip] {
-webkit-transform: translateX(-10%);
-ms-transform: translateX(-10%);
transform: translateX(-10%)
}
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .break-pieces-vertical-right [class^=image-clip] {
-webkit-transform: translateX(10%);
-ms-transform: translateX(10%);
transform: translateX(10%)
}
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .break-pieces-vertical-fly-up [class^=image-clip] {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotateX(150deg) rotateY(90deg) rotateZ(5deg);
transform: rotateX(150deg) rotateY(90deg) rotateZ(5deg)
}
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .break-pieces-vertical-fly-down [class^=image-clip] {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: rotateX(-150deg) rotateY(-90deg) rotateZ(-5deg);
transform: rotateX(-150deg) rotateY(-90deg) rotateZ(-5deg)
}
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .break-pieces-horizontal-ascend [class^=image-clip],
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .break-pieces-vertical-ascend [class^=image-clip] {
-webkit-transform: rotateY(-10deg) translate(-15%, -15%);
transform: rotateY(-10deg) translate(-15%, -15%)
}
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .break-pieces-horizontal-descend [class^=image-clip],
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .break-pieces-vertical-descend [class^=image-clip] {
-webkit-transform: rotateY(10deg) translate(15%, 15%);
transform: rotateY(10deg) translate(15%, 15%)
}
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .break-pieces-horizontal-zoom-in [class^=image-clip],
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .break-pieces-vertical-zoom-in [class^=image-clip] {
-webkit-transform: scale(1.25);
-ms-transform: scale(1.25);
transform: scale(1.25)
}
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .break-pieces-horizontal-zoom-out [class^=image-clip],
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .break-pieces-vertical-zoom-out [class^=image-clip] {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0)
}
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .break-pieces-horizontal-flush [class^=image-clip],
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .break-pieces-vertical-flush [class^=image-clip] {
-webkit-transform: scale(0) rotateZ(-360deg) rotateY(90deg) rotateX(90deg);
transform: scale(0) rotateZ(-360deg) rotateY(90deg) rotateX(90deg)
}
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .break-pieces-horizontal-flush-opposite [class^=image-clip],
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .break-pieces-vertical-flush-opposite [class^=image-clip] {
-webkit-transform: scale(0) rotateZ(360deg) rotateY(-90deg) rotateX(-90deg);
transform: scale(0) rotateZ(360deg) rotateY(-90deg) rotateX(-90deg)
}
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .break-pieces-horizontal-collapse [class^=image-clip]:nth-child(even),
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .break-pieces-vertical-collapse [class^=image-clip]:nth-child(even) {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: rotateX(90deg) rotateZ(5deg);
transform: rotateX(90deg) rotateZ(5deg)
}
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .break-pieces-horizontal-collapse [class^=image-clip]:nth-child(odd),
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .break-pieces-vertical-collapse [class^=image-clip]:nth-child(odd) {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: rotateX(90deg) rotateZ(-5deg);
transform: rotateX(90deg) rotateZ(-5deg)
}
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .break-pieces-horizontal-drop [class^=image-clip]:nth-child(even),
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .break-pieces-vertical-drop [class^=image-clip]:nth-child(even) {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotateX(10deg) rotateY(15deg) rotateZ(-5deg) translateY(30%);
transform: rotateX(10deg) rotateY(15deg) rotateZ(-5deg) translateY(30%)
}
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .break-pieces-horizontal-drop [class^=image-clip]:nth-child(odd),
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .break-pieces-vertical-drop [class^=image-clip]:nth-child(odd) {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotateX(10deg) rotateY(-15deg) rotateZ(5deg) translateY(30%);
transform: rotateX(10deg) rotateY(-15deg) rotateZ(5deg) translateY(30%)
}
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .break-pieces-horizontal-up [class^=image-clip] {
-webkit-transform: translateY(-10%);
-ms-transform: translateY(-10%);
transform: translateY(-10%)
}
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .break-pieces-horizontal-down [class^=image-clip] {
-webkit-transform: translateY(10%);
-ms-transform: translateY(10%);
transform: translateY(10%)
}
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .break-pieces-horizontal-fly-up [class^=image-clip] {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotateY(150deg) rotateX(120deg) rotateZ(5deg);
transform: rotateY(150deg) rotateX(120deg) rotateZ(5deg)
}
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .break-pieces-horizontal-fly-down [class^=image-clip] {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: rotateY(-150deg) rotateX(-120deg) rotateZ(-5deg);
transform: rotateY(-150deg) rotateX(-120deg) rotateZ(-5deg)
}
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .image-clip-1,
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .image-clip-2,
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .image-clip-3,
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .image-clip-4,
.wcp-caption-plugin .image-container.image-container-disintegrate:hover .image-clip-5 {
opacity: 0
}
.image-overlay-container.caption {
position: absolute;
top: 0;
}@font-face{font-family:star;src:url(//www.evh-surveys.com/wp-content/plugins/image-caption-hover-pro/fonts/star.eot);src:url(//www.evh-surveys.com/wp-content/plugins/image-caption-hover-pro/fonts/star.eot?#iefix) format("embedded-opentype"),url(//www.evh-surveys.com/wp-content/plugins/image-caption-hover-pro/fonts/star.woff) format("woff"),url(//www.evh-surveys.com/wp-content/plugins/image-caption-hover-pro/fonts/star.ttf) format("truetype"),url(//www.evh-surveys.com/wp-content/plugins/image-caption-hover-pro/fonts/star.svg#star) format("svg");font-weight:400;font-style:normal}@font-face{font-family:WooCommerce;src:url(//www.evh-surveys.com/wp-content/plugins/image-caption-hover-pro/fonts/WooCommerce.eot);src:url(//www.evh-surveys.com/wp-content/plugins/image-caption-hover-pro/fonts/WooCommerce.eot?#iefix) format("embedded-opentype"),url(//www.evh-surveys.com/wp-content/plugins/image-caption-hover-pro/fonts/WooCommerce.woff) format("woff"),url(//www.evh-surveys.com/wp-content/plugins/image-caption-hover-pro/fonts/WooCommerce.ttf) format("truetype"),url(//www.evh-surveys.com/wp-content/plugins/image-caption-hover-pro/fonts/WooCommerce.svg#WooCommerce) format("svg");font-weight:400;font-style:normal}div.pp_woocommerce .pp_content_container{background:#fff;border-radius:3px;box-shadow:0 1px 30px rgba(0,0,0,.25);padding:20px 0}div.pp_woocommerce .pp_content_container:after,div.pp_woocommerce .pp_content_container:before{content:" ";display:table}div.pp_woocommerce .pp_content_container:after{clear:both}div.pp_woocommerce .pp_loaderIcon:before{height:1em;width:1em;position:absolute;top:50%;left:50%;margin-left:-.5em;margin-top:-.5em;display:block;content:"";-webkit-animation:spin 1s ease-in-out infinite;-moz-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite;background:url(//www.evh-surveys.com/wp-content/plugins/image-caption-hover-pro/images/icons/loader.svg) center center;background-size:cover;line-height:1;text-align:center;font-size:2em;color:rgba(0,0,0,.75)}div.pp_woocommerce div.ppt{color:#000}div.pp_woocommerce .pp_gallery ul li a{border:1px solid rgba(0,0,0,.5);background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);border-radius:2px;display:block}div.pp_woocommerce .pp_arrow_next,div.pp_woocommerce .pp_arrow_previous,div.pp_woocommerce .pp_close,div.pp_woocommerce .pp_next:before,div.pp_woocommerce .pp_previous:before,div.pp_woocommerce a.pp_contract,div.pp_woocommerce a.pp_expand{border-radius:100%;height:1em;width:1em;text-shadow:0 1px 2px rgba(0,0,0,.5);line-height:1em;transition:all ease-in-out .2s;color:#fff!important}div.pp_woocommerce .pp_gallery ul li a:hover,div.pp_woocommerce .pp_gallery ul li.selected a{border-color:#000}div.pp_woocommerce .pp_next:before,div.pp_woocommerce .pp_previous:before{background-color:#444;font-size:16px!important;font-family:WooCommerce;content:"\e00b";text-indent:0;display:none;position:absolute;top:50%;margin-top:-10px;text-align:center}div.pp_woocommerce .pp_next:before:hover,div.pp_woocommerce .pp_previous:before:hover{background-color:#000}div.pp_woocommerce .pp_next:hover:before,div.pp_woocommerce .pp_previous:hover:before{display:block}div.pp_woocommerce .pp_previous:before{left:1em}div.pp_woocommerce .pp_next:before{right:1em;font-family:WooCommerce;content:"\e008"}div.pp_woocommerce .pp_details{margin:0;padding-top:1em}div.pp_woocommerce .pp_description,div.pp_woocommerce .pp_nav{font-size:14px}div.pp_woocommerce .pp_arrow_next,div.pp_woocommerce .pp_arrow_previous,div.pp_woocommerce .pp_nav,div.pp_woocommerce .pp_nav .pp_pause,div.pp_woocommerce .pp_nav p,div.pp_woocommerce .pp_play{margin:0}div.pp_woocommerce .pp_nav{margin-right:1em;position:relative}div.pp_woocommerce .pp_close{background-color:#444;top:-.5em;right:-.5em;font-size:1.618em!important}div.pp_woocommerce .pp_close:hover{background-color:#000}div.pp_woocommerce .pp_close:before{font-family:WooCommerce;content:"\e013";display:block;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;text-indent:0}div.pp_woocommerce .pp_arrow_next,div.pp_woocommerce .pp_arrow_previous{background-color:#444;font-size:16px!important;position:relative;margin-top:-1px}div.pp_woocommerce .pp_arrow_next:hover,div.pp_woocommerce .pp_arrow_previous:hover{background-color:#000}div.pp_woocommerce .pp_arrow_next:before,div.pp_woocommerce .pp_arrow_previous:before{font-family:WooCommerce;content:"\e00b";display:block;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;text-indent:0}div.pp_woocommerce .pp_arrow_previous{margin-right:.5em}div.pp_woocommerce .pp_arrow_next{margin-left:.5em}div.pp_woocommerce .pp_arrow_next:before{content:"\e008"}div.pp_woocommerce a.pp_contract,div.pp_woocommerce a.pp_expand{background-color:#444;right:auto;left:-.5em;top:-.5em;font-size:1.618em!important}div.pp_woocommerce a.pp_contract:hover,div.pp_woocommerce a.pp_expand:hover{background-color:#000}div.pp_woocommerce a.pp_contract:before,div.pp_woocommerce a.pp_expand:before{font-family:WooCommerce;content:"\e005";display:block;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;text-indent:0}div.pp_woocommerce a.pp_contract:before{content:"\e004"}div.pp_woocommerce #respond{margin:0;width:100%;background:0 0;border:none;padding:0}div.pp_woocommerce #respond .form-submit{margin-top:0;float:none}div.pp_woocommerce .pp_inline{padding:0!important}.rtl div.pp_woocommerce .pp_content_container{text-align:right}@media only screen and (max-width:768px){div.pp_woocommerce .pp_contract,div.pp_woocommerce .pp_description,div.pp_woocommerce .pp_expand,div.pp_woocommerce .pp_gallery,div.pp_woocommerce .pp_next,div.pp_woocommerce .pp_previous{display:none!important}div.pp_woocommerce{left:5%!important;right:5%!important;box-sizing:border-box;width:90%!important}div.pp_woocommerce .pp_arrow_next,div.pp_woocommerce .pp_arrow_previous,div.pp_woocommerce .pp_close{height:44px;width:44px;font-size:44px;line-height:44px}div.pp_woocommerce .pp_arrow_next:before,div.pp_woocommerce .pp_arrow_previous:before,div.pp_woocommerce .pp_close:before{font-size:44px}.pp_content,div.pp_woocommerce .pp_details{width:100%!important}.pp_content #pp_full_res>img{width:100%!important;height:auto!important}.currentTextHolder{line-height:3}}div.pp_pic_holder a:focus{outline:0}div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9999}div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}.pp_top{height:20px;position:relative}* html .pp_top{padding:0 20px}.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px}.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px}* html .pp_top .pp_middle{left:0;position:static}.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}.pp_content{height:40px;min-width:40px}* html .pp_content{width:40px}.pp_fade{display:none}.pp_content_container{position:relative;text-align:left;width:100%}.pp_content_container .pp_left{padding-left:20px}.pp_content_container .pp_right{padding-right:20px}.pp_content_container .pp_details{float:left;margin:10px 0 2px}.pp_description{display:none;margin:0}.pp_social{float:left;margin:0}.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}.pp_social .twitter{float:left}.pp_nav{clear:right;float:left;margin:3px 10px 0 0}.pp_nav p{float:left;margin:2px 4px;white-space:nowrap}.pp_nav .pp_pause,.pp_nav .pp_play{float:left;margin-right:4px;text-indent:-10000px}a.pp_arrow_next,a.pp_arrow_previous{display:block;float:left;height:15px;margin-top:3px;text-indent:-100000px;width:14px}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}.pp_gallery div{float:left;overflow:hidden;position:relative}.pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap}.pp_gallery ul a{border:1px solid #000;border:1px solid rgba(0,0,0,.5);display:block;float:left;height:33px;overflow:hidden}.pp_gallery li.selected a,.pp_gallery ul a:hover{border-color:#fff}.pp_gallery ul a img{border:0}.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}.pp_gallery li.default a{display:block;height:33px;width:50px}.pp_gallery li.default a img{display:none}a.pp_next,a.pp_previous{display:block;height:100%;width:49%;text-indent:-10000px}.pp_gallery .pp_arrow_next,.pp_gallery .pp_arrow_previous{margin-top:7px!important}a.pp_next{float:right}a.pp_previous{float:left}a.pp_contract,a.pp_expand{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}a.pp_close{position:absolute;right:0;top:0;display:block;text-indent:-10000px}.pp_bottom{height:20px;position:relative}* html .pp_bottom{padding:0 20px}.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}* html .pp_bottom .pp_middle{left:0;position:static}.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}.pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px}#pp_full_res .pp_inline{text-align:left}div.ppt{color:#fff!important;font-weight:700;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999}.ich-settings-main-wrap {    }
.ich-settings-main-wrap .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.ich-settings-main-wrap .slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.ich-settings-main-wrap .slick-list:focus {
outline: none;
}
.ich-settings-main-wrap .slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.ich-settings-main-wrap .slick-slider .slick-track,
.ich-settings-main-wrap .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.ich-settings-main-wrap .slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.ich-settings-main-wrap .slick-track:before,
.ich-settings-main-wrap .slick-track:after {
display: table;
content: '';
}
.ich-settings-main-wrap .slick-track:after {
clear: both;
}
.ich-settings-main-wrap .slick-loading .slick-track {
visibility: hidden;
}
.ich-settings-main-wrap .slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
.ich-settings-main-wrap [dir='rtl'] .slick-slide {
float: right;
}
.ich-settings-main-wrap .slick-slide img {
display: block;
}
.ich-settings-main-wrap .slick-slide.slick-loading img {
display: none;
}
.ich-settings-main-wrap .slick-slide.dragging img {
pointer-events: none;
}
.ich-settings-main-wrap .slick-initialized .slick-slide {
display: block;
}
.ich-settings-main-wrap .slick-loading .slick-slide {
visibility: hidden;
}
.ich-settings-main-wrap .slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.ich-settings-main-wrap .slick-arrow.slick-hidden {
display: none;
}
.ich-settings-main-wrap .slick-loading .slick-list {
background: #ffffff url(//www.evh-surveys.com/wp-content/plugins/image-caption-hover-pro/images/ajax-loader.gif) center center no-repeat;
}
.ich-settings-main-wrap .slick-prev,
.ich-settings-main-wrap .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.ich-settings-main-wrap .slick-prev:hover,
.ich-settings-main-wrap .slick-prev:focus,
.ich-settings-main-wrap .slick-next:hover,
.ich-settings-main-wrap .slick-next:focus {
color: transparent;
outline: none;
background: transparent;
}
.ich-settings-main-wrap .slick-prev:hover:before,
.ich-settings-main-wrap .slick-prev:focus:before,
.ich-settings-main-wrap .slick-next:hover:before,
.ich-settings-main-wrap .slick-next:focus:before {
opacity: 1;
}
.ich-settings-main-wrap .slick-prev.slick-disabled:before,
.ich-settings-main-wrap .slick-next.slick-disabled:before {
opacity: .25;
}
.ich-settings-main-wrap .slick-prev:before,
.ich-settings-main-wrap .slick-next:before {
font-family: 'FontAwesome';
font-size: 20px;
line-height: 1;
opacity: .75;
color: #ccc;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ich-settings-main-wrap .slick-prev {
left: -25px;
overflow: hidden !important;
}
.ich-settings-main-wrap [dir='rtl'] .slick-prev {
right: -25px;
left: auto;
}
.ich-settings-main-wrap .slick-prev:before {
content: '\f137';
}
.ich-settings-main-wrap [dir='rtl'] .slick-prev:before {
content: '\f138';
}
.ich-settings-main-wrap .slick-next {
right: -25px;
overflow: hidden !important;
}
.ich-settings-main-wrap [dir='rtl'] .slick-next {
right: auto;
left: -25px;
}
.ich-settings-main-wrap .slick-next:before {
content: '\f138';
}
.ich-settings-main-wrap [dir='rtl'] .slick-next:before {
content: '\f137';
}
.ich-settings-main-wrap .slick-dotted.slick-slider {
margin-bottom: 30px;
}
.ich-settings-main-wrap .slick-dots {
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0 !important;
margin: 0 !important;
list-style: none;
text-align: center;
}
.ich-settings-main-wrap .slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.ich-settings-main-wrap .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.ich-settings-main-wrap .slick-dots li button:hover,
.ich-settings-main-wrap .slick-dots li button:focus {
outline: none;
}
.ich-settings-main-wrap .slick-dots li button:hover:before,
.ich-settings-main-wrap .slick-dots li button:focus:before {
opacity: 1;
}
.ich-settings-main-wrap .slick-dots li button:before {
font-family: 'FontAwesome';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '\f111';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ich-settings-main-wrap .slick-dots li.slick-active button:before {
opacity: .75;
color: black;
}