:root {--bs-body-bg: #fff;--bs-body-color: #333;--bs-link-color: #333;--bs-link-hover-color: #0288d1;--bs-heading-color: #333;} body, html {height: 100%;} body[dir=rtl] {text-align: right;} .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {color: var(--bs-heading-color,inherit);} ol, ul {margin: 0;padding: 0;list-style: none;} a {color: var(--bs-link-color);text-decoration: none;-webkit-transition: all .3s ease 0s;transition: all .3s ease 0s;outline: 0;} a:hover {color: var(--bs-link-hover-color);} button, input {border: none;outline: 0 !important;background: 0 0;-webkit-box-shadow: none;box-shadow: none;} input {width: 100%;} input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;appearance: none;} input[type="search"]::-ms-clear {display: none;} .effect-imghover > a {display: block;position: relative;overflow: hidden;} .effect-imghover > a > img {-webkit-transition: all ease-out .2s;transition: all ease-out .2s;width: 100%;height: auto;} .effect-imghover > a:hover > img {-webkit-transform: scale(1.3);transform: scale(1.3);} .text-customer {color: #0288d1;} .text-customer-two {background: #1b4d96;} .bg-customer {background: #0288d1;} .bg-light-customer {background: #f8f4ef;} .bg-customer-two {background: #1b4d96;} .bg-linear-gradient-light {background-image: linear-gradient(0deg,#f8f9fa,#fff);} .bg-linear-gradient-customer {background: linear-gradient(45deg,rgba(0,162,233,.95),rgba(93,211,29,.95));} .text-linear-gradient-customer {background: linear-gradient(45deg,rgba(0,162,233,.95),rgba(93,211,29,.95));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;} .btn-customer {background: #0288d1;font-size: 1.075rem;color: #fff;border: 0px;border-radius: 4px;border-color: #0288d1;padding: .5rem 1rem;transition: all .3s ease;} .btn-customer:hover {color: #fff;background: #0288d1;} .btn-customer:hover i {} .btn-customer:focus, .btn-customer.focus {box-shadow: 0 0 0 .2rem rgba(255,255,255,0);} .btn-customer.disabled, .btn-customer:disabled {background: #0288d1;} .btn-customer:not(:disabled):not(.disabled):active, .btn-customer:not(:disabled):not(.disabled).active, .show > .btn-customer.dropdown-toggle {color: #fff;background: #0288d1;} .btn-customer:not(:disabled):not(.disabled):active:focus, .btn-customer:not(:disabled):not(.disabled).active:focus, .show > .btn-customer.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(255,255,255,0);} .btn-customer-two {color: #fff;background-color: #1b4d96;font-size: 1.075rem;border: 0px;border-radius: 4px;border-color: #1b4d96;padding: .75rem 1.25rem;} .btn-customer-two:hover {color: #fff;background-color: #0288d1;} .btn-customer-two:focus, .btn-customer-two.focus {box-shadow: 0 0 0 .2rem rgba(255,255,255,0);} .btn-customer-two.disabled, .btn-customer-two:disabled {color: #fff;background-color: #1b4d96;} .btn-customer-two:not(:disabled):not(.disabled):active, .btn-customer-two:not(:disabled):not(.disabled).active, .show > .btn-customer-two.dropdown-toggle {color: #fff;background-color: #1b4d96;} .btn-customer-two:not(:disabled):not(.disabled):active:focus, .btn-customer-two:not(:disabled):not(.disabled).active:focus, .show > .btn-customer-two.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(255,255,255,0);} .btn-light-customer {background-color: #fffbec;color: #0288d1;border-color: #fffbec;padding: .75rem 1.5rem;} .btn-light-customer:hover {color: #fff;background-color: #0288d1;border-color: #0288d1;} .btn-light-customer:focus, .btn-light-customer.focus {box-shadow: 0 0 0 .2rem rgba(255,255,255,.5);} .btn-light-customer.disabled, .btn-light-customer:disabled {color: #0288d1;background-color: transparent;} .btn-light-customer:not(:disabled):not(.disabled):active, .btn-light-customer:not(:disabled):not(.disabled).active, .show > .btn-light-customer.dropdown-toggle {color: #fff;background-color: #0288d1;border-color: #0288d1;} .btn-light-customer:not(:disabled):not(.disabled):active:focus, .btn-light-customer:not(:disabled):not(.disabled).active:focus, .show > .btn-light-customer.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(255,255,255,.5);} .btn-outline-customer {color: #0288d1;border-color: #0288d1;border-radius: 0px;padding: .5rem 1rem;display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0,0,0,0);position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: .3s;transition-duration: .3s;} .btn-outline-customer:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #0288d1;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;} .btn-outline-customer:hover, .btn-outline-customer:focus, .btn-outline-customer:active {color: white;} .btn-outline-customer:hover:before, .btn-outline-customer:focus:before, .btn-outline-customer:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);} .navbar {--bs-navbar-padding-x: 0;--bs-navbar-padding-y: 0rem;--bs-navbar-color: rgba(0,0,0,1);--bs-navbar-hover-color: rgba(2,136,209,1);--bs-navbar-disabled-color: rgba(0,0,0,1);--bs-navbar-active-color: rgba(2,136,209,1);--bs-navbar-brand-padding-y: .3125rem;--bs-navbar-brand-margin-end: 1rem;--bs-navbar-brand-font-size: 1.25rem;--bs-navbar-nav-link-padding-x: .5rem;--bs-navbar-toggler-padding-y: 0rem;--bs-navbar-toggler-padding-x: 0rem;--bs-navbar-toggler-font-size: 1.25rem;--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 30 30\'%3e%3cpath stroke=\'rgba%282,136,209, 0.995%29\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' stroke-width=\'2\' d=\'M4 7h22M4 15h22M4 23h22\'/%3e%3c/svg%3e");--bs-navbar-toggler-border-radius: 0rem;--bs-navbar-toggler-focus-width: 0rem;--bs-navbar-toggler-transition: box-shadow .15s ease-in-out;position: relative;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);} .navbar-light {} @media (min-width: 768px) {.navbar-light {}} .navbar-nav {--bs-nav-link-padding-x: 0;--bs-nav-link-padding-y: .75rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-navbar-color);--bs-nav-link-hover-color: var(--bs-navbar-hover-color);--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);display: flex;flex-direction: column;padding-left: 0;margin-bottom: 0;list-style: none;} @media (min-width: 768px) {.navbar-nav {--bs-nav-link-padding-y: 2rem;}} .navbar-nav .nav-link {position: relative !important;transition: all .3s ease-out;font-size: 1rem;font-weight: bold;color: var(--bs-navbar-color);} .navbar-customer .navbar-nav .nav-link:before {position: absolute;content: "";height: 0px;width: 0;margin: auto;bottom: 0;left: 0;right: 0;background: #0288d1;transition: all .3s ease-in-out;} .navbar-nav .show > .nav-link, .navbar-nav a:hover.nav-link, .navbar-nav .nav-link.active {color: var(--bs-navbar-active-color);} .navbar-nav .current-menu-item a.nav-link, .navbar-nav .current-menu-parent a.nav-link, .navbar-nav .current-menu-ancestor a.nav-link {color: var(--bs-navbar-hover-color);} .navbar-light .navbar-nav .current-post-ancestor a.nav-link, .navbar-light .navbar-nav .current-category-ancestor a.nav-link {color: var(--bs-navbar-hover-color);} .navbar-customer .navbar-nav .nav-link:hover:before, .navbar-customer .navbar-nav .current-menu-item a.nav-link:before, .navbar-customer .navbar-nav .current-menu-parent a.nav-link:before, .navbar-customer .navbar-nav .current-post-ancestor a.nav-link:before {width: 30%;transition: all .3s ease-in-out;} @media (min-width: 768px) {.navbar {--bs-navbar-nav-link-padding-x: .35rem;} .navbar-nav .nav-link {color: #fff;} .navbar-customer .navbar-nav .nav-link:before {position: absolute;content: "";height: 3px;width: 0;margin: auto;bottom: 0rem;left: 0;right: 0;background: #0288d1;transition: all .3s ease-in-out;} .navbar-nav .show > .nav-link, .navbar-nav a:hover.nav-link, .navbar-nav .nav-link.active {color: var(--bs-navbar-active-color);} .navbar-nav .current-menu-item a.nav-link, .navbar-nav .current-menu-parent a.nav-link, .navbar-nav .current-menu-ancestor a.nav-link {color: var(--bs-navbar-hover-color);} .navbar-light .navbar-nav .current-post-ancestor a.nav-link.navbar-light .navbar-nav .current-category-ancestor a.nav-link {color: var(--bs-navbar-hover-color);}} @media (min-width: 1400px) {.navbar {--bs-navbar-nav-link-padding-x: 1rem;}} .dropdown-menu {--bs-dropdown-zindex: 1000;--bs-dropdown-min-width: 10rem;--bs-dropdown-padding-x: 0;--bs-dropdown-padding-y: 0rem;--bs-dropdown-spacer: .125rem;--bs-dropdown-font-size: 1rem;--bs-dropdown-color: var(--bs-body-color);--bs-dropdown-bg: var(--bs-body-bg);--bs-dropdown-border-color: var(--bs-border-color-translucent);--bs-dropdown-border-radius: 0rem;--bs-dropdown-border-width: 0rem;--bs-dropdown-inner-border-radius: calc(0rem - var(--bs-border-width));--bs-dropdown-divider-bg: var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y: .5rem;--bs-dropdown-box-shadow: 0 .5rem .5rem rgba(0,0,0,.25);--bs-dropdown-link-color: var(--bs-body-color);--bs-dropdown-link-hover-color: var(--bs-body-color);--bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);--bs-dropdown-link-active-color: #fff;--bs-dropdown-link-active-bg: #0d6efd;--bs-dropdown-link-disabled-color: #adb5bd;--bs-dropdown-item-padding-x: 1rem;--bs-dropdown-item-padding-y: .75rem;--bs-dropdown-header-color: #6c757d;--bs-dropdown-header-padding-x: 1rem;--bs-dropdown-header-padding-y: .5rem;position: absolute;z-index: var(--bs-dropdown-zindex);display: none;min-width: var(--bs-dropdown-min-width);padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin: 0;font-size: var(--bs-dropdown-font-size);color: var(--bs-dropdown-color);text-align: left;list-style: none;background-color: var(--bs-dropdown-bg);background-clip: padding-box;border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius: var(--bs-dropdown-border-radius);} .dropdown-menu[data-bs-popper] {top: 100%;left: 0;margin-top: var(--bs-dropdown-spacer);} .dropdown-item {display: block;width: 100%;padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear: both;font-weight: 400;color: var(--bs-dropdown-link-color);text-align: inherit;text-decoration: none;white-space: nowrap;background-color: transparent;border: 0;border-radius: var(--bs-dropdown-item-border-radius,0);} .dropdown-item:hover, .dropdown-item:focus {color: #fff;background-color: #0288d1;} .dropdown-item.active, .dropdown-item:active {color: #fff;text-decoration: none;background-color: #0288d1;} .dropdown-item.disabled, .dropdown-item:disabled {color: var(--bs-dropdown-link-disabled-color);pointer-events: none;background-color: transparent;} .offcanvas {border: 0 !important;width: 100% !important;height: 100vh !important;} @media (max-width: 767px) {.navbar-nav .dropdown-toggle {white-space: nowrap;position: relative;} .navbar-nav .dropdown-toggle::after {position: absolute;right: 0;color: #848484;} .navbar-nav .dropdown {} .navbar-nav .dropdown .dropdown-menu {} .navbar-nav .dropdown .dropdown-menu .dropdown {} .navbar-nav .dropdown .dropdown-menu .dropdown .dropdown-menu {display: block;margin-left: 10px;}} @media (min-width: 768px) {.dropdown-menu {--bs-dropdown-box-shadow: 0 .5rem .5rem rgba(0,0,0,.25);box-shadow: var(--bs-dropdown-box-shadow);} .navbar-nav .dropdown .dropdown-menu {position: absolute;z-index: 1000;display: block;visibility: hidden;padding: 0px;margin: 0px;border: 0px solid rgba(0,0,0,.15);border-radius: 0rem;top: 100%;transform: rotateX(-75deg);transform-origin: 0% 0%;transition: .5s;opacity: 0;} .navbar-nav .dropdown:hover .dropdown-menu {transform: rotateX(0deg);visibility: visible;transition: .5s;opacity: 1;} .navbar-nav .dropdown .dropdown-menu .dropdown::after {position: absolute;font-family: "FontAwesome";content: "";top: 8px;right: 10px;opacity: .5;} .navbar-nav .dropdown .dropdown-menu .dropdown .dropdown-menu {position: absolute;z-index: 1000;display: block;visibility: hidden;padding: 0px;margin: 0px;border: 0px solid rgba(0,0,0,.15);border-radius: 0rem;top: 0%;left: 100%;transform: rotateX(-75deg);transform-origin: 0% 0%;transition: .5s;opacity: 0;} .navbar-nav .dropdown:hover .dropdown-menu .dropdown:hover .dropdown-menu {transform: rotateX(0deg);visibility: visible;transition: .5s;opacity: 1;}} .top-header {border-bottom: solid 0px #ededed;} .top-header .nav-item {} .top-header .nav-item i {color: #0288d1;} .top-header .nav-item a {} .top-header .nav-item a:hover {opacity: .9;} .top-header .nav-item a i {color: #0288d1;} #myheader {top: 0rem;} @media (min-width: 768px) {#myheader {top: 0rem;} #myheader.sticky .navbar-nav {--bs-nav-link-padding-y: 1rem;}} #myheader.sticky .navbar-nav .nav-link {color: var(--bs-navbar-color);} #myheader.sticky .navbar-nav .show > .nav-link, #myheader.sticky .navbar-nav a:hover.nav-link, #myheader.sticky .navbar-nav .nav-link.active {color: var(--bs-navbar-active-color);} #myheader.sticky .navbar-nav .current-menu-item a.nav-link, #myheader.sticky .navbar-nav .current-menu-parent a.nav-link, #myheader.sticky .navbar-nav .current-menu-ancestor a.nav-link {color: var(--bs-navbar-hover-color);} #myheader.sticky .navbar-light .navbar-nav .current-post-ancestor a.nav-link.navbar-light .navbar-nav .current-category-ancestor a.nav-link {color: var(--bs-navbar-hover-color);} #myheader .logo-scrolled {display: block;} #myheader .logo-display {display: none;} #myheader .logo-display {display: block;} #myheader .logo-scrolled {display: none;} #myheader.sticky .logo-display {display: none;} #myheader.sticky .logo-scrolled {display: block;} .sticky {background: #fff;position: fixed;z-index: 9999;width: 100%;top: 0;-webkit-box-shadow: 0 0 2px rgba(0,0,0,.1);border-bottom: 0;-webkit-animation: 500ms ease-in-out 0s normal fadeInDown;animation: 500ms ease-in-out 500s normal fadeInDown;-webkit-transition: .5s;transition: .5s;} .header-phone {font-family: "Georgia";src: url("../fonts/Georgia.ttf");font-size: 1.75em;letter-spacing: .1em;font-style: italic;} .header-contact-icon i {float: left;display: inline-block;font-size: 2.5rem;text-align: center;color: #0288d1;} .header-contact-content {text-align: left;color: #fff;} #myheader.sticky .header-contact-content {color: #333;} .breadcrumbs {background-image: url("../images/bg-breadcrumbs.jpg");background-repeat: no-repeat;background-size: cover;background-position: center center;padding: 0px;margin: 0px;position: relative;z-index: 0;margin-top: 0rem;height: 30vh;} @media (min-width: 768px) {.breadcrumbs {margin-top: 0rem;height: 50vh;}} .breadcrumbs::before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 0px;margin: 0px;content: "";background: linear-gradient(45deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.5) 50%,rgba(0,0,0,.35));z-index: -1;border-bottom: solid 0px #f8f9fa;} .breadcrumbs h1 {font-size: 1.75rem;color: #fff;} .breadcrumbs h1 a {color: #fff;} .breadcrumbs ol {display: flex;flex-wrap: wrap;list-style: none;padding: 0px;margin: 0px;} .breadcrumbs ol li + li {padding-left: 10px;color: #fff;} .breadcrumbs ol a {color: #fff;} .breadcrumbs ol a:hover {color: #df2919;} .breadcrumbs ol li + li::before {display: inline-block;padding-right: 10px;font-family: "FontAwesome";content: "";} @media (max-width: 768px) {.breadcrumbs .d-flex {} .breadcrumbs h1 {margin-bottom: 5px;} .breadcrumbs ol {display: block;} .breadcrumbs ol li {display: inline-block;}} .map-contact {margin-top: 0px;width: 100%;overflow: hidden;} @media (min-width: 768px) {.map-contact {margin-top: 0rem;}} .sidebar-wrapper {border: 0px solid #efefef;} @media only screen and (min-width: 768px) and (max-width: 991px) {.sidebar-wrapper {margin-top: 50px;}} @media only screen and (max-width: 767px) {.sidebar-wrapper {margin-top: 40px;}} .sidebar-widget .sidebar-search .sidebar-search-form {position: relative;} .sidebar-widget .sidebar-search .sidebar-search-form input {background: transparent none repeat scroll 0 0;border: 1px solid #e6e6e6;font-size: 14px;height: 43px;padding: 2px 55px 2px 18px;color: #444;} .sidebar-widget .sidebar-search .sidebar-search-form button {background: transparent none repeat scroll 0 0;border-color: #a1a5aa;-o-border-image: none;border-image: none;border-style: none none none solid;border-width: medium medium medium 1px;padding: 1px 15px 0;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);cursor: pointer;color: #000;-webkit-transition: all .3s ease 0s;transition: all .3s ease 0s;font-size: 17px;} .sidebar-widget .sidebar-search .sidebar-search-form button:hover {color: #0288d1;} .sidebar-widget .sidebar-title {font-size: 18px;font-weight: 500;margin: 0;line-height: 1;color: #222;} .sidebar-widget hr {height: .05rem;background-color: #d8d8d8;border: none;margin: 30px auto;} .sidebar-product .accordion {--bs-accordion-color: var(--bs-body-color);--bs-accordion-bg: var(--bs-body-bg);--bs-accordion-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;--bs-accordion-border-color: var(--bs-border-color);--bs-accordion-border-width: 0rem;--bs-accordion-border-radius: var(--bs-border-radius);--bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - ( var(--bs-border-width) ));--bs-accordion-btn-padding-x: 0rem;--bs-accordion-btn-padding-y: .5rem;--bs-accordion-btn-color: var(--bs-body-color);--bs-accordion-btn-bg: var(--bs-accordion-bg);--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 16 16\' fill=\'%23d8d8d8\'%3e%3cpath fill-rule=\'evenodd\' d=\'M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z\'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width: 1rem;--bs-accordion-btn-icon-transform: rotate(-180deg);--bs-accordion-btn-icon-transition: transform .2s ease-in-out;--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 16 16\' fill=\'%23d8d8d8\'%3e%3cpath fill-rule=\'evenodd\' d=\'M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z\'/%3e%3c/svg%3e");--bs-accordion-btn-focus-border-color: #86b7fe;--bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);--bs-accordion-body-padding-x: 0rem;--bs-accordion-body-padding-y: 0rem;--bs-accordion-active-color: var(--bs-link-hover-color);--bs-accordion-active-bg: var(--bs-accordion-bg);} .sidebar-product .sidebar-product .accordion-button {position: relative;display: flex;align-items: center;width: 100%;padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size: 1rem;color: var(--bs-accordion-btn-color);text-align: left;background-color: var(--bs-accordion-btn-bg);border: 0;border-radius: 0;overflow-anchor: none;transition: var(--bs-accordion-transition);} @media (prefers-reduced-motion: reduce) {.sidebar-product .accordion-button {transition: none;}} .sidebar-product .accordion-button:not(.collapsed) {color: var(--bs-accordion-active-color);background-color: var(--bs-accordion-active-bg);box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);} .sidebar-product .accordion-button:not(.collapsed)::after {background-image: var(--bs-accordion-btn-active-icon);transform: var(--bs-accordion-btn-icon-transform);} .sidebar-product .accordion-button::after {flex-shrink: 0;width: var(--bs-accordion-btn-icon-width);height: var(--bs-accordion-btn-icon-width);margin-left: auto;content: "";background-image: var(--bs-accordion-btn-icon);background-repeat: no-repeat;background-size: var(--bs-accordion-btn-icon-width);transition: var(--bs-accordion-btn-icon-transition);} @media (prefers-reduced-motion: reduce) {.sidebar-product .accordion-button::after {transition: none;}} .sidebar-product .accordion-button:hover {z-index: 2;} .sidebar-product .accordion-button:focus {z-index: 3;border-color: var(--bs-accordion-btn-focus-border-color);outline: 0;box-shadow: var(--bs-accordion-btn-focus-box-shadow);} .sidebar-product .accordion-body {border: solid 0px #f0f;} .sidebar-product .accordion-body li {border-bottom: dashed 0px #e8e8e8;padding-top: 5px;padding-bottom: 5px;margin-left: 6px;font-size: .925rem;} .sidebar-product .accordion-body li a .fa {color: #d8d8d8;} .sidebar-product .accordion-body li:hover a .fa {color: #0288d1;} .sidebar-news {} .sidebar-news .list-group {border: solid 0px #dee2e6;border-radius: 0rem;} .sidebar-news .list-group .list-group-item {position: relative;display: block;padding-top: 1rem;padding-bottom: 1rem;padding-left: 0rem;padding-right: 0rem;border: solid 0px #dee2e6;border-bottom: solid 1px #eee;border-radius: 0rem;} .sidebar-news .list-group .list-group-item:first-child {background: #f8f9fa;padding-top: .75rem;padding-bottom: .75rem;padding-left: 1rem;padding-right: 1rem;} .sidebar-news .list-group .list-group-item:nth-child(2) {margin-top: .5rem;} .sidebar-news .list-group .list-group-item:last-child {margin-bottom: .5rem;border-bottom: solid 0px #dee2e6;} .sidebar-news .list-group .list-group-item.active {background: #f8f9fa;z-index: 2;} .sidebar-news .list-group .list-group-item + .sidebar-news .list-group .list-group-item {border-top-width: 0rem;} .sidebar-service {position: relative;} @media (min-width: 1024px) {.sidebar-service {}} .sidebar-service::before {content: "";position: absolute;background-image: url("");background-position: center;background-repeat: no-repeat;background-size: cover;height: 100%;width: 100%;left: 0;top: 0;opacity: .2;} .sidebar-service .section-title-page h4:before {background: #fff;} .sidebar-service .section-title-page h4:after {background: #0288d1;} .sidebar-service-nav {background: #fff;} .sidebar-service-nav .navbar-nav {width: 100%;border: solid 0px #f0f;} .sidebar-service-nav .navbar-nav .menu-item {position: relative;border-bottom: solid 1px #e8ecef;} .sidebar-service-nav .navbar-nav .menu-item a {display: block;width: 100%;padding: 20px 15px;font-weight: 600;color: #555;} .sidebar-service-nav .navbar-nav .menu-item:hover {} .sidebar-service-nav .navbar-nav .menu-item:hover a {border-left: solid 5px #0288d1;color: #0288d1;} .sidebar-service-nav .navbar-nav .menu-item a:after {position: absolute;content: "";content: "";right: 15px;font-family: "FontAwesome";opacity: 1;} .sidebar-service-nav .navbar-nav .menu-item:hover a:after {color: #0288d1;} .sidebar-service-nav .navbar-nav .menu-item.current-menu-parent {} .sidebar-service-nav .navbar-nav .menu-item.current-menu-parent a {border-left: solid 5px #0288d1;color: #0288d1;} .sidebar-service-nav .navbar-nav .menu-item:hover a:after {color: #0288d1;} .sidebar-service-nav .navbar-nav .menu-item.current-menu-item {} .sidebar-service-nav .navbar-nav .menu-item.current-menu-item a {border-left: solid 5px #0288d1;color: #0288d1;} .sidebar-service-nav .navbar-nav .menu-item.current-menu-item a:after {color: #0288d1;} .sidebar-service-nav .navbar-nav .menu-item-has-children {position: relative;width: 100%;} .sidebar-service-nav .navbar-nav .menu-item-has-children .dropdown-toggle {display: inline-block;position: absolute;float: right;top: 0px;right: 0px;bottom: 0px;padding: 0rem .75rem 0rem .75rem;opacity: 1;background: none;} .sidebar-service-nav .navbar-nav .menu-item-has-children .dropdown-toggle i.fa {color: #0288d1;font-size: 1.5rem;font-weight: bold;} .sidebar-service-nav .navbar-nav .menu-item-has-children .product-submenu {padding: 0px;margin: 0px;margin-left: .5rem;margin-top: .5rem;width: calc(100% - .5rem);box-shadow: 0 .5rem .5rem rgba(0,0,0,0);} .sidebar-service-nav .navbar-nav .menu-item-has-children .product-submenu .menu-item {border-top: solid 0px #eaeaea;border-bottom: solid 0px #eaeaea;} .sidebar-contact {display: inline-block;width: 100%;} .sidebar-contact ul {margin: 15px 0px;padding: 0px;} .sidebar-contact ul li {list-style: none;color: #555;margin-bottom: .5rem;} .sidebar-contact ul li i {color: #0288d1;margin-right: 10px;} .sidebar-contact-bg {border: solid 5px #fff;border-radius: 0px;margin: 15px;} .sidebar-menu-page {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;padding-left: 0;margin-bottom: 0;} .sidebar-menu-page ul {padding: 0px;} .sidebar-menu-page ul li {position: relative;display: block;padding: .75rem 1.25rem;margin-bottom: -1px;background-color: #fff;border: 1px solid rgba(0,0,0,.125);} .sidebar-menu-page ul li:first-child {border-top-left-radius: .25rem;border-top-right-radius: .25rem;} .sidebar-menu-page ul li:last-child {margin-bottom: 0;border-bottom-right-radius: .25rem;border-bottom-left-radius: .25rem;} .sidebar-menu-page ul li:hover, .sidebar-menu-page li:focus {z-index: 1;text-decoration: none;} .sidebar-menu-page ul li.disabled, .sidebar-menu-page li:disabled {color: #fff;background-color: #fff;} .sidebar-menu-page ul li.current_page_item {z-index: 2;background-color: #0288d1;border-color: #0288d1;} .sidebar-menu-page ul li.current_page_item a {color: #fff;} .news-img {padding-bottom: 25px;margin-bottom: 25px;border-bottom: solid 1px #f8f9fa;} .news-img i {color: #0288d1;opacity: .5;} .section-title-two {position: relative;display: block;} .section-title-two .title:after, .section-title-two .title:before {display: inline-block;content: "";width: 45px;height: 3px;background-color: #0288d1;vertical-align: middle;} .text-white .section-title-two .title:after, .text-white .section-title-two .title:before {background-color: #fff;} .section-title-two .title:before {margin-right: 20px;} .section-title-two .title:after {margin-left: 20px;} .text-start .section-title-two .title:before {width: 0px;margin-right: 0px;} .text-start .section-title-two .title:after {} .text-end .section-title-two .title:before {} .text-end .section-title-two .title:after {width: 0px;margin-left: 0px;} .section-title-page {} .section-title-page h4 {position: relative;margin-bottom: 30px;} .section-title-page h4:before {content: "";position: absolute;top: 40px;left: 0;width: 100%;height: .0125rem;background: #eaeaea;} .section-title-page h4:after {content: "";position: absolute;top: 39px;left: 0;width: 60px;height: .125rem;background: #0288d1;} .section-title-page h4 span {color: #848484;font-size: .75em;} .pagination {display: -ms-flexbox;display: flex;padding-left: 0;list-style: none;border-radius: .25rem;} .page-link {position: relative;display: block;padding: .5rem .75rem;margin-left: -1px;margin-right: 10px;line-height: 1.25;color: #0288d1;background-color: #fff;border: 1px solid #dee2e6;} .page-link:hover {z-index: 2;color: #0288d1;text-decoration: none;background-color: #e9ecef;border-color: #dee2e6;} .page-link:focus {z-index: 2;outline: 0;box-shadow: 0 0 0 .2rem rgba(255,255,255,.25);} .page-link:not(:disabled):not(.disabled) {cursor: pointer;} .page-item:first-child .page-link {margin-left: 0;border-top-left-radius: .25rem;border-bottom-left-radius: .25rem;} .page-item:last-child .page-link {border-top-right-radius: .25rem;border-bottom-right-radius: .25rem;} .active .page-link {z-index: 2;color: #fff;background-color: #0288d1;border-color: #0288d1;} .page-item.disabled .page-link {color: #6c757d;pointer-events: none;cursor: auto;background-color: #fff;border-color: #dee2e6;} .category-list {} .category-list .cl-item {} .category-list .cl-item:hover {} .category-list .cl-item:hover a {} .single {} .single p.info i {color: #0288d1;} .single p.category {} .single p.category a {color: #0288d1;} .single p.tags {} .single p.tags a {color: #0288d1;margin-right: 10px;} .single p.tags a:hover {} .single p a.btn {font-size: 1em;} .single .content, .page .content {} .single .content .shadow-sm, .page .content .shadow-sm {border-top: solid 1px #f8f9fa;} .page-template-page-service-content .shadow-sm.upward {position: relative;background: #fff;border-top: solid 3px #0288d1;margin-top: -60px;margin-right: 1rem !important;margin-left: 1rem !important;} .single .content .line, .page .content .line {background: #eee;height: .01rem;width: 100%;padding: 0px;} .single .content p, .page .content p {color: #666;} .single .content img, .single .content p img, .page .content img, .page .content p img {margin-left: auto;margin-right: auto;max-width: 100%;height: auto;} .single figure.wp-block-image img, .page figure.wp-block-image img {width: 100%;max-width: 100%;height: auto;} .single .content .wp-video, .page .content .wp-video {width: 100%;max-width: 100%;height: auto;margin: 15px auto;} .content ul.wp-block-list {list-style-type: none;padding-left: 0;margin-top: 15px;margin-bottom: 15px;} .content ul.wp-block-list li {color: #555;} .content ul.wp-block-list li::before {content: "•";margin-right: 8px;font-size: 1rem;} .content ol.wp-block-list {list-style-type: none;counter-reset: list-counter;padding-left: 0;margin-top: 15px;margin-bottom: 15px;} .content ol.wp-block-list li {counter-increment: list-counter;color: #555;} .content ol.wp-block-list li::before {content: counter(list-counter) ".";font-size: 1rem;margin-right: 8px;} .single table {width: 100%;margin-top: 15px;margin-bottom: 15px;} .single table tr, .page table tr {width: 100%;text-align: center;} .single .content blockquote, .page .content blockquote {position: relative;padding: 0px;margin: 30px auto;background: #f3f3f3;border-left: solid 2px #0288d1;display: flex;align-items: center;} .single .content blockquote:before, .page .content blockquote:before {position: absolute;left: 15px;top: 0;font-size: 1.75rem;font-family: "FontAwesome";content: "";margin-right: 30px;color: #0288d1;opacity: .25;} .single .content blockquote:after, .page .content blockquote:after {position: absolute;right: 15px;bottom: 0;font-size: 1.75rem;font-family: "FontAwesome";content: "";color: #0288d1;opacity: .25;} .single .content blockquote p, .page .content blockquote p {padding: 30px 45px;margin-bottom: 0px;} .single .specifications {} .single .specifications p {margin-bottom: .5rem;color: #555;} .single .cua-phone {} .single .cua-phone i {background: #1b4d96;color: #fff;border: solid 0px #f8f9fa;border-radius: 50%;font-size: 1.75em;width: 2em;height: 2em;line-height: 1.5em;padding: .25em;text-align: center;} .single .cua-phone:hover i {background: #0288d1;} @media (min-width: 1024px) {.single .cua-phone i {font-size: 2em;}} .single .cua-phone h2, .single .cua-phone h2 a {font-weight: 600;font-style: italic;} .single .cua-phone p {} .single .cua-phone span {font-size: 1em;font-weight: 600;} .product-tab {margin-top: -3.45rem;} .product-tab .nav-tabs {border-bottom: solid 3px #0288d1;} .product-tab .nav-tabs .nav-link {border: solid 1px #0288d1;border-bottom: solid 1px #0288d1;border-radius: 0px;padding: 14px;color: #fff;} @media (min-width: 767px) {.product-tab .nav-tabs .nav-link {padding-left: 30px;padding-right: 30px;}} .product-tab .nav-tabs .active {border: solid 1px #f8f8f8;border-bottom: solid 1px #0288d1;color: #0288d1;} .error {margin: 0 auto;text-align: center;} .error .error-404 {color: #000;} .error .error-404 i {color: #0288d1;font-size: 10em;} #link {} #link ul {margin: 0px;padding: 0px 0px 0px 0px;text-align: center;overflow: hidden;} #link ul li {margin: 0px;padding: 0px 5px 0px 0px;line-height: 20px;display: inline;} #link .title {margin: 0px auto 30px auto;padding: 0px 0px 0px 0px;border-top: 1px solid #eaeaea;} #link .title P {margin: -10px auto 0px auto;padding: 0px 0px 0px 0px;line-height: 20px;font-weight: bold;text-align: center;z-index: 999px;} footer {color: #737373;} footer a {color: #737373;} footer a:hover {} footer .line {background: #e5e5e5;height: .01rem;width: 100%;padding: 0px;} .bg-footer {background: url("../images/bg-footer.png") #f8f9fa no-repeat center 50%;background-size: cover;background-attachment: fixed;} .sidebar-footer {} .sidebar-footer a {} .sidebar-footer h4 {margin-bottom: 60px;position: relative;} .sidebar-footer h4::before {position: absolute;content: "";left: 0px;top: 45px;width: 40px;height: 3px;background: #0288d1;} .sidebar-footer .sf-product {} .sidebar-footer .sf-product ul {margin: 0px;padding: 0px;} .sidebar-footer .sf-product ul li {margin-bottom: 8px;} @media (min-width:768px) {.sidebar-footer .sf-product ul li {width: 50%;float: left;}} .sidebar-footer .sf-product ul li i {color: #0288d1;margin-right: 10px;} .sidebar-footer .sf-product ul li a {margin: 0px;padding: 0px;} .sidebar-footer .sf-product ul li a:hover {} .sidebar-footer .sf-contact {} .sidebar-footer .sf-contact ul {margin: 0px;padding: 0px;} .sidebar-footer .sf-contact ul li {margin-bottom: 8px;} .sidebar-footer .sf-contact ul li a {} .sidebar-footer .sf-contact ul li a:hover {} .sidebar-footer .sf-contact ul li i {color: #0288d1;margin-right: 8px;} .sidebar-footer .sf-contact ul.social {margin-top: 15px;padding: 0px;} .sidebar-footer .sf-contact ul.social li {display: inline;} .sidebar-footer .sf-contact ul.social li i {width: 40px;height: 40px;line-height: 40px;text-align: center;border-radius: 50%;border: solid 1px #aeaeae;} .sidebar-footer .sf-contact ul.social li:hover i {color: #fff;border: solid 1px #fff;} .sidebar-footer .sf-wechat {} .sidebar-footer .sf-wechat ul {margin: 0px;padding: 0px;} .sidebar-footer .sf-wechat ul li img {width: 100%;height: auto;} .sidebar-footer .bg-wechat {background: #fff;border-top: solid 6px #fff;width: 100%;text-align: center;overflow: hidden;} @media all and (min-width:768px) {.sidebar-footer .bg-wechat {margin-top: -126px;}} .sidebar-footer .bg-wechat h3 {background: #f3f3f3;color: #143d5e;margin: 0px;padding: 0px;line-height: 3em;} .sidebar-footer .bg-wechat h3:after {display: none;} .sidebar-footer .bg-wechat img {width: 100%;height: 100%;padding: 15px;} .sidebar-footer .sf-social {} .sidebar-footer .sf-social ul li {display: inline-block;} .sidebar-footer .sf-social ul li a {color: #fff;width: 45px;height: 45px;line-height: 2.125rem;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 100%;margin-right: 10px;} .sidebar-footer .sf-social ul li i {font-size: 1.25rem;} .sidebar-footer .sf-social .btn {background-color: #555;margin-bottom: 15px;} .sidebar-footer .sf-social .btn:hover {opacity: .95;} .social-display {display: none;} .social-links {list-style: none;padding: 0;position: fixed;right: 20px;top: 50%;transform: translateY(-50%);z-index: 1000;} .social-links li {} .social-links li a.btn {width: 40px;height: 40px;line-height: 40px;margin-bottom: 10px;border-radius: 50%;padding: 0px;} .social-links li:hover a.btn {background: #333;} .social-links li i {font-size: 1.25rem;color: #fff;} .social-links .btn-facebook {background: #1671e9;} .social-links .btn-linkedin {background: #0074b1;} .social-links .btn-twitter {background: #02a3ea;} .social-links .btn-pinterest {background: #000;} .social-links .btn-youtube {background: #f50100;} .social-links .btn-instagram {background: #ec026e;} .livechat {position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;background-image: linear-gradient(60deg,rgba(194,164,118,.95) 0%,rgba(194,164,118,.95) 50%,rgba(194,164,118,.95) 100%);width: 100%;height: auto;} .footer-search {background: none;position: relative;position: relative;z-index: 999;} .footer-search::before {position: absolute;content: "";height: 100%;width: 100vw;top: 0%;left: -30vw;background: #0288d1;transform: skew(-30deg,0deg);z-index: -1;} @media all and (min-width:768px) {.footer-search::before {left: -50vw;}} form .btn {border-top-left-radius: 0em 0em;border-bottom-left-radius: 0em 0em;} .btn-search {background-color: #fff;border-color: #0288d1;padding-left: 20px;padding-right: 20px;} .btn-search:hover {background-color: #0288d1;border-color: #0288d1;opacity: .95;} .btn-check:focus + .btn-search, .btn-search:focus {background-color: #0288d1;border-color: #0288d1;box-shadow: 0 0 0 0rem rgba(255,255,255,0);} .btn-check:checked + .btn-search, .btn-check:active + .btn-search, .btn-search:active, .btn-search.active, .show > .btn-search.dropdown-toggle {background-color: #0288d1;border-color: #0288d1;} .btn-check:checked + .btn-search:focus, .btn-check:active + .btn-search:focus, .btn-search:active:focus, .btn-search.active:focus, .show > .btn-search.dropdown-toggle:focus {box-shadow: 0 0 0 .25rem rgba(255,255,255,0);background-color: #0288d1;border-color: #0288d1;} .btn-search:disabled, .btn-search.disabled {background-color: #0288d1;border-color: #0288d1;} .form-control {display: block;width: 100%;padding: .375rem .75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;background-color: #fff;background-clip: padding-box;border: 1px solid #dee2e6;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: .25rem;border-top-right-radius: 0rem;border-bottom-right-radius: 0rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;} .form-control:focus {background-color: #fff;border-color: #0288d1;outline: 0;box-shadow: 0 0 0 0rem rgba(13,110,253,0);} .form-search {position: relative;} .form-search input {width: 100%;padding: 1rem;outline: 0;border: 1px solid #999;border-radius: 5px;background-color: none;} .form-search input:focus {border: 1px solid #fff;} @media all and (min-width:768px) {.form-search input:focus {border: 1px solid #0288d1;}} .form-search .effect-button {position: absolute;bottom: .25rem;right: .25rem;} .form-search .effect-button .btn {padding: .8rem 1.25rem;background-color: #0288d1;text-transform: capitalize;border: 0;border-radius: 5px;outline: 0;color: #fff;} .form-search .effect-button .btn:hover {opacity: .95;} .material-scrolltop {display: block;position: fixed;z-index: 9;width: 0;height: 0;bottom: 23px;right: 23px;padding: 0;overflow: hidden;outline: 0;border: none;border-radius: 2px;border-radius: 50%;-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.5);box-shadow: 0 3px 5px rgba(0,0,0,.5);cursor: hand;background: #0288d1;-webkit-tap-highlight-color: transparent;-webkit-transition: all .3s cubic-bezier(.25,.25,0,1);transition: all .3s cubic-bezier(.25,.25,0,1);} .material-scrolltop:hover {background-color: #1b4d96;text-decoration: none;} .material-scrolltop::before {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);content: "";width: 0;border-radius: 50%;opacity: .95;} .material-scrolltop:active::before {width: 120%;padding-top: 120%;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;} .material-scrolltop.reveal {width: 56px;height: 56px;} .material-scrolltop span {display: block;font-size: 25px;color: #fff;} .material-scrolltop, .material-scrolltop::before {background-image: url("../images/top-arrow.svg");background-position: center 50%;background-repeat: no-repeat;} .wpcf7 {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;} @media (min-width: 768px) {.wpcf7 {}} .wpcf7-form {max-width: 100%;width: 100%;} .wpcf7-form-control-wrap {margin-bottom: 15px;width: 100%;} .wpcf7-form-control {display: block;width: 100%;padding: .375rem .75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;background-color: none;background-clip: padding-box;border: 1px solid #9da7ae;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;} .wpcf7-form-control:focus {background-color: none;border: 1px solid #0288d1;outline: 0;box-shadow: 0 0 0 .25rem rgba(0,0,0,0);} .wpcf7-text {background: none;width: 100%;margin-bottom: 2%;padding: 10px;} .wpcf7-textarea {background: none;width: 100%;padding: 10px;} .wpcf7-two {} .wpcf7-name, .wpcf7-phone {} .wpcf7-email, .wpcf7-address {} @media (min-width: 768px) {.wpcf7-two {display: flex !important;justify-content: space-between !important;} .wpcf7-text {width: 98%;} .wpcf7-name, .wpcf7-phone {margin-right: 2%;} .wpcf7-email, .wpcf7-address {margin-left: 2%;}} .wpcf7-submit {background: #0288d1;color: #fff;padding: 15px;width: 100%;border: solid 0px #fff;border-radius: 5px;} .wpcf7-submit:hover {opacity: .95;} .has-spinner {margin: 15px auto;text-align: center;} ..wpcf7-spinner {display: none;} .screen-reader-response {margin: 0px;padding: 0px;text-align: center;} .wpcf7-response-output {margin: 0px;padding: 0px;text-align: center;} .ih-item {position: relative;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .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: 100%;height: auto;border-radius: 50%;} .ih-item.circle .img {position: relative;width: 100%;height: auto;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,.6),0 1px 2px rgba(0,0,0,.3);-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .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,.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 .8s ease-in-out;-moz-transition: all .8s ease-in-out;transition: all .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,.6);} .ih-item.circle.effect1 .info {top: 10px;bottom: 0;left: 10px;right: 0;background: #333;background: rgba(0,0,0,.6);opacity: 0;-webkit-transition: all .8s ease-in-out;-moz-transition: all .8s ease-in-out;transition: all .8s ease-in-out;} .ih-item.circle.effect1 .info h3 {color: #fff;text-transform: uppercase;position: relative;letter-spacing: 2px;font-size: 22px;margin: 0 30px;padding: 55px 0 0 0;height: 110px;text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,.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,.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 .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;} .ih-item.circle.effect2.colored .info {background: #1a4a72;background: rgba(26,74,114,.6);} .ih-item.circle.effect2 .info {background: #333;background: rgba(0,0,0,.6);opacity: 0;pointer-events: none;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;} .ih-item.circle.effect2 .info h3 {color: #fff;text-transform: uppercase;position: relative;letter-spacing: 2px;font-size: 22px;margin: 0 30px;padding: 55px 0 0 0;height: 110px;text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,.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,.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 .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;} .ih-item.circle.effect3.colored .info {background: #1a4a72;} .ih-item.circle.effect3 .info {background: #333;opacity: 0;pointer-events: none;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;} .ih-item.circle.effect3 .info h3 {color: #fff;text-transform: uppercase;position: relative;letter-spacing: 2px;font-size: 22px;margin: 0 30px;padding: 55px 0 0 0;height: 110px;text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,.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,.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(.5) translateX(100%);-moz-transform: scale(.5) translateX(100%);-ms-transform: scale(.5) translateX(100%);-o-transform: scale(.5) translateX(100%);transform: scale(.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(.5) translateX(-100%);-moz-transform: scale(.5) translateX(-100%);-ms-transform: scale(.5) translateX(-100%);-o-transform: scale(.5) translateX(-100%);transform: scale(.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(.5) translateY(100%);-moz-transform: scale(.5) translateY(100%);-ms-transform: scale(.5) translateY(100%);-o-transform: scale(.5) translateY(100%);transform: scale(.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(.5) translateY(-100%);-moz-transform: scale(.5) translateY(-100%);-ms-transform: scale(.5) translateY(-100%);-o-transform: scale(.5) translateY(-100%);transform: scale(.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 .4s ease-in-out;-moz-transition: all .4s ease-in-out;transition: all .4s ease-in-out;} .ih-item.circle.effect4.colored .info {background: #1a4a72;} .ih-item.circle.effect4 .info {background: #333;opacity: 0;visibility: hidden;pointer-events: none;-webkit-transition: all .35s ease;-moz-transition: all .35s ease;transition: all .35s ease;} .ih-item.circle.effect4 .info h3 {color: #fff;text-transform: uppercase;position: relative;letter-spacing: 2px;font-size: 22px;margin: 0 30px;padding: 55px 0 0 0;height: 110px;text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,.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,.5);-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .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,.6);} .ih-item.circle.effect5 .info {-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .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: #333;background: rgba(0,0,0,.6);-webkit-transform: rotate3d(0,1,0,180deg);-moz-transform: rotate3d(0,1,0,180deg);-ms-transform: rotate3d(0,1,0,180deg);-o-transform: rotate3d(0,1,0,180deg);transform: rotate3d(0,1,0,180deg);-webkit-backface-visibility: hidden;backface-visibility: hidden;} .ih-item.circle.effect5 .info h3 {color: #fff;text-transform: uppercase;position: relative;letter-spacing: 2px;font-size: 22px;margin: 0 30px;padding: 55px 0 0 0;height: 110px;text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,.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,.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 .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;} .ih-item.circle.effect6.colored .info {background: #1a4a72;} .ih-item.circle.effect6 .info {background: #333;opacity: 0;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;} .ih-item.circle.effect6 .info h3 {color: #fff;text-transform: uppercase;position: relative;letter-spacing: 2px;font-size: 22px;margin: 0 30px;padding: 55px 0 0 0;height: 110px;text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,.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,.5);} .ih-item.circle.effect6.scale_up .info {-webkit-transform: scale(.5);-moz-transform: scale(.5);-ms-transform: scale(.5);-o-transform: scale(.5);transform: scale(.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(.5);-moz-transform: scale(.5);-ms-transform: scale(.5);-o-transform: scale(.5);transform: scale(.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(.5);-moz-transform: scale(.5);-ms-transform: scale(.5);-o-transform: scale(.5);transform: scale(.5);-webkit-transition: all .35s ease-in-out .2s;-moz-transition: all .35s ease-in-out .2s;transition: all .35s ease-in-out .2s;} .ih-item.circle.effect6.scale_down_up a:hover .img {opacity: 0;-webkit-transform: scale(.5);-moz-transform: scale(.5);-ms-transform: scale(.5);-o-transform: scale(.5);transform: scale(.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 .35s ease-out;-moz-transition: all .35s ease-out;transition: all .35s ease-out;} .ih-item.circle.effect7.colored .info {background: #1a4a72;} .ih-item.circle.effect7 .info {background: #333;opacity: 0;visibility: hidden;pointer-events: none;-webkit-transition: all .35s ease .2s;-moz-transition: all .35s ease .2s;transition: all .35s ease .2s;} .ih-item.circle.effect7 .info h3 {color: #fff;text-transform: uppercase;position: relative;letter-spacing: 2px;font-size: 22px;margin: 0 30px;padding: 55px 0 0 0;height: 110px;text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,.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,.5);} .ih-item.circle.effect7 a:hover .img {opacity: 0;-webkit-transform: scale(.5);-moz-transform: scale(.5);-ms-transform: scale(.5);-o-transform: scale(.5);transform: scale(.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 .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .ih-item.circle.effect8 .img-container .img {opacity: 1;-webkit-transition: all .3s ease-in-out .3s;-moz-transition: all .3s ease-in-out .3s;transition: all .3s ease-in-out .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 .3s ease-in-out .3s;-moz-transition: all .3s ease-in-out .3s;transition: all .3s ease-in-out .3s;} .ih-item.circle.effect8 .info {width: 100%;height: 100%;background: #333;pointer-events: none;-webkit-transform: scale(.5);-moz-transform: scale(.5);-ms-transform: scale(.5);-o-transform: scale(.5);transform: scale(.5);-webkit-transition: all .35s ease-in-out .6s;-moz-transition: all .35s ease-in-out .6s;transition: all .35s ease-in-out .6s;} .ih-item.circle.effect8 .info h3 {color: #fff;text-transform: uppercase;letter-spacing: 2px;font-size: 22px;margin: 0 30px;padding: 45px 0 0 0;height: 140px;text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,.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,.5);} .ih-item.circle.effect8 a:hover .img-container {pointer-events: none;-webkit-transform: scale(.5);-moz-transform: scale(.5);-ms-transform: scale(.5);-o-transform: scale(.5);transform: scale(.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 .35s ease-out;-moz-transition: all .35s ease-out;transition: all .35s ease-out;} .ih-item.circle.effect9.colored .info {background: #1a4a72;} .ih-item.circle.effect9 .info {background: #333;opacity: 0;visibility: hidden;pointer-events: none;-webkit-transform: scale(.5);-moz-transform: scale(.5);-ms-transform: scale(.5);-o-transform: scale(.5);transform: scale(.5);-webkit-transition: all .35s ease .2s;-moz-transition: all .35s ease .2s;transition: all .35s ease .2s;} .ih-item.circle.effect9 .info h3 {color: #fff;text-transform: uppercase;position: relative;letter-spacing: 2px;font-size: 22px;margin: 0 30px;padding: 55px 0 0 0;height: 110px;text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,.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,.5);} .ih-item.circle.effect9 a:hover .img {opacity: 0;pointer-events: none;-webkit-transform: scale(.5);-moz-transform: scale(.5);-ms-transform: scale(.5);-o-transform: scale(.5);transform: scale(.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 .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;} .ih-item.circle.effect10.colored .info {background: #1a4a72;} .ih-item.circle.effect10 .info {background: #333;opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;} .ih-item.circle.effect10 .info h3 {color: #fff;text-transform: uppercase;position: relative;letter-spacing: 2px;font-size: 22px;text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,.3);} .ih-item.circle.effect10 .info p {color: #bbb;font-style: italic;font-size: 12px;border-top: 1px solid rgba(255,255,255,.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(.5);-moz-transform: translateY(50px) scale(.5);-ms-transform: translateY(50px) scale(.5);-o-transform: translateY(50px) scale(.5);transform: translateY(50px) scale(.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(.5);-moz-transform: translateY(-50px) scale(.5);-ms-transform: translateY(-50px) scale(.5);-o-transform: translateY(-50px) scale(.5);transform: translateY(-50px) scale(.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 .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;} .ih-item.circle.effect11.colored .info {background: #1a4a72;} .ih-item.circle.effect11 .info {background: #0288d1;opacity: 0;visibility: hidden;-webkit-transition: all .35s ease .35s;-moz-transition: all .35s ease .35s;transition: all .35s ease .35s;} .ih-item.circle.effect11 .info h5 {color: #fff;text-transform: uppercase;position: relative;} .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,.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 .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;} .ih-item.circle.effect12.colored .info {background: #1a4a72;} .ih-item.circle.effect12 .info {background: #333;opacity: 0;visibility: hidden;pointer-events: none;-webkit-transform: scale(.5);-moz-transform: scale(.5);-ms-transform: scale(.5);-o-transform: scale(.5);transform: scale(.5);-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;} .ih-item.circle.effect12 .info h3 {color: #fff;text-transform: uppercase;position: relative;letter-spacing: 2px;font-size: 22px;margin: 0 30px;padding: 55px 0 0 0;height: 110px;text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,.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,.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: .4s;-moz-transition-delay: .4s;transition-delay: .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: .4s;-moz-transition-delay: .4s;transition-delay: .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: .4s;-moz-transition-delay: .4s;transition-delay: .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: .4s;-moz-transition-delay: .4s;transition-delay: .4s;} .ih-item.circle.effect13.colored .info {background: #1a4a72;background: rgba(26,74,114,.6);} .ih-item.circle.effect13 .info {background: #333;background: rgba(0,0,0,.6);opacity: 0;pointer-events: none;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;} .ih-item.circle.effect13 .info h3 {visibility: hidden;color: #fff;text-transform: uppercase;position: relative;letter-spacing: 2px;font-size: 22px;margin: 0 30px;padding: 55px 0 0 0;height: 110px;text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,.3);-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .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,.5);-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .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 .4s ease-out;-moz-transition: all .4s ease-out;transition: all .4s ease-out;} .ih-item.circle.effect14.colored .info {background: #1a4a72;} .ih-item.circle.effect14 .info {background: #333;opacity: 0;visibility: hidden;-webkit-transition: all .35s ease-in-out .3s;-moz-transition: all .35s ease-in-out .3s;transition: all .35s ease-in-out .3s;} .ih-item.circle.effect14 .info h3 {color: #fff;text-transform: uppercase;position: relative;letter-spacing: 2px;font-size: 22px;margin: 0 30px;padding: 55px 0 0 0;height: 110px;text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,.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,.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 .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;} .ih-item.circle.effect15.colored .info {background: #1a4a72;} .ih-item.circle.effect15 .info {background: #333;opacity: 0;visibility: hidden;-webkit-transform: scale(.5) rotate(-720deg);-moz-transform: scale(.5) rotate(-720deg);-ms-transform: scale(.5) rotate(-720deg);-o-transform: scale(.5) rotate(-720deg);transform: scale(.5) rotate(-720deg);-webkit-transition: all .35s ease-in-out .3s;-moz-transition: all .35s ease-in-out .3s;transition: all .35s ease-in-out .3s;} .ih-item.circle.effect15 .info h3 {color: #fff;text-transform: uppercase;position: relative;letter-spacing: 2px;font-size: 22px;margin: 0 30px;padding: 55px 0 0 0;height: 110px;text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,.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,.5);} .ih-item.circle.effect15 a:hover .img {opacity: 0;visibility: hidden;-webkit-transform: scale(.5) rotate(720deg);-moz-transform: scale(.5) rotate(720deg);-ms-transform: scale(.5) rotate(720deg);-o-transform: scale(.5) rotate(720deg);transform: scale(.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 .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;} .ih-item.circle.effect16.colored .info {background: #1a4a72;} .ih-item.circle.effect16 .info {background: #333;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;} .ih-item.circle.effect16 .info h3 {color: #fff;text-transform: uppercase;position: relative;letter-spacing: 2px;font-size: 22px;margin: 0 30px;padding: 55px 0 0 0;height: 110px;text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,.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,.5);-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .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,.8);box-shadow: 0 0 1px rgba(255,255,255,.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,.8);box-shadow: 0 0 1px rgba(255,255,255,.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 .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;} .ih-item.circle.effect17 .info h3 {color: #fff;text-transform: uppercase;position: relative;letter-spacing: 2px;font-size: 22px;margin: 0 30px;padding: 55px 0 0 0;height: 110px;text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,.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,.5);opacity: 0;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;} .ih-item.circle.effect17 a:hover .img:before {box-shadow: inset 0 0 0 110px #333,inset 0 0 0 16px rgba(255,255,255,.8),0 1px 2px rgba(0,0,0,.1);box-shadow: inset 0 0 0 110px rgba(0,0,0,.6),inset 0 0 0 16px rgba(255,255,255,.8),0 1px 2px rgba(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,.8),0 1px 2px rgba(0,0,0,.1);box-shadow: inset 0 0 0 110px rgba(26,74,114,.6),inset 0 0 0 16px rgba(255,255,255,.8),0 1px 2px rgba(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 .5s ease-in-out;-moz-transition: all .5s ease-in-out;transition: all .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: #333;} .ih-item.circle.effect18 .info h3 {color: #fff;text-transform: uppercase;position: relative;letter-spacing: 2px;font-size: 22px;margin: 0 30px;padding: 55px 0 0 0;height: 110px;text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,.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,.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,.6);} .ih-item.circle.effect19 .info {background: #333;background: rgba(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 .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;} .ih-item.circle.effect19 .info h3 {color: #fff;text-transform: uppercase;letter-spacing: 2px;font-size: 22px;margin: 0 30px;padding: 45px 0 0 0;height: 140px;text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,.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,.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 .35s linear;-moz-transition: all .35s linear;transition: all .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: #333;-webkit-transition: all .35s linear;-moz-transition: all .35s linear;transition: all .35s linear;-webkit-transform-origin: 50% 0%;-moz-transform-origin: 50% 0%;-ms-transform-origin: 50% 0%;-o-transform-origin: 50% 0%;transform-origin: 50% 0%;-webkit-backface-visibility: hidden;backface-visibility: hidden;} .ih-item.circle.effect20 .info h3 {color: #fff;text-transform: uppercase;position: relative;letter-spacing: 2px;font-size: 22px;margin: 0 30px;padding: 55px 0 0 0;height: 110px;text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,.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,.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 .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .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: #333;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 .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .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;text-transform: uppercase;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(.6);-moz-transform: scale(.6);-ms-transform: scale(.6);-o-transform: scale(.6);transform: scale(.6);} .ih-item.square.effect1.top_to_bottom .info h3 {text-transform: uppercase;color: #fff;text-align: center;font-size: 17px;padding: 10px 10px 0 4px;margin: 10px 0 0 0;} .ih-item.square.effect1.top_to_bottom .info 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(.6);-moz-transform: translateY(30px) scale(.6);-ms-transform: translateY(30px) scale(.6);-o-transform: translateY(30px) scale(.6);transform: translateY(30px) scale(.6);} .ih-item.square.effect1.bottom_to_top .info h3 {text-transform: uppercase;color: #fff;text-align: center;font-size: 17px;padding: 10px 10px 0 4px;margin: 134px 0 0 0;} .ih-item.square.effect1.bottom_to_top .info 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(.6);-moz-transform: translateY(-30px) scale(.6);-ms-transform: translateY(-30px) scale(.6);-o-transform: translateY(-30px) scale(.6);transform: translateY(-30px) scale(.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,.6);} .ih-item.square.effect2 .img {opacity: 1;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;transition: all .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: #333;visibility: hidden;-webkit-transition: all .35s .3s ease-in-out;-moz-transition: all .35s .3s ease-in-out;transition: all .35s .3s ease-in-out;} .ih-item.square.effect2 .info h3 {text-transform: uppercase;color: #fff;text-align: center;font-size: 17px;padding: 10px;background: #111;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 .35s .6s ease-in-out;-moz-transition: all .35s .6s ease-in-out;transition: all .35s .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 .35s .5s linear;-moz-transition: all .35s .5s linear;transition: all .35s .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 .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;} .ih-item.square.effect3 .info {height: 65px;background: #333;opacity: 0;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;} .ih-item.square.effect3 .info h3 {text-transform: uppercase;color: #fff;text-align: center;font-size: 17px;padding: 10px 10px 0 4px;margin: 4px 0 0 0;} .ih-item.square.effect3 .info 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,.6);} .ih-item.square.effect4.colored .mask1, .ih-item.square.effect4.colored .mask2 {background: #1a4a72;background: rgba(26,74,114,.6);} .ih-item.square.effect4 .img {-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;} .ih-item.square.effect4 .mask1, .ih-item.square.effect4 .mask2 {position: absolute;background: #333;background: rgba(0,0,0,.6);height: 361px;width: 361px;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .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: #111;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 .35s ease-in-out .35s;-moz-transition: all .35s ease-in-out .35s;transition: all .35s ease-in-out .35s;} .ih-item.square.effect4 .info h3 {text-transform: uppercase;color: #fff;text-align: center;font-size: 17px;padding: 10px;background: transparent;margin-top: 5px;border-bottom: 1px solid rgba(255,255,255,.2);opacity: 0;-webkit-transition: all .35s ease-in-out .35s;-moz-transition: all .35s ease-in-out .35s;transition: all .35s ease-in-out .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 .35s ease-in-out .35s;-moz-transition: all .35s ease-in-out .35s;transition: all .35s ease-in-out .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: 300px;height: 120px;visibility: visible;top: 40px;-webkit-transform: rotate(0deg) translate(0,0);-moz-transform: rotate(0deg) translate(0,0);-ms-transform: rotate(0deg) translate(0,0);-o-transform: rotate(0deg) translate(0,0);transform: rotate(0deg) translate(0,0);} .ih-item.square.effect4 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,.6);} .ih-item.square.effect5 .img {-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .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: #333;opacity: 0;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;} .ih-item.square.effect5 .info h3 {text-transform: uppercase;color: #fff;text-align: center;font-size: 17px;padding: 10px;background: #111;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: .3s;-moz-transition-delay: .3s;transition-delay: .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,.6);} .ih-item.square.effect6.colored .info h3 {background: rgba(12,34,52,.6);} .ih-item.square.effect6 .img {-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .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: #333;background: rgba(0,0,0,.6);visibility: hidden;opacity: 0;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;} .ih-item.square.effect6 .info h3 {text-transform: uppercase;color: #fff;text-align: center;font-size: 17px;padding: 10px;background: #111;margin: 30px 0 0 0;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .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 .35s .1s linear;-moz-transition: all .35s .1s linear;transition: all .35s .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,.6);} .ih-item.square.effect7.colored .info h3 {background: rgba(12,34,52,.6);} .ih-item.square.effect7 .img {-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .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: #333;background: rgba(0,0,0,.6);visibility: hidden;opacity: 0;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;} .ih-item.square.effect7 .info h3 {text-transform: uppercase;color: #fff;text-align: center;font-size: 17px;padding: 10px;background: #111;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 .35s .1s ease-in-out;-moz-transition: all .35s .1s ease-in-out;transition: all .35s .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 .35s .3s linear;-moz-transition: all .35s .3s linear;transition: all .35s .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,.6);} .ih-item.square.effect8 .img {opacity: 1;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;} .ih-item.square.effect8 .info {background: #333;visibility: hidden;opacity: 0;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;} .ih-item.square.effect8 .info h3 {text-transform: uppercase;color: #fff;text-align: center;font-size: 17px;padding: 10px;background: #111;margin: 30px 0 0 0;-webkit-transition: all .35s .1s ease-in-out;-moz-transition: all .35s .1s ease-in-out;transition: all .35s .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 .35s .15s linear;-moz-transition: all .35s .15s linear;transition: all .35s .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(.5);-moz-transform: scale(.5);-ms-transform: scale(.5);-o-transform: scale(.5);transform: scale(.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,.6);} .ih-item.square.effect9 .img {position: relative;z-index: 11;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;transition: all .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: #333;} .ih-item.square.effect9 .info h3 {text-transform: uppercase;color: #fff;text-align: center;font-size: 17px;padding: 10px;background: #111;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,.6);} .ih-item.square.effect10 .img {-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;} .ih-item.square.effect10 .info {background: #333;visibility: hidden;opacity: 0;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;} .ih-item.square.effect10 .info h3 {text-transform: uppercase;color: #fff;text-align: center;font-size: 17px;padding: 10px;background: #111;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,.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 .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;} .ih-item.square.effect11 .info {background: #333;visibility: hidden;opacity: 0;-webkit-transition: all .35s ease .2s;-moz-transition: all .35s ease .2s;transition: all .35s ease .2s;} .ih-item.square.effect11 .info h3 {text-transform: uppercase;color: #fff;text-align: center;font-size: 17px;padding: 10px;background: #111;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(.5);-moz-transform: scale(.5);-ms-transform: scale(.5);-o-transform: scale(.5);transform: scale(.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,.6);} .ih-item.square.effect12.colored .info h3 {background: rgba(12,34,52,.6);} .ih-item.square.effect12 .img {-webkit-transition: all .35s ease-in;-moz-transition: all .35s ease-in;transition: all .35s ease-in;} .ih-item.square.effect12 .info {background: #333;background: rgba(0,0,0,.6);visibility: hidden;opacity: 0;-webkit-transition: all .35s ease-in;-moz-transition: all .35s ease-in;transition: all .35s ease-in;} .ih-item.square.effect12 .info h3 {text-transform: uppercase;color: #fff;text-align: center;font-size: 17px;padding: 10px;background: #111;margin: 30px 0 0 0;-webkit-transition: all .35s ease-in;-moz-transition: all .35s ease-in;transition: all .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 .35s ease-in;-moz-transition: all .35s ease-in;transition: all .35s ease-in;} .ih-item.square.effect12 a:hover .info {visibility: visible;opacity: 1;-webkit-transition-delay: .2s;-moz-transition-delay: .2s;transition-delay: .2s;} .ih-item.square.effect12 a:hover .info h3 {-webkit-transition-delay: .3s;-moz-transition-delay: .3s;transition-delay: .3s;} .ih-item.square.effect12 a:hover .info p {-webkit-transition-delay: .25s;-moz-transition-delay: .25s;transition-delay: .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: .2s;-moz-transition-delay: .2s;transition-delay: .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: .3s;-moz-transition-delay: .3s;transition-delay: .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: .4s;-moz-transition-delay: .4s;transition-delay: .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: .2s;-moz-transition-delay: .2s;transition-delay: .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: .3s;-moz-transition-delay: .3s;transition-delay: .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: .4s;-moz-transition-delay: .4s;transition-delay: .4s;} .ih-item.square.effect13 {overflow: hidden;} .ih-item.square.effect13.colored .info {background: #1a4a72;background: rgba(26,74,114,.6);} .ih-item.square.effect13.colored .info h3 {background: rgba(12,34,52,.6);} .ih-item.square.effect13 .img {-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .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: #333;background: rgba(0,0,0,.6);visibility: hidden;opacity: 0;pointer-events: none;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;} .ih-item.square.effect13 .info h3 {text-transform: uppercase;color: #fff;text-align: center;font-size: 17px;padding: 10px;background: #111;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,.6);} .ih-item.square.effect14 .img {opacity: 1;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;} .ih-item.square.effect14 .info {background: #333;visibility: hidden;opacity: 0;pointer-events: none;-webkit-transform: scale(.5);-moz-transform: scale(.5);-ms-transform: scale(.5);-o-transform: scale(.5);transform: scale(.5);-webkit-transition: all .35s ease .2s;-moz-transition: all .35s ease .2s;transition: all .35s ease .2s;} .ih-item.square.effect14 .info h3 {text-transform: uppercase;color: #fff;text-align: center;font-size: 17px;padding: 10px;background: #111;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(.5);-moz-transform: scale(.5);-ms-transform: scale(.5);-o-transform: scale(.5);transform: scale(.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 .4s ease-in-out;-moz-transition: all .4s ease-in-out;transition: all .4s ease-in-out;} .ih-item.square.effect15 .info {background: #333;opacity: 0;-webkit-transition: all .35s ease-in-out .3s;-moz-transition: all .35s ease-in-out .3s;transition: all .35s ease-in-out .3s;} .ih-item.square.effect15 .info h3 {text-transform: uppercase;color: #fff;text-align: center;font-size: 17px;padding: 10px;background: #111;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);}