.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;
word-break: 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;
}.wpcf7 form{position:relative}.wpcf7 form>div,.wpcf7 form>p{margin-bottom:1.2em}.wpcf7 .wpcf7-form-control-wrap{width:100%;display:block}.wpcf7 input:not([type=submit]):focus,.wpcf7 select:focus,.wpcf7 textarea:focus{border-color:var(--ast-border-color);outline:0}.wpcf7 input:not([type=submit]),.wpcf7 select,.wpcf7 textarea{width:100%;padding:.75em}.wpcf7 input[type=file]{color:#666;height:auto;border-width:1px;border-style:solid;border-color:var(--ast-border-color);border-radius:2px;background:#fafafa;box-shadow:none;box-sizing:border-box;transition:all .2s linear}.wpcf7 input[type=checkbox],.wpcf7 input[type=radio]{display:inline-block;background:#e9eef2;color:#555;clear:none;cursor:pointer;line-height:0;height:1.2em;margin:-3px 4px 0 0;outline:0;padding:0;border-radius:.2em;text-align:center;vertical-align:middle;width:1.4em;min-width:1.4em;transition:all .2s linear}@-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(//deklimboomlelystad.nl/wp-content/plugins/ultimate-hover-effects-pro/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(//deklimboomlelystad.nl/wp-content/plugins/ultimate-hover-effects-pro/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;
}.cff-wrapper:after{content:"";display:table;clear:both}#cff{float:left;width:100%;margin:0 auto;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.cff-wrapper-ctn{overflow:hidden;box-sizing:border-box}.cff-wrapper-ctn.cff-wrapper-fixed-height{overflow:auto;overflow-x:hidden}#cff .cff-masonry-posts,#cff .cff-posts-wrap,.cff-wrapper-ctn{position:relative;clear:both;height:100%;top:0;bottom:0;width:100%}#cff .cff-posts-wrap-box-shadow{padding:5px}#cff .cff-item{float:left;width:100%;clear:both;padding:20px 0 15px 0;margin:0;border-bottom:1px solid #ddd}#cff .cff-item:first-child{padding-top:0}#cff .cff-item.cff-box,#cff .cff-item.cff-box:first-child{padding:15px;margin:8px 0;background:rgba(255,255,255,.5);border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cff .cff-item.cff-box:first-child{margin-top:0}#cff .cff-item.cff-box:last-child{margin-bottom:0}#cff .cff-item.cff-shadow{box-shadow:0 0 10px 0 rgba(0,0,0,.15);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.15);-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.15)}.cff-header{width:100%;margin:0 0 15px 0;padding:0;line-height:1;-webkit-box-sizing:border-box;box-sizing:border-box;display:flex;align-items:center}.cff-header .fa,.cff-header svg{margin:0 10px 0 0;padding:0}.cff-visual-header{margin-bottom:24px!important}.cff-visual-header .cff-header-hero{width:100%;height:300px;position:relative;overflow:hidden}.cff-visual-header .cff-header-hero img{width:100%;display:none}.cff-visual-header .cff-likes-box{position:absolute;bottom:10px;right:10px;padding:5px;background:#eee;line-height:1;border-radius:2px;color:#445790}.cff-visual-header .cff-likes-box .cff-square-logo{float:left;display:inline-block;line-height:0}.cff-visual-header .cff-likes-box .cff-square-logo svg{width:18px;vertical-align:top}.cff-visual-header .cff-likes-box .cff-likes-count{float:left;display:inline-block;margin-left:8px;vertical-align:top;font-size:15px;line-height:20px}.cff-visual-header .cff-header-inner-wrap{position:relative;display:block;text-decoration:none!important}.cff-visual-header .cff-header-inner-wrap a{color:inherit!important;border:0}.cff-visual-header .cff-header-img img{display:block;width:100px;border-radius:3px;padding:0;margin:0}.cff-visual-header.cff-has-cover .cff-header-img img{border:2px solid #fff}.cff-visual-header .cff-header-img{position:absolute;display:inline-block;line-height:1}.cff-visual-header.cff-has-cover .cff-header-img{top:-25px;left:10px}.cff-visual-header .cff-header-text{display:inline-block;float:left;margin:20px 0 0 120px}#cff .cff-visual-header .cff-header-text h3,.cff-visual-header .cff-header-text h3{display:inline-block!important;width:auto!important;margin:0 8px 0 0!important;padding:0!important;font-size:1.2em!important;line-height:1.2em!important}.cff-visual-header .cff-header-text{padding-top:10px;margin:0}.cff-visual-header.cff-has-name{min-height:100px}.cff-visual-header.cff-has-cover.cff-has-name .cff-header-text{min-height:75px}.cff-visual-header.cff-has-name .cff-header-text{margin-left:120px!important}.cff-visual-header.cff-has-cover.cff-has-name .cff-header-text{margin-left:125px!important}.cff-visual-header.cff-has-name .cff-header-text{padding-top:30px}.cff-visual-header.cff-has-name.cff-has-about .cff-header-text,.cff-visual-header.cff-has-name.cff-has-cover .cff-header-text{padding-top:10px!important}#cff .cff-visual-header .cff-header-inner-wrap .cff-bio,.cff-visual-header .cff-header-inner-wrap .cff-bio{display:block;width:100%;clear:both;margin:3px 0 0 0;padding:0;line-height:1.2em}.cff-visual-header .cff-header-name{float:left;padding:0 5px 2px 0!important}.cff-visual-header .cff-bio-info{font-size:.9em;line-height:1.7}.cff-visual-header .cff-bio-info svg{display:inline-block;width:1em;vertical-align:middle;position:relative;top:-2px}.cff-posts-count svg{padding-right:3px}.cff-header-inner-wrap:after,.cff-header-text:after{display:table;clear:both;content:" "}#cff .cff-less{display:none}#cff.cff-default-styles a{text-decoration:none}#cff.cff-default-styles a:focus,#cff.cff-default-styles a:hover{text-decoration:underline}#cff .cff-post-text-link{display:block}.cff-post-text{width:100%;float:left}#cff .cff-post-desc,#cff h3,#cff h4,#cff h5,#cff h6,#cff p{float:left;width:100%;clear:both;padding:0;margin:5px 0;word-wrap:break-word}#cff.cff-default-styles .cff-post-desc,#cff.cff-default-styles h3,#cff.cff-default-styles h4,#cff.cff-default-styles h5,#cff.cff-default-styles h6,#cff.cff-default-styles p{line-height:1.4}#cff .cff-date{float:left;min-width:50px;width:auto}#cff.cff-default-styles .cff-date{font-size:11px}#cff .cff-author{float:left;clear:both;margin:0 0 15px 0;padding:0;line-height:1.2;width:100%}#cff .cff-author a{text-decoration:none;border:none}#cff .cff-author-img{float:left;width:40px;height:40px;margin:0 0 0 -100%!important;font-size:0;background:#eee;background:url(//deklimboomlelystad.nl/wp-content/plugins/custom-facebook-feed/assets/img/cff-avatar.png) no-repeat;background-size:100%;border-radius:50%}#cff .cff-author img{float:left;margin:0!important;padding:0!important;border:none!important;font-size:0;border-radius:50%}#cff .cff-author-img.cff-no-consent img{display:none}.cff-no-consent .cff-header-text{margin-left:0!important}.cff-no-consent .cff-header-hero,.cff-no-consent .cff-header-img{display:none!important}#cff .cff-author .cff-author-text span.cff-page-name{display:table-cell;vertical-align:middle;height:40px;margin:0;font-weight:700;padding-left:50px;float:none}#cff .cff-author .cff-story{font-weight:400!important}#cff.cff-default-styles .cff-author a{text-decoration:none}#cff .cff-author.cff-no-author-info .cff-date{margin-top:12px!important}#cff .cff-author.cff-no-author-info .cff-author-img{width:40px;height:40px;background:url(//deklimboomlelystad.nl/wp-content/plugins/custom-facebook-feed/assets/img/cff-avatar.png) no-repeat;margin:0!important}#cff .cff-author .cff-author-text{float:left;width:100%}#cff .cff-author .cff-date,#cff .cff-author .cff-page-name{float:left;clear:both;width:auto;margin:0 0 0 50px!important}#cff.cff-default-styles .cff-author .cff-author-text *{font-weight:700;line-height:1.2}#cff .cff-author .cff-date,#cff-lightbox-wrapper .cff-author .cff-date{color:#9197a3;font-weight:400;font-size:11px;margin-top:1px!important;margin-bottom:0!important}#cff.cff-default-styles .cff-author .cff-date{font-weight:400}#cff .cff-author .cff-page-name.cff-author-date{float:left;padding:3px 0 0 0;font-size:14px}#cff .cff-cta-link a,.cff-media-link .fa{display:inline-block;width:auto;padding:5px 7px 5px 6px;margin-right:6px;border:1px solid #eee;border:1px solid rgba(0,0,0,.1);border-radius:3px;background:rgba(0,0,0,.02)}#cff .cff-cta-link a:hover,.cff-media-link .fa:hover{background:#f9f9f9;background:rgba(0,0,0,.03);text-decoration:none}#cff .cff-cta-link a{padding:5px 15px}#cff .cff-break-word{word-break:break-all}#cff .cff-expand{display:none}#cff.cff-default-styles .cff-expand .cff-readmore,#cff.cff-default-styles .cff-expand a{font-size:11px;font-weight:400}#cff .cff-expand .cff-readmore{display:inline;padding:0;border:none;background:0 0;color:inherit;font-family:inherit;font-size:11px;cursor:pointer;-webkit-appearance:none;appearance:none}#cff .cff-shared-link{float:left;clear:both;width:100%;padding:5px 10px;margin:10px 0 5px 0;background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.07);box-sizing:border-box}#cff .cff-no-styles{background:0 0;border:none;padding:0}#cff .cff-link{float:left;clear:both;max-width:20%;margin:10px 0 0 0}#cff .cff-link img{max-width:100%}#cff .cff-link-title{float:left;clear:both;width:100%;display:block}#cff.cff-default-styles .cff-link-title{font-weight:700}#cff p.cff-link-title{margin:5px 0 0 0}#cff .cff-text-link{float:left;clear:none;width:72%;margin-left:3%;padding:0 0 5px 0}#cff .cff-link-caption{margin:0}#cff.cff-default-styles .cff-link-caption{font-size:12px}#cff .cff-text-link.cff-no-image{width:100%;margin-left:0}#cff .cff-post-desc{margin:5px 0 0 0}#cff .cff-details{float:left;clear:none;width:100%;margin:0;padding:0}#cff .cff-details h5{margin:0 0 5px 0}#cff.cff-default-styles .cff-details h5{padding:0;font-size:16px}#cff.cff-default-styles .cff-details p{font-size:14px}#cff .cff-timeline-event .cff-date,#cff .cff-timeline-event .cff-info,#cff .cff-timeline-event .cff-timeline-event-title,#cff .cff-timeline-event .cff-where{display:block;width:100%;clear:both}#cff .cff-details .cff-info{padding:10px 0 0 0}#cff.cff-default-styles .cff-details .cff-info{line-height:1.2}#cff .cff-desc-wrap{float:left;width:100%}#cff .cff-note-title{display:block;font-weight:700;padding-bottom:5px}#cff .cff-post-links{float:left;clear:none;padding:5px 0 0 0;margin:0}#cff.cff-default-styles .cff-post-links{font-size:11px}#cff .cff-post-links.cff-left{float:left;margin:8px 0}#cff.cff-default-styles .cff-post-links a{font-size:11px}#cff .cff-post-links a:first-child{padding-left:0;margin:0}#cff .cff-dot{padding:0 5px}#cff .cff-share-container{position:relative;display:inline}#cff .cff-share-tooltip{display:none;position:absolute;z-index:1000;bottom:22px;right:-40px;width:110px;padding:3px 5px 4px 5px;margin:0;background:#333;color:#eee;font-size:12px;line-height:1.3;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cff .cff-share-tooltip .fa-play{position:absolute;font-size:8px;bottom:-6px;left:50%;margin-left:-3px;color:#333}#cff .cff-share-tooltip a .fa,#cff .cff-share-tooltip a svg{font-size:16px;margin:0;padding:5px}#cff .cff-share-tooltip a{display:block;float:left;margin:0!important;padding:0!important;color:#eee!important;opacity:0;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}#cff .cff-share-tooltip a:hover{color:#fff!important}#cff .cff-share-tooltip .cff-facebook-icon:hover{background:#3b5998}#cff .cff-share-tooltip .cff-twitter-icon:hover{background:#00aced}#cff .cff-share-tooltip .cff-google-icon:hover{background:#dd4b39}#cff .cff-share-tooltip .cff-linkedin-icon:hover{background:#007bb6}#cff .cff-share-tooltip .cff-pinterest-icon:hover{background:#cb2027}#cff .cff-share-tooltip .cff-email-icon:hover{background:#dd4b39}#cff .cff-share-tooltip a.cff-show{opacity:1;transition:opacity .2s ease}.cff-likebox{float:left;width:100%;position:relative;margin:20px 0 0 0}.fb_iframe_widget{border:none;overflow:hidden}.cff-likebox .fb_iframe_widget{width:100%}.cff-likebox .fb_iframe_widget span{width:100%!important}.cff-likebox .fb_iframe_widget iframe{margin:0;position:relative;top:0;left:0;width:100%!important;height:100%}.cff-likebox.cff-top.cff-outside{margin-bottom:10px}.cff-likebox.cff-bottom.cff-outside{margin-top:10px}#cff.cff-fixed-height{padding:5px 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cff .cff-error-msg{display:none;position:relative;font-size:12px;font-family:sans-serif;padding:8px 12px;border:1px solid #ddd;margin-bottom:10px;clear:both;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}#cff .cff-error-msg p{float:none}#cff .cff-error-msg .cff_notice_dismiss{position:absolute;top:4px;right:8px}#cff #cff-error-reason{display:none;padding:5px 0 0 0;clear:both}#cff.cff-default-styles .cff-credit{font-size:11px}#cff.cff-default-styles .cff-credit a{text-decoration:none}#cff .cff-credit img{float:left;margin:-2px 5px 0 0}#cff .cff-credit .fa{padding-right:5px;font-size:13px}.cff-credit a{display:flex;align-items:center}.cff-screenreader{text-indent:-9999px!important;display:block!important;width:0!important;height:0!important;line-height:0!important}@media all and (max-width:640px){#cff.cff-width-resp{width:100%!important}.cff-wrapper .cff-visual-header .cff-header-img img{width:80px}.cff-wrapper .cff-visual-header.cff-has-name .cff-header-text{margin-left:95px}.cff-wrapper .cff-visual-header.cff-has-cover.cff-has-name .cff-header-text{margin-left:105px}}#cff .cff-comment .cff-comment-text img,#cff img.emoji,#cff-lightbox-wrapper .cff-comment .cff-comment-text img,#cff-lightbox-wrapper img.emoji{float:none;max-width:100%}#cff .cff-linebreak{display:block;height:5px}#cff.cff-masonry .cff-item.cff-box{margin-left:1.5%;margin-right:1.5%}#cff.cff-masonry{box-sizing:border-box}#cff.cff-masonry .cff-item,#cff.cff-masonry .cff-item:first-child{padding-top:20px;margin-top:0}#cff.cff-masonry .cff-item,#cff.cff-masonry .cff-likebox{float:none;display:inline-block;width:30.3%;margin:0 1.5%;margin-bottom:20px}#cff.cff-masonry.cff-opaque-comments .cff-item{z-index:1}#cff.cff-masonry.masonry-2-desktop .cff-item{width:47%;margin:0 1.5%}#cff.cff-masonry.masonry-4-desktop .cff-item{width:22%;margin:0 1.5%}#cff.cff-masonry.masonry-5-desktop .cff-item{width:17%;margin:0 1.5%}#cff.cff-masonry.masonry-6-desktop .cff-item{width:13.516%;margin:0 1.5%}@media (min-width:481px) and (max-width:800px){#cff.cff-masonry .cff-item,#cff.cff-masonry .cff-likebox,#cff.cff-masonry.masonry-2-desktop .cff-item,#cff.cff-masonry.masonry-3-desktop .cff-item,#cff.cff-masonry.masonry-4-desktop .cff-item,#cff.cff-masonry.masonry-5-desktop .cff-item,#cff.cff-masonry.masonry-6-desktop .cff-item{width:100%;margin:0}#cff.cff-masonry.masonry-2-tablet .cff-posts-wrap .cff-item,#cff.cff-masonry.masonry-2-tablet .cff-posts-wrap .cff-likebox{width:47%;margin-left:1.5%;margin-right:1.5%}#cff.cff-masonry.masonry-3-tablet .cff-posts-wrap .cff-item,#cff.cff-masonry.masonry-3-tablet .cff-posts-wrap .cff-likebox{width:30.3%;margin-left:1.5%;margin-right:1.5%}#cff.cff-masonry.masonry-4-tablet .cff-item,#cff.cff-masonry.masonry-4-tablet .cff-likebox{width:22%;margin-left:1.5%;margin-right:1.5%}}@media (max-width:480px){#cff.cff-masonry .cff-item,#cff.cff-masonry .cff-likebox,#cff.cff-masonry.masonry-2-desktop .cff-item,#cff.cff-masonry.masonry-3-desktop .cff-item,#cff.cff-masonry.masonry-4-desktop .cff-item,#cff.cff-masonry.masonry-5-desktop .cff-item,#cff.cff-masonry.masonry-6-desktop .cff-item{width:100%;margin:0}#cff.cff-masonry.masonry-2-mobile .cff-posts-wrap .cff-item,#cff.cff-masonry.masonry-2-mobile .cff-posts-wrap .cff-likebox{width:47%;margin-left:1.5%;margin-right:1.5%}#cff.cff-masonry.masonry-3-mobile .cff-posts-wrap .cff-item,#cff.cff-masonry.masonry-3-mobile .cff-posts-wrap .cff-likebox{width:30.3%;margin-left:1.5%;margin-right:1.5%}#cff.cff-masonry.cff-mob-cols-1 .cff-posts-wrap .cff-item{width:100%}}#cff.cff-masonry .cff-comments-box{position:relative;z-index:999}#cff.cff-masonry .cff-comment-attachment,#cff.cff-masonry .cff-comment-replies-box{max-width:100%}#cff.cff-masonry .cff-load-more{display:block;float:left;clear:both}#cff.cff-masonry.cff-masonry-css{width:100%;overflow:hidden;margin-bottom:20px}#cff.cff-masonry.cff-masonry-css{-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;-webkit-column-fill:auto;column-fill:unset;-webkit-column-count:3;-moz-column-count:3;column-count:3;margin:0}#cff.cff-masonry.cff-masonry-css.masonry-2-desktop{-webkit-column-count:2;-moz-column-count:2;column-count:2;margin:0}#cff.cff-masonry.cff-masonry-css.masonry-4-desktop{-webkit-column-count:4;-moz-column-count:4;column-count:4;margin:0}#cff.cff-masonry.cff-masonry-css.masonry-5-desktop{-webkit-column-count:5;-moz-column-count:5;column-count:5;margin:0}#cff.cff-masonry.cff-masonry-css.masonry-6-desktop{-webkit-column-count:6;-moz-column-count:6;column-count:6;margin:0}#cff.cff-masonry.cff-masonry-css .cff-item,#cff.cff-masonry.cff-masonry-css .cff-likebox,#cff.cff-masonry.cff-masonry-css.masonry-2-desktop .cff-item,#cff.cff-masonry.cff-masonry-css.masonry-4-desktop .cff-item,#cff.cff-masonry.cff-masonry-css.masonry-5-desktop .cff-item,#cff.cff-masonry.cff-masonry-css.masonry-6-desktop .cff-item{float:none;display:inline-block;width:100%;margin:0 0 12px 0}#cff.cff-masonry.cff-masonry-css .cff-likebox{width:99.5%}#cff.cff-masonry.cff-masonry-css .cff-load-more{margin:0 0 10px 0;position:relative;bottom:0}@media only screen and (max-width:780px){#cff.cff-masonry.cff-masonry-css,#cff.cff-masonry.cff-masonry-css.masonry-2-desktop,#cff.cff-masonry.cff-masonry-css.masonry-4-desktop,#cff.cff-masonry.cff-masonry-css.masonry-5-desktop,#cff.cff-masonry.cff-masonry-css.masonry-6-desktop{-webkit-column-count:1;-moz-column-count:1;column-count:1}#cff.cff-masonry.cff-masonry-css.masonry-2-mobile{-webkit-column-count:2;-moz-column-count:2;column-count:2;margin:0}#cff.cff-masonry.cff-masonry-css.masonry-2-mobile,#cff.cff-masonry.cff-masonry-css.masonry-2-mobile .cff-item{width:100%}}#cff.cff-disable-masonry{height:auto!important}#cff.cff-disable-masonry .cff-item,#cff.cff-disable-masonry .cff-likebox{position:relative!important;top:auto!important}#cff.cff-dark .cff-album-item,#cff.cff-dark .cff-item,#cff.cff-dark .cff-item.cff-box,#cff.cff-dark .cff-item.cff-box:first-child{background-color:rgba(0,0,0,.85);color:rgba(255,255,255,.75)}#cff.cff-dark .cff-item a{color:#fff;text-decoration:underline}#cff.cff-dark .cff-date{color:rgba(255,255,255,.5)}#cff.cff-dark .cff-album-info a,#cff.cff-dark .cff-author-date,#cff.cff-dark .cff-post-links a{color:#fff}#cff.cff-dark .cff-album-info p{color:rgba(255,255,255,.75)}#cff.cff-light .cff-album-item,#cff.cff-light .cff-item,#cff.cff-light .cff-item.cff-box,#cff.cff-light .cff-item.cff-box:first-child{background-color:rgba(255,255,255,.95);color:rgba(0,0,0,.8)}#cff.cff-light .cff-item a{color:#000;text-decoration:underline}#cff.cff-light .cff-date{color:rgba(0,0,0,.5)}#cff.cff-light .cff-album-info a,#cff.cff-light .cff-author-date,#cff.cff-light .cff-post-links a{color:#000}#cff.cff-light .cff-album-info p{color:rgba(0,0,0,.7)}.cff-num-diff-hide{display:none!important}.cff-gdpr-notice{max-width:100%;box-sizing:border-box;padding:8px 15px;margin:0;font-size:12px;background:#fdf7f7;border-radius:5px;border:1px solid #e4b1b1;line-height:1.3;display:none}.sb-elementor-cta{width:100%!important;border:1px solid #e8e8eb!important;border-radius:2px!important;position:relative!important;text-align:center!important}.sb-elementor-cta-img-ctn{width:100%!important;position:relative!important;float:left!important;display:flex!important;justify-content:center!important;align-items:center!important;margin-top:50px!important;margin-bottom:35px!important}.sb-elementor-cta-img{width:65px!important;height:65px!important;position:relative!important;border:2px solid #dcdde1!important;border-radius:16px!important;-webkit-transform:rotate(-3deg)!important;transform:rotate(-3deg)!important;display:flex!important;justify-content:center!important;align-items:center!important}.sb-elementor-cta-img span svg{width:32px;fill:#257ab2;float:left!important}.sb-elementor-cta-img>*{-webkit-transform:rotate(3deg)!important;transform:rotate(3deg)!important}.sb-elementor-cta-logo{position:absolute!important;right:-15px!important;bottom:-19px!important;z-index:1!important}.sb-elementor-cta-heading{font-size:19px!important;padding:0!important;margin:0!important;display:inline-block!important;width:100%!important;font-weight:700!important;line-height:1.4em!important;margin-bottom:30px!important}.sb-elementor-cta-btn{background:#0068a0!important;border-radius:2px!important;padding:8px 20px 8px 38px!important;cursor:pointer!important;color:#fff!important;position:relative!important;margin-bottom:30px!important;height:40px!important;line-height:24px!important}.sb-elementor-cta-btn:after,.sb-elementor-cta-btn:before{content:''!important;position:absolute!important;width:2px!important;height:12px!important;background:#fff!important;left:20px!important;top:14px!important}.sb-elementor-cta-btn:after{-webkit-transform:rotate(90deg)!important;transform:rotate(90deg)!important}.sb-elementor-cta-desc{display:flex!important;justify-content:center!important;align-items:center!important;padding:20px!important;background:#f9f9fa!important;border-top:1px solid #e8e8eb!important;margin-top:35px!important;flex-direction:column!important}.sb-elementor-cta-desc strong{color:#141b38!important;font-size:16px!important;font-weight:600!important;margin-bottom:8px!important}.sb-elementor-cta-desc span{color:#434960!important;font-size:14px!important;line-height:1.5em!important;padding:0 20%!important}.sb-elementor-cta-selector{width:100%!important;padding:0 20%!important;display:flex!important;justify-content:center!important;align-items:center!important;flex-direction:column!important;margin-bottom:45px!important}.sb-elementor-cta-feedselector{border:1px solid #d0d1d7!important;padding:8px 16px 8px 16px!important;margin-bottom:15px!important;max-width:100%!important;min-width:400px!important}.sb-elementor-cta-selector span{color:#2c324c!important}.sb-elementor-cta-selector span a{text-transform:capitalize!important;text-decoration:underline!important;font-weight:600!important}.sb-elementor-cta-selector span a:after{color:#2c324c!important;margin-left:2px!important;font-weight:400!important;text-decoration-color:#fff!important}.sb-elementor-cta-selector span a:first-of-type:after{content:','!important}.sb-elementor-cta-selector span a:nth-of-type(2):after{content:'or'!important}.sb-elementor-cta-selector span a:nth-of-type(2):after{margin-left:5px!important;margin-right:2px!important}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_facebook_feed::before,.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_instagram_feed::before,.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_twitter_feed::before,.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_youtube_feed::before{content:''!important;height:16px!important;font-variant:normal!important;background-position:center center!important;background-repeat:no-repeat!important}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_facebook_feed::before{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9056 18.109H13.4056V17.609H12.9056V18.109ZM9.79722 18.109H9.29722V18.609H9.79722V18.109ZM9.79722 14.5601V14.0601H9.29722V14.5601H9.79722ZM12.9056 14.5601V15.0601H13.4056V14.5601H12.9056ZM20.2604 7.32764H20.7604V6.90407L20.3426 6.83444L20.2604 7.32764ZM20.2604 10.3503V10.8503H20.7604V10.3503H20.2604ZM16.7237 14.5601H16.2237V15.0601H16.7237V14.5601ZM20.1258 14.5601L20.6199 14.6367L20.7094 14.0601H20.1258V14.5601ZM19.5751 18.109V18.609H20.0035L20.0692 18.1857L19.5751 18.109ZM16.7237 18.109V17.609H16.2237V18.109H16.7237ZM27.0523 14.5601H26.5523L26.5523 14.5612L27.0523 14.5601ZM17.0803 26.6136L16.9877 26.1222L17.0803 26.6136ZM12.5489 26.6139L12.6411 26.1225L12.5489 26.6139ZM14.8147 1.79797C7.80749 1.79797 2.07703 7.51685 2.07703 14.5601H3.07703C3.07703 8.06849 8.36042 2.79797 14.8147 2.79797V1.79797ZM2.07703 14.5601C2.07703 20.7981 6.54984 25.9974 12.4567 27.1053L12.6411 26.1225C7.19999 25.1019 3.07703 20.3097 3.07703 14.5601H2.07703ZM13.4056 26.3139V18.109H12.4056V26.3139H13.4056ZM12.9056 17.609H9.79722V18.609H12.9056V17.609ZM10.2972 18.109V14.5601H9.29722V18.109H10.2972ZM9.79722 15.0601H12.9056V14.0601H9.79722V15.0601ZM13.4056 14.5601V11.8556H12.4056V14.5601H13.4056ZM13.4056 11.8556C13.4056 10.4191 13.8299 9.36825 14.5211 8.67703C15.2129 7.98525 16.2305 7.59512 17.5314 7.59512V6.59512C16.0299 6.59512 14.7346 7.04939 13.814 7.96992C12.893 8.891 12.4056 10.2204 12.4056 11.8556H13.4056ZM17.5314 7.59512C18.1724 7.59512 18.8342 7.65119 19.3401 7.70823C19.592 7.73664 19.8029 7.76502 19.9504 7.78622C20.0241 7.79681 20.0818 7.8056 20.1208 7.81167C20.1402 7.81471 20.155 7.81706 20.1647 7.81863C20.1695 7.81941 20.1731 7.82 20.1754 7.82037C20.1765 7.82056 20.1773 7.82069 20.1778 7.82077C20.178 7.82081 20.1782 7.82083 20.1782 7.82084C20.1783 7.82085 20.1783 7.82085 20.1783 7.82085C20.1783 7.82085 20.1783 7.82085 20.1783 7.82085C20.1782 7.82084 20.1782 7.82084 20.2604 7.32764C20.3426 6.83444 20.3426 6.83443 20.3425 6.83443C20.3425 6.83442 20.3424 6.83441 20.3424 6.83441C20.3423 6.83439 20.3422 6.83437 20.342 6.83435C20.3418 6.8343 20.3414 6.83425 20.341 6.83417C20.3401 6.83403 20.3389 6.83383 20.3373 6.83357C20.3342 6.83307 20.3298 6.83234 20.3241 6.83142C20.3127 6.82958 20.2962 6.82695 20.2749 6.82362C20.2323 6.81698 20.1707 6.8076 20.0927 6.7964C19.9369 6.774 19.7157 6.74425 19.4521 6.71453C18.927 6.65532 18.2243 6.59512 17.5314 6.59512V7.59512ZM19.7604 7.32764V10.3503H20.7604V7.32764H19.7604ZM20.2604 9.85033H18.7185V10.8503H20.2604V9.85033ZM18.7185 9.85033C17.851 9.85033 17.1997 10.1241 16.7742 10.6148C16.3604 11.0922 16.2237 11.7025 16.2237 12.2594H17.2237C17.2237 11.8495 17.3257 11.5053 17.5298 11.2699C17.7224 11.0477 18.0684 10.8503 18.7185 10.8503V9.85033ZM16.2237 12.2594V14.5601H17.2237V12.2594H16.2237ZM16.7237 15.0601H20.1258V14.0601H16.7237V15.0601ZM19.6317 14.4834L19.081 18.0323L20.0692 18.1857L20.6199 14.6367L19.6317 14.4834ZM19.5751 17.609H16.7237V18.609H19.5751V17.609ZM16.2237 18.109V26.3135H17.2237V18.109H16.2237ZM17.1728 27.105C20.0281 26.5671 22.618 25.068 24.5079 22.8512L23.7469 22.2025C22.0054 24.2452 19.6188 25.6266 16.9877 26.1222L17.1728 27.105ZM24.5079 22.8512C26.4793 20.5388 27.5591 17.5977 27.5523 14.559L26.5523 14.5612C26.5586 17.3614 25.5636 20.0715 23.7469 22.2025L24.5079 22.8512ZM27.5523 14.5601C27.5523 7.51685 21.8218 1.79797 14.8147 1.79797V2.79797C21.2689 2.79797 26.5523 8.06849 26.5523 14.5601H27.5523ZM16.2237 26.3135C16.2237 26.8064 16.6682 27.2 17.1728 27.105L16.9877 26.1222C17.119 26.0975 17.2237 26.2006 17.2237 26.3135H16.2237ZM12.4567 27.1053C12.9603 27.1998 13.4056 26.8073 13.4056 26.3139H12.4056C12.4056 26.2001 12.5107 26.098 12.6411 26.1225L12.4567 27.1053Z' fill='%232b87da' /%3E%3Cpath d='M12.9056 18.1088H13.4056V17.6088H12.9056V18.1088ZM9.79724 18.1088H9.29724V18.6088H9.79724V18.1088ZM9.79724 14.5599V14.0599H9.29724V14.5599H9.79724ZM12.9056 14.5599V15.0599H13.4056V14.5599H12.9056ZM20.2604 7.32749H20.7604V6.90392L20.3426 6.83429L20.2604 7.32749ZM20.2604 10.3502V10.8502H20.7604V10.3502H20.2604ZM16.7237 14.5599H16.2237V15.0599H16.7237V14.5599ZM20.1258 14.5599L20.6199 14.6366L20.7094 14.0599H20.1258V14.5599ZM19.5751 18.1088V18.6088H20.0035L20.0692 18.1855L19.5751 18.1088ZM16.7237 18.1088V17.6088H16.2237V18.1088H16.7237ZM13.4056 26.366V18.1088H12.4056V26.366H13.4056ZM12.9056 17.6088H9.79724V18.6088H12.9056V17.6088ZM10.2972 18.1088V14.5599H9.29724V18.1088H10.2972ZM9.79724 15.0599H12.9056V14.0599H9.79724V15.0599ZM13.4056 14.5599V11.8554H12.4056V14.5599H13.4056ZM13.4056 11.8554C13.4056 10.4189 13.8299 9.3681 14.5212 8.67688C15.2129 7.9851 16.2305 7.59497 17.5314 7.59497V6.59497C16.0299 6.59497 14.7346 7.04924 13.814 7.96977C12.893 8.89085 12.4056 10.2202 12.4056 11.8554H13.4056ZM17.5314 7.59497C18.1724 7.59497 18.8342 7.65103 19.3401 7.70808C19.592 7.73648 19.803 7.76487 19.9504 7.78607C20.0241 7.79666 20.0819 7.80545 20.1208 7.81152C20.1402 7.81455 20.155 7.81691 20.1647 7.81848C20.1695 7.81926 20.1731 7.81984 20.1754 7.82022C20.1765 7.8204 20.1773 7.82054 20.1778 7.82061C20.178 7.82065 20.1782 7.82068 20.1783 7.82069C20.1783 7.8207 20.1783 7.8207 20.1783 7.8207C20.1783 7.8207 20.1783 7.82069 20.1783 7.82069C20.1782 7.82069 20.1782 7.82068 20.2604 7.32749C20.3426 6.83429 20.3426 6.83428 20.3425 6.83427C20.3425 6.83427 20.3424 6.83426 20.3424 6.83425C20.3423 6.83424 20.3422 6.83422 20.3421 6.8342C20.3418 6.83415 20.3414 6.83409 20.341 6.83402C20.3401 6.83387 20.3389 6.83367 20.3374 6.83342C20.3343 6.83291 20.3298 6.83219 20.3241 6.83127C20.3127 6.82943 20.2962 6.82679 20.2749 6.82347C20.2324 6.81683 20.1707 6.80745 20.0927 6.79624C19.9369 6.77385 19.7158 6.7441 19.4522 6.71438C18.927 6.65516 18.2244 6.59497 17.5314 6.59497V7.59497ZM19.7604 7.32749V10.3502H20.7604V7.32749H19.7604ZM20.2604 9.85018H18.7185V10.8502H20.2604V9.85018ZM18.7185 9.85018C17.8511 9.85018 17.1997 10.1239 16.7743 10.6146C16.3604 11.092 16.2237 11.7024 16.2237 12.2592H17.2237C17.2237 11.8493 17.3257 11.5052 17.5298 11.2697C17.7224 11.0476 18.0684 10.8502 18.7185 10.8502V9.85018ZM16.2237 12.2592V14.5599H17.2237V12.2592H16.2237ZM16.7237 15.0599H20.1258V14.0599H16.7237V15.0599ZM19.6317 14.4833L19.081 18.0322L20.0692 18.1855L20.6199 14.6366L19.6317 14.4833ZM19.5751 17.6088H16.7237V18.6088H19.5751V17.6088ZM16.2237 18.1088V26.366H17.2237V18.1088H16.2237ZM16.4146 26.1752H13.2148V27.1752H16.4146V26.1752ZM16.2237 26.366C16.2237 26.2606 16.3092 26.1752 16.4146 26.1752V27.1752C16.8615 27.1752 17.2237 26.8129 17.2237 26.366H16.2237ZM12.4056 26.366C12.4056 26.8129 12.7679 27.1752 13.2148 27.1752V26.1752C13.3202 26.1752 13.4056 26.2606 13.4056 26.366H12.4056Z' fill='%232b87da'/%3E%3C/svg%3E%0A")!important}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_instagram_feed::before{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='22' height='22' rx='6' stroke='%232b87da' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='12' r='5' stroke='%232b87da' stroke-width='1.5'/%3E%3Ccircle cx='18.5' cy='5.75' r='1.25' fill='%232b87da'/%3E%3C/svg%3E%0A")!important}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_twitter_feed::before{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.8762 6.78846C27.9345 6.7065 27.8465 6.60094 27.7536 6.63936C27.0263 6.93989 26.26 7.15757 25.4698 7.29241C25.3632 7.31061 25.3082 7.16347 25.3956 7.09969C26.2337 6.48801 26.8918 5.63649 27.2636 4.63802C27.2958 4.55162 27.2014 4.47574 27.1212 4.52123C26.1605 5.06618 25.1092 5.45524 24.0054 5.68842C23.971 5.69568 23.9354 5.68407 23.9113 5.65844C22.9264 4.60891 21.5545 4 19.9999 4C17.0624 4 14.6624 6.4 14.6624 9.3625C14.6624 9.74071 14.702 10.109 14.7724 10.4586C14.7855 10.5235 14.7342 10.5842 14.6681 10.5803C10.3227 10.3231 6.45216 8.2421 3.84135 5.09864C3.79681 5.04501 3.71241 5.0515 3.67879 5.11257C3.26061 5.8722 3.02493 6.75115 3.02493 7.675C3.02493 9.41548 3.84362 10.9704 5.13417 11.9317C5.2141 11.9913 5.17327 12.12 5.07385 12.1129C4.32811 12.0597 3.63173 11.835 3.00827 11.5171C2.99303 11.5094 2.97493 11.5204 2.97493 11.5375V11.5375C2.97493 13.9896 4.6205 16.0638 6.86301 16.7007C6.96452 16.7295 6.96588 16.8757 6.86218 16.8953C6.25772 17.0096 5.63724 17.0173 5.0289 16.9176C4.95384 16.9052 4.89095 16.9762 4.91633 17.0479C5.26967 18.0466 5.91213 18.9192 6.7637 19.5537C7.58576 20.1661 8.56481 20.5283 9.58351 20.6001C9.67715 20.6067 9.71634 20.7266 9.64124 20.7829C7.78574 22.1744 5.52424 22.9237 3.19993 22.9125C2.91864 22.9125 2.63736 22.9015 2.35608 22.8796C2.25034 22.8714 2.20189 23.0116 2.29272 23.0664C4.58933 24.4509 7.27959 25.25 10.1499 25.25C19.9999 25.25 25.4124 17.075 25.4124 9.9875C25.4124 9.76833 25.4124 9.5598 25.4026 9.34228C25.4011 9.30815 25.4168 9.27551 25.4445 9.2555C26.3819 8.57814 27.1984 7.74079 27.8762 6.78846Z' stroke='%232b87da' stroke-width='1.25' stroke-linejoin='round'/%3E%3C/svg%3E%0A")!important}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_youtube_feed::before{background-image:url("data:image/svg+xml,%3Csvg width='27' height='20' viewBox='0 0 27 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 13.3267C11 13.4037 11.0834 13.4518 11.15 13.4133L17.3377 9.83658C17.4043 9.79808 17.4043 9.70192 17.3377 9.66342L11.15 6.08673C11.0834 6.0482 11 6.0963 11 6.17331V13.3267ZM25.45 3.7125C25.6125 4.3 25.725 5.0875 25.8 6.0875C25.8875 7.0875 25.925 7.95 25.925 8.7L26 9.75C26 12.4875 25.8 14.5 25.45 15.7875C25.1375 16.9125 24.4125 17.6375 23.2875 17.95C22.7 18.1125 21.625 18.225 19.975 18.3C18.35 18.3875 16.8625 18.425 15.4875 18.425L13.5 18.5C8.2625 18.5 5 18.3 3.7125 17.95C2.5875 17.6375 1.8625 16.9125 1.55 15.7875C1.3875 15.2 1.275 14.4125 1.2 13.4125C1.1125 12.4125 1.075 11.55 1.075 10.8L1 9.75C1 7.0125 1.2 5 1.55 3.7125C1.8625 2.5875 2.5875 1.8625 3.7125 1.55C4.3 1.3875 5.375 1.275 7.025 1.2C8.65 1.1125 10.1375 1.075 11.5125 1.075L13.5 1C18.7375 1 22 1.2 23.2875 1.55C24.4125 1.8625 25.1375 2.5875 25.45 3.7125Z' stroke='%232b87da' stroke-width='1.25' stroke-linejoin='round'/%3E%3C/svg%3E%0A")!important}