.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@-webkit-keyframes GridFadeIn {
to {
opacity: 1
}
}
@keyframes GridFadeIn {
to {
opacity: 1
}
}
@-webkit-keyframes GridMoveUp {
to {
-webkit-transform: translateY(0);
opacity: 1
}
}
@keyframes GridMoveUp {
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@-webkit-keyframes GridScaleUp {
to {
-webkit-transform: scale(1);
opacity: 1
}
}
@keyframes GridScaleUp {
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@-webkit-keyframes GridFallPerspective {
to {
-webkit-transform: translateZ(0) translateY(0) rotateX(0deg);
opacity: 1
}
}
@keyframes GridFallPerspective {
to {
-webkit-transform: translateZ(0) translateY(0) rotateX(0deg);
transform: translateZ(0) translateY(0) rotateX(0deg);
opacity: 1
}
}
@-webkit-keyframes GridFly {
to {
-webkit-transform: rotateX(0deg);
opacity: 1
}
}
@keyframes GridFly {
to {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1
}
}
@-webkit-keyframes GridFlip {
to {
-webkit-transform: rotateX(0deg);
opacity: 1
}
}
@keyframes GridFlip {
to {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1
}
}
@-webkit-keyframes GridHelix {
to {
-webkit-transform: rotateY(0deg);
opacity: 1
}
}
@keyframes GridHelix {
to {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1
}
}
@-webkit-keyframes GridPopUp {
70% {
-webkit-transform: scale(1.1);
opacity: .8;
-webkit-animation-timing-function: ease-out
}
to {
-webkit-transform: scale(1);
opacity: 1
}
}
@keyframes GridPopUp {
70% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: .8;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
.mg-container {
max-width: 1170px;
}
.mg-container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.mg-container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.mg-container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.mg-container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.mg-container {
max-width: 1140px;
}
}
.mg-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.mg-col-lg-1,
.mg-col-lg-10,
.mg-col-lg-11,
.mg-col-lg-12,
.mg-col-lg-2,
.mg-col-lg-3,
.mg-col-lg-4,
.mg-col-lg-5,
.mg-col-lg-6,
.mg-col-lg-7,
.mg-col-lg-8,
.mg-col-lg-9,
.mg-col-md-1,
.mg-col-md-10,
.mg-col-md-11,
.mg-col-md-12,
.mg-col-md-2,
.mg-col-md-3,
.mg-col-md-4,
.mg-col-md-5,
.mg-col-md-6,
.mg-col-md-7,
.mg-col-md-8,
.mg-col-md-9,
.mg-col-sm-1,
.mg-col-sm-10,
.mg-col-sm-11,
.mg-col-sm-12,
.mg-col-sm-2,
.mg-col-sm-3,
.mg-col-sm-4,
.mg-col-sm-5,
.mg-col-sm-6,
.mg-col-sm-7,
.mg-col-sm-8,
.mg-col-sm-9,
.mg-col-xs-1,
.mg-col-xs-10,
.mg-col-xs-11,
.mg-col-xs-12,
.mg-col-xs-2,
.mg-col-xs-3,
.mg-col-xs-4,
.mg-col-xs-5,
.mg-col-xs-6,
.mg-col-xs-7,
.mg-col-xs-8,
.mg-col-xs-9 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
.mg-col-xs-1,
.mg-col-xs-10,
.mg-col-xs-11,
.mg-col-xs-12,
.mg-col-xs-2,
.mg-col-xs-3,
.mg-col-xs-4,
.mg-col-xs-5,
.mg-col-xs-6,
.mg-col-xs-7,
.mg-col-xs-8,
.mg-col-xs-9 {
float: left
}
.mg-col-xs-1 {
width: 8.33333%
}
.mg-col-xs-2 {
width: 16.66667%
}
.mg-col-xs-3 {
width: 25%
}
.mg-col-xs-4 {
width: 33.33333%
}
.mg-col-xs-5 {
width: 41.66667%
}
.mg-col-xs-6 {
width: 50%
}
.mg-col-xs-7 {
width: 58.33333%
}
.mg-col-xs-8 {
width: 66.66667%
}
.mg-col-xs-9 {
width: 75%
}
.mg-col-xs-10 {
width: 83.33333%
}
.mg-col-xs-11 {
width: 91.66667%
}
.mg-col-xs-12 {
width: 100%
}
.mg-col-xs-pull-0 {
right: auto
}
.mg-col-xs-pull-1 {
right: 8.33333%
}
.mg-col-xs-pull-2 {
right: 16.66667%
}
.mg-col-xs-pull-3 {
right: 25%
}
.mg-col-xs-pull-4 {
right: 33.33333%
}
.mg-col-xs-pull-5 {
right: 41.66667%
}
.mg-col-xs-pull-6 {
right: 50%
}
.mg-col-xs-pull-7 {
right: 58.33333%
}
.mg-col-xs-pull-8 {
right: 66.66667%
}
.mg-col-xs-pull-9 {
right: 75%
}
.mg-col-xs-pull-10 {
right: 83.33333%
}
.mg-col-xs-pull-11 {
right: 91.66667%
}
.mg-col-xs-pull-12 {
right: 100%
}
.mg-col-xs-push-0 {
left: auto
}
.mg-col-xs-push-1 {
left: 8.33333%
}
.mg-col-xs-push-2 {
left: 16.66667%
}
.mg-col-xs-push-3 {
left: 25%
}
.mg-col-xs-push-4 {
left: 33.33333%
}
.mg-col-xs-push-5 {
left: 41.66667%
}
.mg-col-xs-push-6 {
left: 50%
}
.mg-col-xs-push-7 {
left: 58.33333%
}
.mg-col-xs-push-8 {
left: 66.66667%
}
.mg-col-xs-push-9 {
left: 75%
}
.mg-col-xs-push-10 {
left: 83.33333%
}
.mg-col-xs-push-11 {
left: 91.66667%
}
.mg-col-xs-push-12 {
left: 100%
}
.mg-col-xs-offset-0 {
margin-left: 0%
}
.mg-col-xs-offset-1 {
margin-left: 8.33333%
}
.mg-col-xs-offset-2 {
margin-left: 16.66667%
}
.mg-col-xs-offset-3 {
margin-left: 25%
}
.mg-col-xs-offset-4 {
margin-left: 33.33333%
}
.mg-col-xs-offset-5 {
margin-left: 41.66667%
}
.mg-col-xs-offset-6 {
margin-left: 50%
}
.mg-col-xs-offset-7 {
margin-left: 58.33333%
}
.mg-col-xs-offset-8 {
margin-left: 66.66667%
}
.mg-col-xs-offset-9 {
margin-left: 75%
}
.mg-col-xs-offset-10 {
margin-left: 83.33333%
}
.mg-col-xs-offset-11 {
margin-left: 91.66667%
}
.mg-col-xs-offset-12 {
margin-left: 100%
}
@media (min-width: 768px) {
.mg-col-sm-1,
.mg-col-sm-10,
.mg-col-sm-11,
.mg-col-sm-12,
.mg-col-sm-2,
.mg-col-sm-3,
.mg-col-sm-4,
.mg-col-sm-5,
.mg-col-sm-6,
.mg-col-sm-7,
.mg-col-sm-8,
.mg-col-sm-9 {
float: left
}
.mg-col-sm-1 {
width: 8.33333%
}
.mg-col-sm-2 {
width: 16.66667%
}
.mg-col-sm-3 {
width: 25%
}
.mg-col-sm-4 {
width: 33.33333%
}
.mg-col-sm-5 {
width: 41.66667%
}
.mg-col-sm-6 {
width: 50%
}
.mg-col-sm-7 {
width: 58.33333%
}
.mg-col-sm-8 {
width: 66.66667%
}
.mg-col-sm-9 {
width: 75%
}
.mg-col-sm-10 {
width: 83.33333%
}
.mg-col-sm-11 {
width: 91.66667%
}
.mg-col-sm-12 {
width: 100%
}
.mg-col-sm-pull-0 {
right: auto
}
.mg-col-sm-pull-1 {
right: 8.33333%
}
.mg-col-sm-pull-2 {
right: 16.66667%
}
.mg-col-sm-pull-3 {
right: 25%
}
.mg-col-sm-pull-4 {
right: 33.33333%
}
.mg-col-sm-pull-5 {
right: 41.66667%
}
.mg-col-sm-pull-6 {
right: 50%
}
.mg-col-sm-pull-7 {
right: 58.33333%
}
.mg-col-sm-pull-8 {
right: 66.66667%
}
.mg-col-sm-pull-9 {
right: 75%
}
.mg-col-sm-pull-10 {
right: 83.33333%
}
.mg-col-sm-pull-11 {
right: 91.66667%
}
.mg-col-sm-pull-12 {
right: 100%
}
.mg-col-sm-push-0 {
left: auto
}
.mg-col-sm-push-1 {
left: 8.33333%
}
.mg-col-sm-push-2 {
left: 16.66667%
}
.mg-col-sm-push-3 {
left: 25%
}
.mg-col-sm-push-4 {
left: 33.33333%
}
.mg-col-sm-push-5 {
left: 41.66667%
}
.mg-col-sm-push-6 {
left: 50%
}
.mg-col-sm-push-7 {
left: 58.33333%
}
.mg-col-sm-push-8 {
left: 66.66667%
}
.mg-col-sm-push-9 {
left: 75%
}
.mg-col-sm-push-10 {
left: 83.33333%
}
.mg-col-sm-push-11 {
left: 91.66667%
}
.mg-col-sm-push-12 {
left: 100%
}
.mg-col-sm-offset-0 {
margin-left: 0%
}
.mg-col-sm-offset-1 {
margin-left: 8.33333%
}
.mg-col-sm-offset-2 {
margin-left: 16.66667%
}
.mg-col-sm-offset-3 {
margin-left: 25%
}
.mg-col-sm-offset-4 {
margin-left: 33.33333%
}
.mg-col-sm-offset-5 {
margin-left: 41.66667%
}
.mg-col-sm-offset-6 {
margin-left: 50%
}
.mg-col-sm-offset-7 {
margin-left: 58.33333%
}
.mg-col-sm-offset-8 {
margin-left: 66.66667%
}
.mg-col-sm-offset-9 {
margin-left: 75%
}
.mg-col-sm-offset-10 {
margin-left: 83.33333%
}
.mg-col-sm-offset-11 {
margin-left: 91.66667%
}
.mg-col-sm-offset-12 {
margin-left: 100%
}
}
@media (min-width: 992px) {
.mg-col-md-1,
.mg-col-md-10,
.mg-col-md-11,
.mg-col-md-12,
.mg-col-md-2,
.mg-col-md-3,
.mg-col-md-4,
.mg-col-md-5,
.mg-col-md-6,
.mg-col-md-7,
.mg-col-md-8,
.mg-col-md-9 {
float: left
}
.mg-col-md-1 {
width: 8.33333%
}
.mg-col-md-2 {
width: 16.66667%
}
.mg-col-md-3 {
width: 25%
}
.mg-col-md-4 {
width: 33.33333%
}
.mg-col-md-5 {
width: 41.66667%
}
.mg-col-md-6 {
width: 50%
}
.mg-col-md-7 {
width: 58.33333%
}
.mg-col-md-8 {
width: 66.66667%
}
.mg-col-md-9 {
width: 75%
}
.mg-col-md-10 {
width: 83.33333%
}
.mg-col-md-11 {
width: 91.66667%
}
.mg-col-md-12 {
width: 100%
}
.mg-col-md-pull-0 {
right: auto
}
.mg-col-md-pull-1 {
right: 8.33333%
}
.mg-col-md-pull-2 {
right: 16.66667%
}
.mg-col-md-pull-3 {
right: 25%
}
.mg-col-md-pull-4 {
right: 33.33333%
}
.mg-col-md-pull-5 {
right: 41.66667%
}
.mg-col-md-pull-6 {
right: 50%
}
.mg-col-md-pull-7 {
right: 58.33333%
}
.mg-col-md-pull-8 {
right: 66.66667%
}
.mg-col-md-pull-9 {
right: 75%
}
.mg-col-md-pull-10 {
right: 83.33333%
}
.mg-col-md-pull-11 {
right: 91.66667%
}
.mg-col-md-pull-12 {
right: 100%
}
.mg-col-md-push-0 {
left: auto
}
.mg-col-md-push-1 {
left: 8.33333%
}
.mg-col-md-push-2 {
left: 16.66667%
}
.mg-col-md-push-3 {
left: 25%
}
.mg-col-md-push-4 {
left: 33.33333%
}
.mg-col-md-push-5 {
left: 41.66667%
}
.mg-col-md-push-6 {
left: 50%
}
.mg-col-md-push-7 {
left: 58.33333%
}
.mg-col-md-push-8 {
left: 66.66667%
}
.mg-col-md-push-9 {
left: 75%
}
.mg-col-md-push-10 {
left: 83.33333%
}
.mg-col-md-push-11 {
left: 91.66667%
}
.mg-col-md-push-12 {
left: 100%
}
.mg-col-md-offset-0 {
margin-left: 0%
}
.mg-col-md-offset-1 {
margin-left: 8.33333%
}
.mg-col-md-offset-2 {
margin-left: 16.66667%
}
.mg-col-md-offset-3 {
margin-left: 25%
}
.mg-col-md-offset-4 {
margin-left: 33.33333%
}
.mg-col-md-offset-5 {
margin-left: 41.66667%
}
.mg-col-md-offset-6 {
margin-left: 50%
}
.mg-col-md-offset-7 {
margin-left: 58.33333%
}
.mg-col-md-offset-8 {
margin-left: 66.66667%
}
.mg-col-md-offset-9 {
margin-left: 75%
}
.mg-col-md-offset-10 {
margin-left: 83.33333%
}
.mg-col-md-offset-11 {
margin-left: 91.66667%
}
.mg-col-md-offset-12 {
margin-left: 100%
}
}
@media (min-width: 1200px) {
.mg-col-lg-1,
.mg-col-lg-10,
.mg-col-lg-11,
.mg-col-lg-12,
.mg-col-lg-2,
.mg-col-lg-3,
.mg-col-lg-4,
.mg-col-lg-5,
.mg-col-lg-6,
.mg-col-lg-7,
.mg-col-lg-8,
.mg-col-lg-9 {
float: left
}
.mg-col-lg-1 {
width: 8.33333%
}
.mg-col-lg-2 {
width: 16.66667%
}
.mg-col-lg-3 {
width: 25%
}
.mg-col-lg-4 {
width: 33.33333%
}
.mg-col-lg-5 {
width: 41.66667%
}
.mg-col-lg-6 {
width: 50%
}
.mg-col-lg-7 {
width: 58.33333%
}
.mg-col-lg-8 {
width: 66.66667%
}
.mg-col-lg-9 {
width: 75%
}
.mg-col-lg-10 {
width: 83.33333%
}
.mg-col-lg-11 {
width: 91.66667%
}
.mg-col-lg-12 {
width: 100%
}
.mg-col-lg-pull-0 {
right: auto
}
.mg-col-lg-pull-1 {
right: 8.33333%
}
.mg-col-lg-pull-2 {
right: 16.66667%
}
.mg-col-lg-pull-3 {
right: 25%
}
.mg-col-lg-pull-4 {
right: 33.33333%
}
.mg-col-lg-pull-5 {
right: 41.66667%
}
.mg-col-lg-pull-6 {
right: 50%
}
.mg-col-lg-pull-7 {
right: 58.33333%
}
.mg-col-lg-pull-8 {
right: 66.66667%
}
.mg-col-lg-pull-9 {
right: 75%
}
.mg-col-lg-pull-10 {
right: 83.33333%
}
.mg-col-lg-pull-11 {
right: 91.66667%
}
.mg-col-lg-pull-12 {
right: 100%
}
.mg-col-lg-push-0 {
left: auto
}
.mg-col-lg-push-1 {
left: 8.33333%
}
.mg-col-lg-push-2 {
left: 16.66667%
}
.mg-col-lg-push-3 {
left: 25%
}
.mg-col-lg-push-4 {
left: 33.33333%
}
.mg-col-lg-push-5 {
left: 41.66667%
}
.mg-col-lg-push-6 {
left: 50%
}
.mg-col-lg-push-7 {
left: 58.33333%
}
.mg-col-lg-push-8 {
left: 66.66667%
}
.mg-col-lg-push-9 {
left: 75%
}
.mg-col-lg-push-10 {
left: 83.33333%
}
.mg-col-lg-push-11 {
left: 91.66667%
}
.mg-col-lg-push-12 {
left: 100%
}
.mg-col-lg-offset-0 {
margin-left: 0%
}
.mg-col-lg-offset-1 {
margin-left: 8.33333%
}
.mg-col-lg-offset-2 {
margin-left: 16.66667%
}
.mg-col-lg-offset-3 {
margin-left: 25%
}
.mg-col-lg-offset-4 {
margin-left: 33.33333%
}
.mg-col-lg-offset-5 {
margin-left: 41.66667%
}
.mg-col-lg-offset-6 {
margin-left: 50%
}
.mg-col-lg-offset-7 {
margin-left: 58.33333%
}
.mg-col-lg-offset-8 {
margin-left: 66.66667%
}
.mg-col-lg-offset-9 {
margin-left: 75%
}
.mg-col-lg-offset-10 {
margin-left: 83.33333%
}
.mg-col-lg-offset-11 {
margin-left: 91.66667%
}
.mg-col-lg-offset-12 {
margin-left: 100%
}
}
.mg-offset-md-1 {
margin-left: 8.333333%;
}@-webkit-keyframes GridFadeIn {
to {
opacity: 1
}
}
@keyframes GridFadeIn {
to {
opacity: 1
}
}
@-webkit-keyframes GridMoveUp {
to {
-webkit-transform: translateY(0);
opacity: 1
}
}
@keyframes GridMoveUp {
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@-webkit-keyframes GridScaleUp {
to {
-webkit-transform: scale(1);
opacity: 1
}
}
@keyframes GridScaleUp {
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@-webkit-keyframes GridFallPerspective {
to {
-webkit-transform: translateZ(0) translateY(0) rotateX(0deg);
opacity: 1
}
}
@keyframes GridFallPerspective {
to {
-webkit-transform: translateZ(0) translateY(0) rotateX(0deg);
transform: translateZ(0) translateY(0) rotateX(0deg);
opacity: 1
}
}
@-webkit-keyframes GridFly {
to {
-webkit-transform: rotateX(0deg);
opacity: 1
}
}
@keyframes GridFly {
to {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1
}
}
@-webkit-keyframes GridFlip {
to {
-webkit-transform: rotateX(0deg);
opacity: 1
}
}
@keyframes GridFlip {
to {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1
}
}
@-webkit-keyframes GridHelix {
to {
-webkit-transform: rotateY(0deg);
opacity: 1
}
}
@keyframes GridHelix {
to {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1
}
}
@-webkit-keyframes GridPopUp {
70% {
-webkit-transform: scale(1.1);
opacity: .8;
-webkit-animation-timing-function: ease-out
}
to {
-webkit-transform: scale(1);
opacity: 1
}
}
@keyframes GridPopUp {
70% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: .8;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
.mg-col-lg-1,
.mg-col-lg-10,
.mg-col-lg-11,
.mg-col-lg-12,
.mg-col-lg-2,
.mg-col-lg-3,
.mg-col-lg-4,
.mg-col-lg-5,
.mg-col-lg-6,
.mg-col-lg-7,
.mg-col-lg-8,
.mg-col-lg-9,
.mg-col-md-1,
.mg-col-md-10,
.mg-col-md-11,
.mg-col-md-12,
.mg-col-md-2,
.mg-col-md-3,
.mg-col-md-4,
.mg-col-md-5,
.mg-col-md-6,
.mg-col-md-7,
.mg-col-md-8,
.mg-col-md-9,
.mg-col-sm-1,
.mg-col-sm-10,
.mg-col-sm-11,
.mg-col-sm-12,
.mg-col-sm-2,
.mg-col-sm-3,
.mg-col-sm-4,
.mg-col-sm-5,
.mg-col-sm-6,
.mg-col-sm-7,
.mg-col-sm-8,
.mg-col-sm-9,
.mg-col-xs-1,
.mg-col-xs-10,
.mg-col-xs-11,
.mg-col-xs-12,
.mg-col-xs-2,
.mg-col-xs-3,
.mg-col-xs-4,
.mg-col-xs-5,
.mg-col-xs-6,
.mg-col-xs-7,
.mg-col-xs-8,
.mg-col-xs-9 {
position: relative;
min-height: 1px;
padding-left: 0px;
padding-right: 0px
}
.mg-col-xs-1,
.mg-col-xs-10,
.mg-col-xs-11,
.mg-col-xs-12,
.mg-col-xs-2,
.mg-col-xs-3,
.mg-col-xs-4,
.mg-col-xs-5,
.mg-col-xs-6,
.mg-col-xs-7,
.mg-col-xs-8,
.mg-col-xs-9 {
float: left
}
.mg-col-xs-1 {
width: 8.33333%
}
.mg-col-xs-2 {
width: 16.66667%
}
.mg-col-xs-3 {
width: 25%
}
.mg-col-xs-4 {
width: 33.33333%
}
.mg-col-xs-5 {
width: 41.66667%
}
.mg-col-xs-6 {
width: 50%
}
.mg-col-xs-7 {
width: 58.33333%
}
.mg-col-xs-8 {
width: 66.66667%
}
.mg-col-xs-9 {
width: 75%
}
.mg-col-xs-10 {
width: 83.33333%
}
.mg-col-xs-11 {
width: 91.66667%
}
.mg-col-xs-12 {
width: 100%
}
.mg-col-xs-pull-0 {
right: auto
}
.mg-col-xs-pull-1 {
right: 8.33333%
}
.mg-col-xs-pull-2 {
right: 16.66667%
}
.mg-col-xs-pull-3 {
right: 25%
}
.mg-col-xs-pull-4 {
right: 33.33333%
}
.mg-col-xs-pull-5 {
right: 41.66667%
}
.mg-col-xs-pull-6 {
right: 50%
}
.mg-col-xs-pull-7 {
right: 58.33333%
}
.mg-col-xs-pull-8 {
right: 66.66667%
}
.mg-col-xs-pull-9 {
right: 75%
}
.mg-col-xs-pull-10 {
right: 83.33333%
}
.mg-col-xs-pull-11 {
right: 91.66667%
}
.mg-col-xs-pull-12 {
right: 100%
}
.mg-col-xs-push-0 {
left: auto
}
.mg-col-xs-push-1 {
left: 8.33333%
}
.mg-col-xs-push-2 {
left: 16.66667%
}
.mg-col-xs-push-3 {
left: 25%
}
.mg-col-xs-push-4 {
left: 33.33333%
}
.mg-col-xs-push-5 {
left: 41.66667%
}
.mg-col-xs-push-6 {
left: 50%
}
.mg-col-xs-push-7 {
left: 58.33333%
}
.mg-col-xs-push-8 {
left: 66.66667%
}
.mg-col-xs-push-9 {
left: 75%
}
.mg-col-xs-push-10 {
left: 83.33333%
}
.mg-col-xs-push-11 {
left: 91.66667%
}
.mg-col-xs-push-12 {
left: 100%
}
.mg-col-xs-offset-0 {
margin-left: 0%
}
.mg-col-xs-offset-1 {
margin-left: 8.33333%
}
.mg-col-xs-offset-2 {
margin-left: 16.66667%
}
.mg-col-xs-offset-3 {
margin-left: 25%
}
.mg-col-xs-offset-4 {
margin-left: 33.33333%
}
.mg-col-xs-offset-5 {
margin-left: 41.66667%
}
.mg-col-xs-offset-6 {
margin-left: 50%
}
.mg-col-xs-offset-7 {
margin-left: 58.33333%
}
.mg-col-xs-offset-8 {
margin-left: 66.66667%
}
.mg-col-xs-offset-9 {
margin-left: 75%
}
.mg-col-xs-offset-10 {
margin-left: 83.33333%
}
.mg-col-xs-offset-11 {
margin-left: 91.66667%
}
.mg-col-xs-offset-12 {
margin-left: 100%
}
@media (min-width: 768px) {
.mg-col-sm-1,
.mg-col-sm-10,
.mg-col-sm-11,
.mg-col-sm-12,
.mg-col-sm-2,
.mg-col-sm-3,
.mg-col-sm-4,
.mg-col-sm-5,
.mg-col-sm-6,
.mg-col-sm-7,
.mg-col-sm-8,
.mg-col-sm-9 {
float: left
}
.mg-col-sm-1 {
width: 8.33333%
}
.mg-col-sm-2 {
width: 16.66667%
}
.mg-col-sm-3 {
width: 25%
}
.mg-col-sm-4 {
width: 33.33333%
}
.mg-col-sm-5 {
width: 41.66667%
}
.mg-col-sm-6 {
width: 50%
}
.mg-col-sm-7 {
width: 58.33333%
}
.mg-col-sm-8 {
width: 66.66667%
}
.mg-col-sm-9 {
width: 75%
}
.mg-col-sm-10 {
width: 83.33333%
}
.mg-col-sm-11 {
width: 91.66667%
}
.mg-col-sm-12 {
width: 100%
}
.mg-col-sm-pull-0 {
right: auto
}
.mg-col-sm-pull-1 {
right: 8.33333%
}
.mg-col-sm-pull-2 {
right: 16.66667%
}
.mg-col-sm-pull-3 {
right: 25%
}
.mg-col-sm-pull-4 {
right: 33.33333%
}
.mg-col-sm-pull-5 {
right: 41.66667%
}
.mg-col-sm-pull-6 {
right: 50%
}
.mg-col-sm-pull-7 {
right: 58.33333%
}
.mg-col-sm-pull-8 {
right: 66.66667%
}
.mg-col-sm-pull-9 {
right: 75%
}
.mg-col-sm-pull-10 {
right: 83.33333%
}
.mg-col-sm-pull-11 {
right: 91.66667%
}
.mg-col-sm-pull-12 {
right: 100%
}
.mg-col-sm-push-0 {
left: auto
}
.mg-col-sm-push-1 {
left: 8.33333%
}
.mg-col-sm-push-2 {
left: 16.66667%
}
.mg-col-sm-push-3 {
left: 25%
}
.mg-col-sm-push-4 {
left: 33.33333%
}
.mg-col-sm-push-5 {
left: 41.66667%
}
.mg-col-sm-push-6 {
left: 50%
}
.mg-col-sm-push-7 {
left: 58.33333%
}
.mg-col-sm-push-8 {
left: 66.66667%
}
.mg-col-sm-push-9 {
left: 75%
}
.mg-col-sm-push-10 {
left: 83.33333%
}
.mg-col-sm-push-11 {
left: 91.66667%
}
.mg-col-sm-push-12 {
left: 100%
}
.mg-col-sm-offset-0 {
margin-left: 0%
}
.mg-col-sm-offset-1 {
margin-left: 8.33333%
}
.mg-col-sm-offset-2 {
margin-left: 16.66667%
}
.mg-col-sm-offset-3 {
margin-left: 25%
}
.mg-col-sm-offset-4 {
margin-left: 33.33333%
}
.mg-col-sm-offset-5 {
margin-left: 41.66667%
}
.mg-col-sm-offset-6 {
margin-left: 50%
}
.mg-col-sm-offset-7 {
margin-left: 58.33333%
}
.mg-col-sm-offset-8 {
margin-left: 66.66667%
}
.mg-col-sm-offset-9 {
margin-left: 75%
}
.mg-col-sm-offset-10 {
margin-left: 83.33333%
}
.mg-col-sm-offset-11 {
margin-left: 91.66667%
}
.mg-col-sm-offset-12 {
margin-left: 100%
}
}
@media (min-width: 992px) {
.mg-col-md-1,
.mg-col-md-10,
.mg-col-md-11,
.mg-col-md-12,
.mg-col-md-2,
.mg-col-md-3,
.mg-col-md-4,
.mg-col-md-5,
.mg-col-md-6,
.mg-col-md-7,
.mg-col-md-8,
.mg-col-md-9 {
float: left
}
.mg-col-md-1 {
width: 8.33333%
}
.mg-col-md-2 {
width: 16.66667%
}
.mg-col-md-3 {
width: 25%
}
.mg-col-md-4 {
width: 33.33333%
}
.mg-col-md-5 {
width: 41.66667%
}
.mg-col-md-6 {
width: 50%
}
.mg-col-md-7 {
width: 58.33333%
}
.mg-col-md-8 {
width: 66.66667%
}
.mg-col-md-9 {
width: 75%
}
.mg-col-md-10 {
width: 83.33333%
}
.mg-col-md-11 {
width: 91.66667%
}
.mg-col-md-12 {
width: 100%
}
.mg-col-md-pull-0 {
right: auto
}
.mg-col-md-pull-1 {
right: 8.33333%
}
.mg-col-md-pull-2 {
right: 16.66667%
}
.mg-col-md-pull-3 {
right: 25%
}
.mg-col-md-pull-4 {
right: 33.33333%
}
.mg-col-md-pull-5 {
right: 41.66667%
}
.mg-col-md-pull-6 {
right: 50%
}
.mg-col-md-pull-7 {
right: 58.33333%
}
.mg-col-md-pull-8 {
right: 66.66667%
}
.mg-col-md-pull-9 {
right: 75%
}
.mg-col-md-pull-10 {
right: 83.33333%
}
.mg-col-md-pull-11 {
right: 91.66667%
}
.mg-col-md-pull-12 {
right: 100%
}
.mg-col-md-push-0 {
left: auto
}
.mg-col-md-push-1 {
left: 8.33333%
}
.mg-col-md-push-2 {
left: 16.66667%
}
.mg-col-md-push-3 {
left: 25%
}
.mg-col-md-push-4 {
left: 33.33333%
}
.mg-col-md-push-5 {
left: 41.66667%
}
.mg-col-md-push-6 {
left: 50%
}
.mg-col-md-push-7 {
left: 58.33333%
}
.mg-col-md-push-8 {
left: 66.66667%
}
.mg-col-md-push-9 {
left: 75%
}
.mg-col-md-push-10 {
left: 83.33333%
}
.mg-col-md-push-11 {
left: 91.66667%
}
.mg-col-md-push-12 {
left: 100%
}
.mg-col-md-offset-0 {
margin-left: 0%
}
.mg-col-md-offset-1 {
margin-left: 8.33333%
}
.mg-col-md-offset-2 {
margin-left: 16.66667%
}
.mg-col-md-offset-3 {
margin-left: 25%
}
.mg-col-md-offset-4 {
margin-left: 33.33333%
}
.mg-col-md-offset-5 {
margin-left: 41.66667%
}
.mg-col-md-offset-6 {
margin-left: 50%
}
.mg-col-md-offset-7 {
margin-left: 58.33333%
}
.mg-col-md-offset-8 {
margin-left: 66.66667%
}
.mg-col-md-offset-9 {
margin-left: 75%
}
.mg-col-md-offset-10 {
margin-left: 83.33333%
}
.mg-col-md-offset-11 {
margin-left: 91.66667%
}
.mg-col-md-offset-12 {
margin-left: 100%
}
}
@media (min-width: 1200px) {
.mg-col-lg-1,
.mg-col-lg-10,
.mg-col-lg-11,
.mg-col-lg-12,
.mg-col-lg-2,
.mg-col-lg-3,
.mg-col-lg-4,
.mg-col-lg-5,
.mg-col-lg-6,
.mg-col-lg-7,
.mg-col-lg-8,
.mg-col-lg-9 {
float: left
}
.mg-col-lg-1 {
width: 8.33333%
}
.mg-col-lg-2 {
width: 16.66667%
}
.mg-col-lg-3 {
width: 25%
}
.mg-col-lg-4 {
width: 33.33333%
}
.mg-col-lg-5 {
width: 41.66667%
}
.mg-col-lg-6 {
width: 50%
}
.mg-col-lg-7 {
width: 58.33333%
}
.mg-col-lg-8 {
width: 66.66667%
}
.mg-col-lg-9 {
width: 75%
}
.mg-col-lg-10 {
width: 83.33333%
}
.mg-col-lg-11 {
width: 91.66667%
}
.mg-col-lg-12 {
width: 100%
}
.mg-col-lg-pull-0 {
right: auto
}
.mg-col-lg-pull-1 {
right: 8.33333%
}
.mg-col-lg-pull-2 {
right: 16.66667%
}
.mg-col-lg-pull-3 {
right: 25%
}
.mg-col-lg-pull-4 {
right: 33.33333%
}
.mg-col-lg-pull-5 {
right: 41.66667%
}
.mg-col-lg-pull-6 {
right: 50%
}
.mg-col-lg-pull-7 {
right: 58.33333%
}
.mg-col-lg-pull-8 {
right: 66.66667%
}
.mg-col-lg-pull-9 {
right: 75%
}
.mg-col-lg-pull-10 {
right: 83.33333%
}
.mg-col-lg-pull-11 {
right: 91.66667%
}
.mg-col-lg-pull-12 {
right: 100%
}
.mg-col-lg-push-0 {
left: auto
}
.mg-col-lg-push-1 {
left: 8.33333%
}
.mg-col-lg-push-2 {
left: 16.66667%
}
.mg-col-lg-push-3 {
left: 25%
}
.mg-col-lg-push-4 {
left: 33.33333%
}
.mg-col-lg-push-5 {
left: 41.66667%
}
.mg-col-lg-push-6 {
left: 50%
}
.mg-col-lg-push-7 {
left: 58.33333%
}
.mg-col-lg-push-8 {
left: 66.66667%
}
.mg-col-lg-push-9 {
left: 75%
}
.mg-col-lg-push-10 {
left: 83.33333%
}
.mg-col-lg-push-11 {
left: 91.66667%
}
.mg-col-lg-push-12 {
left: 100%
}
.mg-col-lg-offset-0 {
margin-left: 0%
}
.mg-col-lg-offset-1 {
margin-left: 8.33333%
}
.mg-col-lg-offset-2 {
margin-left: 16.66667%
}
.mg-col-lg-offset-3 {
margin-left: 25%
}
.mg-col-lg-offset-4 {
margin-left: 33.33333%
}
.mg-col-lg-offset-5 {
margin-left: 41.66667%
}
.mg-col-lg-offset-6 {
margin-left: 50%
}
.mg-col-lg-offset-7 {
margin-left: 58.33333%
}
.mg-col-lg-offset-8 {
margin-left: 66.66667%
}
.mg-col-lg-offset-9 {
margin-left: 75%
}
.mg-col-lg-offset-10 {
margin-left: 83.33333%
}
.mg-col-lg-offset-11 {
margin-left: 91.66667%
}
.mg-col-lg-offset-12 {
margin-left: 100%
}
}
.ultimate-grid-wrap {
clear: both;
margin-bottom: 30px;
padding: 0;
overflow: hidden
}
@media only screen and (max-width: 767px) {
.ultimate-grid-wrap {
overflow-x: hidden
}
}
.ultimate-grid-wrap *,
.ultimate-grid-wrap:after,
.ultimate-grid-wrap:before {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.ultimate-grid {
margin: 0 auto;
padding: 0;
list-style: none
}
.ultimate-grid.ultimate-grid-gutter-30 {
margin-right: -30px
}
.ultimate-grid.ultimate-grid-gutter-30 .ultimate-grid-item {
padding-right: 30px;
padding-bottom: 30px
}
.ultimate-grid.ultimate-grid-gutter-29 {
margin-right: -29px
}
.ultimate-grid.ultimate-grid-gutter-29 .ultimate-grid-item {
padding-right: 29px;
padding-bottom: 29px
}
.ultimate-grid.ultimate-grid-gutter-28 {
margin-right: -28px
}
.ultimate-grid.ultimate-grid-gutter-28 .ultimate-grid-item {
padding-right: 28px;
padding-bottom: 28px
}
.ultimate-grid.ultimate-grid-gutter-27 {
margin-right: -27px
}
.ultimate-grid.ultimate-grid-gutter-27 .ultimate-grid-item {
padding-right: 27px;
padding-bottom: 27px
}
.ultimate-grid.ultimate-grid-gutter-26 {
margin-right: -26px
}
.ultimate-grid.ultimate-grid-gutter-26 .ultimate-grid-item {
padding-right: 26px;
padding-bottom: 26px
}
.ultimate-grid.ultimate-grid-gutter-25 {
margin-right: -25px
}
.ultimate-grid.ultimate-grid-gutter-25 .ultimate-grid-item {
padding-right: 25px;
padding-bottom: 25px
}
.ultimate-grid.ultimate-grid-gutter-24 {
margin-right: -24px
}
.ultimate-grid.ultimate-grid-gutter-24 .ultimate-grid-item {
padding-right: 24px;
padding-bottom: 24px
}
.ultimate-grid.ultimate-grid-gutter-23 {
margin-right: -23px
}
.ultimate-grid.ultimate-grid-gutter-23 .ultimate-grid-item {
padding-right: 23px;
padding-bottom: 23px
}
.ultimate-grid.ultimate-grid-gutter-22 {
margin-right: -22px
}
.ultimate-grid.ultimate-grid-gutter-22 .ultimate-grid-item {
padding-right: 22px;
padding-bottom: 22px
}
.ultimate-grid.ultimate-grid-gutter-21 {
margin-right: -21px
}
.ultimate-grid.ultimate-grid-gutter-21 .ultimate-grid-item {
padding-right: 21px;
padding-bottom: 21px
}
.ultimate-grid.ultimate-grid-gutter-20 {
margin-right: -20px
}
.ultimate-grid.ultimate-grid-gutter-20 .ultimate-grid-item {
padding-right: 20px;
padding-bottom: 20px
}
.ultimate-grid.ultimate-grid-gutter-19 {
margin-right: -19px
}
.ultimate-grid.ultimate-grid-gutter-19 .ultimate-grid-item {
padding-right: 19px;
padding-bottom: 19px
}
.ultimate-grid.ultimate-grid-gutter-18 {
margin-right: -18px
}
.ultimate-grid.ultimate-grid-gutter-18 .ultimate-grid-item {
padding-right: 18px;
padding-bottom: 18px
}
.ultimate-grid.ultimate-grid-gutter-17 {
margin-right: -17px
}
.ultimate-grid.ultimate-grid-gutter-17 .ultimate-grid-item {
padding-right: 17px;
padding-bottom: 17px
}
.ultimate-grid.ultimate-grid-gutter-16 {
margin-right: -16px
}
.ultimate-grid.ultimate-grid-gutter-16 .ultimate-grid-item {
padding-right: 16px;
padding-bottom: 16px
}
.ultimate-grid.ultimate-grid-gutter-15 {
margin-right: -15px
}
.ultimate-grid.ultimate-grid-gutter-15 .ultimate-grid-item {
padding-right: 15px;
padding-bottom: 15px
}
.ultimate-grid.ultimate-grid-gutter-14 {
margin-right: -14px
}
.ultimate-grid.ultimate-grid-gutter-14 .ultimate-grid-item {
padding-right: 14px;
padding-bottom: 14px
}
.ultimate-grid.ultimate-grid-gutter-13 {
margin-right: -13px
}
.ultimate-grid.ultimate-grid-gutter-13 .ultimate-grid-item {
padding-right: 13px;
padding-bottom: 13px
}
.ultimate-grid.ultimate-grid-gutter-12 {
margin-right: -12px
}
.ultimate-grid.ultimate-grid-gutter-12 .ultimate-grid-item {
padding-right: 12px;
padding-bottom: 12px
}
.ultimate-grid.ultimate-grid-gutter-11 {
margin-right: -11px
}
.ultimate-grid.ultimate-grid-gutter-11 .ultimate-grid-item {
padding-right: 11px;
padding-bottom: 11px
}
.ultimate-grid.ultimate-grid-gutter-10 {
margin-right: -10px
}
.ultimate-grid.ultimate-grid-gutter-10 .ultimate-grid-item {
padding-right: 10px;
padding-bottom: 10px
}
.ultimate-grid.ultimate-grid-gutter-9 {
margin-right: -9px
}
.ultimate-grid.ultimate-grid-gutter-9 .ultimate-grid-item {
padding-right: 9px;
padding-bottom: 9px
}
.ultimate-grid.ultimate-grid-gutter-8 {
margin-right: -8px
}
.ultimate-grid.ultimate-grid-gutter-8 .ultimate-grid-item {
padding-right: 8px;
padding-bottom: 8px
}
.ultimate-grid.ultimate-grid-gutter-7 {
margin-right: -7px
}
.ultimate-grid.ultimate-grid-gutter-7 .ultimate-grid-item {
padding-right: 7px;
padding-bottom: 7px
}
.ultimate-grid.ultimate-grid-gutter-6 {
margin-right: -6px
}
.ultimate-grid.ultimate-grid-gutter-6 .ultimate-grid-item {
padding-right: 6px;
padding-bottom: 6px
}
.ultimate-grid.ultimate-grid-gutter-5 {
margin-right: -5px
}
.ultimate-grid.ultimate-grid-gutter-5 .ultimate-grid-item {
padding-right: 5px;
padding-bottom: 5px
}
.ultimate-grid.ultimate-grid-gutter-4 {
margin-right: -4px
}
.ultimate-grid.ultimate-grid-gutter-4 .ultimate-grid-item {
padding-right: 4px;
padding-bottom: 4px
}
.ultimate-grid.ultimate-grid-gutter-3 {
margin-right: -3px
}
.ultimate-grid.ultimate-grid-gutter-3 .ultimate-grid-item {
padding-right: 3px;
padding-bottom: 3px
}
.ultimate-grid.ultimate-grid-gutter-2 {
margin-right: -2px
}
.ultimate-grid.ultimate-grid-gutter-2 .ultimate-grid-item {
padding-right: 2px;
padding-bottom: 2px
}
.ultimate-grid.ultimate-grid-gutter-1 {
margin-right: -1px
}
.ultimate-grid.ultimate-grid-gutter-1 .ultimate-grid-item {
padding-right: 1px;
padding-bottom: 1px
}
.ultimate-grid.ultimate-grid-gutter-0 {
margin-right: 0
}
.ultimate-grid.ultimate-grid-gutter-0 .ultimate-grid-item {
padding-right: 0;
padding-bottom: 0
}
.ultimate-grid a {
position: relative;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none
}
.ultimate-grid .ultimate-grid-item {
padding: 0
}
.ultimate-grid .ultimate-grid-item a {
display: block;
-webkit-box-shadow: none;
box-shadow: none;
outline: 0;
border: 0
}
.ultimate-grid .ultimate-grid-item .effect-hover {
margin-bottom: 0
}
.ultimate-grid.loaded {
background: 0 0
}
.effect-hover.effect-moses h2 span,
.ultimate-grid.loaded .ultimate-grid-item,
.ultimate-grid.ultimate-grid-animate .ultimate-grid-item a {
display: block
}
.ultimate-grid.ultimate-grid-animate .ultimate-grid-item.shown,
.no-cssanimations .ultimate-grid .ultimate-grid-item,
.no-js .ultimate-grid .ultimate-grid-item {
opacity: 1
}
.ultimate-grid,
.ultimate-grid.ultimate-grid-animate.ultimate-lazyload img {
min-height: 100px
}
.ultimate-grid.ultimate-grid-animate .ultimate-grid-item {
opacity: 0
}
.ultimate-grid.ultimate-grid-animate .ultimate-grid-item a h3,
.ultimate-tilter--3 svg {
display: none
}
.ultimate-grid.ultimate-grid-animate.effect-1 .ultimate-grid-item.animate {
-webkit-animation: GridFadeIn .65s ease forwards;
animation: GridFadeIn .65s ease forwards
}
.ultimate-grid.ultimate-grid-animate.effect-2 .ultimate-grid-item.animate {
-webkit-transform: translateY(200px);
transform: translateY(200px);
-webkit-animation: GridMoveUp .65s ease forwards;
animation: GridMoveUp .65s ease forwards
}
.ultimate-grid.ultimate-grid-animate.effect-3 .ultimate-grid-item.animate {
-webkit-transform: scale(.6);
transform: scale(.6);
-webkit-animation: GridScaleUp .65s ease-in-out forwards;
animation: GridScaleUp .65s ease-in-out forwards
}
.ultimate-grid.ultimate-grid-animate.effect-4,
.ultimate-grid.ultimate-grid-animate.effect-5,
.ultimate-grid.ultimate-grid-animate.effect-6,
.ultimate-grid.ultimate-grid-animate.effect-7,
.ultimate-grid.ultimate-grid-animate.effect-8 {
-webkit-perspective: 1300px;
perspective: 1300px
}
.ultimate-grid.ultimate-grid-animate.effect-4 .ultimate-grid-item.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
transform: translateZ(400px) translateY(300px) rotateX(-90deg);
-webkit-animation: GridFallPerspective .8s ease-in-out forwards;
animation: GridFallPerspective .8s ease-in-out forwards
}
.ultimate-grid.ultimate-grid-animate.effect-5 .ultimate-grid-item.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 50% 50% -300px;
transform-origin: 50% 50% -300px;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-animation: GridFly .8s ease-in-out forwards;
animation: GridFly .8s ease-in-out forwards
}
.ultimate-grid.ultimate-grid-animate.effect-6 .ultimate-grid-item.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: rotateX(-80deg);
transform: rotateX(-80deg);
-webkit-animation: GridFlip .8s ease-in-out forwards;
animation: GridFlip .8s ease-in-out forwards
}
.ultimate-grid.ultimate-grid-animate.effect-7 .ultimate-grid-item.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-animation: GridHelix .8s ease-in-out forwards;
animation: GridHelix .8s ease-in-out forwards
}
.ultimate-grid.ultimate-grid-animate.effect-8 .ultimate-grid-item.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: scale(.4);
transform: scale(.4);
-webkit-animation: GridPopUp .8s ease-in forwards;
animation: GridPopUp .8s ease-in forwards
}
.effect-hover.effect-no-spacing,
.non-spacing-grid .effect-hover,
.vc_row-no-padding .effect-hover {
margin-bottom: 0
}
.effect-hover {
position: relative;
margin: 0 0 30px;
padding: 0;
overflow: hidden;
background: #3085a3;
text-align: center;
cursor: pointer
}
.effect-hover,
.effect-hover * {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.effect-hover.ratio11 img,
.effect-hover.ratio169 img,
.effect-hover.ratio21 img,
.effect-hover.ratio32 img,
.effect-hover.ratio34 img,
.effect-hover.ratio43 img {
position: absolute;
top: 0;
left: 0
}
.effect-hover.ratio11,
.effect-hover.ratio169,
.effect-hover.ratio21,
.effect-hover.ratio32,
.effect-hover.ratio34,
.effect-hover.ratio43 {
overflow: hidden;
position: relative
}
.effect-hover.ratio43:after {
content: '';
display: block;
padding-bottom: 75%
}
.effect-hover.ratio11:after {
content: '';
display: block;
padding-bottom: 100%
}
.effect-hover.ratio169:after {
content: '';
display: block;
padding-bottom: 56.25%
}
.effect-hover.ratio32:after {
content: '';
display: block;
padding-bottom: 66.66667%
}
.effect-hover.ratio21:after {
content: '';
display: block;
padding-bottom: 50%
}
.effect-hover.ratio34:after {
content: '';
display: block;
padding-bottom: 133.33333%
}
.effect-hover.ratio34 img {
min-width: 100%;
max-width: auto
}
.effect-hover img {
position: relative;
display: block;
width: 100%;
height: auto;
max-width: 100%;
opacity: .8;
z-index: 1;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.effect-hover figcaption,
.effect-hover figcaption>a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.effect-hover figcaption {
padding: 2em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
color: #fff;
z-index: 1;
font-size: 20px
}
.effect-hover figcaption::after,
.effect-hover figcaption::before {
pointer-events: none
}
.effect-hover figcaption h2 {
margin-bottom: 8px;
font-weight: 300
}
.effect-hover figcaption>a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0
}
.effect-hover h2,
.effect-hover p {
margin: 0;
font-weight: 300;
color: #fff;
font-size: 1.5em;
letter-spacing: 0;
line-height: 1.1;
-webkit-transition: color .35s ease;
transition: color .35s ease
}
.effect-hover h2 span {
font-weight: 800
}
.effect-hover p {
letter-spacing: 1px;
font-size: 68.5%;
font-weight: 400;
line-height: 1.4em
}
.effect-hover.effect-fonts figcaption,
.effect-hover.effect-fonts figcaption h2,
.effect-hover.effect-fonts figcaption p {
font-family: "Raleway", sans-serif
}
.effect-hover.effect-sm h2 {
font-size: 1.3em
}
.effect-hover.effect-sm figcaption {
padding: 1em
}
.effect-hover.effect-xs h2 {
font-size: 1.2em
}
.ultimate-anim {
opacity: 0
}
.ultimate-anim--start {
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.ultimate-anim--start.ultimate-anim {
opacity: 1;
filter: alpha(opacity=100)
}
.ultimate-anim--start.ultimate-anim-bounce {
-webkit-animation-name: "bounce";
animation-name: "bounce"
}
.ultimate-anim--start.ultimate-anim-flash {
-webkit-animation-name: "flash";
animation-name: "flash"
}
.ultimate-anim--start.ultimate-anim-pulse {
-webkit-animation-name: "pulse";
animation-name: "pulse"
}
.ultimate-anim--start.ultimate-anim-rubberBand {
-webkit-animation-name: "rubberBand";
animation-name: "rubberBand"
}
.ultimate-anim--start.ultimate-anim-shake {
-webkit-animation-name: "shake";
animation-name: "shake"
}
.ultimate-anim--start.ultimate-anim-headShake {
-webkit-animation-name: "headShake";
animation-name: "headShake"
}
.ultimate-anim--start.ultimate-anim-swing {
-webkit-animation-name: "swing";
animation-name: "swing"
}
.ultimate-anim--start.ultimate-anim-tada {
-webkit-animation-name: "tada";
animation-name: "tada"
}
.ultimate-anim--start.ultimate-anim-wobble {
-webkit-animation-name: "wobble";
animation-name: "wobble"
}
.ultimate-anim--start.ultimate-anim-jello {
-webkit-animation-name: "jello";
animation-name: "jello"
}
.ultimate-anim--start.ultimate-anim-bounceIn {
-webkit-animation-name: "bounceIn";
animation-name: "bounceIn"
}
.ultimate-anim--start.ultimate-anim-bounceInDown {
-webkit-animation-name: "bounceInDown";
animation-name: "bounceInDown"
}
.ultimate-anim--start.ultimate-anim-bounceInLeft {
-webkit-animation-name: "bounceInLeft";
animation-name: "bounceInLeft"
}
.ultimate-anim--start.ultimate-anim-bounceInRight {
-webkit-animation-name: "bounceInRight";
animation-name: "bounceInRight"
}
.ultimate-anim--start.ultimate-anim-bounceInUp {
-webkit-animation-name: "bounceInUp";
animation-name: "bounceInUp"
}
.ultimate-anim--start.ultimate-anim-fadeIn {
-webkit-animation-name: "fadeIn";
animation-name: "fadeIn"
}
.ultimate-anim--start.ultimate-anim-fadeInDown {
-webkit-animation-name: "fadeInDown";
animation-name: "fadeInDown"
}
.ultimate-anim--start.ultimate-anim-fadeInDownBig {
-webkit-animation-name: "fadeInDownBig";
animation-name: "fadeInDownBig"
}
.ultimate-anim--start.ultimate-anim-fadeInLeft {
-webkit-animation-name: "fadeInLeft";
animation-name: "fadeInLeft"
}
.ultimate-anim--start.ultimate-anim-fadeInLeftBig {
-webkit-animation-name: "fadeInLeftBig";
animation-name: "fadeInLeftBig"
}
.ultimate-anim--start.ultimate-anim-fadeInRight {
-webkit-animation-name: "fadeInRight";
animation-name: "fadeInRight"
}
.ultimate-anim--start.ultimate-anim-fadeInRightBig {
-webkit-animation-name: "fadeInRightBig";
animation-name: "fadeInRightBig"
}
.ultimate-anim--start.ultimate-anim-fadeInUp {
-webkit-animation-name: "fadeInUp";
animation-name: "fadeInUp"
}
.ultimate-anim--start.ultimate-anim-fadeInUpBig {
-webkit-animation-name: "fadeInUpBig";
animation-name: "fadeInUpBig"
}
.ultimate-anim--start.ultimate-anim-flipInX {
-webkit-animation-name: "flipInX";
animation-name: "flipInX"
}
.ultimate-anim--start.ultimate-anim-flipInY {
-webkit-animation-name: "flipInY";
animation-name: "flipInY"
}
.ultimate-anim--start.ultimate-anim-lightSpeedIn {
-webkit-animation-name: "lightSpeedIn";
animation-name: "lightSpeedIn"
}
.ultimate-anim--start.ultimate-anim-lightSpeedOut {
-webkit-animation-name: "lightSpeedOut";
animation-name: "lightSpeedOut"
}
.ultimate-anim--start.ultimate-anim-rotateIn {
-webkit-animation-name: "rotateIn";
animation-name: "rotateIn"
}
.ultimate-anim--start.ultimate-anim-rotateInDownLeft {
-webkit-animation-name: "rotateInDownLeft";
animation-name: "rotateInDownLeft"
}
.ultimate-anim--start.ultimate-anim-rotateInDownRight {
-webkit-animation-name: "rotateInDownRight";
animation-name: "rotateInDownRight"
}
.ultimate-anim--start.ultimate-anim-rotateInUpLeft {
-webkit-animation-name: "rotateInUpLeft";
animation-name: "rotateInUpLeft"
}
.ultimate-anim--start.ultimate-anim-rotateInUpRight {
-webkit-animation-name: "rotateInUpRight";
animation-name: "rotateInUpRight"
}
.ultimate-anim--start.ultimate-anim-hinge {
-webkit-animation-name: "hinge";
animation-name: "hinge"
}
.ultimate-anim--start.ultimate-anim-rollIn {
-webkit-animation-name: "rollIn";
animation-name: "rollIn"
}
.ultimate-anim--start.ultimate-anim-rollOut {
-webkit-animation-name: "rollOut";
animation-name: "rollOut"
}
.ultimate-anim--start.ultimate-anim-zoomIn {
-webkit-animation-name: "zoomIn";
animation-name: "zoomIn"
}
.ultimate-anim--start.ultimate-anim-zoomInDown {
-webkit-animation-name: "zoomInDown";
animation-name: "zoomInDown"
}
.ultimate-anim--start.ultimate-anim-zoomInLeft {
-webkit-animation-name: "zoomInLeft";
animation-name: "zoomInLeft"
}
.ultimate-anim--start.ultimate-anim-zoomInRight {
-webkit-animation-name: "zoomInRight";
animation-name: "zoomInRight"
}
.ultimate-anim--start.ultimate-anim-zoomInUp {
-webkit-animation-name: "zoomInUp";
animation-name: "zoomInUp"
}
.ultimate-anim--start.ultimate-anim-slideInDown {
-webkit-animation-name: "slideInDown";
animation-name: "slideInDown"
}
.ultimate-anim--start.ultimate-anim-slideInLeft {
-webkit-animation-name: "slideInLeft";
animation-name: "slideInLeft"
}
.ultimate-anim--start.ultimate-anim-slideInRight {
-webkit-animation-name: "slideInRight";
animation-name: "slideInRight"
}
.ultimate-anim--start.ultimate-anim-slideInUp {
-webkit-animation-name: "slideInUp";
animation-name: "slideInUp"
}
.effect-hover.effect-bubba {
background: #9e5406
}
.effect-hover.effect-bubba img {
opacity: .7;
-webkit-transition: opacity .35s;
transition: opacity .35s
}
.effect-hover.effect-bubba:hover img {
opacity: .4
}
.effect-hover.effect-bubba figcaption::after,
.effect-hover.effect-bubba figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
content: '';
opacity: 0;
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s
}
.effect-hover.effect-bubba figcaption::before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0, 1);
transform: scale(0, 1)
}
.effect-hover.effect-bubba figcaption::after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1, 0);
transform: scale(1, 0)
}
.effect-hover.effect-bubba h2 {
padding-top: 20%;
-webkit-transition: color .35s, -webkit-transform .35s;
transition: transform .35s, color .35s;
transition: transform .35s, color .35s, -webkit-transform .35s;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
.effect-hover.effect-bubba p {
padding: 20px 2.5em;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
.effect-hover.effect-bubba:hover figcaption::after,
.effect-hover.effect-bubba:hover figcaption::before,
.effect-hover.effect-chico:hover img {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
.effect-hover.effect-bubba:hover h2,
.effect-hover.effect-bubba:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-bubba.effect-sm figcaption:after,
.effect-hover.effect-bubba.effect-sm figcaption:before {
left: 20px;
top: 20px;
right: 20px;
bottom: 20px
}
.effect-hover.effect-bubba.effect-sm p {
padding: 15px .5em
}
.effect-hover.effect-bubba.effect-xs figcaption:after,
.effect-hover.effect-bubba.effect-xs figcaption:before {
left: 10px;
top: 10px;
right: 10px;
bottom: 10px
}
.effect-hover.effect-bubba.effect-xs p {
padding: 15px 0
}
.effect-hover.effect-chico figcaption::before,
.effect-hover.effect-chico img {
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s;
-webkit-transform: scale(1.12);
transform: scale(1.12)
}
.effect-hover.effect-chico:hover img {
opacity: .5
}
.effect-hover.effect-chico figcaption {
padding: 3em
}
.effect-hover.effect-chico figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: 0
}
.effect-hover.effect-bubba p,
.effect-hover.effect-chico p,
.effect-hover.effect-dexter p {
opacity: 0;
-webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s, color .35s;
transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-chico p {
margin: 0 auto;
-webkit-transform: scale(1.5);
transform: scale(1.5)
}
.effect-hover.effect-chico h2 {
padding: 15% 0 20px
}
.effect-hover.effect-chico:hover figcaption::before,
.effect-hover.effect-chico:hover p {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
.effect-hover.effect-chico.effect-sm figcaption {
padding: 2em
}
.effect-hover.effect-chico.effect-sm figcaption:before {
top: 20px;
right: 20px;
bottom: 20px;
left: 20px
}
.effect-hover.effect-chico.effect-xs figcaption {
padding: 1em
}
.effect-hover.effect-chico.effect-xs figcaption:before {
top: 10px;
right: 10px;
bottom: 10px;
left: 10px
}
.effect-hover.effect-chico.effect-xs h2 {
padding: 10% 0 10px
}
.effect-hover.effect-dexter {
background: -webkit-gradient(linear, left top, left bottom, from(#258dc8), to(#683c13));
background: linear-gradient(to bottom, #258dc8 0%, #683c13 100%)
}
.effect-hover.effect-dexter img,
.effect-hover.effect-honey img {
-webkit-transition: opacity .35s;
transition: opacity .35s
}
.effect-hover.effect-dexter:hover img {
opacity: .4
}
.effect-hover.effect-dexter figcaption::after,
.effect-hover.effect-honey figcaption::before,
.effect-hover.effect-honey h2 {
position: absolute;
-webkit-transition: -webkit-transform .35s;
transition: transform .35s;
transition: transform .35s, -webkit-transform .35s
}
.effect-hover.effect-dexter figcaption::after {
right: 30px;
height: calc(50% - 30px);
border: 7px solid #fff;
content: '';
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
bottom: 30px;
left: 30px
}
.effect-hover.effect-dexter.effect-sm:hover figcaption:after,
.effect-hover.effect-dexter.effect-xs:hover figcaption:after,
.effect-hover.effect-dexter:hover figcaption::after,
.effect-hover.effect-dexter:hover p,
.effect-hover.effect-layla.effect-sm:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-dexter figcaption {
padding: 3em;
text-align: left
}
.effect-hover.effect-dexter p {
position: absolute;
right: 60px;
bottom: 60px;
left: 60px;
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0)
}
.effect-hover.effect-dexter:hover p {
opacity: 1
}
.effect-hover.effect-dexter.effect-sm figcaption {
padding: 2em
}
.effect-hover.effect-dexter.effect-sm figcaption:after {
left: 20px;
right: 20px;
bottom: 20px;
border-width: 4px;
-webkit-transform: translate3d(0, -120%, 0);
transform: translate3d(0, -120%, 0)
}
.effect-hover.effect-dexter.effect-sm p {
right: 40px;
left: 40px;
bottom: 33px
}
.effect-hover.effect-dexter.effect-xs figcaption {
padding: 1.5em 1em
}
.effect-hover.effect-dexter.effect-xs figcaption:after {
left: 10px;
right: 10px;
bottom: 10px;
height: 50%;
border-width: 3px;
-webkit-transform: translate3d(0, -80%, 0);
transform: translate3d(0, -80%, 0)
}
.effect-hover.effect-dexter.effect-xs p {
right: 20px;
left: 20px;
bottom: 20px
}
.effect-hover.effect-honey {
background: #4a3753
}
.effect-hover.effect-honey img {
opacity: .9
}
.effect-hover.effect-honey:hover img {
opacity: .5
}
.effect-hover.effect-honey figcaption::before,
.effect-hover.effect-honey h2 {
bottom: 0;
left: 0;
width: 100%
}
.effect-hover.effect-honey figcaption::before {
height: 10px;
background: #f8f8f8;
content: '';
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
.effect-hover.effect-honey h2 {
padding: 1em 1.5em;
text-align: left
}
.effect-hover.effect-honey h2 i {
font-style: normal;
opacity: 0;
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s
}
.effect-hover.effect-honey p {
text-align: left;
opacity: 0;
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
-webkit-transition: opacity .2s, color .35s, -webkit-transform .35s;
transition: opacity .2s, transform .35s, color .35s;
transition: opacity .2s, transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-honey:hover figcaption::before,
.effect-hover.effect-honey:hover h2,
.effect-hover.effect-honey:hover h2 i,
.effect-hover.effect-layla:hover img {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-honey:hover p {
-webkit-transition-delay: .05s;
transition-delay: .05s;
-webkit-transition-duration: .35s;
transition-duration: .35s
}
.effect-hover.effect-honey.effect-sm h2 {
padding: .8em
}
.effect-hover.effect-layla {
background: #18a367
}
.effect-hover.effect-honey h2,
.effect-hover.effect-honey h2 i,
.effect-hover.effect-layla h2,
.effect-hover.effect-layla img {
}
.effect-hover.effect-layla img {
margin-bottom: -30px;
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s
}
.effect-hover.effect-layla figcaption {
padding: 3em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.effect-hover.effect-layla figcaption::after,
.effect-hover.effect-layla figcaption::before {
position: absolute;
content: '';
opacity: 0
}
.effect-hover.effect-layla figcaption::before {
top: 30px;
right: 20px;
bottom: 30px;
left: 20px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0
}
.effect-hover.effect-layla figcaption::after {
top: 20px;
right: 30px;
bottom: 20px;
left: 30px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0
}
.effect-hover.effect-layla h2 {
-webkit-transition: color .35s, -webkit-transform .35s;
transition: transform .35s, color .35s;
transition: transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-layla p {
padding: .5em 2em;
text-transform: none;
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
.effect-hover.effect-layla figcaption::after,
.effect-hover.effect-layla figcaption::before,
.effect-hover.effect-layla p {
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s
}
.effect-hover.effect-layla:hover img {
opacity: .7
}
.effect-hover.effect-layla:hover figcaption::after,
.effect-hover.effect-layla:hover figcaption::before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
.effect-hover.effect-honey:hover p,
.effect-hover.effect-layla:hover h2,
.effect-hover.effect-layla:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-layla:hover figcaption::after,
.effect-hover.effect-layla:hover h2,
.effect-hover.effect-layla:hover img,
.effect-hover.effect-layla:hover p {
-webkit-transition-delay: .15s;
transition-delay: .15s
}
.effect-hover.effect-layla.effect-sm h2 {
padding-top: 15%;
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
.effect-hover.effect-layla.effect-sm figcaption,
.effect-hover.effect-lily.effect-sm .effect-caption {
padding: 1em
}
.effect-hover.effect-layla.effect-sm figcaption::before {
top: 20px;
right: 10px;
bottom: 20px;
left: 10px
}
.effect-hover.effect-layla.effect-sm figcaption::after {
top: 10px;
right: 20px;
bottom: 10px;
left: 20px
}
.effect-hover.effect-layla.ratio11 img,
.effect-hover.effect-layla.ratio169 img,
.effect-hover.effect-layla.ratio21 img,
.effect-hover.effect-layla.ratio32 img,
.effect-hover.effect-layla.ratio34 img,
.effect-hover.effect-layla.ratio43 img {
height: calc(100% + 30px);
margin-bottom: 0
}
.effect-hover.effect-lily img {
max-width: none;
width: calc(100% + 50px);
-webkit-transform: translate3d(-40px, 0, 0);
transform: translate3d(0px, 0, 0)
}
.effect-hover.effect-lily figcaption {
text-align: left
}
.effect-hover.effect-lily figcaption>div {
position: absolute;
bottom: 0;
left: 0;
padding: 1.4em;
width: 100%;
height: auto
}
.effect-hover.effect-lily h2,
.effect-hover.effect-lily p {
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0)
}
.effect-hover.effect-lily h2,
.effect-hover.effect-marley h2 {
-webkit-transition: color .35s, -webkit-transform .35s;
transition: transform .35s, color .35s;
transition: transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-lily p {
padding-top: .8em;
margin-top: .4em;
border-top: 1px solid rgba(255, 255, 255, .3);
color: rgba(255, 255, 255, .8);
opacity: 0;
-webkit-transition: opacity .2s, color .35s, -webkit-transform .35s;
transition: opacity .2s, transform .35s, color .35s;
transition: opacity .2s, transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-lily:hover img,
.effect-hover.effect-lily:hover p,
.effect-hover.effect-steve:hover:before,
.effect-hover.effect-zoe:hover .effect-description {
opacity: 1
}
.effect-hover.effect-lily:hover h2,
.effect-hover.effect-lily:hover img,
.effect-hover.effect-lily:hover p,
.effect-hover.effect-marley:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-lily:hover p {
-webkit-transition-delay: .05s;
transition-delay: .05s;
-webkit-transition-duration: .35s;
transition-duration: .35s
}
.effect-hover.effect-marley figcaption {
text-align: right
}
.effect-hover.effect-marley h2 {
position: absolute;
right: 30px;
left: 30px;
padding: 10px 0;
top: 30px;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
.effect-hover.effect-marley p,
.effect-hover.effect-milo p {
opacity: 0;
-webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s, color .35s;
transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-marley p {
position: absolute;
right: 30px;
left: 30px;
bottom: 30px;
line-height: 1.5;
padding: 10px 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
.effect-hover.effect-lily img,
.effect-hover.effect-marley h2::after,
.effect-hover.effect-milo img {
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s
}
.effect-hover.effect-marley h2::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 4px;
background: #fff;
content: '';
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
opacity: 0
}
.effect-hover.effect-marley:hover h2::after,
.effect-hover.effect-marley:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-marley.effect-sm h2 {
right: 20px;
left: 20px;
top: 10px;
padding-top: 0;
padding-bottom: 3px
}
.effect-hover.effect-marley.effect-sm p {
left: 20px;
right: 20px;
bottom: 20px
}
.effect-hover.effect-milo {
background: #2e5d5a
}
.effect-hover.effect-milo img {
max-width: none;
width: calc(100% + 60px);
opacity: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.effect-hover.effect-milo:hover img {
opacity: .5;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1)
}
.effect-hover.effect-milo h2 {
position: absolute;
right: 0;
bottom: 0;
padding: 1em 1.2em
}
.effect-hover.effect-milo p {
padding: 0 10px 0 0;
width: 50%;
border-right: 1px solid #fff;
text-align: right;
-webkit-transform: translate3d(-40px, 0, 0);
transform: translate3d(-40px, 0, 0)
}
.effect-hover.effect-milo:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-milo.effect-sm p {
width: 70%
}
.effect-hover.effect-milo.effect-xs p {
width: 80%
}
.effect-hover.effect-milo.effect-xs h2 {
padding: .5em
}
.effect-hover.effect-oscar {
background: linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%)
}
.effect-hover.effect-oscar img {
opacity: .9;
-webkit-transition: opacity .35s;
transition: opacity .35s
}
.effect-hover.effect-oscar figcaption {
padding: 3em;
background-color: rgba(58, 52, 42, .7);
-webkit-transition: background-color .35s;
transition: background-color .35s
}
.effect-hover.effect-oscar figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: ''
}
.effect-hover.effect-oscar figcaption h2,
.effect-hover.effect-romeo h2,
.effect-hover.effect-romeo p {
-webkit-transition: color .35s, -webkit-transform .35s;
transition: transform .35s, color .35s;
transition: transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-oscar figcaption h2 {
margin: 20% 0 10px;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
.effect-hover.effect-oscar figcaption::before,
.effect-hover.effect-oscar p {
opacity: 0;
-webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s, color .35s;
transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s;
-webkit-transform: scale(0);
transform: scale(0)
}
.effect-hover.effect-oscar:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-oscar:hover figcaption::before,
.effect-hover.effect-oscar:hover p {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
.effect-hover.effect-oscar:hover figcaption {
background-color: transparent
}
.effect-hover.effect-oscar:hover img {
opacity: .4
}
.effect-hover.effect-oscar.effect-sm figcaption {
padding: 1.5em
}
.effect-hover.effect-oscar.effect-sm figcaption:before {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
border: 1px solid #fff;
content: ''
}
.effect-hover.effect-oscar.effect-xs figcaption:before {
top: 15px;
right: 15px;
bottom: 15px;
left: 15px
}
.effect-hover.effect-romeo img {
-webkit-transform: scale3d(1.4, 1.4, 1);
transform: scale3d(1.4, 1.4, 1)
}
.effect-hover.effect-romeo:hover img {
opacity: .6;
-webkit-transform: scale3d(1, 1, 1);
transform: translate3d(1, 1, 1)
}
.effect-hover.effect-romeo figcaption::after,
.effect-hover.effect-romeo figcaption::before {
position: absolute;
top: 50%;
left: 50%;
width: 80%;
height: 1px;
background: #fff;
content: '';
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
.effect-hover.effect-romeo:hover figcaption::before {
opacity: .5;
-webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
transform: translate3d(-50%, -50%, 0) rotate(45deg)
}
.effect-hover.effect-romeo:hover figcaption::after {
opacity: .5;
-webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
transform: translate3d(-50%, -50%, 0) rotate(-45deg)
}
.effect-hover.effect-romeo h2,
.effect-hover.effect-romeo p {
position: absolute;
top: 50%;
left: 0;
width: 100%
}
.effect-hover.effect-romeo h2 {
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0);
transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0)
}
.effect-hover.effect-romeo p {
padding: .25em 2em;
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0);
transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0)
}
.effect-hover.effect-romeo.effect-sm h2,
.effect-hover.effect-romeo:hover h2 {
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0);
transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0)
}
.effect-hover.effect-romeo:hover p {
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0);
transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0)
}
.effect-hover.effect-romeo.effect-sm p {
padding-left: 1em;
padding-right: 1em;
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, 80%, 0);
transform: translate3d(0, -50%, 0) translate3d(0, 80%, 0)
}
.effect-hover.effect-romeo.effect-sm:hover h2 {
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, -80%, 0);
transform: translate3d(0, -50%, 0) translate3d(0, -80%, 0)
}
.effect-hover.effect-romeo.effect-sm:hover p {
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, 60%, 0);
transform: translate3d(0, -50%, 0) translate3d(0, 60%, 0)
}
.effect-hover.effect-roxy {
background: linear-gradient(45deg, #ff89e9 0%, #05abe0 100%)
}
.effect-hover.effect-romeo figcaption::after,
.effect-hover.effect-romeo figcaption::before,
.effect-hover.effect-romeo img,
.effect-hover.effect-roxy figcaption::before,
.effect-hover.effect-roxy img {
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s
}
.effect-hover.effect-roxy img {
max-width: none;
width: calc(100% + 60px);
}
.effect-hover.effect-roxy figcaption {
padding: 3em;
text-align: left
}
.effect-hover.effect-roxy figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
opacity: 0;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0)
}
.effect-hover.effect-roxy h2 {
padding: 30% 0 10px
}
.effect-hover.effect-roxy p {
opacity: 0;
-webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s, color .35s;
transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
.effect-hover.effect-roxy:hover img {
opacity: .7;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-roxy:hover figcaption::before,
.effect-hover.effect-roxy:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-roxy.effect-sm figcaption {
padding: 1em
}
.effect-hover.effect-roxy.effect-sm figcaption:before {
top: 10px;
right: 10px;
bottom: 10px;
left: 10px
}
.effect-hover.effect-ruby {
background-color: #17819c
}
.effect-hover.effect-ruby img {
opacity: .7;
-webkit-transform: scale(1.15);
transform: scale(1.15)
}
.effect-hover.effect-ruby:hover img {
opacity: .5;
-webkit-transform: scale(1);
transform: scale(1)
}
.effect-hover.effect-ruby h2,
.effect-hover.effect-sadie h2 {
-webkit-transition: color .35s, -webkit-transform .35s;
transition: transform .35s, color .35s;
transition: transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-ruby h2 {
margin-top: 20%;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
.effect-hover.effect-ruby p {
margin: 1em 0 0;
padding: 3em;
border: 1px solid #fff;
-webkit-transform: translate3d(0, 20px, 0) scale(1.1);
transform: translate3d(0, 20px, 0) scale(1.1)
}
.effect-hover.effect-ruby:hover h2,
.effect-hover.effect-sarah:hover h2::after {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-ruby:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1)
}
.effect-hover.effect-ruby.effect-sm h2 {
margin-top: 10%
}
.effect-hover.effect-ruby.effect-sm p {
padding: 1em
}
.effect-hover.effect-ruby.effect-xs p {
padding-top: .5em;
padding-bottom: .5em
}
.effect-hover.effect-ruby img,
.effect-hover.effect-sadie figcaption::before,
.effect-hover.effect-sarah img {
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s
}
.effect-hover.effect-sadie figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(72, 76, 97, 0)), color-stop(75%, rgba(72, 76, 97, .8)));
background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, .8) 75%);
content: '';
opacity: 0;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0)
}
.effect-hover.effect-sadie h2 {
position: absolute;
top: 50%;
left: 0;
width: 100%;
color: #484c61;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
.effect-hover.effect-ruby p,
.effect-hover.effect-sadie p,
.effect-hover.effect-sarah p {
opacity: 0;
-webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s, color .35s;
transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-sadie p {
position: absolute;
bottom: 0;
left: 0;
padding: 2em!important;
width: 100%;
text-align: center;
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
.effect-hover.effect-sadie:hover h2 {
color: #fff;
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0)
}
.effect-hover.effect-sadie:hover figcaption::before,
.effect-hover.effect-sadie:hover p,
.effect-hover.effect-sarah:hover img,
.effect-hover.effect-sarah:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-sarah {
background: #42b078
}
.effect-hover.effect-sarah img {
max-width: none;
width: calc(100% + 20px);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.effect-hover.effect-sarah:hover img {
opacity: .4
}
.effect-hover.effect-sarah figcaption {
text-align: left
}
.effect-hover.effect-sarah h2 {
position: relative;
overflow: hidden;
padding: .5em 0
}
.effect-hover.effect-sarah h2::after,
.effect-hover.effect-zoe figcaption {
bottom: 0;
-webkit-transition: -webkit-transform .35s;
transition: transform .35s;
transition: transform .35s, -webkit-transform .35s
}
.effect-hover.effect-sarah h2::after {
position: absolute;
left: 0;
width: 100%;
background: #fff;
content: '';
height: 3px;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
.effect-hover.effect-sarah p {
padding: 1em 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
.effect-hover.effect-zoe figcaption {
top: auto;
padding: 1em;
height: 3.75em;
background: #f8f8f8;
color: #3c4a50;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
.effect-hover.effect-zoe h2,
.effect-hover.effect-zoe p.icon-links a {
color: #3c4a50;
-webkit-transition: color .35s, -webkit-transform .35s;
transition: transform .35s, color .35s;
transition: transform .35s, color .35s, -webkit-transform .35s;
-webkit-transform: translate3d(0, 200%, 0);
transform: translate3d(0, 200%, 0)
}
.effect-hover.effect-zoe h2 {
display: inline-block;
float: left
}
.effect-hover.effect-zoe p.icon-links a {
float: right;
font-size: 1.4em
}
.effect-hover.effect-zoe:hover p.icon-links a:focus,
.effect-hover.effect-zoe:hover p.icon-links a:hover {
color: #252d31
}
.effect-hover.effect-zoe .effect-description {
position: absolute;
bottom: 8em;
padding: 2em;
color: #fff;
text-transform: none;
opacity: 0;
-webkit-transition: opacity .35s;
transition: opacity .35s;
-webkit-backface-visibility: hidden
}
.effect-hover.effect-zoe .description {
font-size: 90%
}
.effect-hover.effect-zoe p.icon-links a span::before {
display: inline-block;
padding: 8px 10px;
font-family: 'feathericons';
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.effect-hover.effect-zoe:hover figcaption,
.effect-hover.effect-zoe:hover h2,
.effect-hover.effect-zoe:hover p.icon-links a {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-zoe:hover h2 {
-webkit-transition-delay: .05s;
transition-delay: .05s
}
.effect-hover.effect-zoe:hover p.icon-links a:nth-child(3) {
-webkit-transition-delay: .1s;
transition-delay: .1s
}
.effect-hover.effect-zoe:hover p.icon-links a:nth-child(2) {
-webkit-transition-delay: .15s;
transition-delay: .15s
}
.effect-hover.effect-zoe:hover p.icon-links a:first-child {
-webkit-transition-delay: .2s;
transition-delay: .2s
}
.effect-hover.effect-zoe.effect-sm figcaption {
padding: .55em;
height: 2.75em
}
.effect-hover.effect-zoe.effect-sm .effect-description {
bottom: 3em;
padding: 1em 0
}
.effect-hover.effect-apollo {
background: #3498db
}
.effect-hover.effect-apollo img {
opacity: .95;
-webkit-transform: scale3d(1.05, 1.05, 1);
transform: scale3d(1.05, 1.05, 1)
}
.effect-hover.effect-apollo figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, .5);
content: '';
-webkit-transition: -webkit-transform .6s;
transition: transform .6s;
transition: transform .6s, -webkit-transform .6s;
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0)
}
.effect-hover.effect-apollo p {
position: absolute;
right: 0;
bottom: 0;
margin: 3em;
padding: 0 1em;
max-width: 150px;
border-right: 4px solid #fff;
text-align: right;
opacity: 0;
-webkit-transition: opacity .35s, color .35s;
transition: opacity .35s, color .35s
}
.effect-hover.effect-apollo h2,
.effect-hover.effect-julia figcaption {
text-align: left
}
.effect-hover.effect-apollo:hover img {
opacity: .6;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
.effect-hover.effect-apollo:hover figcaption::before {
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0)
}
.effect-hover.effect-apollo:hover p {
opacity: 1;
-webkit-transition-delay: .1s;
transition-delay: .1s
}
.effect-hover.effect-apollo.effect-sm p {
border-right-width: 3px;
margin: 1.5em;
max-width: 200px
}
.effect-hover.effect-duke {
background: linear-gradient(-45deg, #34495e 0%, #cc6055 100%)
}
.effect-hover.effect-apollo img,
.effect-hover.effect-duke img {
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s
}
.effect-hover.effect-duke p,
.effect-hover.effect-goliath p {
position: absolute;
bottom: 0;
left: 0;
padding: 30px;
text-transform: none;
font-size: 90%;
opacity: 0
}
.effect-hover.effect-duke h2,
.effect-hover.effect-duke p {
-webkit-transform: scale3d(.8, .8, 1);
transform: scale3d(.8, .8, 1)
}
.effect-hover.effect-duke p {
-webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s, color .35s;
transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s;
margin: 20px;
border: 2px solid #fff;
-webkit-transform-origin: 50% -100%;
transform-origin: 50% -100%
}
.effect-hover.effect-duke:hover img {
opacity: .1;
-webkit-transform: scale3d(2, 2, 1);
transform: scale3d(2, 2, 1)
}
.effect-hover.effect-duke h2,
.effect-hover.effect-goliath h2 {
-webkit-transition: color .35s, -webkit-transform .35s;
transition: transform .35s, color .35s;
transition: transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-duke h2 {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%
}
.effect-hover.effect-duke:hover h2,
.effect-hover.effect-duke:hover p {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
.effect-hover.effect-duke.effect-sm p {
padding: 10px;
margin: 10px
}
.effect-hover.effect-goliath {
background: #df4e4e
}
.effect-hover.effect-goliath h2 {
position: absolute;
bottom: 0;
left: 0;
padding: 30px
}
.effect-hover.effect-goliath img {
-webkit-transition: -webkit-transform .35s;
transition: transform .35s;
transition: transform .35s, -webkit-transform .35s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.effect-hover.effect-goliath p {
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0)
}
.effect-hover.effect-goliath:hover img {
-webkit-transform: translate3d(0, -80px, 0);
transform: translate3d(0, -80px, 0)
}
.effect-hover.effect-goliath:hover h2 {
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0)
}
.effect-hover.effect-goliath:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-goliath.effect-sm h2 {
padding: 15px
}
.effect-hover.effect-goliath.effect-sm p {
padding: 10px 15px;
font-size: 80%
}
.effect-hover.effect-goliath.effect-xs p {
font-size: 68.5%
}
.effect-hover.effect-hera {
background: #303fa9
}
.effect-hover.effect-goliath p,
.effect-hover.effect-hera h2,
.effect-hover.effect-hera p {
-webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s, color .35s;
transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-hera h2 {
font-size: 158.75%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
.effect-hover.effect-hera figcaption::before,
.effect-hover.effect-hera p {
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
-webkit-transform-origin: 50%;
transform-origin: 50%
}
.effect-hover.effect-hera p {
-webkit-transform: translate3d(-50%, -70%, 0);
transform: translate3d(-50%, -70%, 0);
text-transform: none;
line-height: 1.4em;
width: 30%
}
.effect-hover.effect-hera figcaption::before {
width: 200px;
height: 200px;
border: 2px solid #fff;
content: '';
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s;
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1)
}
.effect-hover.effect-hera p a {
color: #fff
}
.effect-hover.effect-hera p a:focus,
.effect-hover.effect-hera p a:hover,
.effect-hover.effect-kira p a:focus,
.effect-hover.effect-kira p a:hover {
opacity: .6
}
.effect-hover.effect-hera p a i {
opacity: 0;
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s
}
.effect-hover.effect-hera p a:first-child i {
-webkit-transform: translate3d(-60px, -60px, 0);
transform: translate3d(-60px, -60px, 0)
}
.effect-hover.effect-hera p a:nth-child(2) i {
-webkit-transform: translate3d(60px, -60px, 0);
transform: translate3d(60px, -60px, 0)
}
.effect-hover.effect-hera p a:nth-child(3) i {
-webkit-transform: translate3d(-60px, 60px, 0);
transform: translate3d(-60px, 60px, 0)
}
.effect-hover.effect-hera p a:nth-child(4) i {
-webkit-transform: translate3d(60px, 60px, 0);
transform: translate3d(60px, 60px, 0)
}
.effect-hover.effect-hera:hover figcaption::before {
opacity: 1;
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1)
}
.effect-hover.effect-hera:hover h2 {
opacity: 0;
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(.8, .8, 1);
transform: translate3d(-50%, -50%, 0) scale3d(.8, .8, 1)
}
.effect-hover.effect-hera:hover p {
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
opacity: 1
}
.effect-hover.effect-hera:hover p i:empty {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
.effect-hover.effect-hera.effect-sm h2 {
font-size: 1.3em
}
.effect-hover.effect-hera.effect-xs p {
width: 60%
}
.effect-hover.effect-hera.effect-xs h2 {
font-size: 1.2em
}
.effect-hover.effect-jazz {
background: linear-gradient(-45deg, #f3cf3f 0%, #f33f58 100%)
}
.effect-hover.effect-jazz img {
opacity: .9
}
.effect-hover.effect-jazz figcaption::after,
.effect-hover.effect-jazz img,
.effect-hover.effect-jazz p {
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s
}
.effect-hover.effect-jazz figcaption::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
content: '';
opacity: 0;
-webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
.effect-hover.effect-jazz h2,
.effect-hover.effect-jazz p {
-webkit-transform: scale3d(.8, .8, 1);
transform: scale3d(.8, .8, 1)
}
.effect-hover.effect-jazz h2 {
padding-top: 26%;
-webkit-transition: color .35s, -webkit-transform .35s;
transition: transform .35s, color .35s;
transition: transform .35s, color .35s, -webkit-transform .35s;
opacity: 1
}
.effect-hover.effect-jazz p {
padding: .5em 2em;
text-transform: none;
font-size: .85em;
opacity: 0
}
.effect-hover.effect-jazz:hover img {
opacity: .7;
-webkit-transform: scale3d(1.05, 1.05, 1);
transform: scale3d(1.05, 1.05, 1)
}
.effect-hover.effect-jazz:hover figcaption::after {
opacity: 1;
-webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1)
}
.effect-hover.effect-jazz:hover h2,
.effect-hover.effect-jazz:hover p {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
.effect-hover.effect-jazz.effect-sm h2 {
padding-top: 16%
}
.effect-hover.effect-jazz.effect-sm p {
padding: .5em 0
}
.effect-hover.effect-jazz.effect-sm:hover figcaption:after {
-webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1.4, 1.4, 1);
transform: rotate3d(0, 0, 1, 45deg) scale3d(1.4, 1.4, 1)
}
.effect-hover.effect-julia {
background: #2f3238
}
.effect-hover.effect-julia img {
max-width: 100%;
height: auto;
-webkit-transition: opacity 1s, -webkit-transform 1s;
transition: opacity 1s, transform 1s;
transition: opacity 1s, transform 1s, -webkit-transform 1s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.effect-hover.effect-julia h2 {
position: relative;
padding: .5em 0
}
.effect-hover.effect-julia p {
display: inline-block;
margin: 0 0 .25em;
padding: .4em 1em;
background: rgba(255, 255, 255, .9);
color: #2f3238;
text-transform: none;
font-weight: 500;
font-size: 75%;
-webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s, color .35s;
transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s;
-webkit-transform: translate3d(-1500px, 0, 0);
transform: translate3d(-1500px, 0, 0)
}
.effect-hover.effect-julia p:first-child {
-webkit-transition-delay: .15s;
transition-delay: .15s
}
.effect-hover.effect-julia p:nth-of-type(2) {
-webkit-transition-delay: .1s;
transition-delay: .1s
}
.effect-hover.effect-julia p:nth-of-type(3) {
-webkit-transition-delay: .05s;
transition-delay: .05s
}
.effect-hover.effect-julia:hover p:first-child {
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.effect-hover.effect-julia:hover p:nth-of-type(2) {
-webkit-transition-delay: .05s;
transition-delay: .05s
}
.effect-hover.effect-julia:hover p:nth-of-type(3) {
-webkit-transition-delay: .1s;
transition-delay: .1s
}
.effect-hover.effect-julia:hover img {
opacity: .4;
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1)
}
.effect-hover.effect-julia:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-julia.effect-xs h2 {
padding-top: 0
}
.effect-hover.effect-julia.effect-xs p {
padding: .3em .5em
}
.effect-hover.effect-kira {
background: #fff;
text-align: left
}
.effect-hover.effect-kira img {
-webkit-transition: opacity .35s;
transition: opacity .35s
}
.effect-hover.effect-kira figcaption,
.effect-hover.effect-steve figcaption {
z-index: 1
}
.effect-hover.effect-kira p {
padding: 1em .5em;
font-weight: 600;
line-height: 1.5;
color: #101010;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
.effect-hover.effect-kira p a {
margin: 0 .5em;
color: #101010
}
.effect-hover.effect-kira figcaption::before,
.effect-hover.effect-lexi img {
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s
}
.effect-hover.effect-kira figcaption::before {
position: absolute;
top: 0;
right: 2em;
left: 2em;
z-index: -1;
height: 3.5em;
background: #fff;
content: '';
-webkit-transform: translate3d(0, 4em, 0) scale3d(1, .023, 1);
transform: translate3d(0, 4em, 0) scale3d(1, .023, 1);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0
}
.effect-hover.effect-kira:hover img {
opacity: .5
}
.effect-hover.effect-kira:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0)
}
.effect-hover.effect-kira:hover figcaption::before {
opacity: .7;
-webkit-transform: translate3d(0, 5em, 0) scale3d(1, 1, 1);
transform: translate3d(0, 5em, 0) scale3d(1, 1, 1)
}
.effect-hover.effect-kira.effect-sm figcaption:before {
left: 1em;
right: 1em;
height: 4em;
-webkit-transform: translate3d(0, 3em, 0) scale3d(1, .023, 1);
transform: translate3d(0, 3em, 0) scale3d(1, .023, 1)
}
.effect-hover.effect-kira.effect-sm:hover figcaption:before {
-webkit-transform: translate3d(0, 3em, 0) scale3d(1, 1, 1);
transform: translate3d(0, 3em, 0) scale3d(1, 1, 1)
}
.effect-hover.effect-kira.effect-xs p {
font-size: 62.5%
}
.effect-hover.effect-kira.effect-xs figcaption:before {
height: 5em;
-webkit-transform: translate3d(0, 3em, 0) scale3d(1, .023, 1);
transform: translate3d(0, 3em, 0) scale3d(1, .023, 1)
}
.effect-hover.effect-kira.effect-xs:hover figcaption:before {
-webkit-transform: translate3d(0, 4em, 0) scale3d(1, 1, 1);
transform: translate3d(0, 4em, 0) scale3d(1, 1, 1)
}
.effect-hover.effect-lexi {
background: linear-gradient(-45deg, #000 0%, #fff 100%)
}
.effect-hover.effect-lexi img {
margin: -10px 0 0 -10px;
max-width: none;
width: calc(100% + 10px);
opacity: .9;
-webkit-transform: translate3d(10px, 10px, 0);
transform: translate3d(10px, 10px, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.effect-hover.effect-kira p,
.effect-hover.effect-lexi p,
.effect-hover.effect-ming p {
opacity: 0;
-webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s, color .35s;
transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-lexi p {
position: absolute;
right: 0;
bottom: 0;
width: 140px;
text-align: right;
-webkit-transform: translate3d(20px, 20px, 0);
transform: translate3d(20px, 20px, 0);
padding: 0 1.5em 1.5em 0
}
.effect-hover.effect-lexi figcaption::before {
right: -100px;
bottom: -100px;
width: 300px;
height: 300px;
border: 2px solid #fff;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 900px rgba(255, 255, 255, .2);
box-shadow: 0 0 0 900px rgba(255, 255, 255, .2);
opacity: 0;
-webkit-transform: scale3d(.5, .5, 1);
transform: scale3d(.5, .5, 1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
.effect-hover.effect-lexi:hover img {
opacity: .6;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-lexi h2,
.effect-hover.effect-ming h2 {
-webkit-transition: color .35s, -webkit-transform .35s;
transition: transform .35s, color .35s;
transition: transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-lexi h2 {
text-align: left;
-webkit-transform: translate3d(5px, 5px, 0);
transform: translate3d(5px, 5px, 0)
}
.effect-hover.effect-lexi:hover figcaption::before {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
.effect-hover.effect-lexi:hover h2,
.effect-hover.effect-lexi:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-lexi.effect-xs p {
padding: 0 .5em .5em 0
}
.effect-hover.effect-lexi.effect-xs figcaption:before {
width: 270px;
height: 270px
}
.effect-hover.effect-ming {
background: #030c17
}
.effect-hover.effect-ming img {
opacity: .9;
-webkit-transition: opacity .35s;
transition: opacity .35s
}
.effect-hover.effect-lexi figcaption::before,
.effect-hover.effect-ming figcaption::before,
.effect-hover.effect-phoebe figcaption::before {
position: absolute;
content: '';
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s
}
.effect-hover.effect-ming figcaption::before {
right: 30px;
bottom: 30px;
border: 2px solid #fff;
-webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, .2);
box-shadow: 0 0 0 30px rgba(255, 255, 255, .2);
opacity: 0;
top: 30px;
left: 30px;
-webkit-transform: scale3d(1.4, 1.4, 1);
transform: scale3d(1.4, 1.4, 1)
}
.effect-hover.effect-ming h2 {
margin: 20% 0 10px
}
.effect-hover.effect-ming p {
padding: 1em;
-webkit-transform: scale(1.5);
transform: scale(1.5)
}
.effect-hover.effect-ming:hover h2 {
-webkit-transform: scale(.9);
transform: scale(.9)
}
.effect-hover.effect-ming:hover figcaption::before,
.effect-hover.effect-ming:hover p {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
.effect-hover.effect-ming:hover figcaption {
background-color: transparent
}
.effect-hover.effect-ming:hover img {
opacity: .4
}
.effect-hover.effect-ming.effect-sm h2 {
margin: 15% 0 10px
}
.effect-hover.effect-ming.effect-sm p {
padding: 0
}
.effect-hover.effect-ming.effect-sm figcaption:before {
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
border-width: 1px
}
.effect-hover.effect-ming.effect-xs h2 {
margin: 10% 0 10px
}
.effect-hover.effect-moses {
background: linear-gradient(-45deg, #ec65b7 0%, #05e0d8 100%)
}
.effect-hover.effect-moses img,
.effect-hover.effect-phoebe img {
opacity: .85;
-webkit-transition: opacity .35s;
transition: opacity .35s
}
.effect-hover.effect-moses h2,
.effect-hover.effect-moses p {
width: 50%;
height: 50%;
min-height: 140px;
border: 2px solid #fff
}
.effect-hover.effect-moses h2 {
padding: 20px;
text-align: left;
-webkit-transform: translate3d(10px, 10px, 0);
transform: translate3d(10px, 10px, 0)
}
.effect-hover.effect-moses p,
.effect-hover.effect-phoebe p,
.effect-hover.effect-selena p {
opacity: 0;
-webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s, color .35s;
transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-moses p {
float: right;
padding: 20px;
text-align: right;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
.effect-hover.effect-moses:hover h2,
.effect-hover.effect-moses:hover p {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-moses:hover p {
opacity: 1
}
.effect-hover.effect-moses:hover img,
.effect-hover.effect-phoebe:hover img {
opacity: .6
}
.effect-hover.effect-moses.effect-sm figcaption,
.effect-hover.effect-moses.effect-xs figcaption {
padding: .5em
}
.effect-hover.effect-moses.effect-sm h2,
.effect-hover.effect-moses.effect-sm p {
padding: 10px;
width: 60%;
min-height: 100px
}
.effect-hover.effect-moses.effect-sm p {
margin-top: 5px
}
.effect-hover.effect-moses.effect-xs h2 {
padding: 10px;
width: 80%;
min-height: 80px
}
.effect-hover.effect-moses.effect-xs p {
margin-top: 5px;
padding: 10px;
width: 80%;
font-size: 62.5%;
min-height: 80px
}
.effect-hover.effect-phoebe {
background: #675983
}
.effect-hover.effect-phoebe figcaption::before {
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(//ina-immobilia.ch/wp-content/plugins/ultimate-hover-effects/assets/img/triangle2.svg) no-repeat center center;
background-size: 100% 100%;
-webkit-transform: scale3d(5, 2.5, 1);
transform: scale3d(5, 2.5, 1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
.effect-hover.effect-moses h2,
.effect-hover.effect-phoebe h2,
.effect-hover.effect-selena h2 {
-webkit-transition: color .35s, -webkit-transform .35s;
transition: transform .35s, color .35s;
transition: transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-phoebe h2 {
margin-top: 1em;
-webkit-transition: transform .35s, color .35s;
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0)
}
.effect-hover.effect-phoebe p,
.effect-hover.effect-selena p {
margin-top: 10px
}
.effect-hover.effect-phoebe p {
position: relative;
display: inline-block;
width: 50%;
color: #fff;
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0)
}
.effect-hover.effect-phoebe:hover figcaption:before {
opacity: .6;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
.effect-hover.effect-phoebe:hover h2,
.effect-hover.effect-phoebe:hover p,
.effect-hover.effect-selena:hover h2,
.effect-hover.effect-terry:hover figcaption::after,
.effect-hover.effect-terry:hover figcaption::before {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-phoebe:hover p {
opacity: 1
}
.effect-hover.effect-phoebe.effect-xs p {
width: 100%
}
.effect-hover.effect-selena {
background: #000
}
.effect-hover.effect-selena img,
.effect-hover.effect-steve img {
-webkit-transition: -webkit-transform .35s;
transition: transform .35s;
transition: transform .35s, -webkit-transform .35s
}
.effect-hover.effect-selena img {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: .95
}
.effect-hover.effect-selena:hover img {
-webkit-transform: scale3d(.95, .95, 1);
transform: scale3d(.95, .95, 1)
}
.effect-hover.effect-selena h2 {
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
.effect-hover.effect-selena p {
-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%
}
.effect-hover.effect-selena:hover p {
opacity: 1;
-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0);
transform: perspective(1000px) rotate3d(1, 0, 0, 0)
}
.effect-hover.effect-steve {
z-index: auto;
background: #000
}
.effect-hover.effect-steve h2:before,
.effect-hover.effect-steve:before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background: #000;
content: '';
-webkit-transition: opacity .35s;
transition: opacity .35s
}
.effect-hover.effect-steve:before {
-webkit-box-shadow: 0 3px 30px rgba(0, 0, 0, .8);
box-shadow: 0 3px 30px rgba(0, 0, 0, .8);
opacity: 0
}
.effect-hover.effect-steve img {
opacity: 1;
-webkit-transform: perspective(1000px) translate3d(0, 0, 0);
transform: perspective(1000px) translate3d(0, 0, 0)
}
.effect-hover.effect-steve h2,
.effect-hover.effect-steve p {
background: #fff;
color: #2d434e
}
.effect-hover.effect-steve h2 {
position: relative;
margin-top: 2em;
padding: .25em
}
.effect-hover.effect-steve h2:before {
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .5);
box-shadow: 0 1px 10px rgba(0, 0, 0, .5)
}
.effect-hover.effect-steve p {
margin-top: 1em;
padding: .5em;
font-weight: 800;
opacity: 0;
-webkit-transform: scale3d(.9, .9, 1);
transform: scale3d(.9, .9, 1)
}
.effect-hover.effect-steve:hover img {
-webkit-transform: perspective(1000px) translate3d(0, 0, 21px);
transform: perspective(1000px) translate3d(0, 0, 21px)
}
.effect-hover.effect-steve:hover h2:before {
opacity: 0
}
.effect-hover.effect-steve:hover p {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
.effect-hover.effect-steve.effect-sm h2 {
margin-top: 1em
}
.effect-hover.effect-steve.effect-xs h2 {
margin-top: .5em
}
.effect-hover.effect-terry {
background: #34495e
}
.effect-hover.effect-terry figcaption {
padding: 1em
}
.effect-hover.effect-terry figcaption::after,
.effect-hover.effect-terry figcaption::before {
position: absolute;
width: 200%;
height: 200%;
border-style: solid;
border-color: #101010;
content: '';
-webkit-transition: -webkit-transform .35s;
transition: transform .35s;
transition: transform .35s, -webkit-transform .35s
}
.effect-hover.effect-terry figcaption::before {
right: 0;
bottom: 0;
border-width: 0 15px 60px 0;
-webkit-transform: translate3d(15px, 60px, 0);
transform: translate3d(15px, 60px, 0)
}
.effect-hover.effect-terry figcaption::after {
top: 0;
left: 0;
border-width: 15px 0 0 15px;
-webkit-transform: translate3d(-15px, -15px, 0);
transform: translate3d(-15px, -15px, 0)
}
.effect-hover.effect-steve p,
.effect-hover.effect-terry img,
.effect-hover.effect-terry p {
-webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s, color .35s;
transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-terry p {
position: absolute;
bottom: 70px;
display: block;
clear: both;
text-align: left;
text-transform: none;
padding: 0 2em;
color: #fff;
font-size: 80%;
opacity: 0
}
.effect-hover.effect-terry img {
opacity: .85
}
.effect-hover.effect-terry h2 {
position: absolute;
bottom: 0;
left: 0;
padding: .4em 1em;
width: 100%;
text-align: left;
-webkit-transition: color .35s, -webkit-transform .35s;
transition: transform .35s, color .35s;
transition: transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-terry p:focus,
.effect-hover.effect-terry p:hover {
color: #f3cf3f
}
.effect-hover.effect-terry:hover img,
.effect-hover.effect-winston:hover img {
opacity: .6
}
.effect-hover.effect-terry:hover p {
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
opacity: 1
}
.effect-hover.effect-terry.effect-sm figcaption:before {
border-width: 0 15px 50px 0
}
@media screen and (max-width: 920px) {
.effect-hover.effect-terry h2 {
padding: .75em 10px;
font-size: 120%
}
}
.effect-hover.effect-winston {
background: #162633;
text-align: left
}
.effect-hover.effect-winston img {
-webkit-transition: opacity .45s;
transition: opacity .45s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.effect-hover.effect-winston figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(//ina-immobilia.ch/wp-content/plugins/ultimate-hover-effects/assets/img/triangle.svg) no-repeat center center;
background-size: 100% 100%;
content: '';
-webkit-transition: opacity .45s, -webkit-transform .45s;
transition: opacity .45s, transform .45s;
transition: opacity .45s, transform .45s, -webkit-transform .45s;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%
}
.effect-hover.effect-winston h2 {
-webkit-transition: color .35s, -webkit-transform .35s;
transition: transform .35s, color .35s;
transition: transform .35s, color .35s, -webkit-transform .35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
.effect-hover.effect-winston p {
width: 40%;
color: #5d504f;
position: absolute;
right: 0;
bottom: 0;
padding: 0 1.5em 1.5em 0;
opacity: 0;
-webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s, color .35s;
transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s;
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0)
}
.effect-hover.effect-winston a {
margin: 0 10px;
color: #5d504f;
font-size: 170%
}
.effect-hover.effect-winston a:focus,
.effect-hover.effect-winston a:hover {
color: #cc6055
}
.effect-hover.effect-winston:hover h2,
.effect-hover.effect-winston:hover p {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-winston:hover figcaption::before {
opacity: .7;
-webkit-transform: rotate3d(0, 0, 1, 20deg);
transform: rotate3d(0, 0, 1, 20deg)
}
.effect-hover.effect-winston:hover p {
opacity: 1
}
.effect-hover.effect-winston.effect-sm p {
width: 50%;
padding: 0 .5em .5em 0;
font-size: 62.5%
}
.effect-hover.effect-winston.effect-sm:hover figcaption:before {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg)
}
a.ultimate-imsw-link,
a.ultimate-tilter {
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none
}
a.ultimate-imsw-link:focus,
a.ultimate-imsw-link:hover,
a.ultimate-tilter:focus,
a.ultimate-tilter:hover {
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none
}
.ultimate-tilter {
display: block;
position: relative;
margin: 0 auto 30px;
color: #fff;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
-webkit-perspective: 1000px;
perspective: 1000px;
cursor: pointer;
font-size: 16px;
-webkit-box-shadow: none;
box-shadow: none;
overflow: hidden
}
.ultimate-tilter:after {
content: '';
display: block;
padding-bottom: 138.33333%
}
.ultimate-tilter * {
pointer-events: none
}
.ultimate-tilter:focus,
.ultimate-tilter:hover {
color: #fff;
outline: 0
}
.ultimate-tilter:not(href) {
cursor: default
}
.ultimate-tilter.effect-sm .ultimate-tilter__caption {
padding: 2.5em
}
.ultimate-tilter.effect-sm .ultimate-tilter__title {
font-size: 2em
}
.ultimate-tilter.effect-xs .ultimate-tilter__caption {
padding: 2em
}
.ultimate-tilter.effect-xs .ultimate-tilter__title {
font-size: 1.6em
}
.ultimate-tilter__caption,
.ultimate-tilter__deco,
.ultimate-tilter__figure {
will-change: transform
}
.ultimate-tilter__figure {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.ultimate-tilter__figure>* {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.ultimate-tilter__figure:before {
content: '';
position: absolute;
width: 90%;
height: 90%;
top: 5%;
left: 5%;
-webkit-box-shadow: 0 30px 20px rgba(35, 32, 39, .5);
box-shadow: 0 30px 20px rgba(35, 32, 39, .5)
}
.ultimate-tilter__image {
position: absolute;
display: block;
margin: 0;
top: 50%;
left: 50%;
width: auto;
height: 100%;
max-width: initial;
max-height: initial;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.ultimate-smooth .ultimate-tilter__caption,
.ultimate-smooth .ultimate-tilter__deco--lines,
.ultimate-smooth .ultimate-tilter__deco--overlay,
.ultimate-smooth .ultimate-tilter__deco--shine div,
.ultimate-smooth .ultimate-tilter__figure {
-webkit-transition: -webkit-transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out
}
.ultimate-tilter__deco {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden
}
.ultimate-tilter__deco--overlay {
background-image: linear-gradient(45deg, rgba(226, 60, 99, .4), rgba(145, 58, 252, .4), rgba(16, 11, 192, .4))
}
.ultimate-tilter__deco--shine div {
position: absolute;
width: 200%;
height: 200%;
top: -50%;
left: -50%;
background-image: linear-gradient(45deg, rgba(0, 0, 0, .5) 0%, rgba(255, 255, 255, .25) 50%, transparent 100%)
}
.ultimate-tilter__deco--lines {
fill: none;
stroke: #fff;
stroke-width: 1.5px
}
.ultimate-tilter__caption {
position: absolute;
bottom: 0;
width: 100%;
padding: 4em
}
.ultimate-tilter__title {
margin: 0;
font-weight: 400;
font-size: 2.5em;
line-height: 1
}
.ultimate-tilter__description {
margin: 1em 0 0;
font-size: .85em;
letter-spacing: .15em
}
.ultimate-tilter--1 .ultimate-tilter__figure::before {
-webkit-box-shadow: 0 30px 20px rgba(0, 0, 0, .5);
box-shadow: 0 30px 20px rgba(0, 0, 0, .5)
}
.ultimate-tilter--2,
.ultimate-tilter--6 {
color: #2e27ad
}
.ultimate-tilter--2:focus,
.ultimate-tilter--2:hover {
color: #2e27ad
}
.ultimate-tilter--2 .ultimate-tilter__deco--overlay {
background-image: linear-gradient(45deg, rgba(245, 239, 40, .6), rgba(164, 22, 169, .6))
}
.ultimate-tilter--2 .ultimate-tilter__deco--lines {
stroke: #2e27ad;
stroke-width: 4px
}
.ultimate-tilter--3 .ultimate-tilter__deco--overlay {
background-image: linear-gradient(45deg, rgba(205, 81, 220, .6), rgba(41, 94, 230, .5))
}
.ultimate-tilter--3 .ultimate-tilter__caption {
padding: 2em;
text-align: right;
text-shadow: .1em .8em 1em rgba(0, 0, 0, .35)
}
.ultimate-tilter--4 .ultimate-tilter__deco--overlay {
background-image: linear-gradient(20deg, #d66428, rgba(46, 39, 173, .58), rgba(53, 74, 165, .6))
}
@media screen and (min-width: 30em) {
.ultimate-tilter--4 .ultimate-tilter__deco--lines {
-webkit-transform: scale3d(.8, .8, 1);
transform: scale3d(.8, .8, 1);
-webkit-transition: -webkit-transform .4s;
transition: transform .4s;
transition: transform .4s, -webkit-transform .4s
}
.ultimate-tilter--4:hover .ultimate-tilter__deco--lines {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
.ultimate-tilter--4 .ultimate-tilter__description,
.ultimate-tilter--4 .ultimate-tilter__title {
-webkit-transform: translate3d(0, 80px, 0);
transform: translate3d(0, 80px, 0);
opacity: 0;
-webkit-transition: opacity .4s, -webkit-transform .4s;
transition: transform .4s, opacity .4s;
transition: transform .4s, opacity .4s, -webkit-transform .4s
}
.ultimate-tilter--4:hover .ultimate-tilter__description {
-webkit-transition-delay: .1s;
transition-delay: .1s
}
.ultimate-tilter--4:hover .ultimate-tilter__description,
.ultimate-tilter--4:hover .ultimate-tilter__title {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
.ultimate-tilter--5 .ultimate-tilter__deco--lines path {
stroke-dasharray: 1270;
stroke-dashoffset: 1270;
-webkit-transition: stroke-dashoffset .7s;
transition: stroke-dashoffset .7s
}
.ultimate-tilter--5:hover .ultimate-tilter__deco--lines path {
stroke-dashoffset: 0
}
.ultimate-tilter--5 .ultimate-tilter__figure::before,
.ultimate-tilter--6 .ultimate-tilter__figure::before,
.ultimate-tilter--7 .ultimate-tilter__figure::before,
.ultimate-tilter--8 .ultimate-tilter__figure::before {
-webkit-box-shadow: none;
box-shadow: none
}
.ultimate-tilter--6:focus,
.ultimate-tilter--6:hover {
color: #2e27ad
}
.ultimate-tilter--6 .ultimate-tilter__deco--overlay {
background-image: linear-gradient(45deg, rgba(46, 39, 173, .2), rgba(255, 186, 59, .58))
}
.ultimate-tilter--6 .ultimate-tilter__deco--lines {
stroke: #2e27ad;
stroke-width: 4px
}
.ultimate-tilter--7 .ultimate-tilter__deco--overlay {
background-image: linear-gradient(45deg, rgba(93, 203, 106, .48), rgba(59, 239, 255, .58))
}
.ultimate-tilter--7 .ultimate-tilter__deco--lines {
stroke-width: 10px;
-webkit-transform: scale3d(.9, .9, 1);
transform: scale3d(.9, .9, 1);
opacity: 0;
-webkit-transition: opacity .3s, -webkit-transform .3s;
transition: transform .3s, opacity .3s;
transition: transform .3s, opacity .3s, -webkit-transform .3s
}
.ultimate-tilter--7:hover .ultimate-tilter__deco--lines {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
.ultimate-tilter--8 {
-webkit-perspective: none;
perspective: none
}
.ultimate-tilter--8 .ultimate-tilter__figure {
-webkit-transform-style: flat;
transform-style: flat
}
.ultimate-tilter--8 .ultimate-tilter__deco--lines {
stroke: #9255ae;
stroke-width: 6px;
mix-blend-mode: color-burn
}
.ultimate-tilter--8 .ultimate-tilter__caption {
color: #9255ae;
mix-blend-mode: color-burn
}
.effect-hover.effect-washington figcaption::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0;
-webkit-transition: opacity .3s;
transition: opacity .3s
}
.effect-hover.effect-vanburen .effect-caption,
.effect-hover.effect-washington .effect-caption {
position: absolute;
height: auto;
top: 50%;
left: 1em;
right: 1em;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%)
}
.effect-hover.effect-washington h2,
.effect-hover.effect-washington p {
opacity: 0;
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.effect-hover.effect-washington h2 {
margin-bottom: 50px
}
.effect-hover.effect-vanburen figcaption::before,
.effect-hover.effect-washington p {
-webkit-transform-origin: 50% 100% 0;
transform-origin: 50% 100% 0;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.effect-hover.effect-washington p {
padding: 5px 10px;
-webkit-transform: rotate3d(1, 0, 0, 90deg) perspective(1000px);
transform: rotate3d(1, 0, 0, 90deg) perspective(1000px);
display: inline-block
}
.effect-hover.effect-washington:hover figcaption::before {
opacity: .65
}
.effect-hover.effect-washington:hover h2 {
opacity: 1;
margin-bottom: 5px
}
.effect-hover.effect-washington:hover p {
opacity: 1;
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg)
}
.effect-hover.effect-vanburen figcaption::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #000;
opacity: 0;
transform: perspective(800px) rotateX(90deg);
-webkit-transform: perspective(800px) rotateX(90deg);
-webkit-transition: transform .2s ease, opacity .2s ease;
-webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
transition: transform .2s ease, opacity .2s ease;
transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease
}
.effect-hover.effect-vanburen h2,
.effect-hover.effect-vanburen p {
position: relative;
left: 50%;
opacity: 0;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.effect-hover.effect-vanburen h2 {
transform: translate(-100%) scale3d(0, 0, 0) perspective(900px) translateZ(-50px);
-webkit-transform: translate(-100%) scale3d(0, 0, 0) perspective(900px) translateZ(-50px);
margin-bottom: 7px;
-webkit-transition: all .35s ease-out;
transition: all .35s ease-out
}
.effect-hover.effect-vanburen p {
text-align: center;
transform: translate(100%) scale3d(0, 0, 0) perspective(900px) translateZ(-50px);
-webkit-transform: translate(100%) scale3d(0, 0, 0) perspective(900px) translateZ(-50px);
-webkit-transition: all .35s ease-out;
transition: all .35s ease-out
}
.effect-hover.effect-vanburen:hover figcaption:before {
opacity: .85;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-transition: transform .6s ease, opacity .6s ease;
-webkit-transition: opacity .6s ease, -webkit-transform .6s ease;
transition: transform .6s ease, opacity .6s ease;
transition: transform .6s ease, opacity .6s ease, -webkit-transform .6s ease
}
.effect-hover.effect-vanburen:hover h2,
.effect-hover.effect-vanburen:hover p {
left: 50%;
opacity: 1;
transform: translate(-50%) scale3d(1, 1, 1) perspective(900px) translateZ(0);
-webkit-transform: translate(-50%) scale3d(1, 1, 1) perspective(900px) translateZ(0)
}
.effect-hover.effect-jackson figcaption::before {
content: '';
z-index: 10;
display: block;
width: 20%;
height: 20%;
background-color: #000;
opacity: 0;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.effect-hover.effect-jackson .effect-caption {
z-index: 20;
position: absolute;
top: 50%;
left: 1em;
right: 1em;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%)
}
.effect-hover.effect-jackson h2,
.effect-hover.effect-jackson p {
clear: both;
position: relative;
opacity: 0;
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.effect-hover.effect-jackson h2 {
margin-bottom: 10px;
left: -50%;
-webkit-transform: skewX(50deg);
transform: skewX(50deg)
}
.effect-hover.effect-jackson p {
left: 50%;
-webkit-transform: skewX(50deg);
transform: skewX(-50deg)
}
.effect-hover.effect-cobbles:hover img,
.effect-hover.effect-jackson:hover img {
opacity: 1
}
.effect-hover.effect-jackson:hover h2 {
left: 50%
}
.effect-hover.effect-jackson:hover h2,
.effect-hover.effect-jackson:hover p {
opacity: 1;
-webkit-transform: translate(-50%) skewX(0deg);
transform: translate(-50%) skewX(0deg)
}
.effect-hover.effect-jackson:hover figcaption::before {
width: 100%;
height: 100%;
opacity: .8
}
.effect-hover.effect-cobbles figcaption .effect-caption {
position: relative;
width: 100%;
height: 100%;
z-index: 1
}
.effect-hover.effect-cobbles .effect-caption:before,
.effect-hover.effect-cobbles figcaption:before {
content: '';
display: block;
position: absolute;
opacity: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.effect-hover.effect-cobbles figcaption:before {
left: 0;
bottom: 0;
right: 0;
visibility: visible;
top: 0;
background-color: #000
}
.effect-hover.effect-cobbles .effect-caption {
width: 100%;
height: 100%;
position: relative
}
.effect-hover.effect-cobbles .effect-caption:before {
top: 50%;
height: 4px;
width: 10%;
background-color: #fff;
-webkit-transform: translate(-50%, -50%) scale(1.5, 1.5);
transform: translate(-50%, -50%) scale(1.5, 1.5)
}
.effect-hover.effect-cobbles .effect-description,
.effect-hover.effect-cobbles .effect-heading {
position: absolute;
left: 0;
width: 100%;
opacity: 0;
-webkit-transition: all .4s ease;
transition: all .4s ease
}
.effect-hover.effect-cobbles .effect-heading {
bottom: 50%;
margin-bottom: 20px;
-webkit-transform: translate(50%, 0);
transform: translate(50%, 0)
}
.effect-hover.effect-cobbles .effect-description {
top: 50%;
margin-top: 20px;
-webkit-transform: translate(-150%);
transform: translate(-150%)
}
.effect-hover.effect-cobbles:hover figcaption::before {
opacity: .8
}
.effect-hover.effect-cobbles:hover .effect-heading {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1
}
.effect-hover.effect-cobbles:hover .effect-description {
-webkit-transform: translate(0);
transform: translate(0);
opacity: 1
}
.effect-hover.effect-cobbles:hover .effect-caption::before {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) scale(1, 1);
transform: translate(-50%, -50%) scale(1, 1);
opacity: 1
}
.effect-hover.effect-madison {
background-color: #585c67
}
.effect-hover.effect-madison img {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
opacity: 1
}
.effect-hover.effect-adams .effect-caption,
.effect-hover.effect-madison .effect-caption {
position: relative;
top: 50%;
left: 50%;
transform: translate(50%, -50%);
-webkit-transform: translate(-50%, -50%)
}
.effect-hover.effect-madison h2,
.effect-hover.effect-madison p {
background-color: rgba(225, 225, 225, .15);
opacity: 0;
padding: 5px 10px;
-webkit-transition: all .5s ease-out .2s;
transition: all .5s ease-out .2s
}
.effect-hover.effect-madison h2 {
display: block;
margin-bottom: -40px
}
.effect-hover.effect-madison p {
display: inline-block;
text-align: center
}
.effect-hover.effect-madison:hover img {
-webkit-transform: perspective(400px) rotateX(-180deg);
transform: perspective(400px) rotateX(-180deg);
opacity: 0
}
.effect-hover.effect-madison:hover h2,
.effect-hover.effect-madison:hover p {
opacity: 1
}
.effect-hover.effect-madison:hover h2 {
margin-bottom: 10px
}
.effect-hover.effect-adams,
.effect-hover.effect-carter,
.effect-hover.effect-jefferson {
background-color: transparent
}
.effect-hover.effect-adams figcaption::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #89af72;
-webkit-transform: matrix3d(0, 0, 1, -.00083, 0, 1, 0, 0, -1, 0, 0, 0, 0, 0, 0, 1);
transform: matrix3d(0, 0, 1, -.00083, 0, 1, 0, 0, -1, 0, 0, 0, 0, 0, 0, 1);
-webkit-transform-style: flat;
transform-style: flat;
-webkit-transform-origin: 100% 50% 0;
transform-origin: 100% 50% 0;
-webkit-transition: all .4s ease;
transition: all .4s ease
}
.effect-hover.effect-adams img,
.effect-hover.effect-madison img {
-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.effect-hover.effect-adams .effect-caption {
position: absolute;
height: auto;
width: 100%;
transform: translate(-50%, -50%)
}
.effect-hover.effect-adams h2,
.effect-hover.effect-adams p {
opacity: 0;
padding: 5px 10px;
background-color: rgba(255, 255, 255, .15);
z-index: 20;
-webkit-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5);
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.effect-hover.effect-adams h2 {
display: inline-block;
margin-bottom: 10px
}
.effect-hover.effect-adams p {
margin-left: 1em;
margin-right: 1em
}
.effect-hover.effect-adams:hover figcaption::before {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
.effect-hover.effect-adams:hover img {
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
opacity: 0
}
.effect-hover.effect-adams img,
.effect-hover.effect-adams:hover h2,
.effect-hover.effect-adams:hover p {
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1)
}
.effect-hover.effect-jefferson figcaption::before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0;
background-color: #e33a0c;
-webkit-transform: perspective(500px) rotateY(180deg) translateZ(-20px);
transform: perspective(500px) rotateY(180deg) translateZ(-20px)
}
.effect-hover.effect-jefferson figcaption::before,
.effect-hover.effect-jefferson h2,
.effect-hover.effect-jefferson img,
.effect-hover.effect-jefferson p {
-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all .4s ease;
transition: all .4s ease
}
.effect-hover.effect-carter .effect-caption,
.effect-hover.effect-jefferson .effect-caption {
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%)
}
.effect-hover.effect-jefferson h2,
.effect-hover.effect-jefferson p {
opacity: 0;
-webkit-transform: scale3d(1.4, 1.4, 1.4) perspective(500px) translateZ(100px);
transform: scale3d(1.4, 1.4, 1.4) perspective(500px) translateZ(100px);
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out
}
.effect-hover.effect-jefferson h2 {
margin-bottom: 7px;
display: block
}
.effect-hover.effect-jefferson p {
display: inline-block;
padding: 5px;
background-color: rgba(225, 225, 225, .15)
}
.effect-hover.effect-jefferson img,
.effect-hover.effect-jefferson:hover figcaption::before {
opacity: 1;
-webkit-transform: perspective(500px) rotateY(0deg) translateZ(0);
transform: perspective(500px) rotateY(0deg) translateZ(0)
}
.effect-hover.effect-jefferson:hover img {
opacity: 0;
-webkit-transform: perspective(500px) rotateY(-180deg) translateZ(-20px);
transform: perspective(500px) rotateY(-180deg) translateZ(-20px)
}
.effect-hover.effect-jefferson:hover h2,
.effect-hover.effect-jefferson:hover p {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1) perspective(500px) translateZ(0);
transform: scale3d(1, 1, 1) perspective(500px) translateZ(0)
}
.effect-hover.effect-jefferson:hover h2 {
-webkit-transition: all .3s ease-out .45s;
transition: all .3s ease-out .45s
}
.effect-hover.effect-jefferson:hover p {
-webkit-transition: all .4s ease-out .45s;
transition: all .4s ease-out .45s
}
.effect-hover.effect-carter img {
-webkit-transform-style: flat;
transform-style: flat;
-webkit-transform-origin: 100% 50% 0;
transform-origin: 100% 50% 0;
-webkit-transition: all .5s ease;
transition: all .5s ease;
-webkit-transform: perspective(500px) translateZ(0) translateX(0) rotateX(0) rotateY(0) rotateZ(0) scale3d(1, 1, 1);
transform: perspective(500px) translateZ(0) translateX(0) rotateX(0) rotateY(0) rotateZ(0) scale3d(1, 1, 1)
}
.effect-hover.effect-carter .effect-caption {
position: absolute;
width: 100%;
height: auto
}
.effect-hover.effect-carter h2,
.effect-hover.effect-carter p {
position: relative;
opacity: 0;
padding: 5px 10px;
background-color: #fff;
color: #000;
left: 50%;
-webkit-transform: translate(-200%) skew(-55deg);
transform: translate(-200%) skew(-55deg);
-webkit-transition: all .5s ease;
transition: all .5s ease;
text-align: left
}
.effect-hover.effect-carter h2 {
margin-bottom: 10px
}
.effect-hover.effect-carter:hover figcaption {
padding: 0
}
.effect-hover.effect-carter:hover img {
-webkit-transform: translateX(-20px) translateZ(-50px) perspective(1000px) rotateX(14deg) rotateY(-10deg) rotateZ(3deg) scale3d(.85, .85, .85);
transform: translateX(-20px) translateZ(-50px) perspective(1000px) rotateX(14deg) rotateY(-10deg) rotateZ(3deg) scale3d(.85, .85, .85)
}
.effect-hover.effect-carter:hover h2,
.effect-hover.effect-carter:hover p {
opacity: 1;
left: 0;
-webkit-transform: translate(0) skew(0);
transform: translate(0) skew(0)
}
.effect-hover.effect-carter:hover h2 {
-webkit-transition: all .5s ease-out;
transition: all .5s ease-out
}
.effect-hover.effect-carter:hover p {
-webkit-transition: all .4s ease-out;
transition: all .4s ease-out
}
.effect-hover.effect-monroe img {
opacity: 1
}
.effect-hover.effect-brasilia figcaption .effect-caption,
.effect-hover.effect-camberra figcaption .effect-caption,
.effect-hover.effect-caracas figcaption .effect-caption,
.effect-hover.effect-malabo figcaption .effect-caption,
.effect-hover.effect-monroe figcaption .effect-caption,
.effect-hover.effect-oslo figcaption .effect-caption,
.effect-hover.effect-praia figcaption .effect-caption {
position: relative;
width: 100%;
height: 100%;
z-index: 1
}
.effect-hover.effect-monroe figcaption:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
visibility: visible;
background-color: #000;
opacity: .5;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.effect-hover.effect-monroe .effect-heading {
position: absolute;
top: 50%;
left: 0;
right: 0;
z-index: 1;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%)
}
.effect-hover.effect-monroe .effect-description {
position: absolute;
left: 0;
right: 0;
bottom: 15px;
z-index: 1
}
.effect-hover.effect-monroe .description,
.effect-hover.effect-monroe h2 {
padding: 0 1em;
-webkit-transform-origin: center bottom 0;
transform-origin: center bottom 0;
-webkit-transition: -webkit-transform .35s ease;
transition: transform .35s ease;
transition: transform .35s ease, -webkit-transform .35s ease
}
.effect-hover.effect-monroe h2 {
display: inline-block;
padding: 7px 10px 5px;
background-color: rgba(255, 255, 255, .25);
-webkit-transform-style: flat;
transform-style: flat
}
.effect-hover.effect-monroe:hover figcaption:before {
opacity: 0;
visibility: hidden
}
.effect-hover.effect-monroe .description,
.effect-hover.effect-monroe:hover h2 {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1)
}
.effect-hover.effect-monroe:hover .description {
-webkit-transform: none;
transform: none
}
.effect-hover.effect-wilbert img {
-webkit-transition: -webkit-filter .3s ease;
transition: filter .3s ease;
transition: filter .3s ease, -webkit-filter .3s ease;
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
.effect-hover.effect-wilbert figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(75%, rgba(0, 0, 0, .8)));
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, .8) 75%);
content: '';
opacity: 0;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s
}
.effect-hover.effect-wilbert h2 {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transition: color .35s, -webkit-transform .35s;
transition: transform .35s, color .35s;
transition: transform .35s, color .35s, -webkit-transform .35s;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
.effect-hover.effect-wilbert p {
-webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s, color .35s;
transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s;
position: absolute;
bottom: 0;
left: 0;
padding: 2em!important;
width: 100%;
opacity: 0;
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
text-align: center
}
.effect-hover.effect-wilbert:hover img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%)
}
.effect-hover.effect-wilbert:hover h2 {
color: #fff;
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0)
}
.effect-hover.effect-wilbert:hover figcaption::before,
.effect-hover.effect-wilbert:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-praia figcaption:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
visibility: visible;
background-color: #000;
opacity: .6;
-webkit-transition: all .3s ease;
transition: all .3s ease;
background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .6)));
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, .6) 100%)
}
.effect-hover.effect-brasilia h2,
.effect-hover.effect-oslo img,
.effect-hover.effect-praia h2,
.effect-hover.effect-praia img {
-webkit-transition: opacity .35s ease-out, -webkit-transform .3s ease;
transition: opacity .35s ease-out, transform .3s ease;
transition: opacity .35s ease-out, transform .3s ease, -webkit-transform .3s ease
}
.effect-hover.effect-praia .effect-description,
.effect-hover.effect-praia .effect-heading {
position: absolute;
bottom: 1em;
left: 0;
right: 0;
padding: 1em
}
.effect-hover.effect-praia .description {
opacity: 0;
-webkit-transform: translateY(40px);
transform: translateY(40px);
-webkit-transition: opacity .35s ease-out, -webkit-transform .3s ease;
transition: opacity .35s ease-out, transform .3s ease;
transition: opacity .35s ease-out, transform .3s ease, -webkit-transform .3s ease
}
.effect-hover.effect-praia:hover figcaption:before {
opacity: 0;
visibility: hidden
}
.effect-hover.effect-oslo:hover img,
.effect-hover.effect-praia:hover img {
-webkit-transform: scale(1.03, 1.03);
transform: scale(1.03, 1.03)
}
.effect-hover.effect-praia:hover h2 {
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
opacity: 0
}
.effect-hover.effect-praia:hover .description {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
.effect-hover.effect-brasilia .effect-heading {
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 1em;
text-align: left
}
.effect-hover.effect-brasilia .effect-description {
position: absolute;
left: 0;
bottom: 0;
right: 0;
padding: 1em;
text-align: left
}
.effect-hover.effect-brasilia .description {
opacity: 0;
-webkit-transition: opacity .35s ease-out, .3s ease;
transition: opacity .35s ease-out, .3s ease
}
.effect-hover.effect-brasilia h2 {
-webkit-transform: translate3d(0, 22px, 0);
transform: translate3d(0, 22px, 0)
}
.effect-hover.effect-brasilia:hover .description,
.effect-hover.effect-brasilia:hover figcaption:before,
.effect-hover.effect-oslo:hover figcaption:before {
opacity: 1
}
.effect-hover.effect-brasilia:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
.effect-hover.effect-brasilia figcaption:before,
.effect-hover.effect-oslo figcaption:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
visibility: visible;
background-color: #000;
opacity: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
background-color: rgba(0, 0, 0, .6)
}
.effect-hover.effect-oslo .effect-caption {
position: absolute;
top: 50%;
left: 0;
right: 0;
padding: 1em;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%)
}
.effect-hover.effect-oslo .description,
.effect-hover.effect-oslo h2 {
opacity: 0;
-webkit-transform: translateY(34px);
transform: translateY(34px);
-webkit-transition: opacity .35s ease-out, -webkit-transform .35s ease;
transition: opacity .35s ease-out, transform .35s ease;
transition: opacity .35s ease-out, transform .35s ease, -webkit-transform .35s ease
}
.effect-hover.effect-oslo h2 {
-webkit-transform: translateY(-34px);
transform: translateY(-34px)
}
.effect-hover.effect-malabo:hover h2,
.effect-hover.effect-oslo:hover .description,
.effect-hover.effect-oslo:hover h2 {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
.effect-hover.effect-caracas figcaption {
top: 100%;
height: auto;
bottom: auto;
padding: .8em;
min-height: 40px;
-webkit-transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease
}
.effect-hover.effect-caracas h2 {
line-height: 1
}
.effect-hover.effect-caracas .effect-description {
margin-top: .8em;
text-transform: initial
}
.effect-hover.effect-caracas:active img,
.effect-hover.effect-caracas:hover img {
-webkit-transform: translateY(-40px);
transform: translateY(-40px)
}
.effect-hover.effect-camberra:active img,
.effect-hover.effect-camberra:hover img,
.effect-hover.effect-caracas:active figcaption,
.effect-hover.effect-caracas:hover figcaption {
-webkit-transform: translate(0, -100%);
transform: translate(0, -100%)
}
.effect-hover.effect-camberra figcaption {
-webkit-transform: translate(0, 100%);
transform: translate(0, 100%)
}
.effect-hover.effect-camberra figcaption:before,
.effect-hover.effect-caracas figcaption:before,
.effect-hover.effect-malabo figcaption:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
visibility: visible;
opacity: 1;
-webkit-transition: all .3s ease;
transition: all .3s ease;
background-color: #292929
}
.effect-hover.effect-camberra figcaption,
.effect-hover.effect-camberra img {
-webkit-transition: all .4s ease;
transition: all .4s ease
}
.effect-hover.effect-camberra .effect-caption {
position: absolute;
top: 50%;
left: 0;
right: 0;
padding: 1em;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%)
}
.effect-hover.effect-camberra .effect-description {
text-transform: initial
}
.effect-hover.effect-camberra:active figcaption,
.effect-hover.effect-camberra:hover figcaption,
.effect-hover.effect-male:active figcaption,
.effect-hover.effect-male:hover figcaption {
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
.effect-hover.effect-male {
background-color: transparent!important
}
.effect-hover.effect-male figcaption,
.effect-hover.effect-male img {
-webkit-transition: -webkit-transform .5s linear;
transition: transform .5s linear;
transition: transform .5s linear, -webkit-transform .5s linear
}
.effect-hover.effect-male figcaption {
-webkit-transform: translate(0, -100%);
transform: translate(0, -100%)
}
.effect-hover.effect-male img {
-webkit-transform-origin: top;
transform-origin: top
}
.effect-hover.effect-male .effect-caption {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 1em;
-webkit-transform: perspective(550px) rotate3d(1, 0, 0, 90deg) translate3d(0, .0001%, 0);
transform: perspective(550px) rotate3d(1, 0, 0, 90deg) translate3d(0, .0001%, 0);
-webkit-transform-origin: bottom;
transform-origin: bottom;
-webkit-transition: -webkit-transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s;
background: #333;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.effect-hover.effect-male .effect-media {
-webkit-transition: all .5s linear;
transition: all .5s linear
}
.effect-hover.effect-male .effect-description {
text-transform: initial;
font-style: italic
}
.effect-hover.effect-male img,
.effect-hover.effect-male:active .effect-caption,
.effect-hover.effect-male:hover .effect-caption {
-webkit-transform: perspective(550px) rotate3d(1, 0, 0, 0deg) translate3d(0, .0001%, 0);
transform: perspective(550px) rotate3d(1, 0, 0, 0deg) translate3d(0, .0001%, 0)
}
.effect-hover.effect-male:active .effect-media,
.effect-hover.effect-male:hover .effect-media {
-webkit-transform: translate(0, 100%);
transform: translate(0, 100%)
}
.effect-hover.effect-male:active img,
.effect-hover.effect-male:hover img {
-webkit-transform: perspective(550px) rotate3d(1, 0, 0, -90deg) translate3d(0, .0001%, 0);
transform: perspective(550px) rotate3d(1, 0, 0, -90deg) translate3d(0, .0001%, 0)
}
.effect-hover.effect-malabo figcaption:before {
background-color: #000;
opacity: 0;
top: 10px;
left: 10px;
bottom: 10px;
right: 10px;
-webkit-transform: matrix3d(.75, 0, 0, 0, 0, .75, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(.75, 0, 0, 0, 0, .75, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
background-color: rgba(0, 0, 0, .6)
}
.effect-hover.effect-malabo .effect-caption {
position: absolute;
top: 50%;
left: 0;
right: 0;
padding: 1em;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%)
}
.effect-hover.effect-malabo .description,
.effect-hover.effect-malabo h2 {
opacity: 0;
-webkit-transform: translateY(34px);
transform: translateY(34px);
-webkit-transition: opacity .35s ease-out, -webkit-transform .35s ease;
transition: opacity .35s ease-out, transform .35s ease;
transition: opacity .35s ease-out, transform .35s ease, -webkit-transform .35s ease
}
.effect-hover.effect-malabo h2 {
-webkit-transform: translateY(-34px);
transform: translateY(-34px)
}
.effect-hover.effect-malabo:hover figcaption:before {
opacity: 1;
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
.effect-hover.effect-malabo:hover .description {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
.ultimate-imsw-wapper {
margin-bottom: 30px
}
.ultimate-imsw,
.ultimate-imsw .imsw-af-img,
.ultimate-imsw .imsw-bf-img {
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.ultimate-imsw .imsw-af-img,
.ultimate-imsw .imsw-bf-img {
width: 100%
}
.ultimate-imsw,
.ultimate-imsw .imsw-bf-img {
position: relative;
height: auto
}
.ultimate-imsw .imsw-af-img {
position: absolute;
height: 100%;
background-repeat: no-repeat;
background-size: 100% 100%
}
.ultimate-imsw[data-hover-style=fade] .imsw-af-img {
top: 0;
left: 0;
opacity: 0;
position: absolute
}
.ultimate-imsw[data-hover-style=fade]:hover .imsw-af-img {
opacity: 1;
z-index: 9
}
.ultimate-imsw[data-hover-style=slide-downward],
.ultimate-imsw[data-hover-style=slide-leftward],
.ultimate-imsw[data-hover-style=slide-rightward],
.ultimate-imsw[data-hover-style=slide-upward] {
overflow: hidden
}
.ultimate-imsw[data-hover-style=slide-rightward] .imsw-af-img {
position: absolute;
top: 0;
left: -100%
}
.ultimate-imsw[data-hover-style=slide-rightward]:hover .imsw-bf-img {
margin-left: 100%
}
.ultimate-imsw[data-hover-style=slide-rightward]:hover .imsw-af-img {
left: 0
}
.ultimate-imsw[data-hover-style=slide-leftward] .imsw-af-img {
position: absolute;
top: 0;
right: -100%
}
.ultimate-imsw[data-hover-style=slide-leftward]:hover .imsw-bf-img {
margin-left: -100%
}
.ultimate-imsw[data-hover-style=slide-leftward]:hover .imsw-af-img {
right: 0
}
.ultimate-imsw[data-hover-style=slide-downward] .imsw-af-img {
position: absolute;
top: -100%;
left: 0
}
.ultimate-imsw[data-hover-style=slide-downward]:hover .imsw-af-img,
.ultimate-imsw[data-hover-style=slide-upward]:hover .imsw-af-img {
top: 0
}
.ultimate-imsw[data-hover-style=slide-upward] .imsw-af-img,
.tilt {
position: absolute;
top: 100%;
left: 0
}
.ultimate-imsw-shadow:hover {
-webkit-box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .5);
box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .5)
}
.tilt {
overflow: hidden;
top: 0;
width: 100%;
height: 100%;
margin: 0 auto
}
.tilt .tilt__back,
.tilt .tilt__front {
width: 100%;
height: 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.tilt .tilt__back {
position: relative
}
.tilt .tilt__front {
position: absolute;
top: 0;
left: 0
}
.ultimate-image-tilt,
.ultimate-image-tilt.ratio11,
.ultimate-image-tilt.ratio12,
.ultimate-image-tilt.ratio169,
.ultimate-image-tilt.ratio21,
.ultimate-image-tilt.ratio32,
.ultimate-image-tilt.ratio34,
.ultimate-image-tilt.ratio43 {
overflow: hidden;
position: relative
}
.ultimate-image-tilt:after {
content: '';
display: block;
padding-bottom: 66.66667%
}
.ultimate-image-tilt.ratio43:after {
content: '';
display: block;
padding-bottom: 75%
}
.ultimate-image-tilt.ratio11:after {
content: '';
display: block;
padding-bottom: 100%
}
.ultimate-image-tilt.ratio169:after {
content: '';
display: block;
padding-bottom: 56.25%
}
.ultimate-image-tilt.ratio32:after {
content: '';
display: block;
padding-bottom: 66.66667%
}
.ultimate-image-tilt.ratio21:after {
content: '';
display: block;
padding-bottom: 50%
}
.ultimate-image-tilt.ratio12:after {
content: '';
display: block;
padding-bottom: 200%
}
.ultimate-image-tilt.ratio34:after {
content: '';
display: block;
padding-bottom: 133.33333%
}
.ultimate-image-tilt img {
display: block
}
.ultimate-image-tilt.ultimate-image-tilt--border,
.ultimate-image-tilt.ultimate-image-tilt--border .tilt {
overflow: visible
}.ih-item {
position: relative;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item,
.ih-item * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ih-item a {
color: #333;
}
.ih-item a:hover {
text-decoration: none;
}
.ih-item img {
width: 100%;
height: 100%;
}
.ih-item.circle {
position: relative;
width: 220px;
height: 220px;
border-radius: 50%;
}
.ih-item.circle .img {
position: relative;
width: 220px;
height: 220px;
border-radius: 50%;
}
.ih-item.circle .img:before {
position: absolute;
display: block;
content: '';
width: 100%;
height: 100%;
border-radius: 50%;
box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle .img img {
border-radius: 50%;
}
.ih-item.circle .info {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
border-radius: 50%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.ih-item.square {
position: relative;
width: 316px;
height: 216px;
border: 8px solid #fff;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.ih-item.square .info {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.ih-item.circle.effect1 .spinner {
width: 230px;
height: 230px;
border: 10px solid #ecab18;
border-right-color: #1ad280;
border-bottom-color: #1ad280;
border-radius: 50%;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
.ih-item.circle.effect1 .img {
position: absolute;
top: 10px;
bottom: 0;
left: 10px;
right: 0;
width: auto;
height: auto;
}
.ih-item.circle.effect1 .img:before {
display: none;
}
.ih-item.circle.effect1.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, 0.6);
}
.ih-item.circle.effect1 .info {
top: 10px;
bottom: 0;
left: 10px;
right: 0;
background: #333333;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
.ih-item.circle.effect1 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect1 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect1 a:hover .spinner {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.ih-item.circle.effect1 a:hover .info {
opacity: 1;
}
.ih-item.circle.effect2 .img {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect2.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, 0.6);
}
.ih-item.circle.effect2 .info {
background: #333333;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
pointer-events: none;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect2 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect2 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect2.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.circle.effect2.left_to_right a:hover .img {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.ih-item.circle.effect2.left_to_right a:hover .info {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect2.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.circle.effect2.right_to_left a:hover .img {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.ih-item.circle.effect2.right_to_left a:hover .info {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect2.top_to_bottom .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.circle.effect2.top_to_bottom a:hover .img {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.ih-item.circle.effect2.top_to_bottom a:hover .info {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect2.bottom_to_top .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.circle.effect2.bottom_to_top a:hover .img {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.ih-item.circle.effect2.bottom_to_top a:hover .info {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect3 .img {
z-index: 11;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect3.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect3 .info {
background: #333333;
opacity: 0;
pointer-events: none;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect3 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect3 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect3.left_to_right .img {
-webkit-transform: scale(1) translateX(0);
-moz-transform: scale(1) translateX(0);
-ms-transform: scale(1) translateX(0);
-o-transform: scale(1) translateX(0);
transform: scale(1) translateX(0);
}
.ih-item.circle.effect3.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.circle.effect3.left_to_right a:hover .img {
-webkit-transform: scale(0.5) translateX(100%);
-moz-transform: scale(0.5) translateX(100%);
-ms-transform: scale(0.5) translateX(100%);
-o-transform: scale(0.5) translateX(100%);
transform: scale(0.5) translateX(100%);
}
.ih-item.circle.effect3.left_to_right a:hover .info {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect3.right_to_left .img {
-webkit-transform: scale(1) translateX(0);
-moz-transform: scale(1) translateX(0);
-ms-transform: scale(1) translateX(0);
-o-transform: scale(1) translateX(0);
transform: scale(1) translateX(0);
}
.ih-item.circle.effect3.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.circle.effect3.right_to_left a:hover .img {
-webkit-transform: scale(0.5) translateX(-100%);
-moz-transform: scale(0.5) translateX(-100%);
-ms-transform: scale(0.5) translateX(-100%);
-o-transform: scale(0.5) translateX(-100%);
transform: scale(0.5) translateX(-100%);
}
.ih-item.circle.effect3.right_to_left a:hover .info {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect3.top_to_bottom .img {
-webkit-transform: scale(1) translateY(0);
-moz-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
-o-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
}
.ih-item.circle.effect3.top_to_bottom .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.circle.effect3.top_to_bottom a:hover .img {
-webkit-transform: scale(0.5) translateY(100%);
-moz-transform: scale(0.5) translateY(100%);
-ms-transform: scale(0.5) translateY(100%);
-o-transform: scale(0.5) translateY(100%);
transform: scale(0.5) translateY(100%);
}
.ih-item.circle.effect3.top_to_bottom a:hover .info {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect3.bottom_to_top .img {
-webkit-transform: scale(1) translateY(0);
-moz-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
-o-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
}
.ih-item.circle.effect3.bottom_to_top .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.circle.effect3.bottom_to_top a:hover .img {
-webkit-transform: scale(0.5) translateY(-100%);
-moz-transform: scale(0.5) translateY(-100%);
-ms-transform: scale(0.5) translateY(-100%);
-o-transform: scale(0.5) translateY(-100%);
transform: scale(0.5) translateY(-100%);
}
.ih-item.circle.effect3.bottom_to_top a:hover .info {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect4 .img {
opacity: 1;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.ih-item.circle.effect4.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect4 .info {
background: #333333;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.ih-item.circle.effect4 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect4 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect4 a:hover .img {
opacity: 0;
pointer-events: none;
}
.ih-item.circle.effect4 a:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.circle.effect4.left_to_right .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect4.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.circle.effect4.left_to_right a:hover .img {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.circle.effect4.left_to_right a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect4.right_to_left .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect4.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.circle.effect4.right_to_left a:hover .img {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.circle.effect4.right_to_left a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect4.top_to_bottom .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect4.top_to_bottom .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.circle.effect4.top_to_bottom a:hover .img {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.circle.effect4.top_to_bottom a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect4.bottom_to_top .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect4.bottom_to_top .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.circle.effect4.bottom_to_top a:hover .img {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.circle.effect4.bottom_to_top a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect5 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px;
}
.ih-item.circle.effect5.colored .info .info-back {
background: #1a4a72;
background: rgba(26, 74, 114, 0.6);
}
.ih-item.circle.effect5 .info {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.ih-item.circle.effect5 .info .info-back {
visibility: hidden;
border-radius: 50%;
width: 100%;
height: 100%;
background: #333333;
background: rgba(0, 0, 0, 0.6);
-webkit-transform: rotate3d(0, 1, 0, 180deg);
-moz-transform: rotate3d(0, 1, 0, 180deg);
-ms-transform: rotate3d(0, 1, 0, 180deg);
-o-transform: rotate3d(0, 1, 0, 180deg);
transform: rotate3d(0, 1, 0, 180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.ih-item.circle.effect5 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect5 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect5 a:hover .info {
-webkit-transform: rotate3d(0, 1, 0, -180deg);
-moz-transform: rotate3d(0, 1, 0, -180deg);
-ms-transform: rotate3d(0, 1, 0, -180deg);
-o-transform: rotate3d(0, 1, 0, -180deg);
transform: rotate3d(0, 1, 0, -180deg);
}
.ih-item.circle.effect5 a:hover .info .info-back {
visibility: visible;
}
.ih-item.circle.effect6 .img {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect6.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect6 .info {
background: #333333;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect6 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect6 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect6.scale_up .info {
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.ih-item.circle.effect6.scale_up a:hover .img {
opacity: 0;
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
.ih-item.circle.effect6.scale_up a:hover .info {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.circle.effect6.scale_down .info {
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
.ih-item.circle.effect6.scale_down a:hover .img {
opacity: 0;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.ih-item.circle.effect6.scale_down a:hover .info {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.circle.effect6.scale_down_up .info {
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: all 0.35s ease-in-out 0.2s;
-moz-transition: all 0.35s ease-in-out 0.2s;
transition: all 0.35s ease-in-out 0.2s;
}
.ih-item.circle.effect6.scale_down_up a:hover .img {
opacity: 0;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.ih-item.circle.effect6.scale_down_up a:hover .info {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.circle.effect7 .img {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.ih-item.circle.effect7.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect7 .info {
background: #333333;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: all 0.35s ease 0.2s;
-moz-transition: all 0.35s ease 0.2s;
transition: all 0.35s ease 0.2s;
}
.ih-item.circle.effect7 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect7 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect7 a:hover .img {
opacity: 0;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.ih-item.circle.effect7 a:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.circle.effect7.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.circle.effect7.left_to_right a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect7.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.circle.effect7.right_to_left a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect7.top_to_bottom .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.circle.effect7.top_to_bottom a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect7.bottom_to_top .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.circle.effect7.bottom_to_top a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect8.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect8 .img-container {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.ih-item.circle.effect8 .img-container .img {
opacity: 1;
-webkit-transition: all 0.3s ease-in-out 0.3s;
-moz-transition: all 0.3s ease-in-out 0.3s;
transition: all 0.3s ease-in-out 0.3s;
}
.ih-item.circle.effect8 .info-container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
border-radius: 50%;
opacity: 0;
pointer-events: none;
-webkit-transition: all 0.3s ease-in-out 0.3s;
-moz-transition: all 0.3s ease-in-out 0.3s;
transition: all 0.3s ease-in-out 0.3s;
}
.ih-item.circle.effect8 .info {
width: 100%;
height: 100%;
background: #333333;
pointer-events: none;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: all 0.35s ease-in-out 0.6s;
-moz-transition: all 0.35s ease-in-out 0.6s;
transition: all 0.35s ease-in-out 0.6s;
}
.ih-item.circle.effect8 .info h3 {
color: #fff;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 45px 0 0 0;
height: 140px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect8 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect8 a:hover .img-container {
pointer-events: none;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.ih-item.circle.effect8 a:hover .img-container .img {
opacity: 0;
pointer-events: none;
}
.ih-item.circle.effect8 a:hover .info-container {
opacity: 1;
}
.ih-item.circle.effect8 a:hover .info-container .info {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.circle.effect8.left_to_right .img-container .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect8.left_to_right .info-container {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.circle.effect8.left_to_right a:hover .img-container .img {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.circle.effect8.left_to_right a:hover .info-container {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect8.right_to_left .img-container .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect8.right_to_left .info-container {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.circle.effect8.right_to_left a:hover .img-container .img {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.circle.effect8.right_to_left a:hover .info-container {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect8.top_to_bottom .img-container .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect8.top_to_bottom .info-container {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.circle.effect8.top_to_bottom a:hover .img-container .img {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.circle.effect8.top_to_bottom a:hover .info-container {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect8.bottom_to_top .img-container .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect8.bottom_to_top .info-container {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.circle.effect8.bottom_to_top a:hover .img-container .img {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.circle.effect8.bottom_to_top a:hover .info-container {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect9 .img {
opacity: 1;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.ih-item.circle.effect9.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect9 .info {
background: #333333;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: all 0.35s ease 0.2s;
-moz-transition: all 0.35s ease 0.2s;
transition: all 0.35s ease 0.2s;
}
.ih-item.circle.effect9 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect9 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect9 a:hover .img {
opacity: 0;
pointer-events: none;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.ih-item.circle.effect9 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.circle.effect9.left_to_right .img {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
}
.ih-item.circle.effect9.left_to_right a:hover .img {
-webkit-transform: translateX(100%) rotate(180deg);
-moz-transform: translateX(100%) rotate(180deg);
-ms-transform: translateX(100%) rotate(180deg);
-o-transform: translateX(100%) rotate(180deg);
transform: translateX(100%) rotate(180deg);
}
.ih-item.circle.effect9.right_to_left .img {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
}
.ih-item.circle.effect9.right_to_left a:hover .img {
-webkit-transform: translateX(-100%) rotate(-180deg);
-moz-transform: translateX(-100%) rotate(-180deg);
-ms-transform: translateX(-100%) rotate(-180deg);
-o-transform: translateX(-100%) rotate(-180deg);
transform: translateX(-100%) rotate(-180deg);
}
.ih-item.circle.effect9.top_to_bottom .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect9.top_to_bottom a:hover .img {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.circle.effect9.bottom_to_top .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect9.bottom_to_top a:hover .img {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.circle.effect10 .img {
z-index: 11;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect10.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect10 .info {
background: #333333;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect10 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect10 .info p {
color: #bbb;
font-style: italic;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect10 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.circle.effect10.top_to_bottom .info h3 {
margin: 0 30px;
padding: 25px 0 0 0;
height: 78px;
}
.ih-item.circle.effect10.top_to_bottom .info p {
margin: 0 30px;
padding: 5px;
}
.ih-item.circle.effect10.top_to_bottom a:hover .img {
-webkit-transform: translateY(50px) scale(0.5);
-moz-transform: translateY(50px) scale(0.5);
-ms-transform: translateY(50px) scale(0.5);
-o-transform: translateY(50px) scale(0.5);
transform: translateY(50px) scale(0.5);
}
.ih-item.circle.effect10.bottom_to_top .info h3 {
margin: 95px 30px 0;
padding: 25px 0 0 0;
height: 78px;
}
.ih-item.circle.effect10.bottom_to_top .info p {
margin: 0 30px;
padding: 5px;
}
.ih-item.circle.effect10.bottom_to_top a:hover .img {
-webkit-transform: translateY(-50px) scale(0.5);
-moz-transform: translateY(-50px) scale(0.5);
-ms-transform: translateY(-50px) scale(0.5);
-o-transform: translateY(-50px) scale(0.5);
transform: translateY(-50px) scale(0.5);
}
.ih-item.circle.effect11 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px;
}
.ih-item.circle.effect11 .img {
opacity: 1;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect11.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect11 .info {
background: #333333;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.35s ease 0.35s;
-moz-transition: all 0.35s ease 0.35s;
transition: all 0.35s ease 0.35s;
}
.ih-item.circle.effect11 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect11 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect11 a:hover .img {
opacity: 0;
}
.ih-item.circle.effect11 a:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.circle.effect11.left_to_right .img {
-webkit-transform: translateZ(0) rotateY(0);
-moz-transform: translateZ(0) rotateY(0);
-ms-transform: translateZ(0) rotateY(0);
-o-transform: translateZ(0) rotateY(0);
transform: translateZ(0) rotateY(0);
}
.ih-item.circle.effect11.left_to_right .info {
-webkit-transform: translateZ(-1000px) rotateY(-90deg);
-moz-transform: translateZ(-1000px) rotateY(-90deg);
-ms-transform: translateZ(-1000px) rotateY(-90deg);
-o-transform: translateZ(-1000px) rotateY(-90deg);
transform: translateZ(-1000px) rotateY(-90deg);
}
.ih-item.circle.effect11.left_to_right a:hover .img {
-webkit-transform: translateZ(-1000px) rotateY(90deg);
-moz-transform: translateZ(-1000px) rotateY(90deg);
-ms-transform: translateZ(-1000px) rotateY(90deg);
-o-transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
}
.ih-item.circle.effect11.left_to_right a:hover .info {
-webkit-transform: translateZ(0) rotateY(0);
-moz-transform: translateZ(0) rotateY(0);
-ms-transform: translateZ(0) rotateY(0);
-o-transform: translateZ(0) rotateY(0);
transform: translateZ(0) rotateY(0);
}
.ih-item.circle.effect11.right_to_left .img {
-webkit-transform: translateZ(0) rotateY(0);
-moz-transform: translateZ(0) rotateY(0);
-ms-transform: translateZ(0) rotateY(0);
-o-transform: translateZ(0) rotateY(0);
transform: translateZ(0) rotateY(0);
}
.ih-item.circle.effect11.right_to_left .info {
-webkit-transform: translateZ(-1000px) rotateY(90deg);
-moz-transform: translateZ(-1000px) rotateY(90deg);
-ms-transform: translateZ(-1000px) rotateY(90deg);
-o-transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
}
.ih-item.circle.effect11.right_to_left a:hover .img {
-webkit-transform: translateZ(-1000px) rotateY(-90deg);
-moz-transform: translateZ(-1000px) rotateY(-90deg);
-ms-transform: translateZ(-1000px) rotateY(-90deg);
-o-transform: translateZ(-1000px) rotateY(-90deg);
transform: translateZ(-1000px) rotateY(-90deg);
}
.ih-item.circle.effect11.right_to_left a:hover .info {
-webkit-transform: translateZ(0) rotateY(0);
-moz-transform: translateZ(0) rotateY(0);
-ms-transform: translateZ(0) rotateY(0);
-o-transform: translateZ(0) rotateY(0);
transform: translateZ(0) rotateY(0);
}
.ih-item.circle.effect11.top_to_bottom .img {
-webkit-transform: translateZ(0) rotateX(0);
-moz-transform: translateZ(0) rotateX(0);
-ms-transform: translateZ(0) rotateX(0);
-o-transform: translateZ(0) rotateX(0);
transform: translateZ(0) rotateX(0);
}
.ih-item.circle.effect11.top_to_bottom .info {
-webkit-transform: translateZ(-1000px) rotateX(90deg);
-moz-transform: translateZ(-1000px) rotateX(90deg);
-ms-transform: translateZ(-1000px) rotateX(90deg);
-o-transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
}
.ih-item.circle.effect11.top_to_bottom a:hover .img {
-webkit-transform: translateZ(-1000px) rotateX(-90deg);
-moz-transform: translateZ(-1000px) rotateX(-90deg);
-ms-transform: translateZ(-1000px) rotateX(-90deg);
-o-transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
}
.ih-item.circle.effect11.top_to_bottom a:hover .info {
-webkit-transform: translateZ(0) rotateX(0);
-moz-transform: translateZ(0) rotateX(0);
-ms-transform: translateZ(0) rotateX(0);
-o-transform: translateZ(0) rotateX(0);
transform: translateZ(0) rotateX(0);
}
.ih-item.circle.effect11.bottom_to_top .img {
-webkit-transform: translateZ(0) rotateX(0);
-moz-transform: translateZ(0) rotateX(0);
-ms-transform: translateZ(0) rotateX(0);
-o-transform: translateZ(0) rotateX(0);
transform: translateZ(0) rotateX(0);
}
.ih-item.circle.effect11.bottom_to_top .info {
-webkit-transform: translateZ(-1000px) rotateX(-90deg);
-moz-transform: translateZ(-1000px) rotateX(-90deg);
-ms-transform: translateZ(-1000px) rotateX(-90deg);
-o-transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
}
.ih-item.circle.effect11.bottom_to_top a:hover .img {
-webkit-transform: translateZ(-1000px) rotateX(90deg);
-moz-transform: translateZ(-1000px) rotateX(90deg);
-ms-transform: translateZ(-1000px) rotateX(90deg);
-o-transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
}
.ih-item.circle.effect11.bottom_to_top a:hover .info {
-webkit-transform: translateZ(0) rotateX(0);
-moz-transform: translateZ(0) rotateX(0);
-ms-transform: translateZ(0) rotateX(0);
-o-transform: translateZ(0) rotateX(0);
transform: translateZ(0) rotateX(0);
}
.ih-item.circle.effect12 .img {
opacity: 1;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect12.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect12 .info {
background: #333333;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect12 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect12 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect12 a:hover .img {
opacity: 0;
pointer-events: none;
}
.ih-item.circle.effect12 a:hover .info {
opacity: 1;
visibility: visible;
}
.ih-item.circle.effect12.left_to_right .img {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
}
.ih-item.circle.effect12.left_to_right .info {
-webkit-transform: translateX(100%) rotate(180deg);
-moz-transform: translateX(100%) rotate(180deg);
-ms-transform: translateX(100%) rotate(180deg);
-o-transform: translateX(100%) rotate(180deg);
transform: translateX(100%) rotate(180deg);
}
.ih-item.circle.effect12.left_to_right a:hover .img {
-webkit-transform: translateX(100%) rotate(180deg);
-moz-transform: translateX(100%) rotate(180deg);
-ms-transform: translateX(100%) rotate(180deg);
-o-transform: translateX(100%) rotate(180deg);
transform: translateX(100%) rotate(180deg);
}
.ih-item.circle.effect12.left_to_right a:hover .info {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.ih-item.circle.effect12.right_to_left .img {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
}
.ih-item.circle.effect12.right_to_left .info {
-webkit-transform: translateX(-100%) rotate(-180deg);
-moz-transform: translateX(-100%) rotate(-180deg);
-ms-transform: translateX(-100%) rotate(-180deg);
-o-transform: translateX(-100%) rotate(-180deg);
transform: translateX(-100%) rotate(-180deg);
}
.ih-item.circle.effect12.right_to_left a:hover .img {
-webkit-transform: translateX(-100%) rotate(-180deg);
-moz-transform: translateX(-100%) rotate(-180deg);
-ms-transform: translateX(-100%) rotate(-180deg);
-o-transform: translateX(-100%) rotate(-180deg);
transform: translateX(-100%) rotate(-180deg);
}
.ih-item.circle.effect12.right_to_left a:hover .info {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.ih-item.circle.effect12.top_to_bottom .img {
-webkit-transform: translateY(0) rotate(0);
-moz-transform: translateY(0) rotate(0);
-ms-transform: translateY(0) rotate(0);
-o-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
.ih-item.circle.effect12.top_to_bottom .info {
-webkit-transform: translateY(-100%) rotate(-180deg);
-moz-transform: translateY(-100%) rotate(-180deg);
-ms-transform: translateY(-100%) rotate(-180deg);
-o-transform: translateY(-100%) rotate(-180deg);
transform: translateY(-100%) rotate(-180deg);
}
.ih-item.circle.effect12.top_to_bottom a:hover .img {
-webkit-transform: translateY(-100%) rotate(-180deg);
-moz-transform: translateY(-100%) rotate(-180deg);
-ms-transform: translateY(-100%) rotate(-180deg);
-o-transform: translateY(-100%) rotate(-180deg);
transform: translateY(-100%) rotate(-180deg);
}
.ih-item.circle.effect12.top_to_bottom a:hover .info {
-webkit-transform: translateY(0) rotate(0);
-moz-transform: translateY(0) rotate(0);
-ms-transform: translateY(0) rotate(0);
-o-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.ih-item.circle.effect12.bottom_to_top .img {
-webkit-transform: translateY(0) rotate(0);
-moz-transform: translateY(0) rotate(0);
-ms-transform: translateY(0) rotate(0);
-o-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
.ih-item.circle.effect12.bottom_to_top .info {
-webkit-transform: translateY(100%) rotate(180deg);
-moz-transform: translateY(100%) rotate(180deg);
-ms-transform: translateY(100%) rotate(180deg);
-o-transform: translateY(100%) rotate(180deg);
transform: translateY(100%) rotate(180deg);
}
.ih-item.circle.effect12.bottom_to_top a:hover .img {
-webkit-transform: translateY(100%) rotate(180deg);
-moz-transform: translateY(100%) rotate(180deg);
-ms-transform: translateY(100%) rotate(180deg);
-o-transform: translateY(100%) rotate(180deg);
transform: translateY(100%) rotate(180deg);
}
.ih-item.circle.effect12.bottom_to_top a:hover .info {
-webkit-transform: translateY(0) rotate(0);
-moz-transform: translateY(0) rotate(0);
-ms-transform: translateY(0) rotate(0);
-o-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.ih-item.circle.effect13.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, 0.6);
}
.ih-item.circle.effect13 .info {
background: #333333;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
pointer-events: none;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect13 .info h3 {
visibility: hidden;
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect13 .info p {
visibility: hidden;
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect13 a:hover .info {
opacity: 1;
}
.ih-item.circle.effect13 a:hover h3 {
visibility: visible;
}
.ih-item.circle.effect13 a:hover p {
visibility: visible;
}
.ih-item.circle.effect13.from_left_and_right .info h3 {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.circle.effect13.from_left_and_right .info p {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.circle.effect13.from_left_and_right a:hover h3 {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect13.from_left_and_right a:hover p {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect13.top_to_bottom .info h3 {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.circle.effect13.top_to_bottom .info p {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.circle.effect13.top_to_bottom a:hover h3 {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect13.top_to_bottom a:hover p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect13.bottom_to_top .info h3 {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.circle.effect13.bottom_to_top .info p {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.circle.effect13.bottom_to_top a:hover h3 {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect13.bottom_to_top a:hover p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect14 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px;
}
.ih-item.circle.effect14 .img {
visibility: visible;
opacity: 1;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.ih-item.circle.effect14.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect14 .info {
background: #333333;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.35s ease-in-out 0.3s;
-moz-transition: all 0.35s ease-in-out 0.3s;
transition: all 0.35s ease-in-out 0.3s;
}
.ih-item.circle.effect14 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect14 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect14 a:hover .img {
opacity: 0;
visibility: hidden;
}
.ih-item.circle.effect14 a:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.circle.effect14.left_to_right .img {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.ih-item.circle.effect14.left_to_right .info {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.ih-item.circle.effect14.left_to_right a:hover .img {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.ih-item.circle.effect14.left_to_right a:hover .info {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
.ih-item.circle.effect14.right_to_left .img {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.ih-item.circle.effect14.right_to_left .info {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.ih-item.circle.effect14.right_to_left a:hover .img {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
}
.ih-item.circle.effect14.right_to_left a:hover .info {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
.ih-item.circle.effect14.top_to_bottom .img {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.ih-item.circle.effect14.top_to_bottom .info {
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.ih-item.circle.effect14.top_to_bottom a:hover .img {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
}
.ih-item.circle.effect14.top_to_bottom a:hover .info {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
}
.ih-item.circle.effect14.bottom_to_top .img {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.ih-item.circle.effect14.bottom_to_top .info {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.ih-item.circle.effect14.bottom_to_top a:hover .img {
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
.ih-item.circle.effect14.bottom_to_top a:hover .info {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
}
.ih-item.circle.effect15 .img {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect15.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect15 .info {
background: #333333;
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0.5) rotate(-720deg);
-moz-transform: scale(0.5) rotate(-720deg);
-ms-transform: scale(0.5) rotate(-720deg);
-o-transform: scale(0.5) rotate(-720deg);
transform: scale(0.5) rotate(-720deg);
-webkit-transition: all 0.35s ease-in-out 0.3s;
-moz-transition: all 0.35s ease-in-out 0.3s;
transition: all 0.35s ease-in-out 0.3s;
}
.ih-item.circle.effect15 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect15 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect15 a:hover .img {
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0.5) rotate(720deg);
-moz-transform: scale(0.5) rotate(720deg);
-ms-transform: scale(0.5) rotate(720deg);
-o-transform: scale(0.5) rotate(720deg);
transform: scale(0.5) rotate(720deg);
}
.ih-item.circle.effect15 a:hover .info {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
.ih-item.circle.effect16 .img {
z-index: 11;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect16.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect16 .info {
background: #333333;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect16 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect16 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect16.left_to_right .img {
-webkit-transform-origin: 95% 40%;
-moz-transform-origin: 95% 40%;
-ms-transform-origin: 95% 40%;
-o-transform-origin: 95% 40%;
transform-origin: 95% 40%;
}
.ih-item.circle.effect16.left_to_right .img:after {
content: '';
width: 8px;
height: 8px;
position: absolute;
border-radius: 50%;
top: 40%;
left: 95%;
margin: -4px 0 0 -4px;
background: rgba(0, 0, 0, 0.8);
box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);
}
.ih-item.circle.effect16.left_to_right a:hover .img {
-webkit-transform: rotate(-120deg);
-moz-transform: rotate(-120deg);
-ms-transform: rotate(-120deg);
-o-transform: rotate(-120deg);
transform: rotate(-120deg);
}
.ih-item.circle.effect16.right_to_left .img {
-webkit-transform-origin: 5% 40%;
-moz-transform-origin: 5% 40%;
-ms-transform-origin: 5% 40%;
-o-transform-origin: 5% 40%;
transform-origin: 5% 40%;
}
.ih-item.circle.effect16.right_to_left .img:after {
content: '';
width: 8px;
height: 8px;
position: absolute;
border-radius: 50%;
top: 40%;
left: 5%;
margin: -4px 0 0 -4px;
background: rgba(0, 0, 0, 0.8);
box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);
}
.ih-item.circle.effect16.right_to_left a:hover .img {
-webkit-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-ms-transform: rotate(120deg);
-o-transform: rotate(120deg);
transform: rotate(120deg);
}
.ih-item.circle.effect17 .info {
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect17 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect17 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect17 a:hover .img:before {
box-shadow: inset 0 0 0 110px #333333, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 0 110px rgba(0, 0, 0, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
}
.ih-item.circle.effect17 a:hover .info {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.circle.effect17 a:hover .info p {
opacity: 1;
}
.ih-item.circle.effect17.colored a:hover .img:before {
box-shadow: inset 0 0 0 110px #1a4a72, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 0 110px rgba(26, 74, 114, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
}
.ih-item.circle.effect18 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px;
}
.ih-item.circle.effect18 .img {
z-index: 11;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.ih-item.circle.effect18.colored .info .info-back {
background: #1a4a72;
}
.ih-item.circle.effect18 .info {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.ih-item.circle.effect18 .info .info-back {
opacity: 1;
border-radius: 50%;
width: 100%;
height: 100%;
background: #333333;
}
.ih-item.circle.effect18 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect18 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect18.bottom_to_top .img {
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.ih-item.circle.effect18.bottom_to_top a:hover .img {
-webkit-transform: rotate3d(1, 0, 0, 180deg);
-moz-transform: rotate3d(1, 0, 0, 180deg);
-ms-transform: rotate3d(1, 0, 0, 180deg);
-o-transform: rotate3d(1, 0, 0, 180deg);
transform: rotate3d(1, 0, 0, 180deg);
}
.ih-item.circle.effect18.top_to_bottom .img {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.ih-item.circle.effect18.top_to_bottom a:hover .img {
-webkit-transform: rotate3d(1, 0, 0, -180deg);
-moz-transform: rotate3d(1, 0, 0, -180deg);
-ms-transform: rotate3d(1, 0, 0, -180deg);
-o-transform: rotate3d(1, 0, 0, -180deg);
transform: rotate3d(1, 0, 0, -180deg);
}
.ih-item.circle.effect18.left_to_right .img {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.ih-item.circle.effect18.left_to_right a:hover .img {
-webkit-transform: rotate3d(0, 1, 0, 180deg);
-moz-transform: rotate3d(0, 1, 0, 180deg);
-ms-transform: rotate3d(0, 1, 0, 180deg);
-o-transform: rotate3d(0, 1, 0, 180deg);
transform: rotate3d(0, 1, 0, 180deg);
}
.ih-item.circle.effect18.right_to_left .img {
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.ih-item.circle.effect18.right_to_left a:hover .img {
-webkit-transform: rotate3d(0, 1, 0, -180deg);
-moz-transform: rotate3d(0, 1, 0, -180deg);
-ms-transform: rotate3d(0, 1, 0, -180deg);
-o-transform: rotate3d(0, 1, 0, -180deg);
transform: rotate3d(0, 1, 0, -180deg);
}
.ih-item.circle.effect19.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, 0.6);
}
.ih-item.circle.effect19 .info {
background: #333333;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect19 .info h3 {
color: #fff;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 45px 0 0 0;
height: 140px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect19 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect19 a:hover .info {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.circle.effect20 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px;
}
.ih-item.circle.effect20 .img {
-webkit-transition: all 0.35s linear;
-moz-transition: all 0.35s linear;
transition: all 0.35s linear;
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.ih-item.circle.effect20.colored .info .info-back {
background: #1a4a72;
}
.ih-item.circle.effect20 .info {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.ih-item.circle.effect20 .info .info-back {
opacity: 1;
visibility: hidden;
border-radius: 50%;
width: 100%;
height: 100%;
background: #333333;
-webkit-transition: all 0.35s linear;
-moz-transition: all 0.35s linear;
transition: all 0.35s linear;
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.ih-item.circle.effect20 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect20 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect20 a:hover .img {
opacity: 0;
}
.ih-item.circle.effect20 a:hover .info .info-back {
opacity: 1;
visibility: visible;
}
.ih-item.circle.effect20.top_to_bottom .info .info-back {
-webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
-moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
-ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
-o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
}
.ih-item.circle.effect20.top_to_bottom a:hover .img {
-webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
-moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
-ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
-o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
}
.ih-item.circle.effect20.top_to_bottom a:hover .info .info-back {
-webkit-transform: rotate3d(1, 0, 0, 0deg);
-moz-transform: rotate3d(1, 0, 0, 0deg);
-ms-transform: rotate3d(1, 0, 0, 0deg);
-o-transform: rotate3d(1, 0, 0, 0deg);
transform: rotate3d(1, 0, 0, 0deg);
}
.ih-item.circle.effect20.bottom_to_top .info .info-back {
-webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
-moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
-ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
-o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
}
.ih-item.circle.effect20.bottom_to_top a:hover .img {
-webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
-moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
-ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
-o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
}
.ih-item.circle.effect20.bottom_to_top a:hover .info .info-back {
-webkit-transform: rotate3d(1, 0, 0, 0deg);
-moz-transform: rotate3d(1, 0, 0, 0deg);
-ms-transform: rotate3d(1, 0, 0, 0deg);
-o-transform: rotate3d(1, 0, 0, 0deg);
transform: rotate3d(1, 0, 0, 0deg);
}
.ih-item.square.effect1 {
overflow: hidden;
}
.ih-item.square.effect1.colored .info {
background: #1a4a72;
}
.ih-item.square.effect1 .img {
z-index: 11;
position: absolute;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect1 .info {
background: #333333;
visibility: hidden;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect1 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect1.left_and_right .info h3 {
position: absolute;
top: 12px;
left: 12px;
color: #fff;
text-align: center;
font-size: 17px;
margin: 0;
}
.ih-item.square.effect1.left_and_right .info p {
position: absolute;
right: 12px;
bottom: 12px;
margin: 0;
font-style: italic;
font-size: 12px;
color: #bbb;
}
.ih-item.square.effect1.left_and_right a:hover .img {
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
-ms-transform: scale(0.6);
-o-transform: scale(0.6);
transform: scale(0.6);
}
.ih-item.square.effect1.top_to_bottom .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px 10px 0 4px;
margin: 10px 0 0 0;
}
.ih-item.square.effect1.top_to_bottom .info p {
font-style: italic;
font-size: 12px;
color: #bbb;
padding: 5px;
text-align: center;
}
.ih-item.square.effect1.top_to_bottom a:hover .img {
-webkit-transform: translateY(30px) scale(0.6);
-moz-transform: translateY(30px) scale(0.6);
-ms-transform: translateY(30px) scale(0.6);
-o-transform: translateY(30px) scale(0.6);
transform: translateY(30px) scale(0.6);
}
.ih-item.square.effect1.bottom_to_top .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px 10px 0 4px;
margin: 134px 0 0 0;
}
.ih-item.square.effect1.bottom_to_top .info p {
font-style: italic;
font-size: 12px;
color: #bbb;
padding: 5px;
text-align: center;
}
.ih-item.square.effect1.bottom_to_top a:hover .img {
-webkit-transform: translateY(-30px) scale(0.6);
-moz-transform: translateY(-30px) scale(0.6);
-ms-transform: translateY(-30px) scale(0.6);
-o-transform: translateY(-30px) scale(0.6);
transform: translateY(-30px) scale(0.6);
}
.ih-item.square.effect2 {
overflow: hidden;
}
.ih-item.square.effect2.colored .info {
background: #1a4a72;
}
.ih-item.square.effect2.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect2 .img {
opacity: 1;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: rotate(0deg) scale(1);
-moz-transform: rotate(0deg) scale(1);
-ms-transform: rotate(0deg) scale(1);
-o-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
}
.ih-item.square.effect2 .info {
background: #333333;
visibility: hidden;
-webkit-transition: all 0.35s 0.3s ease-in-out;
-moz-transition: all 0.35s 0.3s ease-in-out;
transition: all 0.35s 0.3s ease-in-out;
}
.ih-item.square.effect2 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
-webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);
-ms-transform: translateY(-200px);
-o-transform: translateY(-200px);
transform: translateY(-200px);
-webkit-transition: all 0.35s 0.6s ease-in-out;
-moz-transition: all 0.35s 0.6s ease-in-out;
transition: all 0.35s 0.6s ease-in-out;
}
.ih-item.square.effect2 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
-webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);
-ms-transform: translateY(-200px);
-o-transform: translateY(-200px);
transform: translateY(-200px);
-webkit-transition: all 0.35s 0.5s linear;
-moz-transition: all 0.35s 0.5s linear;
transition: all 0.35s 0.5s linear;
}
.ih-item.square.effect2 a:hover .img {
-webkit-transform: rotate(720deg) scale(0);
-moz-transform: rotate(720deg) scale(0);
-ms-transform: rotate(720deg) scale(0);
-o-transform: rotate(720deg) scale(0);
transform: rotate(720deg) scale(0);
opacity: 0;
}
.ih-item.square.effect2 a:hover .info {
visibility: visible;
}
.ih-item.square.effect2 a:hover .info h3,
.ih-item.square.effect2 a:hover .info p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect3 {
overflow: hidden;
}
.ih-item.square.effect3.colored .info {
background: #1a4a72;
}
.ih-item.square.effect3 .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect3 .info {
height: 65px;
background: #333333;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect3 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px 10px 0 4px;
margin: 4px 0 0 0;
}
.ih-item.square.effect3 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 5px;
text-align: center;
}
.ih-item.square.effect3 a:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.square.effect3.bottom_to_top .info {
top: auto;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.square.effect3.bottom_to_top a:hover .img {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
}
.ih-item.square.effect3.bottom_to_top a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect3.top_to_bottom .info {
bottom: auto;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.square.effect3.top_to_bottom a:hover .img {
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
.ih-item.square.effect3.top_to_bottom a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect4 {
overflow: hidden;
position: relative;
}
.ih-item.square.effect4.colored .info {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect4.colored .mask1,
.ih-item.square.effect4.colored .mask2 {
background: #1a4a72;
background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect4 .img {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect4 .mask1,
.ih-item.square.effect4 .mask2 {
position: absolute;
background: #333333;
background: rgba(0, 0, 0, 0.6);
height: 361px;
width: 361px;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect4 .mask1 {
left: auto;
right: 0;
top: 0;
-webkit-transform: rotate(56.5deg) translateX(-180px);
-moz-transform: rotate(56.5deg) translateX(-180px);
-ms-transform: rotate(56.5deg) translateX(-180px);
-o-transform: rotate(56.5deg) translateX(-180px);
transform: rotate(56.5deg) translateX(-180px);
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
.ih-item.square.effect4 .mask2 {
top: auto;
bottom: 0;
left: 0;
-webkit-transform: rotate(56.5deg) translateX(180px);
-moz-transform: rotate(56.5deg) translateX(180px);
-ms-transform: rotate(56.5deg) translateX(180px);
-o-transform: rotate(56.5deg) translateX(180px);
transform: rotate(56.5deg) translateX(180px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
.ih-item.square.effect4 .info {
background: #111111;
height: 0;
visibility: hidden;
width: 361px;
-webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
-moz-transform: rotate(-33.5deg) translate(-112px, 166px);
-ms-transform: rotate(-33.5deg) translate(-112px, 166px);
-o-transform: rotate(-33.5deg) translate(-112px, 166px);
transform: rotate(-33.5deg) translate(-112px, 166px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transition: all 0.35s ease-in-out 0.35s;
-moz-transition: all 0.35s ease-in-out 0.35s;
transition: all 0.35s ease-in-out 0.35s;
}
.ih-item.square.effect4 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: transparent;
margin-top: 5px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
opacity: 0;
-webkit-transition: all 0.35s ease-in-out 0.35s;
-moz-transition: all 0.35s ease-in-out 0.35s;
transition: all 0.35s ease-in-out 0.35s;
}
.ih-item.square.effect4 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out 0.35s;
-moz-transition: all 0.35s ease-in-out 0.35s;
transition: all 0.35s ease-in-out 0.35s;
}
.ih-item.square.effect4 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);
}
.ih-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);
}
.ih-item.square.effect4 a:hover .info {
width: 216px;
height: 120px;
visibility: visible;
top: 40px;
-webkit-transform: rotate(0deg) translate(0, 0);
-moz-transform: rotate(0deg) translate(0, 0);
-ms-transform: rotate(0deg) translate(0, 0);
-o-transform: rotate(0deg) translate(0, 0);
transform: rotate(0deg) translate(0, 0);
}
.ih-item.square.effect4 a:hover .info h3,
.ih-item.square.effect4 a:hover .info p {
opacity: 1;
}
.ih-item.square.effect5.colored .info {
background: #1a4a72;
}
.ih-item.square.effect5.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect5 .img {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect5 .info {
background: #333333;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect5 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
}
.ih-item.square.effect5 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
}
.ih-item.square.effect5 a:hover .img {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
transition-delay: 0;
}
.ih-item.square.effect5 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.ih-item.square.effect5.left_to_right .info {
-webkit-transform: scale(0) rotate(-180deg);
-moz-transform: scale(0) rotate(-180deg);
-ms-transform: scale(0) rotate(-180deg);
-o-transform: scale(0) rotate(-180deg);
transform: scale(0) rotate(-180deg);
}
.ih-item.square.effect5.right_to_left .info {
-webkit-transform: scale(0) rotate(180deg);
-moz-transform: scale(0) rotate(180deg);
-ms-transform: scale(0) rotate(180deg);
-o-transform: scale(0) rotate(180deg);
transform: scale(0) rotate(180deg);
}
.ih-item.square.effect6 {
overflow: hidden;
}
.ih-item.square.effect6.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect6.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect6 .img {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect6 .info {
background: #333333;
background: rgba(0, 0, 0, 0.6);
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect6 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect6 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
-webkit-transition: all 0.35s 0.1s linear;
-moz-transition: all 0.35s 0.1s linear;
transition: all 0.35s 0.1s linear;
}
.ih-item.square.effect6 a:hover .img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.ih-item.square.effect6 a:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.square.effect6.from_top_and_bottom .info h3 {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.square.effect6.from_top_and_bottom .info p {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.square.effect6.from_top_and_bottom a:hover .info h3,
.ih-item.square.effect6.from_top_and_bottom a:hover .info p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect6.from_left_and_right .info h3 {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.square.effect6.from_left_and_right .info p {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.square.effect6.from_left_and_right a:hover .info h3,
.ih-item.square.effect6.from_left_and_right a:hover .info p {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.square.effect6.top_to_bottom .info h3 {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.square.effect6.top_to_bottom .info p {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.square.effect6.top_to_bottom a:hover .info h3,
.ih-item.square.effect6.top_to_bottom a:hover .info p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect6.bottom_to_top .info h3 {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.square.effect6.bottom_to_top .info p {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.square.effect6.bottom_to_top a:hover .info h3,
.ih-item.square.effect6.bottom_to_top a:hover .info p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect7 {
overflow: hidden;
}
.ih-item.square.effect7.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect7.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect7 .img {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect7 .info {
background: #333333;
background: rgba(0, 0, 0, 0.6);
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect7 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
-webkit-transform: scale(4);
-moz-transform: scale(4);
-ms-transform: scale(4);
-o-transform: scale(4);
transform: scale(4);
-webkit-transition: all 0.35s 0.1s ease-in-out;
-moz-transition: all 0.35s 0.1s ease-in-out;
transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect7 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
-webkit-transform: scale(5);
-moz-transform: scale(5);
-ms-transform: scale(5);
-o-transform: scale(5);
transform: scale(5);
-webkit-transition: all 0.35s 0.3s linear;
-moz-transition: all 0.35s 0.3s linear;
transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect7 a:hover .img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.ih-item.square.effect7 a:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.square.effect7 a:hover .info h3,
.ih-item.square.effect7 a:hover .info p {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect8 {
overflow: hidden;
}
.ih-item.square.effect8.colored .info {
background: #1a4a72;
}
.ih-item.square.effect8.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect8 .img {
opacity: 1;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect8 .info {
background: #333333;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect8 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
-webkit-transition: all 0.35s 0.1s ease-in-out;
-moz-transition: all 0.35s 0.1s ease-in-out;
transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect8 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
-webkit-transition: all 0.35s 0.15s linear;
-moz-transition: all 0.35s 0.15s linear;
transition: all 0.35s 0.15s linear;
}
.ih-item.square.effect8 a:hover .img {
opacity: 0;
}
.ih-item.square.effect8 a:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.square.effect8.scale_up .img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect8.scale_up .info {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.ih-item.square.effect8.scale_up .info h3,
.ih-item.square.effect8.scale_up .info p {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.ih-item.square.effect8.scale_up a:hover .img {
-webkit-transform: scale(5);
-moz-transform: scale(5);
-ms-transform: scale(5);
-o-transform: scale(5);
transform: scale(5);
}
.ih-item.square.effect8.scale_up a:hover .info {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect8.scale_up a:hover .info h3,
.ih-item.square.effect8.scale_up a:hover .info p {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect8.scale_down .img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect8.scale_down .info {
-webkit-transform: scale(5);
-moz-transform: scale(5);
-ms-transform: scale(5);
-o-transform: scale(5);
transform: scale(5);
}
.ih-item.square.effect8.scale_down .info h3,
.ih-item.square.effect8.scale_down .info p {
-webkit-transform: scale(5);
-moz-transform: scale(5);
-ms-transform: scale(5);
-o-transform: scale(5);
transform: scale(5);
}
.ih-item.square.effect8.scale_down a:hover .img {
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.ih-item.square.effect8.scale_down a:hover .info {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect8.scale_down a:hover .info h3,
.ih-item.square.effect8.scale_down a:hover .info p {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect9 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px;
}
.ih-item.square.effect9.colored .info .info-back {
background: #1a4a72;
}
.ih-item.square.effect9.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect9 .img {
position: relative;
z-index: 11;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.ih-item.square.effect9 .info {
z-index: 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.ih-item.square.effect9 .info .info-back {
opacity: 1;
width: 100%;
height: 100%;
padding-top: 30px;
background: #333333;
}
.ih-item.square.effect9 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 0;
}
.ih-item.square.effect9 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
}
.ih-item.square.effect9.left_to_right .img {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.ih-item.square.effect9.left_to_right a:hover .img {
-webkit-transform: rotate3d(0, 1, 0, 180deg);
-moz-transform: rotate3d(0, 1, 0, 180deg);
-ms-transform: rotate3d(0, 1, 0, 180deg);
-o-transform: rotate3d(0, 1, 0, 180deg);
transform: rotate3d(0, 1, 0, 180deg);
}
.ih-item.square.effect9.right_to_left .img {
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.ih-item.square.effect9.right_to_left a:hover .img {
-webkit-transform: rotate3d(0, 1, 0, -180deg);
-moz-transform: rotate3d(0, 1, 0, -180deg);
-ms-transform: rotate3d(0, 1, 0, -180deg);
-o-transform: rotate3d(0, 1, 0, -180deg);
transform: rotate3d(0, 1, 0, -180deg);
}
.ih-item.square.effect9.top_to_bottom .img {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.ih-item.square.effect9.top_to_bottom a:hover .img {
-webkit-transform: rotate3d(1, 0, 0, -180deg);
-moz-transform: rotate3d(1, 0, 0, -180deg);
-ms-transform: rotate3d(1, 0, 0, -180deg);
-o-transform: rotate3d(1, 0, 0, -180deg);
transform: rotate3d(1, 0, 0, -180deg);
}
.ih-item.square.effect9.bottom_to_top .img {
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.ih-item.square.effect9.bottom_to_top a:hover .img {
-webkit-transform: rotate3d(1, 0, 0, 180deg);
-moz-transform: rotate3d(1, 0, 0, 180deg);
-ms-transform: rotate3d(1, 0, 0, 180deg);
-o-transform: rotate3d(1, 0, 0, 180deg);
transform: rotate3d(1, 0, 0, 180deg);
}
.ih-item.square.effect10 {
overflow: hidden;
}
.ih-item.square.effect10.colored .info {
background: #1a4a72;
}
.ih-item.square.effect10.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect10 .img {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect10 .info {
background: #333333;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect10 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
}
.ih-item.square.effect10 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
}
.ih-item.square.effect10 a:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.square.effect10.left_to_right .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.square.effect10.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.square.effect10.left_to_right a:hover .img {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.square.effect10.left_to_right a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.square.effect10.right_to_left .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.square.effect10.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.square.effect10.right_to_left a:hover .img {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.square.effect10.right_to_left a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.square.effect10.top_to_bottom .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect10.top_to_bottom .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.square.effect10.top_to_bottom a:hover .img {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.square.effect10.top_to_bottom a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect10.bottom_to_top .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect10.bottom_to_top .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.square.effect10.bottom_to_top a:hover .img {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.square.effect10.bottom_to_top a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect11 {
overflow: hidden;
}
.ih-item.square.effect11.colored .info {
background: #1a4a72;
}
.ih-item.square.effect11.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect11 .img {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect11 .info {
background: #333333;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.35s ease 0.2s;
-moz-transition: all 0.35s ease 0.2s;
transition: all 0.35s ease 0.2s;
}
.ih-item.square.effect11 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
}
.ih-item.square.effect11 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
}
.ih-item.square.effect11 a:hover .img {
opacity: 0;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.ih-item.square.effect11 a:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.square.effect11.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.square.effect11.left_to_right a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.square.effect11.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.square.effect11.right_to_left a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.square.effect11.top_to_bottom .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.square.effect11.top_to_bottom a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect11.bottom_to_top .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.square.effect11.bottom_to_top a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect12 {
overflow: hidden;
}
.ih-item.square.effect12.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect12.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect12 .img {
-webkit-transition: all 0.35s ease-in;
-moz-transition: all 0.35s ease-in;
transition: all 0.35s ease-in;
}
.ih-item.square.effect12 .info {
background: #333333;
background: rgba(0, 0, 0, 0.6);
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.35s ease-in;
-moz-transition: all 0.35s ease-in;
transition: all 0.35s ease-in;
}
.ih-item.square.effect12 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
-webkit-transition: all 0.35s ease-in;
-moz-transition: all 0.35s ease-in;
transition: all 0.35s ease-in;
}
.ih-item.square.effect12 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
-webkit-transition: all 0.35s ease-in;
-moz-transition: all 0.35s ease-in;
transition: all 0.35s ease-in;
}
.ih-item.square.effect12 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.ih-item.square.effect12 a:hover .info h3 {
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.ih-item.square.effect12 a:hover .info p {
-webkit-transition-delay: 0.25s;
-moz-transition-delay: 0.25s;
transition-delay: 0.25s;
}
.ih-item.square.effect12.left_to_right .info {
-webkit-transform: translate(-460px, -100px) rotate(-180deg);
-moz-transform: translate(-460px, -100px) rotate(-180deg);
-ms-transform: translate(-460px, -100px) rotate(-180deg);
-o-transform: translate(-460px, -100px) rotate(-180deg);
transform: translate(-460px, -100px) rotate(-180deg);
}
.ih-item.square.effect12.left_to_right .info h3 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-ms-transform: translateY(-100px);
-o-transform: translateY(-100px);
transform: translateY(-100px);
}
.ih-item.square.effect12.left_to_right .info 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);
}
.ih-item.square.effect12.left_to_right a:hover .info {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.ih-item.square.effect12.left_to_right a:hover .info h3 {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
.ih-item.square.effect12.left_to_right a:hover .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);
}
.ih-item.square.effect12.right_to_left .info {
-webkit-transform: translate(460px, -100px) rotate(180deg);
-moz-transform: translate(460px, -100px) rotate(180deg);
-ms-transform: translate(460px, -100px) rotate(180deg);
-o-transform: translate(460px, -100px) rotate(180deg);
transform: translate(460px, -100px) rotate(180deg);
}
.ih-item.square.effect12.right_to_left .info h3 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-ms-transform: translateY(-100px);
-o-transform: translateY(-100px);
transform: translateY(-100px);
}
.ih-item.square.effect12.right_to_left .info 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);
}
.ih-item.square.effect12.right_to_left a:hover .info {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.ih-item.square.effect12.right_to_left a:hover .info h3 {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
.ih-item.square.effect12.right_to_left a:hover .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);
}
.ih-item.square.effect12.top_to_bottom .info {
-webkit-transform: translate(-265px, -145px) rotate(-45deg);
-moz-transform: translate(-265px, -145px) rotate(-45deg);
-ms-transform: translate(-265px, -145px) rotate(-45deg);
-o-transform: translate(-265px, -145px) rotate(-45deg);
transform: translate(-265px, -145px) rotate(-45deg);
}
.ih-item.square.effect12.top_to_bottom .info h3 {
-webkit-transform: translate(200px, -200px);
-moz-transform: translate(200px, -200px);
-ms-transform: translate(200px, -200px);
-o-transform: translate(200px, -200px);
transform: translate(200px, -200px);
}
.ih-item.square.effect12.top_to_bottom .info 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);
}
.ih-item.square.effect12.top_to_bottom a:hover .info {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.ih-item.square.effect12.top_to_bottom a:hover .info h3 {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.ih-item.square.effect12.top_to_bottom a:hover .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;
}
.ih-item.square.effect12.bottom_to_top .info {
-webkit-transform: translate(265px, 145px) rotate(45deg);
-moz-transform: translate(265px, 145px) rotate(45deg);
-ms-transform: translate(265px, 145px) rotate(45deg);
-o-transform: translate(265px, 145px) rotate(45deg);
transform: translate(265px, 145px) rotate(45deg);
}
.ih-item.square.effect12.bottom_to_top .info h3 {
-webkit-transform: translate(200px, -200px);
-moz-transform: translate(200px, -200px);
-ms-transform: translate(200px, -200px);
-o-transform: translate(200px, -200px);
transform: translate(200px, -200px);
}
.ih-item.square.effect12.bottom_to_top .info 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);
}
.ih-item.square.effect12.bottom_to_top a:hover .info {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.ih-item.square.effect12.bottom_to_top a:hover .info h3 {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.ih-item.square.effect12.bottom_to_top a:hover .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;
}
.ih-item.square.effect13 {
overflow: hidden;
}
.ih-item.square.effect13.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect13.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect13 .img {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect13 .info {
background: #333333;
background: rgba(0, 0, 0, 0.6);
visibility: hidden;
opacity: 0;
pointer-events: none;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect13 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
}
.ih-item.square.effect13 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
}
.ih-item.square.effect13 a:hover .img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.ih-item.square.effect13 a:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.square.effect13.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.square.effect13.left_to_right a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.square.effect13.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.square.effect13.right_to_left a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.square.effect13.top_to_bottom .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.square.effect13.top_to_bottom a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect13.bottom_to_top .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.square.effect13.bottom_to_top a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect14.colored .info {
background: #1a4a72;
}
.ih-item.square.effect14.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect14 .img {
opacity: 1;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect14 .info {
background: #333333;
visibility: hidden;
opacity: 0;
pointer-events: none;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: all 0.35s ease 0.2s;
-moz-transition: all 0.35s ease 0.2s;
transition: all 0.35s ease 0.2s;
}
.ih-item.square.effect14 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
}
.ih-item.square.effect14 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
}
.ih-item.square.effect14 a:hover .img {
opacity: 0;
pointer-events: none;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.ih-item.square.effect14 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect14.left_to_right .img {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
}
.ih-item.square.effect14.left_to_right a:hover .img {
-webkit-transform: translateX(100%) rotate(180deg);
-moz-transform: translateX(100%) rotate(180deg);
-ms-transform: translateX(100%) rotate(180deg);
-o-transform: translateX(100%) rotate(180deg);
transform: translateX(100%) rotate(180deg);
}
.ih-item.square.effect14.right_to_left .img {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
}
.ih-item.square.effect14.right_to_left a:hover .img {
-webkit-transform: translateX(-100%) rotate(-180deg);
-moz-transform: translateX(-100%) rotate(-180deg);
-ms-transform: translateX(-100%) rotate(-180deg);
-o-transform: translateX(-100%) rotate(-180deg);
transform: translateX(-100%) rotate(-180deg);
}
.ih-item.square.effect14.top_to_bottom .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect14.top_to_bottom a:hover .img {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.square.effect14.bottom_to_top .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect14.bottom_to_top a:hover .img {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.square.effect15 {
overflow: hidden;
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px;
}
.ih-item.square.effect15.colored .info {
background: #1a4a72;
}
.ih-item.square.effect15 .img {
opacity: 1;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.ih-item.square.effect15 .info {
background: #333333;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out 0.3s;
-moz-transition: all 0.35s ease-in-out 0.3s;
transition: all 0.35s ease-in-out 0.3s;
}
.ih-item.square.effect15 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
}
.ih-item.square.effect15 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
}
.ih-item.square.effect15 a:hover .img {
opacity: 0;
visibility: hidden;
}
.ih-item.square.effect15 a:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.square.effect15.left_to_right .img {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.ih-item.square.effect15.left_to_right .info {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.ih-item.square.effect15.left_to_right a:hover .img {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.ih-item.square.effect15.left_to_right a:hover .info {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
.ih-item.square.effect15.right_to_left .img {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.ih-item.square.effect15.right_to_left .info {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.ih-item.square.effect15.right_to_left a:hover .img {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
}
.ih-item.square.effect15.right_to_left a:hover .info {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
.ih-item.square.effect15.top_to_bottom .img {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.ih-item.square.effect15.top_to_bottom .info {
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.ih-item.square.effect15.top_to_bottom a:hover .img {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
}
.ih-item.square.effect15.top_to_bottom a:hover .info {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
}
.ih-item.square.effect15.bottom_to_top .img {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.ih-item.square.effect15.bottom_to_top .info {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.ih-item.square.effect15.bottom_to_top a:hover .img {
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
.ih-item.square.effect15.bottom_to_top a:hover .info {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
}.ahe-caption {
list-style: outside none none !important;
margin: 0 !important;
padding: 0;
width: 100%;
}
.caption_li {
float: left;
}
.wcp-caption-plugin {
}
.wcp-caption-plugin .image-caption-box {
cursor: pointer;
overflow: visible;
position: relative;
width: 100%;
}
.centered-text {
display: table-cell !important;
vertical-align: middle !important;
}
.wcp-caption-plugin .image-caption-box img {
max-width: 100% !important;
position: relative;
transition: all 1s ease-out 0s;
}
.wcp-caption-plugin .image-caption-box .caption {
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
height: 100%;
position: absolute;
transition: all 1s ease-out 0s;
width: 100%;
z-index: 100;
}
.wcp-caption-plugin .image-caption-box .captionna {
pointer-events: none !important;
}
.wcp-caption-plugin .image-caption-box .no-effect {
display: block;
top: 0;
transition: none 0s ease 0s ;
visibility: hidden;
}
.wcp-caption-plugin .image-caption-box:hover .no-effect {
visibility: visible;
}
.wcp-caption-plugin .image-caption-box .simple-fade {
display: block;
opacity: 0 !important;
top: 0;
transition: all 1s ease 0s;
}
.wcp-caption-plugin .image-caption-box:hover .simple-fade {
opacity: 1 !important;
}
.wcp-caption-plugin .image-caption-box .slide-top-to-bottom {
bottom: -100%;
display: block;
}
.wcp-caption-plugin .image-caption-box:hover .slide-top-to-bottom {
transform: translateY(-100%);
}
.wcp-caption-plugin .image-caption-box .slide-bottom-to-top {
display: block;
top: -100%;
}
.wcp-caption-plugin .image-caption-box:hover .slide-bottom-to-top {
transform: translateY(100%);
}
.wcp-caption-plugin .image-caption-box .caption-slide-up {
display: block;
top: 0;
}
.wcp-caption-plugin .image-caption-box:hover .caption-slide-up {
transform: translateY(-100%);
}
.wcp-caption-plugin .image-caption-box .slide-left-to-right {
display: block;
left: -100%;
}
.wcp-caption-plugin .image-caption-box:hover .slide-left-to-right {
transform: translateX(100%);
}
.wcp-caption-plugin .image-caption-box .slide-right-to-left {
display: block;
right: -100%;
}
.wcp-caption-plugin .image-caption-box:hover .slide-right-to-left {
transform: translateX(-100%);
}
.wcp-caption-plugin .image-caption-box .image-flip-up {
display: block;
top: 0;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .image-flip-up ~ img {
z-index: 101;
}
.wcp-caption-plugin .image-caption-box:hover .image-flip-up ~ img {
transform: translateY(-100%);
}
.wcp-caption-plugin .image-caption-box .image-flip-down {
display: block;
top: 0;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .image-flip-down ~ img {
z-index: 101;
}
.wcp-caption-plugin .image-caption-box:hover .image-flip-down ~ img {
transform: translateY(100%);
}
.wcp-caption-plugin .image-caption-box .image-flip-right {
display: block;
top: 0;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .image-flip-right ~ img {
z-index: 101;
}
.wcp-caption-plugin .image-caption-box:hover .image-flip-right ~ img {
transform: translateX(100%);
}
.wcp-caption-plugin .image-caption-box .image-flip-left {
display: block;
top: 0;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .image-flip-left ~ img {
z-index: 101;
}
.wcp-caption-plugin .image-caption-box:hover .image-flip-left ~ img {
transform: translateX(-100%);
}
.wcp-caption-plugin .image-caption-box .rotate-image-down {
display: block;
top: 0;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .rotate-image-down ~ img {
transform-origin: right bottom 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .rotate-image-down ~ img {
transform: rotate(180deg);
}
.wcp-caption-plugin .image-caption-box .image-turn-around {
backface-visibility: hidden;
display: block;
top: 0;
transform: rotateY(180deg);
transition: all 0.5s ease-in-out 0s;
}
.wcp-caption-plugin .image-caption-box .image-turn-around ~ img {
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.5s ease-in-out 0s;
}
.wcp-caption-plugin .image-caption-box:hover .image-turn-around ~ img {
backface-visibility: hidden;
transform: rotateY(-180deg);
}
.wcp-caption-plugin .image-caption-box:hover .image-turn-around {
backface-visibility: hidden;
transform: rotateY(0deg);
}
.wcp-caption-plugin .image-caption-box .zoom-and-pan {
display: block;
top: 0;
transform: scale(0.01);
transition: all 0.5s ease 0s;
z-index: 3;
}
.wcp-caption-plugin .image-caption-box .zoom-and-pan ~ img {
backface-visibility: hidden;
transition: all 0.5s ease 0s;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .zoom-and-pan ~ img {
transform: scale(10);
}
.wcp-caption-plugin .image-caption-box:hover .zoom-and-pan {
transform: scale(1);
}
.wcp-caption-plugin .image-caption-box .tilt-image {
display: block;
transform: scale(0.01);
transition: all 0.5s ease 0s;
}
.wcp-caption-plugin .image-caption-box .tilt-image ~ img {
backface-visibility: hidden;
transition: all 0.5s ease 0s;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .tilt-image ~ img {
transform: rotate(-10deg);
}
.wcp-caption-plugin .image-caption-box:hover .tilt-image {
transform: rotate(-10deg);
}
.wcp-caption-plugin .image-caption-box .morph {
border-radius: 50%;
display: block;
transform: rotate(360deg);
transition: all 0.5s ease 0s;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .morph ~ img {
backface-visibility: hidden;
transition: all 0.5s ease 0s;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .morph ~ img {
border-radius: 50%;
transform: rotate(360deg);
}
.wcp-caption-plugin .image-caption-box:hover .morph {
border-radius: 0;
transform: rotate(0deg);
z-index: 3;
}
.wcp-caption-plugin .image-caption-box .move-image-right {
display: block;
transform: translateX(-100%);
transition: all 0.5s ease 0s;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .move-image-right ~ img {
backface-visibility: hidden;
transition: all 0.5s ease 0s;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .move-image-right ~ img {
transform: translateX(100%);
}
.wcp-caption-plugin .image-caption-box:hover .move-image-right {
transform: translateX(0px);
}
.wcp-caption-plugin .image-caption-box .move-image-left {
display: block;
transform: translateX(100%);
transition: all 0.5s ease 0s;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .move-image-left ~ img {
backface-visibility: hidden;
transition: all 0.5s ease 0s;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .move-image-left ~ img {
transform: translateX(-100%);
}
.wcp-caption-plugin .image-caption-box:hover .move-image-left {
transform: translateX(0px);
}
.wcp-caption-plugin .image-caption-box .move-image-top {
display: block;
transform: translateY(100%);
transition: all 0.5s ease 0s;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .move-image-top ~ img {
backface-visibility: hidden;
transition: all 0.5s ease 0s;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .move-image-top ~ img {
transform: translateY(-100%);
}
.wcp-caption-plugin .image-caption-box:hover .move-image-top {
transform: translateY(0px);
}
.wcp-caption-plugin .image-caption-box .move-image-bottom {
display: block;
transform: translateY(-100%);
transition: all 0.5s ease 0s;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .move-image-bottom ~ img {
backface-visibility: hidden;
transition: all 0.5s ease 0s;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .move-image-bottom ~ img {
transform: translateY(100%);
}
.wcp-caption-plugin .image-caption-box:hover .move-image-bottom {
transform: translateY(0px);
}
.wcp-caption-plugin .image-caption-box .image-squeez-right {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .image-squeez-right ~ img {
backface-visibility: hidden;
transform-origin: right center 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .image-squeez-right ~ img {
transform: scaleX(0);
transform-origin: right center 0;
}
.wcp-caption-plugin .image-caption-box .image-squeez-left {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .image-squeez-left ~ img {
backface-visibility: hidden;
transform-origin: left center 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .image-squeez-left ~ img {
transform: scaleX(0);
transform-origin: left center 0;
}
.wcp-caption-plugin .image-caption-box .image-squeez-top {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .image-squeez-top ~ img {
backface-visibility: hidden;
transform-origin: center top 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .image-squeez-top ~ img {
transform: scaleY(0);
transform-origin: center top 0;
}
.wcp-caption-plugin .image-caption-box .image-squeez-bottom {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .image-squeez-bottom ~ img {
backface-visibility: hidden;
transform-origin: center bottom 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .image-squeez-bottom ~ img {
transform: scaleY(0);
transform-origin: center bottom 0;
}
.wcp-caption-plugin .image-caption-box .fall-down-caption {
backface-visibility: hidden;
display: block;
opacity: 1;
transform: scale(1, 1) rotate(0deg);
transform-origin: 100% 200% 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .fall-down-caption ~ img {
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .fall-down-caption {
opacity: 0;
transform: scale(0, 0) rotate(270deg);
transform-origin: 200% 500% 0;
}
.wcp-caption-plugin .image-caption-box .fall-down-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .fall-down-image ~ img {
backface-visibility: hidden;
opacity: 1;
transform: scale(1, 1) rotate(0deg);
transform-origin: 100% 200% 0;
}
.wcp-caption-plugin .image-caption-box:hover .fall-down-image ~ img {
opacity: 0;
transform: scale(0, 0) rotate(270deg);
transform-origin: 200% 500% 0;
}
.wcp-caption-plugin .image-caption-box .swap-caption {
backface-visibility: hidden;
opacity: 0;
transform: scale(0, 0) translate(-700px, 0px);
transform-origin: 0 100% 0;
}
.wcp-caption-plugin .image-caption-box .swap-caption ~ img {
display: block;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .swap-caption {
opacity: 1;
transform: scale(1, 1) translate(0px, 0px);
transform-origin: 100% 100% 0;
}
.wcp-caption-plugin .image-caption-box .swap-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .swap-image ~ img {
backface-visibility: hidden;
opacity: 0;
transform: scale(0, 0) translate(-700px, 0px);
transform-origin: 0 100% 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .swap-image ~ img {
opacity: 1;
transform: scale(1, 1) translate(0px, 0px);
transform-origin: 100% 100% 0;
}
.wcp-caption-plugin .image-caption-box .puffin-caption {
backface-visibility: hidden;
opacity: 0 !important;
transform: scale(2, 2);
transform-origin: 50% 50% 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .puffin-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .puffin-caption {
opacity: 1 !important;
transform: scale(1, 1);
transform-origin: 50% 50% 0;
}
.wcp-caption-plugin .image-caption-box .puffin-image {
display: block;
opacity: 1 !important;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .puffin-image ~ img {
opacity: 0;
transform: scale(2, 2);
transform-origin: 50% 50% 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .puffin-image ~ img {
opacity: 1 !important;
transform: scale(1, 1);
transform-origin: 50% 50% 0;
}
.wcp-caption-plugin .image-caption-box .puffout-caption {
opacity: 1 !important;
transform: scale(1, 1);
transform-origin: 50% 50% 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .puffout-caption ~ img {
display: block;
opacity: 1 !important;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .puffout-caption {
opacity: 0 !important;
transform: scale(2, 2);
transform-origin: 50% 50% 0;
}
.wcp-caption-plugin .image-caption-box .puffout-image {
display: block;
opacity: 1 !important;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .puffout-image ~ img {
opacity: 1 !important;
transform: scale(1, 1);
transform-origin: 50% 50% 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .puffout-image ~ img {
opacity: 0 !important;
transform: scale(2, 2);
transform-origin: 50% 50% 0;
}
.wcp-caption-plugin .image-caption-box .opendoordown-caption {
transform: perspective(800px) rotateX(0deg);
transform-origin: 0 100% 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .opendoordown-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .opendoordown-caption {
transform: perspective(800px) rotateX(-180deg);
transform-origin: 0 100% 0;
}
.wcp-caption-plugin .image-caption-box .opendoordown-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .opendoordown-image ~ img {
transform: perspective(800px) rotateX(0deg);
transform-origin: 0 100% 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .opendoordown-image ~ img {
transform: perspective(800px) rotateX(-180deg);
transform-origin: 0 100% 0;
}
.wcp-caption-plugin .image-caption-box .opendoorup-caption {
transform: perspective(800px) rotateX(0deg);
transform-origin: 0 0 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .opendoorup-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .opendoorup-caption {
transform: perspective(800px) rotateX(180deg);
transform-origin: 0 0 0;
}
.wcp-caption-plugin .image-caption-box .opendoorup-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .opendoorup-image ~ img {
transform: perspective(800px) rotateX(0deg);
transform-origin: 0 0 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .opendoorup-image ~ img {
transform: perspective(800px) rotateX(180deg);
transform-origin: 0 0 0;
}
.wcp-caption-plugin .image-caption-box .opendoorright-caption {
transform: perspective(800px) rotateY(0deg);
transform-origin: 100% 0 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .opendoorright-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .opendoorright-caption {
transform: perspective(800px) rotateY(180deg);
transform-origin: 100% 0 0;
}
.wcp-caption-plugin .image-caption-box .opendoorright-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .opendoorright-image ~ img {
transform: perspective(800px) rotateY(0deg);
transform-origin: 100% 0 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .opendoorright-image ~ img {
transform: perspective(800px) rotateY(180deg);
transform-origin: 100% 0 0;
}
.wcp-caption-plugin .image-caption-box .opendoorleft-caption {
transform: perspective(800px) rotateY(0deg);
transform-origin: 0 0 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .opendoorleft-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .opendoorleft-caption {
transform: perspective(800px) rotateY(-180deg);
transform-origin: 0 0 0;
}
.wcp-caption-plugin .image-caption-box .opendoorleft-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .opendoorleft-image ~ img {
transform: perspective(800px) rotateY(0deg);
transform-origin: 0 0 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .opendoorleft-image ~ img {
transform: perspective(800px) rotateY(-180deg);
transform-origin: 0 0 0;
}
.wcp-caption-plugin .image-caption-box .rotatedown-caption {
opacity: 1 !important;
transform: perspective(800px) rotateX(0deg) translateZ(0px);
transform-origin: 0 0 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .rotatedown-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .rotatedown-caption {
opacity: 0 !important;
transform: perspective(800px) rotateX(-180deg) translateZ(300px);
transform-origin: 50% 100% 0;
}
.wcp-caption-plugin .image-caption-box .rotatedown-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .rotatedown-image ~ img {
opacity: 1 !important;
transform: perspective(800px) rotateX(0deg) translateZ(0px);
transform-origin: 0 0 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .rotatedown-image ~ img {
opacity: 0 !important;
transform: perspective(800px) rotateX(-180deg) translateZ(300px);
transform-origin: 50% 100% 0;
}
.wcp-caption-plugin .image-caption-box .rotateup-caption {
opacity: 1 !important;
transform: perspective(800px) rotateX(0deg) translateZ(0px);
transform-origin: 0 0 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .rotateup-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .rotateup-caption {
opacity: 0 !important;
transform: perspective(800px) rotateX(180deg) translateZ(100px);
transform-origin: 50% 0 0;
}
.wcp-caption-plugin .image-caption-box .rotateup-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .rotateup-image ~ img {
opacity: 1 !important;
transform: perspective(800px) rotateX(0deg) translateZ(0px);
transform-origin: 0 0 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .rotateup-image ~ img {
opacity: 0 !important;
transform: perspective(800px) rotateX(180deg) translateZ(100px);
transform-origin: 50% 0 0;
}
.wcp-caption-plugin .image-caption-box .rotateright-caption {
opacity: 1 !important;
transform-origin: 0 0 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .rotateright-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .rotateright-caption {
opacity: 0 !important;
transform: perspective(800px) rotateY(-180deg) translateZ(150px);
transform-origin: 50% 0 0;
}
.wcp-caption-plugin .image-caption-box .rotateright-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .rotateright-image ~ img {
opacity: 1 !important;
transform-origin: 0 0 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .rotateright-image ~ img {
opacity: 0 !important;
transform: perspective(800px) rotateY(-180deg) translateZ(150px);
transform-origin: 50% 0 0;
}
.wcp-caption-plugin .image-caption-box .rotateleft-caption {
opacity: 1 !important;
transform: perspective(800px) rotateY(0deg) translateZ(0px);
transform-origin: 0 0 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .rotateleft-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .rotateleft-caption {
opacity: 0 !important;
transform: perspective(800px) rotateY(180deg) translateZ(100px);
transform-origin: 50% 0 0;
}
.wcp-caption-plugin .image-caption-box .rotateleft-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .rotateleft-image ~ img {
opacity: 1 !important;
transform: perspective(800px) rotateY(0deg) translateZ(0px);
transform-origin: 0 0 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .rotateleft-image ~ img {
opacity: 0 !important;
transform: perspective(800px) rotateY(180deg) translateZ(300px);
transform-origin: 50% 0 0;
}
.wcp-caption-plugin .image-caption-box .spaceoutup-caption {
opacity: 1 !important;
transform: scale(1) translate(0%, 0%);
transform-origin: 50% 0 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .spaceoutup-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .spaceoutup-caption {
opacity: 0 !important;
transform: scale(0.2) translate(0%, -200%);
transform-origin: 50% 0 0;
}
.wcp-caption-plugin .image-caption-box .spaceoutup-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .spaceoutup-image ~ img {
opacity: 1 !important;
transform: scale(1) translate(0%, 0%);
transform-origin: 50% 0 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .spaceoutup-image ~ img {
opacity: 0 !important;
transform: scale(0.2) translate(0%, -200%);
transform-origin: 50% 0 0;
}
.wcp-caption-plugin .image-caption-box .spaceoutdown-caption {
opacity: 1 !important;
transform: scale(1) translate(0%, 0%);
transform-origin: 50% 100% 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .spaceoutdown-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .spaceoutdown-caption {
opacity: 0 !important;
transform: scale(0.2) translate(0%, 200%);
transform-origin: 50% 100% 0;
}
.wcp-caption-plugin .image-caption-box .spaceoutdown-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .spaceoutdown-image ~ img {
opacity: 1 !important;
transform: scale(1) translate(0%, 0%);
transform-origin: 50% 100% 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .spaceoutdown-image ~ img {
opacity: 0 !important;
transform: scale(0.2) translate(0%, 200%);
transform-origin: 50% 100% 0;
}
.wcp-caption-plugin .image-caption-box .spaceoutright-caption {
opacity: 1 !important;
transform: scale(1) translate(0%, 0%);
transform-origin: 100% 50% 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .spaceoutright-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .spaceoutright-caption {
opacity: 0 !important;
transform: scale(0.2) translate(200%, 0%);
transform-origin: 100% 50% 0;
}
.wcp-caption-plugin .image-caption-box .spaceoutright-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .spaceoutright-image ~ img {
opacity: 1 !important;
transform: scale(1) translate(0%, 0%);
transform-origin: 100% 50% 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .spaceoutright-image ~ img {
opacity: 0 !important;
transform: scale(0.2) translate(200%, 0%);
transform-origin: 100% 50% 0;
}
.wcp-caption-plugin .image-caption-box .spaceoutleft-caption {
opacity: 1 !important;
transform: scale(1) translate(0%, 0%);
transform-origin: 0 50% 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .spaceoutleft-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .spaceoutleft-caption {
opacity: 0 !important;
transform: scale(0.2) translate(-200%, 0%);
transform-origin: 0 50% 0;
}
.wcp-caption-plugin .image-caption-box .spaceoutleft-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .spaceoutleft-image ~ img {
opacity: 1 !important;
transform: scale(1) translate(0%, 0%);
transform-origin: 0 50% 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .spaceoutleft-image ~ img {
opacity: 0 !important;
transform: scale(0.2) translate(-200%, 0%);
transform-origin: 0 50% 0;
}
.wcp-caption-plugin .image-caption-box .foolish-caption {
animation-duration: 1s;
animation-name: foolishIn;
opacity: 1 !important;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .foolish-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .foolish-caption {
animation-duration: 1s;
animation-name: foolishOut;
opacity: 0 !important;
}
.wcp-caption-plugin .image-caption-box .foolish-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .foolish-image ~ img {
animation-duration: 1s;
animation-name: foolishIn;
opacity: 1 !important;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .foolish-image ~ img {
animation-duration: 1s;
animation-name: foolishOut;
opacity: 0 !important;
}
.wcp-caption-plugin .image-caption-box .tinright-caption {
animation-duration: 1s;
animation-name: tinRightIn;
opacity: 1 !important;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .tinright-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .tinright-caption {
animation-duration: 1s;
animation-name: tinRightOut;
opacity: 0 !important;
}
.wcp-caption-plugin .image-caption-box .tinright-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .tinright-image ~ img {
animation-duration: 1s;
animation-name: tinRightIn;
opacity: 1 !important;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .tinright-image ~ img {
animation-duration: 1s;
animation-name: tinRightOut;
opacity: 0 !important;
}
.wcp-caption-plugin .image-caption-box .tinleft-caption {
animation-duration: 1s;
animation-name: tinLeftIn;
opacity: 1 !important;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .tinleft-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .tinleft-caption {
animation-duration: 1s;
animation-name: tinLeftOut;
opacity: 0 !important;
}
.wcp-caption-plugin .image-caption-box .tinleft-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .tinleft-image ~ img {
animation-duration: 1s;
animation-name: tinLeftIn;
opacity: 1 !important;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .tinleft-image ~ img {
animation-duration: 1s;
animation-name: tinLeftOut;
opacity: 0 !important;
}
.wcp-caption-plugin .image-caption-box .tinup-caption {
animation-duration: 1s;
animation-name: tinUpIn;
opacity: 1 !important;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .tinup-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .tinup-caption {
animation-duration: 1s;
animation-name: tinUpOut;
opacity: 0 !important;
}
.wcp-caption-plugin .image-caption-box .tinup-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .tinup-image ~ img {
animation-duration: 1s;
animation-name: tinUpIn;
opacity: 1 !important;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .tinup-image ~ img {
animation-duration: 1s;
animation-name: tinUpOut;
opacity: 0 !important;
}
.wcp-caption-plugin .image-caption-box .tindown-caption {
animation-duration: 1s;
animation-name: tinDownIn;
opacity: 1 !important;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .tindown-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .tindown-caption {
animation-duration: 1s;
animation-name: tinDownOut;
opacity: 0 !important;
}
.wcp-caption-plugin .image-caption-box .tindown-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .tindown-image ~ img {
animation-duration: 1s;
animation-name: tinDownIn;
opacity: 1 !important;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .tindown-image ~ img {
animation-duration: 1s;
animation-name: tinDownOut;
opacity: 0 !important;
}
@keyframes foolishOut {
0% {
opacity: 1;
transform: scale(1, 1) rotate(360deg);
transform-origin: 50% 50% 0;
}
20% {
opacity: 1;
transform: scale(0.5, 0.5) rotate(0deg);
transform-origin: 0 0 0;
}
40% {
opacity: 1;
transform: scale(0.5, 0.5) rotate(0deg);
transform-origin: 100% 0 0;
}
60% {
opacity: 1;
transform: scale(0.5, 0.5) rotate(0deg);
transform-origin: 0 50% 0;
}
80% {
opacity: 1;
transform: scale(0.5, 0.5) rotate(0deg);
transform-origin: 0 100% 0;
}
100% {
opacity: 0;
transform: scale(0, 0) rotate(0deg);
transform-origin: 50% 50% 0;
}
}
@keyframes foolishIn {
0% {
opacity: 0;
transform: scale(0, 0) rotate(360deg);
transform-origin: 50% 50% 0;
}
20% {
opacity: 1;
transform: scale(0.5, 0.5) rotate(0deg);
transform-origin: 0 100% 0;
}
40% {
opacity: 1;
transform: scale(0.5, 0.5) rotate(0deg);
transform-origin: 100% 100% 0;
}
60% {
opacity: 1;
transform: scale(0.5, 0.5) rotate(0deg);
transform-origin: 0 50% 0;
}
80% {
opacity: 1;
transform: scale(0.5, 0.5) rotate(0deg);
transform-origin: 0 0 0;
}
100% {
opacity: 1;
transform: scale(1, 1) rotate(0deg);
transform-origin: 50% 50% 0;
}
}
@keyframes tinRightOut {
0%, 20%, 40%, 50% {
opacity: 1;
transform: scale(1, 1) translateX(0px);
}
10%, 30% {
opacity: 1;
transform: scale(1.1, 1.1) translateX(0px);
}
100% {
opacity: 0;
transform: scale(1, 1) translateX(900%);
}
}
@keyframes tinLeftOut {
0%, 20%, 40%, 50% {
opacity: 1;
transform: scale(1, 1) translateX(0px);
}
10%, 30% {
opacity: 1;
transform: scale(1.1, 1.1) translateX(0px);
}
100% {
opacity: 0;
transform: scale(1, 1) translateX(-900%);
}
}
@keyframes tinUpOut {
0%, 20%, 40%, 50% {
opacity: 1;
transform: scale(1, 1) translateY(0px);
}
10%, 30% {
opacity: 1;
transform: scale(1.1, 1.1) translateY(0px);
}
100% {
opacity: 0;
transform: scale(1, 1) translateY(-900%);
}
}
@keyframes tinDownOut {
0%, 20%, 40%, 50% {
opacity: 1;
transform: scale(1, 1) translateY(0px);
}
10%, 30% {
opacity: 1;
transform: scale(1.1, 1.1) translateY(0px);
}
100% {
opacity: 0;
transform: scale(1, 1) translateY(900%);
}
}
@keyframes tinRightIn {
0% {
opacity: 0;
transform: scale(1, 1) translateX(900%);
}
50%, 70%, 90% {
opacity: 1;
transform: scale(1.1, 1.1) translateX(0px);
}
60%, 80%, 100% {
opacity: 1;
transform: scale(1, 1) translateX(0px);
}
}
@keyframes tinLeftIn {
0% {
opacity: 0;
transform: scale(1, 1) translateX(-900%);
}
50%, 70%, 90% {
opacity: 1;
transform: scale(1.1, 1.1) translateX(0px);
}
60%, 80%, 100% {
opacity: 1;
transform: scale(1, 1) translateX(0px);
}
}
@keyframes tinUpIn {
0% {
opacity: 0;
transform: scale(1, 1) translateY(-900%);
}
50%, 70%, 90% {
opacity: 1;
transform: scale(1.1, 1.1) translateY(0px);
}
60%, 80%, 100% {
opacity: 1;
transform: scale(1, 1) translateY(0px);
}
}
@keyframes tinDownIn {
0% {
opacity: 0;
transform: scale(1, 1) translateY(900%);
}
50%, 70%, 90% {
opacity: 1;
transform: scale(1.1, 1.1) translateY(0px);
}
60%, 80%, 100% {
opacity: 1;
transform: scale(1, 1) translateY(0px);
}
}
.wcp-caption-plugin .image-caption-box .zoom-in {
opacity: 0;
transform: scale(0);
}
.wcp-caption-plugin .image-caption-box .zoom-in ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .zoom-in {
opacity: 1;
transform: scale(1);
}
.wcp-caption-plugin .image-caption-box .zoom-out {
opacity: 0;
transform: scale(5);
}
.wcp-caption-plugin .image-caption-box .zoom-out ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .zoom-out {
opacity: 1;
transform: scale(1);
}
.wcp-caption-plugin .image-caption-box .zoom-in-twist {
opacity: 0;
transform: scale(0) rotateZ(-720deg);
}
.wcp-caption-plugin .image-caption-box .zoom-in-twist ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .zoom-in-twist {
opacity: 1;
transform: scale(1) rotateZ(0deg);
}
.wcp-caption-plugin .image-caption-box .zoom-out-twist {
opacity: 0;
transform: scale(5) rotateZ(720deg);
}
.wcp-caption-plugin .image-caption-box .zoom-out-twist ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .zoom-out-twist {
opacity: 1;
transform: scale(1) rotateZ(0deg);
}
.wcp-caption-plugin .image-caption-box .zoom-caption-in-image-out {
opacity: 0;
transform: scale(0);
}
.wcp-caption-plugin .image-caption-box .zoom-caption-in-image-out ~ img {
display: block;
transform: scale(1);
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .zoom-caption-in-image-out {
opacity: 1;
transform: scale(1);
}
.wcp-caption-plugin .image-caption-box:hover .zoom-caption-in-image-out ~ img {
opacity: 0;
transform: scale(0);
}
.wcp-caption-plugin .image-caption-box .zoom-caption-out-image-in {
opacity: 0;
transform: scale(5);
}
.wcp-caption-plugin .image-caption-box .zoom-caption-out-image-in ~ img {
display: block;
transform: scale(1);
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .zoom-caption-out-image-in {
opacity: 1;
transform: scale(1);
}
.wcp-caption-plugin .image-caption-box:hover .zoom-caption-out-image-in ~ img {
opacity: 0;
transform: scale(5);
}
.wcp-caption-plugin .image-caption-box .zoom-image-out-caption-twist {
opacity: 0;
transform: scale(0) rotateZ(-720deg);
}
.wcp-caption-plugin .image-caption-box .zoom-image-out-caption-twist ~ img {
display: block;
transform: scale(1);
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .zoom-image-out-caption-twist {
opacity: 1;
transform: scale(1) rotateZ(0deg);
}
.wcp-caption-plugin .image-caption-box:hover .zoom-image-out-caption-twist ~ img {
opacity: 0;
transform: scale(0);
}
.wcp-caption-plugin .image-caption-box .zoom-image-in-caption-twist {
opacity: 0;
transform: scale(5) rotateZ(720deg);
}
.wcp-caption-plugin .image-caption-box .zoom-image-in-caption-twist ~ img {
display: block;
transform: scale(1);
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .zoom-image-in-caption-twist {
opacity: 1;
transform: scale(1) rotateZ(0deg);
}
.wcp-caption-plugin .image-caption-box:hover .zoom-image-in-caption-twist ~ img {
opacity: 0;
transform: scale(5);
}
.wcp-caption-plugin .image-caption-box .flip-image-vertical, .wcp-caption-plugin .image-caption-box .flip-image-vertical-back, .wcp-caption-plugin .image-caption-box .flip-image-horizontal, .wcp-caption-plugin .image-caption-box .flip-image-horizontal-back {
backface-visibility: hidden;
transition: all 0.5s ease-in-out 0s;
}
.wcp-caption-plugin .image-caption-box .flip-image-vertical ~ img, .wcp-caption-plugin .image-caption-box .flip-image-vertical-back ~ img, .wcp-caption-plugin .image-caption-box .flip-image-horizontal ~ img, .wcp-caption-plugin .image-caption-box .flip-image-horizontal-back ~ img {
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.5s ease-in-out 0s;
}
.wcp-caption-plugin .image-caption-box .flip-image-vertical {
transform: rotateX(180deg);
}
.wcp-caption-plugin .image-caption-box:hover .flip-image-vertical {
backface-visibility: hidden;
transform: rotateX(0deg);
}
.wcp-caption-plugin .image-caption-box:hover .flip-image-vertical ~ img {
backface-visibility: hidden;
transform: rotateX(-180deg);
}
.wcp-caption-plugin .image-caption-box .flip-image-vertical-back {
transform: rotateX(-180deg);
}
.wcp-caption-plugin .image-caption-box:hover .flip-image-vertical-back {
backface-visibility: hidden;
transform: rotateX(0deg);
}
.wcp-caption-plugin .image-caption-box:hover .flip-image-vertical-back ~ img {
backface-visibility: hidden;
transform: rotateX(180deg);
}
.wcp-caption-plugin .image-caption-box .flip-image-horizontal {
transform: rotateY(180deg);
}
.wcp-caption-plugin .image-caption-box:hover .flip-image-horizontal {
backface-visibility: hidden;
transform: rotateY(0deg);
}
.wcp-caption-plugin .image-caption-box:hover .flip-image-horizontal ~ img {
backface-visibility: hidden;
transform: rotateY(-180deg);
}
.wcp-caption-plugin .image-caption-box .flip-image-horizontal-back {
transform: rotateY(-180deg);
}
.wcp-caption-plugin .image-caption-box:hover .flip-image-horizontal-back {
backface-visibility: hidden;
transform: rotateY(0deg);
}
.wcp-caption-plugin .image-caption-box:hover .flip-image-horizontal-back ~ img {
backface-visibility: hidden;
transform: rotateY(180deg);
}
.wcp-caption-plugin .image-caption-box .page-turn-from-top {
opacity: 0;
transform: rotateX(90deg);
transform-origin: 0 0 0;
}
.wcp-caption-plugin .image-caption-box:hover .page-turn-from-top {
opacity: 1;
transform: rotateX(0deg);
}
.wcp-caption-plugin .image-caption-box .page-turn-from-top ~ img {
opacity: 1;
transform: rotateX(0deg);
transform-origin: 0 0 0;
}
.wcp-caption-plugin .image-caption-box:hover .page-turn-from-top ~ img {
opacity: 0;
transform: rotateX(-90deg);
}
.wcp-caption-plugin .image-caption-box .page-turn-from-bottom {
opacity: 0;
transform: rotateX(-90deg);
transform-origin: 100% 100% 0;
}
.wcp-caption-plugin .image-caption-box:hover .page-turn-from-bottom {
opacity: 1;
transform: rotateX(0deg);
}
.wcp-caption-plugin .image-caption-box .page-turn-from-bottom ~ img {
opacity: 1;
transform: rotateX(0deg);
transform-origin: 100% 100% 0;
}
.wcp-caption-plugin .image-caption-box:hover .page-turn-from-bottom ~ img {
opacity: 0;
transform: rotateX(90deg);
}
.wcp-caption-plugin .image-caption-box .page-turn-from-left {
opacity: 0;
transform: rotateY(-90deg);
transform-origin: 0 0 0;
}
.wcp-caption-plugin .image-caption-box:hover .page-turn-from-left {
opacity: 1;
transform: rotateY(0deg);
}
.wcp-caption-plugin .image-caption-box .page-turn-from-left ~ img {
opacity: 1;
transform: rotateY(0deg);
transform-origin: 0 0 0;
}
.wcp-caption-plugin .image-caption-box:hover .page-turn-from-left ~ img {
opacity: 0;
transform: rotateY(90deg);
}
.wcp-caption-plugin .image-caption-box .page-turn-from-right {
opacity: 0;
transform: rotateY(90deg);
transform-origin: 100% 100% 0;
}
.wcp-caption-plugin .image-caption-box:hover .page-turn-from-right {
opacity: 1;
transform: rotateY(0deg);
}
.wcp-caption-plugin .image-caption-box .page-turn-from-right ~ img {
opacity: 1;
transform: rotateY(0deg);
transform-origin: 100% 100% 0;
}
.wcp-caption-plugin .image-caption-box:hover .page-turn-from-right ~ img {
opacity: 0;
transform: rotateY(-90deg);
}.effect-hover figcaption::before {
background-color: #000;
content: "";
display: block;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
}
.effect-hover:hover figcaption::before {
opacity: 0.65;
transform: rotateX(0deg);
transition: transform 0.6s ease 0s, opacity 0.6s ease 0s, -webkit-transform 0.6s ease 0s;
}
.effect-hover.effect-honey figcaption::before {
content: "";
height: 0;
}
.hover-wrap {
margin-left: 20px !important;
}.wpml-ls-legacy-list-horizontal{border:1px solid transparent;padding:7px;clear:both}.wpml-ls-legacy-list-horizontal>ul{padding:0;margin:0 !important;list-style-type:none}.wpml-ls-legacy-list-horizontal .wpml-ls-item{padding:0;margin:0;list-style-type:none;display:inline-block}.wpml-ls-legacy-list-horizontal a{display:block;text-decoration:none;padding:5px 10px 6px;line-height:1}.wpml-ls-legacy-list-horizontal a span{vertical-align:middle}.wpml-ls-legacy-list-horizontal a span.wpml-ls-bracket{vertical-align:unset}.wpml-ls-legacy-list-horizontal .wpml-ls-flag{display:inline;vertical-align:middle}.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:.4em}.rtl .wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:0;margin-right:.4em}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer{margin-bottom:30px}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer>ul{text-align:center}.wpml-ls-menu-item .wpml-ls-flag{display:inline;vertical-align:baseline}.wpml-ls-menu-item .wpml-ls-flag+span{margin-left:.3em}.rtl .wpml-ls-menu-item .wpml-ls-flag+span{margin-left:0;margin-right:.3em}ul .wpml-ls-menu-item a{display:flex;align-items:center}