.cq-ihover {
margin: 0;
padding: : 0;
width: 100%;
border-radius: 8px; }
.cq-ihover img.cq-ihover-image {
width: 100%;
box-shadow: none;
border-radius: 0;
}
.cq-ihover .cq-ihover-text {
width: 100%;
text-align: center;
position: absolute;
margin: 0;
padding: 0;
height: auto;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.cq-ihover .cq-ihover-item.square .cq-ihover-text { }
.cq-ihover .cq-ihover-item.circle .cq-ihover-text {
margin-top: 2%;
}
.cq-ihover-item .cq-ihover-info{
background: #967ADC;
margin: 0;
padding: : 0;
}
.cq-ihover.cq-style-grapefruit .cq-ihover-info, .cq-ihover.cq-style-grapefruit .cq-ihover-infoback, .cq-ihover.cq-style-grapefruit .mask1, .cq-ihover.cq-style-grapefruit .mask2{
background: rgba(218,68,83,0.9);
}
.cq-ihover.cq-style-bittersweet .cq-ihover-info, .cq-ihover.cq-style-bittersweet .cq-ihover-infoback, .cq-ihover.cq-style-bittersweet .mask1, .cq-ihover.cq-style-bittersweet .mask2{
background: rgba(252,110,81,0.9);
}
.cq-ihover.cq-style-sunflower .cq-ihover-info, .cq-ihover.cq-style-sunflower .cq-ihover-infoback, .cq-ihover.cq-style-sunflower .mask1, .cq-ihover.cq-style-sunflower .mask2{
background: rgba(246,187,66,0.9);
}
.cq-ihover.cq-style-grass .cq-ihover-info, .cq-ihover.cq-style-grass .cq-ihover-infoback, .cq-ihover.cq-style-grass .mask1, .cq-ihover.cq-style-grass .mask2{
background: rgba(140,193,82,0.9);
}
.cq-ihover.cq-style-mint .cq-ihover-info, .cq-ihover.cq-style-mint .cq-ihover-infoback, .cq-ihover.cq-style-mint .mask1, .cq-ihover.cq-style-mint .mask2{
background: rgba(55,188,155,0.9);
}
.cq-ihover.cq-style-aqua .cq-ihover-info, .cq-ihover.cq-style-aqua .cq-ihover-infoback, .cq-ihover.cq-style-aqua .mask1, .cq-ihover.cq-style-aqua .mask2{
background: rgba(59,175,218,0.9);
}
.cq-ihover.cq-style-bluejeans .cq-ihover-info, .cq-ihover.cq-style-bluejeans .cq-ihover-infoback, .cq-ihover.cq-style-bluejeans .mask1, .cq-ihover.cq-style-bluejeans .mask2{
background: rgba(74,137,220,0.9);
}
.cq-ihover.cq-style-lavender .cq-ihover-info, .cq-ihover.cq-style-lavender .cq-ihover-infoback, .cq-ihover.cq-style-lavender .mask1, .cq-ihover.cq-style-lavender .mask2{
background: rgba(150,122,220,0.9);
}
.cq-ihover.cq-style-pinkrose .cq-ihover-info, .cq-ihover.cq-style-pinkrose .cq-ihover-infoback, .cq-ihover.cq-style-pinkrose .mask1, .cq-ihover.cq-style-pinkrose .mask2{
background: rgba(215,112,173,0.9);
}
.cq-ihover.cq-style-white .cq-ihover-info, .cq-ihover.cq-style-white .cq-ihover-infoback, .cq-ihover.cq-style-white .mask1, .cq-ihover.cq-style-white .mask2{
background: rgba(255,255,255,0.9);
}
.cq-ihover.cq-style-lightgray .cq-ihover-info, .cq-ihover.cq-style-lightgray .cq-ihover-infoback, .cq-ihover.cq-style-lightgray .mask1, .cq-ihover.cq-style-lightgray .mask2{
background: rgba(204,209,217,0.9);
}
.cq-ihover.cq-style-lightgray .cq-ihover-info h3, .cq-ihover.cq-style-lightgray .cq-ihover-info p, .cq-ihover.cq-style-lightgray .cq-ihover-info .cq-ihover-icon, .cq-ihover.cq-style-white .cq-ihover-info h3, .cq-ihover.cq-style-white .cq-ihover-info p, .cq-ihover.cq-style-white .cq-ihover-info .cq-ihover-icon{
color: #333;
}
.cq-ihover.cq-style-mediumgray .cq-ihover-info, .cq-ihover.cq-style-mediumgray .cq-ihover-infoback, .cq-ihover.cq-style-mediumgray .mask1, .cq-ihover.cq-style-mediumgray .mask2{
background: rgba(101,109,120,0.9);
}
.cq-ihover.cq-style-darkgray .cq-ihover-info, .cq-ihover.cq-style-darkgray .cq-ihover-infoback, .cq-ihover.cq-style-darkgray .mask1, .cq-ihover.cq-style-darkgray .mask2{
background: rgba(67,74,84,0.9);
}
.cq-ihover-item .cq-ihover-info h3 {
line-height: 150%;
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
padding: 12px 0 0 0;
margin: 0 30px 12px 30px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.cq-ihover-item .cq-ihover-info .cq-ihover-title {
padding-bottom: 4px;
}
.cq-ihover-item .cq-ihover-info .cq-ihover-title.cq-title-none {
border-bottom: none;
}
.cq-ihover-item .cq-ihover-info .cq-ihover-title.cq-title-solid {
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.cq-ihover-item .cq-ihover-info .cq-ihover-title.cq-title-dotted {
border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
}
.cq-ihover-item .cq-ihover-info .cq-ihover-title.cq-title-dashed {
border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
}
.cq-ihover.cq-style-lightgray .cq-ihover-item .cq-ihover-info .cq-ihover-title.cq-title-solid, .cq-ihover.cq-style-white .cq-ihover-item .cq-ihover-info .cq-ihover-title.cq-title-solid {
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.cq-ihover.cq-style-lightgray .cq-ihover-item .cq-ihover-info .cq-ihover-title.cq-title-dotted, .cq-ihover.cq-style-white .cq-ihover-item .cq-ihover-info .cq-ihover-title.cq-title-dotted {
border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
}
.cq-ihover.cq-style-lightgray .cq-ihover-item .cq-ihover-info .cq-ihover-title.cq-title-dashed, .cq-ihover.cq-style-white .cq-ihover-item .cq-ihover-info .cq-ihover-title.cq-title-dashed {
border-bottom: 1px dashed rgba(0, 0, 0, 0.5);
}
.cq-ihover-item .cq-ihover-icon{
font-size: 1.8em;
line-height: 18px;
color: #FFF;
}
.cq-ihover-item .cq-ihover-info p {
position: relative;
line-height: 150%;
color: #fff; padding: 0;
margin: 0px 30px 10px 30px;
font-size: 12px;
}
.cq-ihover-item .cq-ihover-info p.cq-ihover-icontext {
padding-top: 5px;
}
.cq-ihover-item .mask1, .cq-ihover-item .mask2 {
width: 100%;
height: 100%;
}
.cq-ihover-item:focus, .cq-ihover-item a:focus {
outline: none;
}
.cq-ihover-item {
width: 100%;
margin: 0;
padding: 0;
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;
}
.cq-ihover-item, .cq-ihover-item * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.cq-ihover-item a { }
.cq-ihover-item a:hover {
text-decoration: none;
} .cq-ihover-item.circle {
position: relative;
border-radius: 50%;
}
.cq-ihover-item.circle .cq-ihover-imageitem {
position: relative;  border-radius: 50%;
}
.cq-ihover-item.circle .cq-ihover-imageitem:before {
position: absolute;
display: block;
content: '';
width: 100%;
height: 100%;
border-radius: 50%; box-shadow: none;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.cq-ihover.cq-ihover-bordernone .cq-ihover-item.circle .cq-ihover-imageitem:before {
box-shadow: none;
}
.cq-ihover.cq-ihover-bordermini .cq-ihover-item.circle .cq-ihover-imageitem:before {
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
}
.cq-ihover.cq-ihover-bordersmall .cq-ihover-item.circle .cq-ihover-imageitem:before {
box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
}
.cq-ihover.cq-ihover-borderlarge .cq-ihover-item.circle .cq-ihover-imageitem:before {
box-shadow: inset 0 0 0 8px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
}
.cq-ihover.cq-ihover-borderxlarge .cq-ihover-item.circle .cq-ihover-imageitem:before {
box-shadow: inset 0 0 0 12px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
}
.cq-ihover-item.circle .cq-ihover-imageitem img {
border-radius: 50%;
}
.cq-ihover-item.circle .cq-ihover-info {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
border-radius: 50%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cq-ihover-item.square {
position: relative;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.cq-ihover.cq-ihover-bordernone .cq-ihover-item.square {
box-shadow: none;
border: none;
}
.cq-ihover.cq-ihover-bordermini .cq-ihover-item.square {
border: 2px solid #fff;
}
.cq-ihover.cq-ihover-bordersmall .cq-ihover-item.square {
border: 4px solid #fff;
}
.cq-ihover.cq-ihover-borderlarge .cq-ihover-item.square {
border: 8px solid #fff;
}
.cq-ihover.cq-ihover-borderxlarge .cq-ihover-item.square {
border: 12px solid #fff;
}
.cq-ihover-item.square .cq-ihover-info {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cq-ihover-item.circle.effect1 .spinner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: : 100%;    -webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
.cq-ihover-item.circle.effect1 .cq-ihover-imageitem { top: 0px;
bottom: 0;
left: 0px;
right: 0;
width: auto;
height: auto;
}
.cq-ihover-item.circle.effect1 .cq-ihover-info {
top: 0px;
bottom: 0;
left: 0px;
right: 0;
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;
}
.cq-ihover-item.circle.effect1 a:hover .spinner {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.cq-ihover-item.circle.effect1 a:hover .cq-ihover-info {
opacity: 1;
}
.cq-ihover-item.circle.effect2 .cq-ihover-imageitem {
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;
}
.cq-ihover-item.circle.effect2 .cq-ihover-info {
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;
}
.cq-ihover-item.circle.effect2.left_to_right .cq-ihover-info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.cq-ihover-item.circle.effect2.left_to_right a:hover .cq-ihover-imageitem {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.cq-ihover-item.circle.effect2.left_to_right a:hover .cq-ihover-info {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cq-ihover-item.circle.effect2.right_to_left .cq-ihover-info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.cq-ihover-item.circle.effect2.right_to_left a:hover .cq-ihover-imageitem {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.cq-ihover-item.circle.effect2.right_to_left a:hover .cq-ihover-info {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cq-ihover-item.circle.effect2.top_to_bottom .cq-ihover-info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.cq-ihover-item.circle.effect2.top_to_bottom a:hover .cq-ihover-imageitem {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.cq-ihover-item.circle.effect2.top_to_bottom a:hover .cq-ihover-info {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.circle.effect2.bottom_to_top .cq-ihover-info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.cq-ihover-item.circle.effect2.bottom_to_top a:hover .cq-ihover-imageitem {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.cq-ihover-item.circle.effect2.bottom_to_top a:hover .cq-ihover-info {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.circle.effect3 .cq-ihover-imageitem {
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;
}
.cq-ihover-item.circle.effect3 .cq-ihover-info {
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;
}
.cq-ihover-item.circle.effect3.left_to_right .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.circle.effect3.left_to_right .cq-ihover-info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.cq-ihover-item.circle.effect3.left_to_right a:hover .cq-ihover-imageitem {
-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%);
}
.cq-ihover-item.circle.effect3.left_to_right a:hover .cq-ihover-info {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cq-ihover-item.circle.effect3.right_to_left .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.circle.effect3.right_to_left .cq-ihover-info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.cq-ihover-item.circle.effect3.right_to_left a:hover .cq-ihover-imageitem {
-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%);
}
.cq-ihover-item.circle.effect3.right_to_left a:hover .cq-ihover-info {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cq-ihover-item.circle.effect3.top_to_bottom .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.circle.effect3.top_to_bottom .cq-ihover-info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.cq-ihover-item.circle.effect3.top_to_bottom a:hover .cq-ihover-imageitem {
-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%);
}
.cq-ihover-item.circle.effect3.top_to_bottom a:hover .cq-ihover-info {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.circle.effect3.bottom_to_top .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.circle.effect3.bottom_to_top .cq-ihover-info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.cq-ihover-item.circle.effect3.bottom_to_top a:hover .cq-ihover-imageitem {
-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%);
}
.cq-ihover-item.circle.effect3.bottom_to_top a:hover .cq-ihover-info {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.circle.effect4 .cq-ihover-imageitem {
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;
}
.cq-ihover-item.circle.effect4 .cq-ihover-info {
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.cq-ihover-item.circle.effect4 .cq-ihover-info p {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.cq-ihover-item.circle.effect4 a:hover .cq-ihover-imageitem {
opacity: 0;
pointer-events: none;
}
.cq-ihover-item.circle.effect4 a:hover .cq-ihover-info {
visibility: visible;
opacity: 1;
}
.cq-ihover-item.circle.effect4.left_to_right .cq-ihover-imageitem {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cq-ihover-item.circle.effect4.left_to_right .cq-ihover-info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.cq-ihover-item.circle.effect4.left_to_right a:hover .cq-ihover-imageitem {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.cq-ihover-item.circle.effect4.left_to_right a:hover .cq-ihover-info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cq-ihover-item.circle.effect4.right_to_left .cq-ihover-imageitem {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cq-ihover-item.circle.effect4.right_to_left .cq-ihover-info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.cq-ihover-item.circle.effect4.right_to_left a:hover .cq-ihover-imageitem {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.cq-ihover-item.circle.effect4.right_to_left a:hover .cq-ihover-info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cq-ihover-item.circle.effect4.top_to_bottom .cq-ihover-imageitem {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.circle.effect4.top_to_bottom .cq-ihover-info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.cq-ihover-item.circle.effect4.top_to_bottom a:hover .cq-ihover-imageitem {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.cq-ihover-item.circle.effect4.top_to_bottom a:hover .cq-ihover-info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.circle.effect4.bottom_to_top .cq-ihover-imageitem {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.circle.effect4.bottom_to_top .cq-ihover-info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.cq-ihover-item.circle.effect4.bottom_to_top a:hover .cq-ihover-imageitem {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.cq-ihover-item.circle.effect4.bottom_to_top a:hover .cq-ihover-info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.circle.effect5 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px;
}
.cq-ihover-item.circle.effect5 .cq-ihover-info {
background: none;
-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;
}
.cq-ihover-item.circle.effect5 .cq-ihover-info .cq-ihover-infoback {
visibility: hidden;
border-radius: 50%;
width: 100%;
height: 100%;
-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;
}
.cq-ihover-item.circle.effect5 a:hover .cq-ihover-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);
}
.cq-ihover-item.circle.effect5 a:hover .cq-ihover-info .cq-ihover-infoback {
visibility: visible;
}
.cq-ihover-item.circle.effect6 .cq-ihover-imageitem {
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;
}
.cq-ihover-item.circle.effect6 .cq-ihover-info {
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;
}
.cq-ihover-item.circle.effect6.scale_up .cq-ihover-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);
}
.cq-ihover-item.circle.effect6.scale_up a:hover .cq-ihover-imageitem {
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);
}
.cq-ihover-item.circle.effect6.scale_up a:hover .cq-ihover-info {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.cq-ihover-item.circle.effect6.scale_down .cq-ihover-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);
}
.cq-ihover-item.circle.effect6.scale_down a:hover .cq-ihover-imageitem {
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);
}
.cq-ihover-item.circle.effect6.scale_down a:hover .cq-ihover-info {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.cq-ihover-item.circle.effect6.scale_down_up .cq-ihover-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;
}
.cq-ihover-item.circle.effect6.scale_down_up a:hover .cq-ihover-imageitem {
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);
}
.cq-ihover-item.circle.effect6.scale_down_up a:hover .cq-ihover-info {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.cq-ihover-item.circle.effect7 .cq-ihover-imageitem {
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;
}
.cq-ihover-item.circle.effect7 .cq-ihover-info {
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;
}
.cq-ihover-item.circle.effect7 a:hover .cq-ihover-imageitem {
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);
}
.cq-ihover-item.circle.effect7 a:hover .cq-ihover-info {
visibility: visible;
opacity: 1;
}
.cq-ihover-item.circle.effect7.left_to_right .cq-ihover-info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.cq-ihover-item.circle.effect7.left_to_right a:hover .cq-ihover-info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cq-ihover-item.circle.effect7.right_to_left .cq-ihover-info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.cq-ihover-item.circle.effect7.right_to_left a:hover .cq-ihover-info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cq-ihover-item.circle.effect7.top_to_bottom .cq-ihover-info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.cq-ihover-item.circle.effect7.top_to_bottom a:hover .cq-ihover-info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.circle.effect7.bottom_to_top .cq-ihover-info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.cq-ihover-item.circle.effect7.bottom_to_top a:hover .cq-ihover-info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.circle.effect8 .cq-ihover-imagecontainer {
-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;
}
.cq-ihover-item.circle.effect8 .cq-ihover-imagecontainer .cq-ihover-imageitem {
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;
}
.cq-ihover-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;
}
.cq-ihover-item.circle.effect8 .cq-ihover-info {
width: 100%;
height: 100%;
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;
}
.cq-ihover-item.circle.effect8 a:hover .cq-ihover-imagecontainer {
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);
}
.cq-ihover-item.circle.effect8 a:hover .cq-ihover-imagecontainer .cq-ihover-imageitem {
opacity: 0;
pointer-events: none;
}
.cq-ihover-item.circle.effect8 a:hover .info-container {
opacity: 1;
}
.cq-ihover-item.circle.effect8 a:hover .info-container .cq-ihover-info {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.cq-ihover-item.circle.effect8.left_to_right .cq-ihover-imagecontainer .cq-ihover-imageitem {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cq-ihover-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%);
}
.cq-ihover-item.circle.effect8.left_to_right a:hover .cq-ihover-imagecontainer .cq-ihover-imageitem {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.cq-ihover-item.circle.effect8.left_to_right a:hover .info-container {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cq-ihover-item.circle.effect8.right_to_left .cq-ihover-imagecontainer .cq-ihover-imageitem {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cq-ihover-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%);
}
.cq-ihover-item.circle.effect8.right_to_left a:hover .cq-ihover-imagecontainer .cq-ihover-imageitem {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.cq-ihover-item.circle.effect8.right_to_left a:hover .info-container {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cq-ihover-item.circle.effect8.top_to_bottom .cq-ihover-imagecontainer .cq-ihover-imageitem {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-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%);
}
.cq-ihover-item.circle.effect8.top_to_bottom a:hover .cq-ihover-imagecontainer .cq-ihover-imageitem {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.cq-ihover-item.circle.effect8.top_to_bottom a:hover .info-container {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.circle.effect8.bottom_to_top .cq-ihover-imagecontainer .cq-ihover-imageitem {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-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%);
}
.cq-ihover-item.circle.effect8.bottom_to_top a:hover .cq-ihover-imagecontainer .cq-ihover-imageitem {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.cq-ihover-item.circle.effect8.bottom_to_top a:hover .info-container {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.circle.effect9 .cq-ihover-imageitem {
opacity: 1;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.cq-ihover-item.circle.effect9 .cq-ihover-info {
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;
}
.cq-ihover-item.circle.effect9 a:hover .cq-ihover-imageitem {
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);
}
.cq-ihover-item.circle.effect9 a:hover .cq-ihover-info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.cq-ihover-item.circle.effect9.left_to_right .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.circle.effect9.left_to_right a:hover .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.circle.effect9.right_to_left .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.circle.effect9.right_to_left a:hover .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.circle.effect9.top_to_bottom .cq-ihover-imageitem {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.circle.effect9.top_to_bottom a:hover .cq-ihover-imageitem {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.cq-ihover-item.circle.effect9.bottom_to_top .cq-ihover-imageitem {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.circle.effect9.bottom_to_top a:hover .cq-ihover-imageitem {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.cq-ihover-item.circle.effect10 .cq-ihover-imageitem {
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;
}
.cq-ihover-item.circle.effect10 .cq-ihover-text {
margin-top: -40px;
}
.cq-ihover-item.circle.effect10 .cq-ihover-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;
}
.cq-ihover-item.circle.effect10 a:hover .cq-ihover-info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
} .cq-ihover-item.circle.effect10.top_to_bottom a:hover .cq-ihover-imageitem {
-webkit-transform: translateY(30%) scale(0.5);
-moz-transform: translateY(30%) scale(0.5);
-ms-transform: translateY(30%) scale(0.5);
-o-transform: translateY(30%) scale(0.5);
transform: translateY(30%) scale(0.5);
} .cq-ihover-item.circle.effect10.bottom_to_top a:hover .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.circle.effect11 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px;
}
.cq-ihover-item.circle.effect11 .cq-ihover-imageitem {
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;
}
.cq-ihover-item.circle.effect11 .cq-ihover-info {
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;
}
.cq-ihover-item.circle.effect11 a:hover .cq-ihover-imageitem {
opacity: 0;
}
.cq-ihover-item.circle.effect11 a:hover .cq-ihover-info {
visibility: visible;
opacity: 1;
}
.cq-ihover-item.circle.effect11.left_to_right .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.circle.effect11.left_to_right .cq-ihover-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);
}
.cq-ihover-item.circle.effect11.left_to_right a:hover .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.circle.effect11.left_to_right a:hover .cq-ihover-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);
}
.cq-ihover-item.circle.effect11.right_to_left .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.circle.effect11.right_to_left .cq-ihover-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);
}
.cq-ihover-item.circle.effect11.right_to_left a:hover .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.circle.effect11.right_to_left a:hover .cq-ihover-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);
}
.cq-ihover-item.circle.effect11.top_to_bottom .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.circle.effect11.top_to_bottom .cq-ihover-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);
}
.cq-ihover-item.circle.effect11.top_to_bottom a:hover .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.circle.effect11.top_to_bottom a:hover .cq-ihover-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);
}
.cq-ihover-item.circle.effect11.bottom_to_top .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.circle.effect11.bottom_to_top .cq-ihover-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);
}
.cq-ihover-item.circle.effect11.bottom_to_top a:hover .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.circle.effect11.bottom_to_top a:hover .cq-ihover-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);
}
.cq-ihover-item.circle.effect12 .cq-ihover-imageitem {
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;
}
.cq-ihover-item.circle.effect12 .cq-ihover-info {
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;
}
.cq-ihover-item.circle.effect12 a:hover .cq-ihover-imageitem {
opacity: 0;
pointer-events: none;
}
.cq-ihover-item.circle.effect12 a:hover .cq-ihover-info {
opacity: 1;
visibility: visible;
}
.cq-ihover-item.circle.effect12.left_to_right .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.circle.effect12.left_to_right .cq-ihover-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);
}
.cq-ihover-item.circle.effect12.left_to_right a:hover .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.circle.effect12.left_to_right a:hover .cq-ihover-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;
}
.cq-ihover-item.circle.effect12.right_to_left .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.circle.effect12.right_to_left .cq-ihover-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);
}
.cq-ihover-item.circle.effect12.right_to_left a:hover .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.circle.effect12.right_to_left a:hover .cq-ihover-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;
}
.cq-ihover-item.circle.effect12.top_to_bottom .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.circle.effect12.top_to_bottom .cq-ihover-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);
}
.cq-ihover-item.circle.effect12.top_to_bottom a:hover .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.circle.effect12.top_to_bottom a:hover .cq-ihover-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;
}
.cq-ihover-item.circle.effect12.bottom_to_top .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.circle.effect12.bottom_to_top .cq-ihover-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);
}
.cq-ihover-item.circle.effect12.bottom_to_top a:hover .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.circle.effect12.bottom_to_top a:hover .cq-ihover-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;
}
.cq-ihover-item.circle.effect13 .cq-ihover-info {
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;
}
.cq-ihover-item.circle.effect13 .cq-ihover-info h3 {
visibility: hidden;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.cq-ihover-item.circle.effect13 .cq-ihover-info p {
visibility: hidden;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.cq-ihover-item.circle.effect13 a:hover .cq-ihover-info {
opacity: 1;
}
.cq-ihover-item.circle.effect13 a:hover h3 {
visibility: visible;
}
.cq-ihover-item.circle.effect13 a:hover p {
visibility: visible;
}
.cq-ihover-item.circle.effect13.from_left_and_right .cq-ihover-info h3 {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.cq-ihover-item.circle.effect13.from_left_and_right .cq-ihover-info p {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.cq-ihover-item.circle.effect13.from_left_and_right a:hover h3 {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cq-ihover-item.circle.effect13.from_left_and_right a:hover p {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cq-ihover-item.circle.effect13.top_to_bottom .cq-ihover-info h3 {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.cq-ihover-item.circle.effect13.top_to_bottom .cq-ihover-info p {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.cq-ihover-item.circle.effect13.top_to_bottom a:hover h3 {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.circle.effect13.top_to_bottom a:hover p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.circle.effect13.bottom_to_top .cq-ihover-info h3 {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.cq-ihover-item.circle.effect13.bottom_to_top .cq-ihover-info p {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.cq-ihover-item.circle.effect13.bottom_to_top a:hover h3 {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.circle.effect13.bottom_to_top a:hover p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.circle.effect14 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px;
}
.cq-ihover-item.circle.effect14 .cq-ihover-imageitem {
visibility: visible;
opacity: 1;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.cq-ihover-item.circle.effect14 .cq-ihover-info {
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;
}
.cq-ihover-item.circle.effect14 a:hover .cq-ihover-imageitem {
opacity: 0;
visibility: hidden;
}
.cq-ihover-item.circle.effect14 a:hover .cq-ihover-info {
visibility: visible;
opacity: 1;
}
.cq-ihover-item.circle.effect14.left_to_right .cq-ihover-imageitem {
-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%;
}
.cq-ihover-item.circle.effect14.left_to_right .cq-ihover-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%;
}
.cq-ihover-item.circle.effect14.left_to_right a:hover .cq-ihover-imageitem {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.cq-ihover-item.circle.effect14.left_to_right a:hover .cq-ihover-info {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
.cq-ihover-item.circle.effect14.right_to_left .cq-ihover-imageitem {
-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%;
}
.cq-ihover-item.circle.effect14.right_to_left .cq-ihover-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%;
}
.cq-ihover-item.circle.effect14.right_to_left a:hover .cq-ihover-imageitem {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
}
.cq-ihover-item.circle.effect14.right_to_left a:hover .cq-ihover-info {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
.cq-ihover-item.circle.effect14.top_to_bottom .cq-ihover-imageitem {
-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%;
}
.cq-ihover-item.circle.effect14.top_to_bottom .cq-ihover-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;
}
.cq-ihover-item.circle.effect14.top_to_bottom a:hover .cq-ihover-imageitem {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
}
.cq-ihover-item.circle.effect14.top_to_bottom a:hover .cq-ihover-info {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
}
.cq-ihover-item.circle.effect14.bottom_to_top .cq-ihover-imageitem {
-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;
}
.cq-ihover-item.circle.effect14.bottom_to_top .cq-ihover-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%;
}
.cq-ihover-item.circle.effect14.bottom_to_top a:hover .cq-ihover-imageitem {
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
.cq-ihover-item.circle.effect14.bottom_to_top a:hover .cq-ihover-info {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
}
.cq-ihover-item.circle.effect15 .cq-ihover-imageitem {
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;
}
.cq-ihover-item.circle.effect15 .cq-ihover-info {
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;
}
.cq-ihover-item.circle.effect15 a:hover .cq-ihover-imageitem {
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);
}
.cq-ihover-item.circle.effect15 a:hover .cq-ihover-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);
}
.cq-ihover-item.circle.effect16 .cq-ihover-imageitem {
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;
}
.cq-ihover-item.circle.effect16 .cq-ihover-info {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.cq-ihover-item.circle.effect16 .cq-ihover-info p {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.cq-ihover-item.circle.effect16.left_to_right .cq-ihover-imageitem {
-webkit-transform-origin: 95% 40%;
-moz-transform-origin: 95% 40%;
-ms-transform-origin: 95% 40%;
-o-transform-origin: 95% 40%;
transform-origin: 95% 40%;
}
.cq-ihover-item.circle.effect16.left_to_right .cq-ihover-imageitem:after {
content: '';
width: 8px;
height: 8px;
position: absolute;
border-radius: 50%;
top: 40%;
left: 95%;
margin: -4px 0 0 -4px;
box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);
}
.cq-ihover-item.circle.effect16.left_to_right a:hover .cq-ihover-imageitem {
-webkit-transform: rotate(-120deg);
-moz-transform: rotate(-120deg);
-ms-transform: rotate(-120deg);
-o-transform: rotate(-120deg);
transform: rotate(-120deg);
}
.cq-ihover-item.circle.effect16.right_to_left .cq-ihover-imageitem {
-webkit-transform-origin: 5% 40%;
-moz-transform-origin: 5% 40%;
-ms-transform-origin: 5% 40%;
-o-transform-origin: 5% 40%;
transform-origin: 5% 40%;
}
.cq-ihover-item.circle.effect16.right_to_left .cq-ihover-imageitem:after {
content: '';
width: 8px;
height: 8px;
position: absolute;
border-radius: 50%;
top: 40%;
left: 5%;
margin: -4px 0 0 -4px;
box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);
}
.cq-ihover-item.circle.effect16.right_to_left a:hover .cq-ihover-imageitem {
-webkit-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-ms-transform: rotate(120deg);
-o-transform: rotate(120deg);
transform: rotate(120deg);
}
.cq-ihover-item.circle.effect17 .cq-ihover-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;
}
.cq-ihover-item.circle.effect17 .cq-ihover-info p {
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;
}
.cq-ihover-item.circle.effect17 a:hover .cq-ihover-imageitem:before {
box-shadow: inset 0 0 0 480px #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 480px 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);
}
.cq-ihover-item.circle.effect17 a:hover .cq-ihover-info {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.cq-ihover-item.circle.effect17 a:hover .cq-ihover-info p {
opacity: 1;
} .cq-ihover-item.circle.effect18 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px;
}
.cq-ihover-item.circle.effect18 .cq-ihover-imageitem {
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;
}
.cq-ihover-item.circle.effect18 .cq-ihover-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;
}
.cq-ihover-item.circle.effect18 .cq-ihover-info .cq-ihover-infoback {
opacity: 1;
border-radius: 50%;
width: 100%;
height: 100%;
}
.cq-ihover-item.circle.effect18.bottom_to_top .cq-ihover-imageitem {
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.cq-ihover-item.circle.effect18.bottom_to_top a:hover .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.circle.effect18.top_to_bottom .cq-ihover-imageitem {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.cq-ihover-item.circle.effect18.top_to_bottom a:hover .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.circle.effect18.left_to_right .cq-ihover-imageitem {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.cq-ihover-item.circle.effect18.left_to_right a:hover .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.circle.effect18.right_to_left .cq-ihover-imageitem {
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.cq-ihover-item.circle.effect18.right_to_left a:hover .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.circle.effect19 .cq-ihover-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;
}
.cq-ihover-item.circle.effect19 a:hover .cq-ihover-info {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.cq-ihover-item.circle.effect20 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px;
}
.cq-ihover-item.circle.effect20 .cq-ihover-imageitem {
-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%;
}
.cq-ihover-item.circle.effect20 .cq-ihover-info {
background: none;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.cq-ihover-item.circle.effect20 .cq-ihover-info .cq-ihover-infoback {
opacity: 1;
visibility: hidden;
border-radius: 50%;
width: 100%;
height: 100%;
-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;
}
.cq-ihover-item.circle.effect20 a:hover .cq-ihover-imageitem {
opacity: 0;
}
.cq-ihover-item.circle.effect20 a:hover .cq-ihover-info .cq-ihover-infoback {
opacity: 1;
visibility: visible;
}
.cq-ihover-item.circle.effect20.top_to_bottom .cq-ihover-info .cq-ihover-infoback {
-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);
}
.cq-ihover-item.circle.effect20.top_to_bottom a:hover .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.circle.effect20.top_to_bottom a:hover .cq-ihover-info .cq-ihover-infoback {
-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);
}
.cq-ihover-item.circle.effect20.bottom_to_top .cq-ihover-info .cq-ihover-infoback {
-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);
}
.cq-ihover-item.circle.effect20.bottom_to_top a:hover .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.circle.effect20.bottom_to_top a:hover .cq-ihover-info .cq-ihover-infoback {
-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);
}
.cq-ihover-item.square.effect1 { }
.cq-ihover-item.square.effect1 .cq-ihover-imageitem {
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);
}
.cq-ihover-item.square.effect1 .cq-ihover-info {
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;
}
.cq-ihover-item.square.effect1 a:hover .cq-ihover-info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.cq-ihover-item.square.effect1.left_and_right .cq-ihover-info h3 {
text-align: left;
margin: 0;
padding: 0;
position: absolute;
top: 0px;
left: 12px;
}
.cq-ihover-item.square.effect1.left_and_right .cq-ihover-info p {
text-align: right;
margin: 0;
padding: 0;
position: absolute;
right: 12px;
bottom: 4px;
}
.cq-ihover-item.square.effect1.left_and_right a:hover .cq-ihover-imageitem {
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
-ms-transform: scale(0.6);
-o-transform: scale(0.6);
transform: scale(0.6);
}
.cq-ihover-item.square.effect1.top_to_bottom a:hover .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.square.effect1.bottom_to_top a:hover .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.square.effect2 {
overflow: hidden;
}
.cq-ihover-item.square.effect2 .cq-ihover-imageitem {
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);
}
.cq-ihover-item.square.effect2 .cq-ihover-info {
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;
}
.cq-ihover-item.square.effect2 .cq-ihover-info h3 {
-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.35s ease-in-out;
-moz-transition: all 0.35s 0.35s ease-in-out;
transition: all 0.35s 0.35s ease-in-out;
}
.cq-ihover-item.square.effect2 .cq-ihover-info p {
-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.25s linear;
-moz-transition: all 0.35s 0.25s linear;
transition: all 0.35s 0.25s linear;
}
.cq-ihover-item.square.effect2 a:hover .cq-ihover-imageitem {
-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;
}
.cq-ihover-item.square.effect2 a:hover .cq-ihover-info {
visibility: visible;
}
.cq-ihover-item.square.effect2 a:hover .cq-ihover-info h3, .cq-ihover-item.square.effect2 a:hover .cq-ihover-info p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.square.effect3 {
overflow: hidden;
}
.cq-ihover-item.square.effect3 .cq-ihover-imageitem {
-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;
}
.cq-ihover-item.square.effect3 .cq-ihover-info {
height: 100px;
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;
}
.cq-ihover-item.square.effect3 .cq-ihover-info h3 { margin: 4px 0 10px 0;
}
.cq-ihover-item.square.effect3 .cq-ihover-info p { }
.cq-ihover-item.square.effect3 a:hover .cq-ihover-info {
visibility: visible;
opacity: 1;
}
.cq-ihover-item.square.effect3.bottom_to_top .cq-ihover-info {
top: auto;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.cq-ihover-item.square.effect3.bottom_to_top a:hover .cq-ihover-imageitem {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
}
.cq-ihover-item.square.effect3.bottom_to_top a:hover .cq-ihover-info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.square.effect3.top_to_bottom .cq-ihover-info {
bottom: auto;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.cq-ihover-item.square.effect3.top_to_bottom a:hover .cq-ihover-imageitem {
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
.cq-ihover-item.square.effect3.top_to_bottom a:hover .cq-ihover-info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.square.effect4 {
overflow: hidden;
position: relative;
}
.cq-ihover-item.square.effect4 .cq-ihover-imageitem {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.cq-ihover-item.square.effect4 .mask1, .cq-ihover-item.square.effect4 .mask2 {
position: absolute;
height: 1200px;
width: 1200px;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.cq-ihover-item.square.effect4 .mask1 {
left: auto;
right: 0;
top: 0;
-webkit-transform: rotate(56.5deg) translateX(-50%);
-moz-transform: rotate(56.5deg) translateX(-50%);
-ms-transform: rotate(56.5deg) translateX(-50%);
-o-transform: rotate(56.5deg) translateX(-50%);
transform: rotate(56.5deg) translateX(-50%);
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
.cq-ihover-item.square.effect4 .mask2 {
top: auto;
bottom: 0;
left: 0;
-webkit-transform: rotate(56.5deg) translateX(50%);
-moz-transform: rotate(56.5deg) translateX(50%);
-ms-transform: rotate(56.5deg) translateX(50%);
-o-transform: rotate(56.5deg) translateX(50%);
transform: rotate(56.5deg) translateX(50%);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
.cq-ihover-item.square.effect4 .cq-ihover-info {
height: 0;
visibility: hidden; -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;
}
.cq-ihover-item.square.effect4 .cq-ihover-info h3 {
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;
}
.cq-ihover-item.square.effect4 .cq-ihover-info p {
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;
}
.cq-ihover-item.square.effect4 a: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);
}
.cq-ihover-item.square.effect4 a: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);
}
.cq-ihover-item.square.effect4 a:hover .cq-ihover-info {  height: 120px;
visibility: visible;
top: 50%;
-webkit-transform: rotate(0deg) translate(0, 0) translateY(-50%);
-moz-transform: rotate(0deg) translate(0, 0) translateY(-50%);
-ms-transform: rotate(0deg) translate(0, 0) translateY(-50%);
-o-transform: rotate(0deg) translate(0, 0) translateY(-50%);
transform: rotate(0deg) translate(0, 0) translateY(-50%);
}
.cq-ihover-item.square.effect4 a:hover .cq-ihover-info h3, .cq-ihover-item.square.effect4 a:hover .cq-ihover-info p {
opacity: 1;
}
.cq-ihover-item.square.effect5 .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.square.effect5 .cq-ihover-info {
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;
}
.cq-ihover-item.square.effect5 a:hover .cq-ihover-imageitem {
-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;
}
.cq-ihover-item.square.effect5 a:hover .cq-ihover-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;
}
.cq-ihover-item.square.effect5.left_to_right .cq-ihover-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);
}
.cq-ihover-item.square.effect5.right_to_left .cq-ihover-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);
}
.cq-ihover-item.square.effect6 {
overflow: hidden;
}
.cq-ihover-item.square.effect6 .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.square.effect6 .cq-ihover-info {
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;
}
.cq-ihover-item.square.effect6 .cq-ihover-info h3 {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.cq-ihover-item.square.effect6 .cq-ihover-info p {
-webkit-transition: all 0.35s 0.1s linear;
-moz-transition: all 0.35s 0.1s linear;
transition: all 0.35s 0.1s linear;
}
.cq-ihover-item.square.effect6 a:hover .cq-ihover-imageitem {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.cq-ihover-item.square.effect6 a:hover .cq-ihover-info {
visibility: visible;
opacity: 1;
}
.cq-ihover-item.square.effect6.from_top_and_bottom .cq-ihover-info h3 {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.cq-ihover-item.square.effect6.from_top_and_bottom .cq-ihover-info p {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.cq-ihover-item.square.effect6.from_top_and_bottom a:hover .cq-ihover-info h3, .cq-ihover-item.square.effect6.from_top_and_bottom a:hover .cq-ihover-info p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.square.effect6.from_left_and_right .cq-ihover-info h3 {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.cq-ihover-item.square.effect6.from_left_and_right .cq-ihover-info p {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.cq-ihover-item.square.effect6.from_left_and_right a:hover .cq-ihover-info h3, .cq-ihover-item.square.effect6.from_left_and_right a:hover .cq-ihover-info p {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cq-ihover-item.square.effect6.top_to_bottom .cq-ihover-info h3 {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.cq-ihover-item.square.effect6.top_to_bottom .cq-ihover-info p {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.cq-ihover-item.square.effect6.top_to_bottom a:hover .cq-ihover-info h3, .cq-ihover-item.square.effect6.top_to_bottom a:hover .cq-ihover-info p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.square.effect6.bottom_to_top .cq-ihover-info h3 {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.cq-ihover-item.square.effect6.bottom_to_top .cq-ihover-info p {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.cq-ihover-item.square.effect6.bottom_to_top a:hover .cq-ihover-info h3, .cq-ihover-item.square.effect6.bottom_to_top a:hover .cq-ihover-info p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.square.effect7 {
overflow: hidden;
}
.cq-ihover-item.square.effect7 .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.square.effect7 .cq-ihover-info {
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;
}
.cq-ihover-item.square.effect7 .cq-ihover-info h3 {
-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;
}
.cq-ihover-item.square.effect7 .cq-ihover-info p {
-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;
}
.cq-ihover-item.square.effect7 a:hover .cq-ihover-imageitem {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.cq-ihover-item.square.effect7 a:hover .cq-ihover-info {
visibility: visible;
opacity: 1;
}
.cq-ihover-item.square.effect7 a:hover .cq-ihover-info h3, .cq-ihover-item.square.effect7 a:hover .cq-ihover-info p {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.cq-ihover-item.square.effect8 {
overflow: hidden;
}
.cq-ihover-item.square.effect8 .cq-ihover-imageitem {
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;
}
.cq-ihover-item.square.effect8 .cq-ihover-info {
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;
}
.cq-ihover-item.square.effect8 .cq-ihover-info h3 {
-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;
}
.cq-ihover-item.square.effect8 .cq-ihover-info p {
-webkit-transition: all 0.35s 0.15s linear;
-moz-transition: all 0.35s 0.15s linear;
transition: all 0.35s 0.15s linear;
}
.cq-ihover-item.square.effect8 a:hover .cq-ihover-imageitem {
opacity: 0;
}
.cq-ihover-item.square.effect8 a:hover .cq-ihover-info {
visibility: visible;
opacity: 1;
}
.cq-ihover-item.square.effect8.scale_up .cq-ihover-imageitem {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.cq-ihover-item.square.effect8.scale_up .cq-ihover-info {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.cq-ihover-item.square.effect8.scale_up .cq-ihover-info h3, .cq-ihover-item.square.effect8.scale_up .cq-ihover-info p {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.cq-ihover-item.square.effect8.scale_up a:hover .cq-ihover-imageitem {
-webkit-transform: scale(5);
-moz-transform: scale(5);
-ms-transform: scale(5);
-o-transform: scale(5);
transform: scale(5);
}
.cq-ihover-item.square.effect8.scale_up a:hover .cq-ihover-info {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.cq-ihover-item.square.effect8.scale_up a:hover .cq-ihover-info h3, .cq-ihover-item.square.effect8.scale_up a:hover .cq-ihover-info p {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.cq-ihover-item.square.effect8.scale_down .cq-ihover-imageitem {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.cq-ihover-item.square.effect8.scale_down .cq-ihover-info {
-webkit-transform: scale(5);
-moz-transform: scale(5);
-ms-transform: scale(5);
-o-transform: scale(5);
transform: scale(5);
}
.cq-ihover-item.square.effect8.scale_down .cq-ihover-info h3, .cq-ihover-item.square.effect8.scale_down .cq-ihover-info p {
-webkit-transform: scale(5);
-moz-transform: scale(5);
-ms-transform: scale(5);
-o-transform: scale(5);
transform: scale(5);
}
.cq-ihover-item.square.effect8.scale_down a:hover .cq-ihover-imageitem {
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.cq-ihover-item.square.effect8.scale_down a:hover .cq-ihover-info {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.cq-ihover-item.square.effect8.scale_down a:hover .cq-ihover-info h3, .cq-ihover-item.square.effect8.scale_down a:hover .cq-ihover-info p {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.cq-ihover-item.square.effect9 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px;
}
.cq-ihover-item.square.effect9 .cq-ihover-imageitem {
position: relative;
z-index: 999999;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.cq-ihover-item.square.effect9 .cq-ihover-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;
}
.cq-ihover-item.square.effect9 .cq-ihover-info .cq-ihover-infoback {
opacity: 1;
width: 100%;
height: 100%;
padding-top: 30px;
}
.cq-ihover-item.square.effect9.left_to_right .cq-ihover-imageitem {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.cq-ihover-item.square.effect9.left_to_right a:hover .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.square.effect9.right_to_left .cq-ihover-imageitem {
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.cq-ihover-item.square.effect9.right_to_left a:hover .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.square.effect9.top_to_bottom .cq-ihover-imageitem {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.cq-ihover-item.square.effect9.top_to_bottom a:hover .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.square.effect9.bottom_to_top .cq-ihover-imageitem {
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.cq-ihover-item.square.effect9.bottom_to_top a:hover .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.square.effect10 {
overflow: hidden;
}
.cq-ihover-item.square.effect10 .cq-ihover-imageitem {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.cq-ihover-item.square.effect10 .cq-ihover-info {
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;
}
.cq-ihover-item.square.effect10 a:hover .cq-ihover-info {
visibility: visible;
opacity: 1;
}
.cq-ihover-item.square.effect10.left_to_right .cq-ihover-imageitem {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cq-ihover-item.square.effect10.left_to_right .cq-ihover-info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.cq-ihover-item.square.effect10.left_to_right a:hover .cq-ihover-imageitem {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.cq-ihover-item.square.effect10.left_to_right a:hover .cq-ihover-info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cq-ihover-item.square.effect10.right_to_left .cq-ihover-imageitem {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cq-ihover-item.square.effect10.right_to_left .cq-ihover-info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.cq-ihover-item.square.effect10.right_to_left a:hover .cq-ihover-imageitem {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.cq-ihover-item.square.effect10.right_to_left a:hover .cq-ihover-info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cq-ihover-item.square.effect10.top_to_bottom .cq-ihover-imageitem {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.square.effect10.top_to_bottom .cq-ihover-info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.cq-ihover-item.square.effect10.top_to_bottom a:hover .cq-ihover-imageitem {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.cq-ihover-item.square.effect10.top_to_bottom a:hover .cq-ihover-info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.square.effect10.bottom_to_top .cq-ihover-imageitem {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.square.effect10.bottom_to_top .cq-ihover-info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.cq-ihover-item.square.effect10.bottom_to_top a:hover .cq-ihover-imageitem {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.cq-ihover-item.square.effect10.bottom_to_top a:hover .cq-ihover-info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.square.effect11 {
overflow: hidden;
}
.cq-ihover-item.square.effect11 .cq-ihover-imageitem {
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;
}
.cq-ihover-item.square.effect11 .cq-ihover-info {
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;
}
.cq-ihover-item.square.effect11 a:hover .cq-ihover-imageitem {
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);
}
.cq-ihover-item.square.effect11 a:hover .cq-ihover-info {
visibility: visible;
opacity: 1;
}
.cq-ihover-item.square.effect11.left_to_right .cq-ihover-info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.cq-ihover-item.square.effect11.left_to_right a:hover .cq-ihover-info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cq-ihover-item.square.effect11.right_to_left .cq-ihover-info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.cq-ihover-item.square.effect11.right_to_left a:hover .cq-ihover-info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cq-ihover-item.square.effect11.top_to_bottom .cq-ihover-info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.cq-ihover-item.square.effect11.top_to_bottom a:hover .cq-ihover-info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.square.effect11.bottom_to_top .cq-ihover-info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.cq-ihover-item.square.effect11.bottom_to_top a:hover .cq-ihover-info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.square.effect12 {
overflow: hidden;
}
.cq-ihover-item.square.effect12 .cq-ihover-imageitem {
-webkit-transition: all 0.35s ease-in;
-moz-transition: all 0.35s ease-in;
transition: all 0.35s ease-in;
}
.cq-ihover-item.square.effect12 .cq-ihover-info {
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.35s ease-in;
-moz-transition: all 0.35s ease-in;
transition: all 0.35s ease-in;
}
.cq-ihover-item.square.effect12 .cq-ihover-info h3 {
-webkit-transition: all 0.35s ease-in;
-moz-transition: all 0.35s ease-in;
transition: all 0.35s ease-in;
}
.cq-ihover-item.square.effect12 .cq-ihover-info p {
-webkit-transition: all 0.35s ease-in;
-moz-transition: all 0.35s ease-in;
transition: all 0.35s ease-in;
}
.cq-ihover-item.square.effect12 a:hover .cq-ihover-info {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.cq-ihover-item.square.effect12 a:hover .cq-ihover-info h3 {
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.cq-ihover-item.square.effect12 a:hover .cq-ihover-info p {
-webkit-transition-delay: 0.25s;
-moz-transition-delay: 0.25s;
transition-delay: 0.25s;
}
.cq-ihover-item.square.effect12.left_to_right .cq-ihover-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);
}
.cq-ihover-item.square.effect12.left_to_right .cq-ihover-info h3 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-ms-transform: translateY(-100px);
-o-transform: translateY(-100px);
transform: translateY(-100px);
}
.cq-ihover-item.square.effect12.left_to_right .cq-ihover-info p {
-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);
}
.cq-ihover-item.square.effect12.left_to_right a:hover .cq-ihover-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);
}
.cq-ihover-item.square.effect12.left_to_right a:hover .cq-ihover-info h3 {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
.cq-ihover-item.square.effect12.left_to_right a:hover .cq-ihover-info p {
-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);
}
.cq-ihover-item.square.effect12.right_to_left .cq-ihover-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);
}
.cq-ihover-item.square.effect12.right_to_left .cq-ihover-info h3 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-ms-transform: translateY(-100px);
-o-transform: translateY(-100px);
transform: translateY(-100px);
}
.cq-ihover-item.square.effect12.right_to_left .cq-ihover-info p {
-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);
}
.cq-ihover-item.square.effect12.right_to_left a:hover .cq-ihover-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);
}
.cq-ihover-item.square.effect12.right_to_left a:hover .cq-ihover-info h3 {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
.cq-ihover-item.square.effect12.right_to_left a:hover .cq-ihover-info p {
-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);
}
.cq-ihover-item.square.effect12.top_to_bottom .cq-ihover-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);
}
.cq-ihover-item.square.effect12.top_to_bottom .cq-ihover-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);
}
.cq-ihover-item.square.effect12.top_to_bottom .cq-ihover-info p {
-webkit-transform: translate(200px, -200px);
-moz-transform: translate(200px, -200px);
-ms-transform: translate(200px, -200px);
-o-transform: translate(200px, -200px);
transform: translate(200px, -200px);
}
.cq-ihover-item.square.effect12.top_to_bottom a:hover .cq-ihover-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;
}
.cq-ihover-item.square.effect12.top_to_bottom a:hover .cq-ihover-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;
}
.cq-ihover-item.square.effect12.top_to_bottom a:hover .cq-ihover-info p {
-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;
}
.cq-ihover-item.square.effect12.bottom_to_top .cq-ihover-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);
}
.cq-ihover-item.square.effect12.bottom_to_top .cq-ihover-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);
}
.cq-ihover-item.square.effect12.bottom_to_top .cq-ihover-info p {
-webkit-transform: translate(-200px, 200px);
-moz-transform: translate(-200px, 200px);
-ms-transform: translate(-200px, 200px);
-o-transform: translate(-200px, 200px);
transform: translate(-200px, 200px);
}
.cq-ihover-item.square.effect12.bottom_to_top a:hover .cq-ihover-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;
}
.cq-ihover-item.square.effect12.bottom_to_top a:hover .cq-ihover-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;
}
.cq-ihover-item.square.effect12.bottom_to_top a:hover .cq-ihover-info p {
-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;
}
.cq-ihover-item.square.effect13 {
overflow: hidden;
}
.cq-ihover-item.square.effect13 .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.square.effect13 .cq-ihover-info {
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;
}
.cq-ihover-item.square.effect13 a:hover .cq-ihover-imageitem {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.cq-ihover-item.square.effect13 a:hover .cq-ihover-info {
visibility: visible;
opacity: 1;
}
.cq-ihover-item.square.effect13.left_to_right .cq-ihover-info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.cq-ihover-item.square.effect13.left_to_right a:hover .cq-ihover-info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cq-ihover-item.square.effect13.right_to_left .cq-ihover-info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.cq-ihover-item.square.effect13.right_to_left a:hover .cq-ihover-info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cq-ihover-item.square.effect13.top_to_bottom .cq-ihover-info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.cq-ihover-item.square.effect13.top_to_bottom a:hover .cq-ihover-info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.square.effect13.bottom_to_top .cq-ihover-info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.cq-ihover-item.square.effect13.bottom_to_top a:hover .cq-ihover-info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.square.effect14 .cq-ihover-imageitem {
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;
}
.cq-ihover-item.square.effect14 .cq-ihover-info {
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;
}
.cq-ihover-item.square.effect14 a:hover .cq-ihover-imageitem {
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);
}
.cq-ihover-item.square.effect14 a:hover .cq-ihover-info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.cq-ihover-item.square.effect14.left_to_right .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.square.effect14.left_to_right a:hover .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.square.effect14.right_to_left .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.square.effect14.right_to_left a:hover .cq-ihover-imageitem {
-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);
}
.cq-ihover-item.square.effect14.top_to_bottom .cq-ihover-imageitem {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.square.effect14.top_to_bottom a:hover .cq-ihover-imageitem {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.cq-ihover-item.square.effect14.bottom_to_top .cq-ihover-imageitem {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cq-ihover-item.square.effect14.bottom_to_top a:hover .cq-ihover-imageitem {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.cq-ihover-item.square.effect15 {
overflow: hidden;
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px;
}
.cq-ihover-item.square.effect15 .cq-ihover-imageitem {
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;
}
.cq-ihover-item.square.effect15 .cq-ihover-info {
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;
}
.cq-ihover-item.square.effect15 a:hover .cq-ihover-imageitem {
opacity: 0;
visibility: hidden;
}
.cq-ihover-item.square.effect15 a:hover .cq-ihover-info {
visibility: visible;
opacity: 1;
}
.cq-ihover-item.square.effect15.left_to_right .cq-ihover-imageitem {
-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%;
}
.cq-ihover-item.square.effect15.left_to_right .cq-ihover-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%;
}
.cq-ihover-item.square.effect15.left_to_right a:hover .cq-ihover-imageitem {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.cq-ihover-item.square.effect15.left_to_right a:hover .cq-ihover-info {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
.cq-ihover-item.square.effect15.right_to_left .cq-ihover-imageitem {
-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%;
}
.cq-ihover-item.square.effect15.right_to_left .cq-ihover-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%;
}
.cq-ihover-item.square.effect15.right_to_left a:hover .cq-ihover-imageitem {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
}
.cq-ihover-item.square.effect15.right_to_left a:hover .cq-ihover-info {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
.cq-ihover-item.square.effect15.top_to_bottom .cq-ihover-imageitem {
-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%;
}
.cq-ihover-item.square.effect15.top_to_bottom .cq-ihover-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;
}
.cq-ihover-item.square.effect15.top_to_bottom a:hover .cq-ihover-imageitem {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
}
.cq-ihover-item.square.effect15.top_to_bottom a:hover .cq-ihover-info {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
}
.cq-ihover-item.square.effect15.bottom_to_top .cq-ihover-imageitem {
-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;
}
.cq-ihover-item.square.effect15.bottom_to_top .cq-ihover-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%;
}
.cq-ihover-item.square.effect15.bottom_to_top a:hover .cq-ihover-imageitem {
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
.cq-ihover-item.square.effect15.bottom_to_top a:hover .cq-ihover-info {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
}