.info b p{
color: #ffffff !important;
}
.image-hover-page-container .col-xs-15,
.image-hover-page-container .col-sm-15,
.image-hover-page-container.col-md-15,
.image-hover-page-container .col-lg-15 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
.image-hover-page-container .col-xs-15 {
width: 20% !important;
float: left !important;
}
@media (min-width: 768px) {
.image-hover-page-container .col-sm-15 {
width: 20% !important;
float: left !important;
}
}
@media (min-width: 992px) {
.image-hover-page-container  .col-md-15 {
width: 20% !important;
float: left !important;
}
}
@media (min-width: 1200px) {
.image-hover-page-container .col-lg-15 {
width: 20% !important;
float: left !important;
}
}
.image-hover-page-container *, .image-hover-page-container :after, .image-hover-page-container :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.image-hover-page-container html {
font-size: 10px;
-webkit-tap-highlight-color: transparent;
}
.image-hover-page-container button, .image-hover-page-container input, .image-hover-page-container select, .image-hover-page-container textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.image-hover-page-container a {
color: #337ab7;
text-decoration: none;
}
.image-hover-page-container a:focus, .image-hover-page-container a:hover {
color: #23527c;
text-decoration: underline;
}
.image-hover-page-container a:focus {
outline: dotted thin;
outline: -webkit-focus-ring-color auto 5px;
outline-offset: -2px;
}
.image-hover-page-container figure {
margin: 0;
}
.image-hover-page-container .carousel-inner>.item>a>img, .image-hover-page-container .carousel-inner>.item>img, .image-hover-page-container .img-responsive, .image-hover-page-container .thumbnail a>img, .image-hover-page-container .thumbnail>img {
display: block;
max-width: 100%;
height: auto;
}
.image-hover-page-container .img-rounded {
border-radius: 6px;
}
.image-hover-page-container .img-thumbnail {
display: inline-block;
max-width: 100%;
height: auto;
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.image-hover-page-container .img-circle {
border-radius: 50%}
.image-hover-page-container hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee;
}
.image-hover-page-container .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.image-hover-page-container .sr-only-focusable:active, .image-hover-page-container .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
.image-hover-page-container .h1, .image-hover-page-container .h2, .image-hover-page-container .h3, .image-hover-page-container .h4, .image-hover-page-container .h5, .image-hover-page-container .h6, .image-hover-page-container h1, .image-hover-page-container h2, .image-hover-page-container h3, .image-hover-page-container h4, .image-hover-page-container h5, .image-hover-page-container h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
.image-hover-page-container .h1 .small, .image-hover-page-container .h1 small, .image-hover-page-container .h2 .small, .image-hover-page-container .h2 small, .image-hover-page-container .h3 .small, .image-hover-page-container .h3 small, .image-hover-page-container .h4 .small, .image-hover-page-container .h4 small, .image-hover-page-container .h5 .small, .image-hover-page-container .h5 small, .image-hover-page-container .h6 .small, .image-hover-page-container .h6 small, .image-hover-page-container h1 .small, .image-hover-page-container h1 small, .image-hover-page-container h2 .small, .image-hover-page-container h2 small, .image-hover-page-container h3 .small, .image-hover-page-container h3 small, .image-hover-page-container h4 .small, .image-hover-page-container h4 small, .image-hover-page-container h5 .small, .image-hover-page-container h5 small, .image-hover-page-container h6 .small, .image-hover-page-container h6 small {
font-weight: 400;
line-height: 1;
color: #777;
}
.image-hover-page-container .h1, .image-hover-page-container .h2, .image-hover-page-container .h3, .image-hover-page-container h1, .image-hover-page-container h2, .image-hover-page-container h3 {
margin-top: 20px;
margin-bottom: 10px;
}
.image-hover-page-container .h1 .small, .image-hover-page-container .h1 small, .image-hover-page-container .h2 .small, .image-hover-page-container .h2 small, .image-hover-page-container .h3 .small, .image-hover-page-container .h3 small, .image-hover-page-container h1 .small, .image-hover-page-container h1 small, .image-hover-page-container h2 .small, .image-hover-page-container h2 small, .image-hover-page-container h3 .small, .image-hover-page-container h3 small {
font-size: 65%}
.image-hover-page-container .h4, .image-hover-page-container .h5, .image-hover-page-container .h6, .image-hover-page-container h4, .image-hover-page-container h5, .image-hover-page-container h6 {
margin-top: 10px;
margin-bottom: 10px;
}
.image-hover-page-container .h4 .small, .image-hover-page-container .h4 small, .image-hover-page-container .h5 .small, .image-hover-page-container .h5 small, .image-hover-page-container .h6 .small, .image-hover-page-container .h6 small, .image-hover-page-container h4 .small, .image-hover-page-container h4 small, .image-hover-page-container h5 .small, .image-hover-page-container h5 small, .image-hover-page-container h6 .small, .image-hover-page-container h6 small {
font-size: 75%}
.image-hover-page-container .h1, .image-hover-page-container h1 {
font-size: 36px;
}
.image-hover-page-container .h2, .image-hover-page-container h2 {
font-size: 30px;
}
.image-hover-page-container .h3, .image-hover-page-container h3 {
font-size: 24px;
}
.image-hover-page-container .h4, .image-hover-page-container h4 {
font-size: 18px;
}
.image-hover-page-container .h5, .image-hover-page-container h5 {
font-size: 14px;
}
.image-hover-page-container .h6, .image-hover-page-container h6 {
font-size: 0.9em;
}
.image-hover-page-container p {
margin: 0 0 10px;
}
.image-hover-page-container .lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 300;
line-height: 1.4;
}
@media (min-width:768px) {
.image-hover-page-container .lead {
font-size: 21px;
}
}.image-hover-page-container .small, .image-hover-page-container small {
font-size: 85%}
.image-hover-page-container .mark, .image-hover-page-container mark {
padding: .2em;
background-color: #fcf8e3;
}
.image-hover-page-container .text-left {
text-align: left;
}
.image-hover-page-container .text-right {
text-align: right;
}
.image-hover-page-container .text-center {
text-align: center;
}
.image-hover-page-container .text-justify {
text-align: justify;
}
.image-hover-page-container .text-nowrap {
white-space: nowrap;
}
.image-hover-page-container .text-lowercase {
text-transform: lowercase;
}
.image-hover-page-container .text-uppercase {
text-transform: uppercase;
}
.image-hover-page-container .text-capitalize {
text-transform: capitalize;
}
.image-hover-page-container .text-muted {
color: #777;
}
.image-hover-page-container .text-primary {
color: #337ab7;
}
.image-hover-page-container a.text-primary:hover {
color: #286090;
}
.image-hover-page-container .text-success {
color: #3c763d;
}
.image-hover-page-container a.text-success:hover {
color: #2b542c;
}
.image-hover-page-container .text-info {
color: #31708f;
}
.image-hover-page-container a.text-info:hover {
color: #245269;
}
.image-hover-page-container .text-warning {
color: #8a6d3b;
}
.image-hover-page-container a.text-warning:hover {
color: #66512c;
}
.image-hover-page-container .text-danger {
color: #a94442;
}
.image-hover-page-container a.text-danger:hover {
color: #843534;
}
.image-hover-page-container .bg-primary {
color: #fff;
background-color: #337ab7;
}
.image-hover-page-container a.bg-primary:hover {
background-color: #286090;
}
.image-hover-page-container .bg-success {
background-color: #dff0d8;
}
.image-hover-page-container a.bg-success:hover {
background-color: #c1e2b3;
}
.image-hover-page-container .bg-info {
background-color: #d9edf7;
}
.image-hover-page-container a.bg-info:hover {
background-color: #afd9ee;
}
.image-hover-page-container .bg-warning {
background-color: #fcf8e3;
}
.image-hover-page-container a.bg-warning:hover {
background-color: #f7ecb5;
}
.image-hover-page-container .bg-danger {
background-color: #f2dede;
}
.image-hover-page-container a.bg-danger:hover {
background-color: #e4b9b9;
}
.image-hover-page-container .page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee;
}
.image-hover-page-container ol, .image-hover-page-container ul {
margin-top: 0;
margin-bottom: 10px;
}
.image-hover-page-container ol ol, .image-hover-page-container ol ul, .image-hover-page-container ul ol, .image-hover-page-container ul ul {
margin-bottom: 0;
}
.image-hover-page-container .list-unstyled {
padding-left: 0;
list-style: none;
}
.image-hover-page-container .list-inline {
padding-left: 0;
margin-left: -5px;
list-style: none;
}
.image-hover-page-container .list-inline>li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
.image-hover-page-container dl {
margin-top: 0;
margin-bottom: 20px;
}
.image-hover-page-container dd, .image-hover-page-container dt {
line-height: 1.42857143;
}
.image-hover-page-container dt {
font-weight: 700;
}
.image-hover-page-container dd {
margin-left: 0;
}
@media (min-width:768px) {
.image-hover-page-container .dl-horizontal dt {
float: left;
width: 160px;
overflow: hidden;
clear: left;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
}
.image-hover-page-container .dl-horizontal dd {
margin-left: 180px;
}
}.image-hover-page-container abbr[data-original-title], .image-hover-page-container abbr[title] {
cursor: help;
border-bottom: 1px dotted #777;
}
.image-hover-page-container .initialism {
font-size: 90%;
text-transform: uppercase;
}
.image-hover-page-container blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eee;
}
.image-hover-page-container blockquote ol:last-child, .image-hover-page-container blockquote p:last-child, .image-hover-page-container blockquote ul:last-child {
margin-bottom: 0;
}
.image-hover-page-container blockquote .small, .image-hover-page-container blockquote footer, .image-hover-page-container blockquote small {
display: block;
font-size: 80%;
line-height: 1.42857143;
color: #777;
}
.image-hover-page-container blockquote .small:before, .image-hover-page-container blockquote footer:before, .image-hover-page-container blockquote small:before {
content: '\2014 \00A0'}
.image-hover-page-container .blockquote-reverse, .image-hover-page-container blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
text-align: right;
border-right: 5px solid #eee;
border-left: 0;
}
.image-hover-page-container .blockquote-reverse .small:before, .image-hover-page-container .blockquote-reverse footer:before, .image-hover-page-container .blockquote-reverse small:before, .image-hover-page-container blockquote.pull-right .small:before, .image-hover-page-container blockquote.pull-right footer:before, .image-hover-page-container blockquote.pull-right small:before {
content: ''}
.image-hover-page-container .blockquote-reverse .small:after, .image-hover-page-container .blockquote-reverse footer:after, .image-hover-page-container .blockquote-reverse small:after, .image-hover-page-container blockquote.pull-right .small:after, .image-hover-page-container blockquote.pull-right footer:after, .image-hover-page-container blockquote.pull-right small:after {
content: '\00A0 \2014'}
.image-hover-page-container address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.42857143;
}
.image-hover-page-container code, .image-hover-page-container kbd, .image-hover-page-container pre, .image-hover-page-container samp {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
.image-hover-page-container code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
}
.image-hover-page-container kbd {
padding: 2px 4px;
font-size: 90%;
color: #fff;
background-color: #333;
border-radius: 3px;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}
.image-hover-page-container kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700;
-webkit-box-shadow: none;
box-shadow: none;
}
.image-hover-page-container pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
color: #333;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
}
.image-hover-page-container .container, .image-hover-page-container .container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.image-hover-page-container pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0;
}
.image-hover-page-container .pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
@media (min-width:768px) {
.image-hover-page-container .container {
width: 750px;
}
}@media (min-width:992px) {
.image-hover-page-container .container {
width: 970px;
}
}@media (min-width:1200px) {
.image-hover-page-container .container {
width: 1170px;
}
}.image-hover-page-container .row {
margin-right: -15px;
margin-left: -15px;
}
.image-hover-page-container .col-lg-1, .image-hover-page-container .col-lg-10, .image-hover-page-container .col-lg-11, .image-hover-page-container .col-lg-12, .image-hover-page-container .col-lg-2, .image-hover-page-container .col-lg-3, .image-hover-page-container .col-lg-4, .image-hover-page-container .col-lg-5, .image-hover-page-container .col-lg-6, .image-hover-page-container .col-lg-7, .image-hover-page-container .col-lg-8, .image-hover-page-container .col-lg-9, .image-hover-page-container .col-md-1, .image-hover-page-container .col-md-10, .image-hover-page-container .col-md-11, .image-hover-page-container .col-md-12, .image-hover-page-container .col-md-2, .image-hover-page-container .col-md-3, .image-hover-page-container .col-md-4, .image-hover-page-container .col-md-5, .image-hover-page-container .col-md-6, .image-hover-page-container .col-md-7, .image-hover-page-container .col-md-8, .image-hover-page-container .col-md-9, .image-hover-page-container .col-sm-1, .image-hover-page-container .col-sm-10, .image-hover-page-container .col-sm-11, .image-hover-page-container .col-sm-12, .image-hover-page-container .col-sm-2, .image-hover-page-container .col-sm-3, .image-hover-page-container .col-sm-4, .image-hover-page-container .col-sm-5, .image-hover-page-container .col-sm-6, .image-hover-page-container .col-sm-7, .image-hover-page-container .col-sm-8, .image-hover-page-container .col-sm-9, .image-hover-page-container .col-xs-1, .image-hover-page-container .col-xs-10, .image-hover-page-container .col-xs-11, .image-hover-page-container .col-xs-12, .image-hover-page-container .col-xs-2, .image-hover-page-container .col-xs-3, .image-hover-page-container .col-xs-4, .image-hover-page-container .col-xs-5, .image-hover-page-container .col-xs-6, .image-hover-page-container .col-xs-7, .image-hover-page-container .col-xs-8, .image-hover-page-container .col-xs-9 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.image-hover-page-container .col-xs-1, .image-hover-page-container .col-xs-10, .image-hover-page-container .col-xs-11, .image-hover-page-container .col-xs-12, .image-hover-page-container .col-xs-2, .image-hover-page-container .col-xs-3, .image-hover-page-container .col-xs-4, .image-hover-page-container .col-xs-5, .image-hover-page-container .col-xs-6, .image-hover-page-container .col-xs-7, .image-hover-page-container .col-xs-8, .image-hover-page-container .col-xs-9 {
float: left;
}
.image-hover-page-container .col-xs-12 {
width: 100%}
.image-hover-page-container .col-xs-11 {
width: 91.66666667%}
.image-hover-page-container .col-xs-10 {
width: 83.33333333%}
.image-hover-page-container .col-xs-9 {
width: 75%}
.image-hover-page-container .col-xs-8 {
width: 66.66666667%}
.image-hover-page-container .col-xs-7 {
width: 58.33333333%}
.image-hover-page-container .col-xs-6 {
width: 50%}
.image-hover-page-container .col-xs-5 {
width: 41.66666667%}
.image-hover-page-container .col-xs-4 {
width: 33.33333333%}
.image-hover-page-container .col-xs-3 {
width: 25%}
.image-hover-page-container .col-xs-2 {
width: 16.66666667%}
.image-hover-page-container .col-xs-1 {
width: 8.33333333%}
.image-hover-page-container .col-xs-pull-12 {
right: 100%}
.image-hover-page-container .col-xs-pull-11 {
right: 91.66666667%}
.image-hover-page-container .col-xs-pull-10 {
right: 83.33333333%}
.image-hover-page-container .col-xs-pull-9 {
right: 75%}
.image-hover-page-container .col-xs-pull-8 {
right: 66.66666667%}
.image-hover-page-container .col-xs-pull-7 {
right: 58.33333333%}
.image-hover-page-container .col-xs-pull-6 {
right: 50%}
.image-hover-page-container .col-xs-pull-5 {
right: 41.66666667%}
.image-hover-page-container .col-xs-pull-4 {
right: 33.33333333%}
.image-hover-page-container .col-xs-pull-3 {
right: 25%}
.image-hover-page-container .col-xs-pull-2 {
right: 16.66666667%}
.image-hover-page-container .col-xs-pull-1 {
right: 8.33333333%}
.image-hover-page-container .col-xs-pull-0 {
right: auto;
}
.image-hover-page-container .col-xs-push-12 {
left: 100%}
.image-hover-page-container .col-xs-push-11 {
left: 91.66666667%}
.image-hover-page-container .col-xs-push-10 {
left: 83.33333333%}
.image-hover-page-container .col-xs-push-9 {
left: 75%}
.image-hover-page-container .col-xs-push-8 {
left: 66.66666667%}
.image-hover-page-container .col-xs-push-7 {
left: 58.33333333%}
.image-hover-page-container .col-xs-push-6 {
left: 50%}
.image-hover-page-container .col-xs-push-5 {
left: 41.66666667%}
.image-hover-page-container .col-xs-push-4 {
left: 33.33333333%}
.image-hover-page-container .col-xs-push-3 {
left: 25%}
.image-hover-page-container .col-xs-push-2 {
left: 16.66666667%}
.image-hover-page-container .col-xs-push-1 {
left: 8.33333333%}
.image-hover-page-container .col-xs-push-0 {
left: auto;
}
.image-hover-page-container .col-xs-offset-12 {
margin-left: 100%}
.image-hover-page-container .col-xs-offset-11 {
margin-left: 91.66666667%}
.image-hover-page-container .col-xs-offset-10 {
margin-left: 83.33333333%}
.image-hover-page-container .col-xs-offset-9 {
margin-left: 75%}
.image-hover-page-container .col-xs-offset-8 {
margin-left: 66.66666667%}
.image-hover-page-container .col-xs-offset-7 {
margin-left: 58.33333333%}
.image-hover-page-container .col-xs-offset-6 {
margin-left: 50%}
.image-hover-page-container .col-xs-offset-5 {
margin-left: 41.66666667%}
.image-hover-page-container .col-xs-offset-4 {
margin-left: 33.33333333%}
.image-hover-page-container .col-xs-offset-3 {
margin-left: 25%}
.image-hover-page-container .col-xs-offset-2 {
margin-left: 16.66666667%}
.image-hover-page-container .col-xs-offset-1 {
margin-left: 8.33333333%}
.image-hover-page-container .col-xs-offset-0 {
margin-left: 0;
}
@media (min-width:768px) {
.image-hover-page-container .col-sm-1, .image-hover-page-container .col-sm-10, .image-hover-page-container .col-sm-11, .image-hover-page-container .col-sm-12, .image-hover-page-container .col-sm-2, .image-hover-page-container .col-sm-3, .image-hover-page-container .col-sm-4, .image-hover-page-container .col-sm-5, .image-hover-page-container .col-sm-6, .image-hover-page-container .col-sm-7, .image-hover-page-container .col-sm-8, .image-hover-page-container .col-sm-9 {
float: left;
}
.image-hover-page-container .col-sm-12 {
width: 100%}
.image-hover-page-container .col-sm-11 {
width: 91.66666667%}
.image-hover-page-container .col-sm-10 {
width: 83.33333333%}
.image-hover-page-container .col-sm-9 {
width: 75%}
.image-hover-page-container .col-sm-8 {
width: 66.66666667%}
.image-hover-page-container .col-sm-7 {
width: 58.33333333%}
.image-hover-page-container .col-sm-6 {
width: 50%}
.image-hover-page-container .col-sm-5 {
width: 41.66666667%}
.image-hover-page-container .col-sm-4 {
width: 33.33333333%}
.image-hover-page-container .col-sm-3 {
width: 25%}
.image-hover-page-container .col-sm-2 {
width: 16.66666667%}
.image-hover-page-container .col-sm-1 {
width: 8.33333333%}
.image-hover-page-container .col-sm-pull-12 {
right: 100%}
.image-hover-page-container .col-sm-pull-11 {
right: 91.66666667%}
.image-hover-page-container .col-sm-pull-10 {
right: 83.33333333%}
.image-hover-page-container .col-sm-pull-9 {
right: 75%}
.image-hover-page-container .col-sm-pull-8 {
right: 66.66666667%}
.image-hover-page-container .col-sm-pull-7 {
right: 58.33333333%}
.image-hover-page-container .col-sm-pull-6 {
right: 50%}
.image-hover-page-container .col-sm-pull-5 {
right: 41.66666667%}
.image-hover-page-container .col-sm-pull-4 {
right: 33.33333333%}
.image-hover-page-container .col-sm-pull-3 {
right: 25%}
.image-hover-page-container .col-sm-pull-2 {
right: 16.66666667%}
.image-hover-page-container .col-sm-pull-1 {
right: 8.33333333%}
.image-hover-page-container .col-sm-pull-0 {
right: auto;
}
.image-hover-page-container .col-sm-push-12 {
left: 100%}
.image-hover-page-container .col-sm-push-11 {
left: 91.66666667%}
.image-hover-page-container .col-sm-push-10 {
left: 83.33333333%}
.image-hover-page-container .col-sm-push-9 {
left: 75%}
.image-hover-page-container .col-sm-push-8 {
left: 66.66666667%}
.image-hover-page-container .col-sm-push-7 {
left: 58.33333333%}
.image-hover-page-container .col-sm-push-6 {
left: 50%}
.image-hover-page-container .col-sm-push-5 {
left: 41.66666667%}
.image-hover-page-container .col-sm-push-4 {
left: 33.33333333%}
.image-hover-page-container .col-sm-push-3 {
left: 25%}
.image-hover-page-container .col-sm-push-2 {
left: 16.66666667%}
.image-hover-page-container .col-sm-push-1 {
left: 8.33333333%}
.image-hover-page-container .col-sm-push-0 {
left: auto;
}
.image-hover-page-container .col-sm-offset-12 {
margin-left: 100%}
.image-hover-page-container .col-sm-offset-11 {
margin-left: 91.66666667%}
.image-hover-page-container .col-sm-offset-10 {
margin-left: 83.33333333%}
.image-hover-page-container .col-sm-offset-9 {
margin-left: 75%}
.image-hover-page-container .col-sm-offset-8 {
margin-left: 66.66666667%}
.image-hover-page-container .col-sm-offset-7 {
margin-left: 58.33333333%}
.image-hover-page-container .col-sm-offset-6 {
margin-left: 50%}
.image-hover-page-container .col-sm-offset-5 {
margin-left: 41.66666667%}
.image-hover-page-container .col-sm-offset-4 {
margin-left: 33.33333333%}
.image-hover-page-container .col-sm-offset-3 {
margin-left: 25%}
.image-hover-page-container .col-sm-offset-2 {
margin-left: 16.66666667%}
.image-hover-page-container .col-sm-offset-1 {
margin-left: 8.33333333%}
.image-hover-page-container .col-sm-offset-0 {
margin-left: 0;
}
}@media (min-width:992px) {
.image-hover-page-container .col-md-1, .image-hover-page-container .col-md-10, .image-hover-page-container .col-md-11, .image-hover-page-container .col-md-12, .image-hover-page-container .col-md-2, .image-hover-page-container .col-md-3, .image-hover-page-container .col-md-4, .image-hover-page-container .col-md-5, .image-hover-page-container .col-md-6, .image-hover-page-container .col-md-7, .image-hover-page-container .col-md-8, .image-hover-page-container .col-md-9 {
float: left;
}
.image-hover-page-container .col-md-12 {
width: 100%}
.image-hover-page-container .col-md-11 {
width: 91.66666667%}
.image-hover-page-container .col-md-10 {
width: 83.33333333%}
.image-hover-page-container .col-md-9 {
width: 75%}
.image-hover-page-container .col-md-8 {
width: 66.66666667%}
.image-hover-page-container .col-md-7 {
width: 58.33333333%}
.image-hover-page-container .col-md-6 {
width: 50%}
.image-hover-page-container .col-md-5 {
width: 41.66666667%}
.image-hover-page-container .col-md-4 {
width: 33.33333333%}
.image-hover-page-container .col-md-3 {
width: 25%}
.image-hover-page-container .col-md-2 {
width: 16.66666667%}
.image-hover-page-container .col-md-1 {
width: 8.33333333%}
.image-hover-page-container .col-md-pull-12 {
right: 100%}
.image-hover-page-container .col-md-pull-11 {
right: 91.66666667%}
.image-hover-page-container .col-md-pull-10 {
right: 83.33333333%}
.image-hover-page-container .col-md-pull-9 {
right: 75%}
.image-hover-page-container .col-md-pull-8 {
right: 66.66666667%}
.image-hover-page-container .col-md-pull-7 {
right: 58.33333333%}
.image-hover-page-container .col-md-pull-6 {
right: 50%}
.image-hover-page-container .col-md-pull-5 {
right: 41.66666667%}
.image-hover-page-container .col-md-pull-4 {
right: 33.33333333%}
.image-hover-page-container .col-md-pull-3 {
right: 25%}
.image-hover-page-container .col-md-pull-2 {
right: 16.66666667%}
.image-hover-page-container .col-md-pull-1 {
right: 8.33333333%}
.image-hover-page-container .col-md-pull-0 {
right: auto;
}
.image-hover-page-container .col-md-push-12 {
left: 100%}
.image-hover-page-container .col-md-push-11 {
left: 91.66666667%}
.image-hover-page-container .col-md-push-10 {
left: 83.33333333%}
.image-hover-page-container .col-md-push-9 {
left: 75%}
.image-hover-page-container .col-md-push-8 {
left: 66.66666667%}
.image-hover-page-container .col-md-push-7 {
left: 58.33333333%}
.image-hover-page-container .col-md-push-6 {
left: 50%}
.image-hover-page-container .col-md-push-5 {
left: 41.66666667%}
.image-hover-page-container .col-md-push-4 {
left: 33.33333333%}
.image-hover-page-container .col-md-push-3 {
left: 25%}
.image-hover-page-container .col-md-push-2 {
left: 16.66666667%}
.image-hover-page-container .col-md-push-1 {
left: 8.33333333%}
.image-hover-page-container .col-md-push-0 {
left: auto;
}
.image-hover-page-container .col-md-offset-12 {
margin-left: 100%}
.image-hover-page-container .col-md-offset-11 {
margin-left: 91.66666667%}
.image-hover-page-container .col-md-offset-10 {
margin-left: 83.33333333%}
.image-hover-page-container .col-md-offset-9 {
margin-left: 75%}
.image-hover-page-container .col-md-offset-8 {
margin-left: 66.66666667%}
.image-hover-page-container .col-md-offset-7 {
margin-left: 58.33333333%}
.image-hover-page-container .col-md-offset-6 {
margin-left: 50%}
.image-hover-page-container .col-md-offset-5 {
margin-left: 41.66666667%}
.image-hover-page-container .col-md-offset-4 {
margin-left: 33.33333333%}
.image-hover-page-container .col-md-offset-3 {
margin-left: 25%}
.image-hover-page-container .col-md-offset-2 {
margin-left: 16.66666667%}
.image-hover-page-container .col-md-offset-1 {
margin-left: 8.33333333%}
.image-hover-page-container .col-md-offset-0 {
margin-left: 0;
}
}@media (min-width:1200px) {
.image-hover-page-container .col-lg-1, .image-hover-page-container .col-lg-10, .image-hover-page-container .col-lg-11, .image-hover-page-container .col-lg-12, .image-hover-page-container .col-lg-2, .image-hover-page-container .col-lg-3, .image-hover-page-container .col-lg-4, .image-hover-page-container .col-lg-5, .image-hover-page-container .col-lg-6, .image-hover-page-container .col-lg-7, .image-hover-page-container .col-lg-8, .image-hover-page-container .col-lg-9 {
float: left;
}
.image-hover-page-container .col-lg-12 {
width: 100%}
.image-hover-page-container .col-lg-11 {
width: 91.66666667%}
.image-hover-page-container .col-lg-10 {
width: 83.33333333%}
.image-hover-page-container .col-lg-9 {
width: 75%}
.image-hover-page-container .col-lg-8 {
width: 66.66666667%}
.image-hover-page-container .col-lg-7 {
width: 58.33333333%}
.image-hover-page-container .col-lg-6 {
width: 50%}
.image-hover-page-container .col-lg-5 {
width: 41.66666667%}
.image-hover-page-container .col-lg-4 {
width: 33.33333333%}
.image-hover-page-container .col-lg-3 {
width: 25%}
.image-hover-page-container .col-lg-2 {
width: 16.66666667%}
.image-hover-page-container .col-lg-1 {
width: 8.33333333%}
.image-hover-page-container .col-lg-pull-12 {
right: 100%}
.image-hover-page-container .col-lg-pull-11 {
right: 91.66666667%}
.image-hover-page-container .col-lg-pull-10 {
right: 83.33333333%}
.image-hover-page-container .col-lg-pull-9 {
right: 75%}
.image-hover-page-container .col-lg-pull-8 {
right: 66.66666667%}
.image-hover-page-container .col-lg-pull-7 {
right: 58.33333333%}
.image-hover-page-container .col-lg-pull-6 {
right: 50%}
.image-hover-page-container .col-lg-pull-5 {
right: 41.66666667%}
.image-hover-page-container .col-lg-pull-4 {
right: 33.33333333%}
.image-hover-page-container .col-lg-pull-3 {
right: 25%}
.image-hover-page-container .col-lg-pull-2 {
right: 16.66666667%}
.image-hover-page-container .col-lg-pull-1 {
right: 8.33333333%}
.image-hover-page-container .col-lg-pull-0 {
right: auto;
}
.image-hover-page-container .col-lg-push-12 {
left: 100%}
.image-hover-page-container .col-lg-push-11 {
left: 91.66666667%}
.image-hover-page-container .col-lg-push-10 {
left: 83.33333333%}
.image-hover-page-container .col-lg-push-9 {
left: 75%}
.image-hover-page-container .col-lg-push-8 {
left: 66.66666667%}
.image-hover-page-container .col-lg-push-7 {
left: 58.33333333%}
.image-hover-page-container .col-lg-push-6 {
left: 50%}
.image-hover-page-container .col-lg-push-5 {
left: 41.66666667%}
.image-hover-page-container .col-lg-push-4 {
left: 33.33333333%}
.image-hover-page-container .col-lg-push-3 {
left: 25%}
.image-hover-page-container .col-lg-push-2 {
left: 16.66666667%}
.image-hover-page-container .col-lg-push-1 {
left: 8.33333333%}
.image-hover-page-container .col-lg-push-0 {
left: auto;
}
.image-hover-page-container .col-lg-offset-12 {
margin-left: 100%}
.image-hover-page-container .col-lg-offset-11 {
margin-left: 91.66666667%}
.image-hover-page-container .col-lg-offset-10 {
margin-left: 83.33333333%}
.image-hover-page-container .col-lg-offset-9 {
margin-left: 75%}
.image-hover-page-container .col-lg-offset-8 {
margin-left: 66.66666667%}
.image-hover-page-container .col-lg-offset-7 {
margin-left: 58.33333333%}
.image-hover-page-container .col-lg-offset-6 {
margin-left: 50%}
.image-hover-page-container .col-lg-offset-5 {
margin-left: 41.66666667%}
.image-hover-page-container .col-lg-offset-4 {
margin-left: 33.33333333%}
.image-hover-page-container .col-lg-offset-3 {
margin-left: 25%}
.image-hover-page-container .col-lg-offset-2 {
margin-left: 16.66666667%}
.image-hover-page-container .col-lg-offset-1 {
margin-left: 8.33333333%}
.image-hover-page-container .col-lg-offset-0 {
margin-left: 0;
} }.bs-docs-home .carbonad {
margin: 0 -15px 40px!important;
}
@media (min-width:480px) {
.bs-docs-home .carbonad {
width: 330px!important;
margin: 0 auto 40px!important;
border-radius: 4px;
}
}@media (min-width:768px) {
.bs-docs-home .carbonad {
float: left;
width: 330px!important;
margin: 0 0 30px!important;
}
.bs-docs-home .bs-masthead-links, .bs-docs-home .bs-social {
margin-left: 350px;
}
.bs-docs-home .bs-social {
margin-bottom: 10px;
}
.bs-docs-home .bs-masthead-links {
margin-top: 10px;
}
}@media (min-width:992px) {
.carbonad {
position: absolute;
top: 20px;
right: 15px;
padding: 15px!important;
width: 330px!important;
}
.bs-docs-home .carbonad {
position: static;
}
}@media (min-width:1170px) {
.bs-docs-home .carbonad {
margin-top: -25px!important;
}
}.bs-old-docs {
padding: 15px 20px;
color: #777;
background-color: #fafafa;
border-top: 1px solid #fff;
border-bottom: 1px solid #e5e5e5;
}
.bs-old-docs strong {
color: #555;
}
.bs-sidebar.affix {
position: static;
}
.bs-sidenav {
margin-top: 30px;
margin-bottom: 30px;
padding-top: 10px;
padding-bottom: 10px;
text-shadow: 0 1px 0 #fff;
background-color: #f7f5fa;
border-radius: 5px;
}
.bs-sidebar .nav>li>a {
display: block;
color: #716b7a;
padding: 5px 20px;
}
.bs-sidebar .nav>li>a:focus, .bs-sidebar .nav>li>a:hover {
text-decoration: none;
background-color: #e5e3e9;
border-right: 1px solid #dbd8e0;
}
.bs-sidebar .nav>.active:focus>a, .bs-sidebar .nav>.active:hover>a, .bs-sidebar .nav>.active>a {
font-weight: 700;
color: #563d7c;
background-color: transparent;
border-right: 1px solid #563d7c;
}
.bs-sidebar .nav .nav {
display: none;
margin-bottom: 8px;
}
.bs-sidebar .nav .nav>li>a {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 30px;
font-size: 90%}
@media (min-width:992px) {
.bs-sidebar .nav>.active>ul {
display: block;
}
.bs-sidebar.affix, .bs-sidebar.affix-bottom {
width: 213px;
}
.bs-sidebar.affix {
position: fixed;
top: 80px;
}
.bs-sidebar.affix-bottom {
position: absolute;
}
.bs-sidebar.affix .bs-sidenav, .bs-sidebar.affix-bottom .bs-sidenav {
margin-top: 0;
margin-bottom: 0;
}
}@media (min-width:1200px) {
.bs-sidebar.affix, .bs-sidebar.affix-bottom {
width: 263px;
}
}.bs-docs-section+.bs-docs-section {
padding-top: 40px;
}
h1[id] {
padding-top: 80px;
margin-top: -45px;
}
.bs-callout {
margin: 20px 0;
padding: 10px;
border-left: 3px solid #eee;
}
.bs-callout h4 {
margin-top: 0;
margin-bottom: 5px;
}
.bs-callout p:last-child {
margin-bottom: 0;
}
.bs-callout-danger {
background-color: #fdf7f7;
border-color: #eed3d7;
}
.bs-callout-danger h4 {
color: #b94a48;
}
.bs-callout-warning {
background-color: #faf8f0;
border-color: #faebcc;
}
.bs-callout-warning h4 {
color: #8a6d3b;
}
.bs-callout-info {
background-color: #f4f8fa;
border-color: #bce8f1;
}
.bs-callout-info h4 {
color: #34789a;
}
.bs-team .team-member {
color: #555;
line-height: 32px;
}
.bs-team .team-member:hover {
color: #333;
text-decoration: none;
}
.bs-team .github-btn {
float: right;
margin-top: 6px;
width: 120px;
height: 20px;
}
.bs-team img {
float: left;
width: 32px;
margin-right: 10px;
border-radius: 4px;
}
.show-grid {
margin-bottom: 15px;
}
.show-grid [class^=col-] {
padding-top: 10px;
padding-bottom: 10px;
background-color: #eee;
border: 1px solid #ddd;
background-color: rgba(86, 61, 124, .15);
border: 1px solid rgba(86, 61, 124, .2);
}
.bs-example {
position: relative;
padding: 45px 15px 15px;
margin: 0 -15px 15px;
background-color: #fafafa;
box-shadow: inset 0 3px 6px rgba(0, 0, 0, .05);
border-color: #e5e5e5 #eee #eee;
border-style: solid;
border-width: 1px 0;
}
.bs-example:after {
content: "Example";
position: absolute;
top: 15px;
left: 15px;
font-size: 0.9em;
font-weight: 700; text-transform: uppercase;
letter-spacing: 1px;
}
.bs-example+.highlight {
margin: -15px -15px 15px;
border-radius: 0;
border-width: 0 0 1px;
}
@media (min-width:768px) {
.bs-example, .bs-example+.highlight {
margin-left: 0;
margin-right: 0;
border-width: 1px;
}
.bs-example {
background-color: #fff;
border-color: #ddd;
border-radius: 4px 4px 0 0;
box-shadow: none;
}
.bs-example+.highlight {
margin-top: -16px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
}.bs-example .container {
width: auto;
}
.bs-example>.alert:last-child, .bs-example>.form-control:last-child, .bs-example>.jumbotron:last-child, .bs-example>.list-group:last-child, .bs-example>.navbar:last-child, .bs-example>.panel:last-child, .bs-example>.progress:last-child, .bs-example>.table-responsive:last-child>.table, .bs-example>.table:last-child, .bs-example>.well:last-child, .bs-example>blockquote:last-child, .bs-example>ol:last-child, .bs-example>p:last-child, .bs-example>ul:last-child {
margin-bottom: 0;
}
.bs-example>p>.close {
float: none;
}
.bs-example-type .table .info {
color: #999;
vertical-align: middle;
}
.bs-example-type .table td {
padding: 15px 0;
border-color: #eee;
}
.bs-example-type .table tr:first-child td {
border-top: 0;
}
.bs-example-type h1, .bs-example-type h2, .bs-example-type h3, .bs-example-type h4, .bs-example-type h5, .bs-example-type h6 {
margin: 0;
}
.bs-example>.img-circle, .bs-example>.img-rounded, .bs-example>.img-thumbnail {
margin: 5px;
}
.bs-example>.table-responsive>.table {
background-color: #fff;
}
.bs-example>.btn, .bs-example>.btn-group {
margin-top: 5px;
margin-bottom: 5px;
}
.bs-example-control-sizing input[type=text]+input[type=text], .bs-example-control-sizing select, .bs-example>.btn-toolbar+.btn-toolbar {
margin-top: 10px;
}
.bs-example-form .input-group {
margin-bottom: 10px;
}
.bs-example .navbar:last-child, .bs-navbar-bottom-example .navbar {
margin-bottom: 0;
}
.bs-example>textarea.form-control {
resize: vertical;
}
.bs-example>.list-group {
max-width: 400px;
}
.bs-navbar-bottom-example, .bs-navbar-top-example {
z-index: 1;
padding: 0;
overflow: hidden;
}
.bs-navbar-bottom-example .navbar-header, .bs-navbar-top-example .navbar-header {
margin-left: 0;
}
.bs-navbar-bottom-example .navbar-fixed-bottom, .bs-navbar-top-example .navbar-fixed-top {
position: relative;
margin-left: 0;
margin-right: 0;
}
.bs-navbar-top-example {
padding-bottom: 45px;
}
.bs-navbar-top-example:after {
top: auto;
bottom: 15px;
}
.bs-navbar-top-example .navbar-fixed-top {
top: -1px;
}
.bs-navbar-bottom-example {
padding-top: 45px;
}
.bs-navbar-bottom-example .navbar-fixed-bottom {
bottom: -1px;
}
@media (min-width:768px) {
.bs-navbar-bottom-example .navbar-fixed-bottom, .bs-navbar-top-example .navbar-fixed-top {
position: absolute;
}
.bs-navbar-top-example {
border-radius: 0 0 4px 4px;
}
.bs-navbar-bottom-example {
border-radius: 4px 4px 0 0;
}
}.bs-example .pagination {
margin-top: 10px;
margin-bottom: 10px;
}
.bs-example>.pager {
margin-top: 0;
}
.bs-example-modal {
background-color: #f5f5f5;
}
.bs-example-modal .modal {
position: relative;
top: auto;
right: auto;
left: auto;
bottom: auto;
z-index: 1;
display: block;
}
.bs-example-modal .modal-dialog {
left: auto;
margin-left: auto;
margin-right: auto;
}
.bs-example>.dropdown>.dropdown-menu {
position: static;
display: block;
margin-bottom: 5px;
}
.bs-example-tabs .nav-tabs {
margin-bottom: 15px;
}
.bs-example-tooltips {
text-align: center;
}
.bs-example-tooltips>.btn {
margin-top: 5px;
margin-bottom: 5px;
}
.bs-example-popover {
padding-bottom: 24px;
background-color: #f9f9f9;
}
.bs-example-popover .popover {
position: relative;
display: block;
float: left;
width: 260px;
margin: 20px;
}
.scrollspy-example {
position: relative;
height: 200px;
margin-top: 10px;
overflow: auto;
}
.bs-glyphicons, .ih-item.square.effect1, .ih-item.square.effect11, .ih-item.square.effect12, .ih-item.square.effect13, .ih-item.square.effect15, .ih-item.square.effect16, .ih-item.square.effect17, .ih-item.square.effect18, .ih-item.square.effect19, .ih-item.square.effect2, .ih-item.square.effect3, .ih-item.square.effect4, .ih-item.square.effect6, .ih-item.square.effect7, .ih-item.square.effect8 {
overflow: hidden;
}
.highlight {
display: none;
padding: 9px 14px;
margin-bottom: 14px;
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
border-radius: 4px;
}
.highlight pre {
padding: 0;
margin-top: 0;
margin-bottom: 0;
background-color: transparent;
border: 0;
}
.highlight pre code {
font-size: inherit;
color: #333;
}
.highlight pre .lineno {
display: inline-block;
width: 22px;
padding-right: 5px;
margin-right: 10px;
text-align: right;
color: #bebec5;
}
@media (min-width:481px) {
.highlight {
display: block;
}
}.table-responsive .highlight pre {
white-space: normal;
}
.bs-table th small, .responsive-utilities th small {
display: block;
font-weight: 400;
color: #999;
}
.responsive-utilities tbody th {
font-weight: 400;
}
.responsive-utilities td {
text-align: center;
}
.responsive-utilities td.is-visible {
color: #468847;
background-color: #dff0d8!important;
}
.responsive-utilities td.is-hidden {
color: #ccc;
background-color: #f9f9f9!important;
}
.responsive-utilities-test {
margin-top: 5px;
}
.responsive-utilities-test .col-xs-6 {
margin-bottom: 10px;
}
.responsive-utilities-test span {
padding: 15px 10px;
font-size: 14px;
font-weight: 700;
line-height: 1.1;
text-align: center;
border-radius: 4px;
}
.hidden-on .col-xs-6 .hidden-lg, .hidden-on .col-xs-6 .hidden-md, .hidden-on .col-xs-6 .hidden-sm, .hidden-on .col-xs-6 .hidden-xs, .visible-on .col-xs-6 .hidden-lg, .visible-on .col-xs-6 .hidden-md, .visible-on .col-xs-6 .hidden-sm, .visible-on .col-xs-6 .hidden-xs {
color: #999;
border: 1px solid #ddd;
}
.hidden-on .col-xs-6 .visible-lg, .hidden-on .col-xs-6 .visible-md, .hidden-on .col-xs-6 .visible-sm, .hidden-on .col-xs-6 .visible-xs, .visible-on .col-xs-6 .visible-lg, .visible-on .col-xs-6 .visible-md, .visible-on .col-xs-6 .visible-sm, .visible-on .col-xs-6 .visible-xs {
color: #468847;
background-color: #dff0d8;
border: 1px solid #d6e9c6;
}
.bs-glyphicons {
padding-left: 0;
padding-bottom: 1px;
margin-bottom: 20px;
list-style: none;
}
.bs-glyphicons li {
float: left;
width: 25%;
height: 115px;
padding: 10px;
margin: 0 -1px -1px 0;
font-size: 0.9em;
line-height: 1.4;
text-align: center;
border: 1px solid #ddd;
}
.bs-glyphicons .glyphicon {
margin-top: 5px;
margin-bottom: 10px;
font-size: 24px;
}
.bs-glyphicons .glyphicon-class {
display: block;
text-align: center;
word-wrap: break-word;
}
.bs-glyphicons li:hover {
background-color: rgba(86, 61, 124, .1);
}
@media (min-width:768px) {
.bs-glyphicons li {
width: 12.5%}
}.bs-customizer .toggle {
float: right;
margin-top: 85px;
}
.bs-customizer label {
margin-top: 10px;
font-weight: 500;
color: #555;
}
.bs-customizer h2 {
margin-top: 0;
margin-bottom: 5px;
padding-top: 30px;
}
.bs-customizer h3 {
margin-bottom: 0;
}
.bs-customizer h4 {
margin-top: 15px;
margin-bottom: 0;
}
.bs-customizer .bs-callout h4 {
margin-top: 0;
margin-bottom: 5px;
}
.bs-customizer input[type=text] {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
background-color: #fafafa;
}
.bs-customizer .help-block {
font-size: 0.9em;
margin-bottom: 5px;
}
#less-section label {
font-weight: 400;
}
.bs-customize-download .btn-outline {
padding: 10px;
}
.bs-customizer-alert {
position: fixed;
top: 51px;
left: 0;
right: 0;
z-index: 1030;
padding: 15px 0;
color: #fff;
background-color: #d9534f;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25);
border-bottom: 1px solid #b94441;
}
.ih-item.circle .info, .ih-item.square .info {
right: 0;
text-align: center;
bottom: 0;
top: 0;
left: 0;
background-size: 100% 100% !important;
background-repeat: no-repeat;
}
.bs-customizer-alert .close {
margin-top: -4px;
font-size: 24px;
}
.bs-customizer-alert p {
margin-bottom: 0;
}
.bs-customizer-alert .glyphicon {
margin-right: 5px;
}
.bs-customizer-alert pre {
margin: 10px 0 0;
color: #fff;
background-color: #a83c3a;
border-color: #973634;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
}
.bs-about {
font-size: 16px;
}
.bs-examples h4 {
margin-bottom: 5px;
}
.bs-examples p {
margin-bottom: 20px;
}
#focusedInput {
border-color: rgba(82, 168, 236, .8);
outline: 0;
outline: dotted thin\9;
-moz-box-shadow: 0 0 8px rgba(82, 168, 236, .6);
box-shadow: 0 0 8px rgba(82, 168, 236, .6);
}
.bs-docs-dl-options h4 {
margin-top: 15px;
margin-bottom: 5px;
}
.ih-item {
position: relative;
transition: all .35s ease-in-out;
margin: 30px auto !important;
}
.ih-item.circle .img:before, ;
.ih-item {
-webkit-transition: all .35s ease-in-out;
-moz-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, .ih-item.circle .img {
border-radius: 50%;
position: relative;
width: 220px;
height: 220px;
}
.ih-item.circle {
margin-bottom: 15px;
} .ih-item.circle .img img {
border-radius: 50%}
.ih-item.circle .info {
position: absolute;
border-radius: 50%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.ih-item.square {
position: relative;
width: 100%;
height: 216px;
border: 8px solid #fff;
box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
margin-bottom: 5px;
}
.ih-item.square .info {
position: absolute;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.ih-item.circle.effect1 .spinner {
width: 230px;
height: 230px;
border: 5px solid #76B9D7;
border-right-color: #C7C7C7;
border-bottom-color: #C7C7C7;
border-radius: 50%;
transition: all .8s ease-in-out;
}
.ih-item.circle.effect1 .info, .ih-item.circle.effect1 .spinner {
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
}
.bs-docs-nav .navbar-toggle, .top-header.bs-docs-nav {
border-color: #222132;
}
.ih-item.circle.effect1 .img {
position: absolute;
top: 10px;
bottom: 0;
left: 10px;
right: 0;
width: auto;
height: auto;
}
.ih-item.circle.effect1 .info h3, .ih-item.circle.effect2 .info h3, .ih-item.circle.effect3 .info h3, .ih-item.circle.effect4 .info h3 {
margin: 0 30px;
text-transform: uppercase;
position: relative;
letter-spacing: 2px; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .3);
}
.ih-item.circle.effect1 .info-back{
height: 100%;
border-radius: 50%;
}
.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;
transition: all .8s ease-in-out;
}
.ih-item.circle.effect1 .info h3 {
color: #fff;
font-size: 18px;
padding: 50px 0 0;
}
.ih-item.circle.effect1 .info p { padding: 10px 5px;
margin: 0 30px;
font-size: 0.9em;
}
.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;
overflow: hidden;
}
.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);
transition: all .35s ease-in-out;
}
.ih-item.circle.effect2 .img, .ih-item.circle.effect2 .info {
-webkit-transition: all .35s ease-in-out;
-moz-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;
transition: all .35s ease-in-out;
}
.ih-item.circle.effect2 .info h3 {
color: #fff;
font-size: 18px;
padding: 50px 0 0;
}
.ih-item.circle.effect2 .info p { padding: 10px 5px;
margin: 0 30px;
font-size: 0.9em;
}
.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;
transition: all .35s ease-in-out;
}
.ih-item.circle.effect3 .img, .ih-item.circle.effect3 .info {
-webkit-transition: all .35s ease-in-out;
-moz-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;
transition: all .35s ease-in-out;
}
.ih-item.circle.effect3 .info h3 {
color: #fff;
font-size: 18px;
padding: 50px 0 0;
}
.ih-item.circle.effect3 .info p { padding: 10px 5px;
margin: 0 30px;
font-size: 0.9em;
}
.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 .info, .ih-item.circle.effect4 a:hover .img {
pointer-events: none;
opacity: 0;
}
.ih-item.circle.effect4.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect4 .info {
background: #333;
visibility: hidden;
-webkit-transition: all .35s ease;
-moz-transition: all .35s ease;
transition: all .35s ease;
}
.ih-item.circle.effect4 .info h3 {
color: #fff;
font-size: 18px;
padding: 50px 0 0;
}
.ih-item.circle.effect4 .info p { padding: 10px 5px;
margin: 0 30px;
font-size: 0.9em;
transition: all .35s ease-in-out;
}
.ih-item.circle.effect4 .info p, .ih-item.circle.effect5 .info {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
}
.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, .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.bottom_to_top .img, .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 .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 {
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, .ih-item.circle.effect6 .info h3, .ih-item.circle.effect7 .info h3 {
margin: 0 30px;
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
height: 32%
text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .3);
}
.ih-item.circle.effect5 .info h3 {
color: #fff;
font-size: 18px;
padding: 50px 0 0;
}
.ih-item.circle.effect5 .info p { padding: 10px 5px;
margin: 0 30px;
font-size: 0.9em;
}
.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);
transition: all .35s ease-in-out;
}
.ih-item.circle.effect6 .img, .ih-item.circle.effect6 .info {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
}
.ih-item.circle.effect6.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect6 .info {
background: #333;
opacity: 0;
transition: all .35s ease-in-out;
}
.ih-item.circle.effect6 .info h3 {
color: #fff;
font-size: 18px;
padding: 50px 0 0;
}
.ih-item.circle.effect6 .info p { padding: 10px 5px;
margin: 0 30px;
font-size: 0.9em;
}
.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 {
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 .info, .ih-item.circle.effect6.scale_down_up a:hover .img {
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5);
}
.ih-item.circle.effect6.scale_down_up a:hover .img {
opacity: 0;
transform: scale(.5);
}
.ih-item.circle.effect6.scale_down_up a:hover .info {
transform: scale(1);
}
.ih-item.circle.effect6.scale_down_up a:hover .info, .ih-item.circle.effect7 .img {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
.ih-item.circle.effect7 .img {
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;
font-size: 18px;
padding: 50px 0 0;
}
.ih-item.circle.effect7 .info p { padding: 10px 5px;
margin: 0 30px;
font-size: 0.9em;
}
.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.effect10 .info h3, .ih-item.circle.effect9 .info h3 {
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .3);
}
.ih-item.circle.effect8 .info {
width: 100%;
height: 100%;
background: #333;
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, .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);
}
.ih-item.circle.effect8 .info h3 {
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 18px;
margin: 0 30px;
padding: 45px 0 0;
height: 140px;
text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .3);
}
.ih-item.circle.effect8 .info p { padding: 10px 5px;
margin: 0 30px;
font-size: 0.9em;
}
.ih-item.circle.effect8 a:hover .img-container {
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, .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.bottom_to_top .img-container .img, .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 .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;
visibility: hidden;
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, .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);
}
.ih-item.circle.effect9 .info h3 {
color: #fff;
font-size: 18px;
margin: 0 30px;
padding: 50px 0 0;
height: 32%
}
.ih-item.circle.effect9 .info p { padding: 10px 5px;
margin: 0 30px;
font-size: 0.9em;
}
.ih-item.circle.effect9 a:hover .img {
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);
transition: all .35s ease-in-out;
}
.ih-item.circle.effect10 .info, .ih-item.circle.effect11 .img {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
}
.ih-item.circle.effect10 .info h3 {
color: #fff;
font-size: 18px;
}
.ih-item.circle.effect10 .info p { font-size: 0.9em;
}
.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;
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;
height: 78px;
}
.ih-item.circle.effect11 .info h3, .ih-item.circle.effect12 .info h3, .ih-item.circle.effect13 .info h3, .ih-item.circle.effect14 .info h3, .ih-item.circle.effect15 .info h3, .ih-item.circle.effect16 .info h3 {
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
height: 32%
text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .3);
}
.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%;
transition: all .35s ease-in-out;
}
.ih-item.circle.effect11.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect11 .info {
background: #333;
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 h3 {
color: #fff;
font-size: 18px;
margin: 0 30px;
padding: 50px 0 0;
}
.ih-item.circle.effect11 .info p { padding: 10px 5px;
margin: 0 30px;
font-size: 0.9em;
}
.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, .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.bottom_to_top .img, .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 .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;
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5);
transform: scale(.5);
transition: all .35s ease-in-out;
}
.ih-item.circle.effect12 .info, .ih-item.circle.effect13 .info {
pointer-events: none;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
}
.ih-item.circle.effect12 .info h3 {
color: #fff;
font-size: 18px;
margin: 0 30px;
padding: 50px 0 0;
}
.ih-item.circle.effect12 .info p { padding: 10px 5px;
margin: 0 30px;
font-size: 0.9em;
}
.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, .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 {
transform: translateX(0) rotate(0);
-webkit-transition-delay: .4s;
-moz-transition-delay: .4s;
transition-delay: .4s;
}
.ih-item.circle.effect12.left_to_right a:hover .info, .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);
}
.ih-item.circle.effect12.right_to_left .img {
transform: translateX(0) rotate(0);
}
.ih-item.circle.effect12.right_to_left .info, .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, .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 {
transform: translateY(0) rotate(0);
-webkit-transition-delay: .4s;
-moz-transition-delay: .4s;
transition-delay: .4s;
}
.ih-item.circle.effect12.bottom_to_top .img, .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);
}
.ih-item.circle.effect12.bottom_to_top .img {
transform: translateY(0) rotate(0);
}
.ih-item.circle.effect12.bottom_to_top .info, .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;
transition: all .35s ease-in-out;
}
.ih-item.circle.effect13 .info h3 {
color: #fff;
font-size: 18px;
padding: 50px 0 0;
transition: all .35s ease-in-out;
}
.ih-item.circle.effect13 .info h3, .ih-item.circle.effect13 .info p {
margin: 0 30px;
visibility: hidden;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
}
.ih-item.circle.effect13 .info p { padding: 10px 5px;
font-size: 0.9em;
transition: all .35s ease-in-out;
}
.ih-item.circle.effect13 a:hover .info {
opacity: 1;
}
.ih-item.circle.effect13 a:hover h3, .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, .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, .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, .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, .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, .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;
font-size: 18px;
margin: 0 30px;
padding: 50px 0 0;
}
.ih-item.circle.effect14 .info p { padding: 10px 5px;
margin: 0 30px;
font-size: 0.9em;
}
.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 {
transform: rotateY(0);
}
.ih-item.circle.effect14.left_to_right a:hover .info, .ih-item.circle.effect14.right_to_left .img {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
}
.ih-item.circle.effect14.right_to_left .img {
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 {
transform: rotateX(0);
}
.ih-item.circle.effect14.bottom_to_top .img, .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);
}
.ih-item.circle.effect14.bottom_to_top .img {
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;
font-size: 18px;
margin: 0 30px;
padding: 50px 0 0;
}
.ih-item.circle.effect15 .info p { padding: 10px 5px;
margin: 0 30px;
font-size: 0.9em;
}
.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;
transition: all .35s ease-in-out;
}
.ih-item.circle.effect16 .info, .ih-item.circle.effect16 .info p {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
}
.ih-item.circle.effect16 .info h3 {
color: #fff;
font-size: 18px;
margin: 0 30px;
padding: 50px 0 0;
}
.ih-item.circle.effect16 .info p { padding: 10px 5px;
margin: 0 30px;
font-size: 0.9em;
transition: all .35s ease-in-out;
}
.ih-item.circle.effect16.left_to_right .img:after, .ih-item.circle.effect16.right_to_left .img:after {
border-radius: 50%;
content: '';
width: 8px;
height: 8px;
position: absolute;
top: 40%;
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 .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 {
left: 95%}
.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 {
left: 5%}
.ih-item.circle.effect17 .info h3, .ih-item.circle.effect18 .info h3, .ih-item.circle.effect20 .info h3 {
text-transform: uppercase;
margin: 0 30px;
position: relative;
letter-spacing: 2px;
text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .3);
}
.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 {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
transition: all .35s ease-in-out;
}
.ih-item.circle.effect17 .info, .ih-item.circle.effect17 .info p {
opacity: 0;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
}
.ih-item.circle.effect17 .info h3 {
color: #fff;
font-size: 18px;
padding: 50px 0 0;
height: 32%
}
.ih-item.circle.effect17 .info p { padding: 10px 5px;
margin: 0 30px;
font-size: 0.9em;
transition: all .35s ease-in-out;
} .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;
font-size: 18px;
padding: 50px 0 0;
height: 32%
}
.ih-item.circle.effect18 .info p { padding: 10px 5px;
margin: 0 30px;
font-size: 0.9em;
}
.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: 18px;
margin: 0 30px;
padding: 45px 0 0; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .3);
}
.ih-item.circle.effect19 .info p { padding: 10px 5px;
margin: 0 30px;
font-size: 0.9em;
}
.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;
transform-origin: 50% 0;
}
.ih-item.circle.effect20 .img, .ih-item.circle.effect20 .info .info-back {
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-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;
transform-origin: 50% 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.ih-item.circle.effect20 .info h3 {
color: #fff;
font-size: 18px;
padding: 50px 0 0;
height: 32%
}
.ih-item.circle.effect20 .info p { padding: 10px 5px;
margin: 0 30px;
font-size: 0.9em;
}
.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.colored .info {
background: #1a4a72;
}
.ih-item.square.effect1 .img {
z-index: 11;
position: absolute;
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 .img, .ih-item.square.effect1 .info {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
}
.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);
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: 15px;
margin: 0;
}
.ih-item.square.effect1.left_and_right .info p {
position: absolute;
right: 12px;
bottom: 12px;
margin: 0;
font-size: 0.9em; }
.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: 15px;
padding: 10px 10px 0 4px;
margin: 10px 0 0;
}
.ih-item.square.effect1.top_to_bottom .info p {
font-size: 0.9em; 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: 15px;
padding: 10px 10px 0 4px;
margin: 134px 0 0;
}
.ih-item.square.effect1.bottom_to_top .info p {
font-size: 0.9em; 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.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(0) scale(1);
-moz-transform: rotate(0) scale(1);
-ms-transform: rotate(0) scale(1);
-o-transform: rotate(0) scale(1);
transform: rotate(0) 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;
font-size: 15px;
padding: 10px;
background: #111;
margin: 10px 0 0;
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 h3, .ih-item.square.effect2 .info p {
text-align: center;
-webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);
-ms-transform: translateY(-200px);
-o-transform: translateY(-200px);
}
.ih-item.square.effect2 .info p {
font-size: 0.9em;
position: relative; padding: 10px;
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 {
transform: translateY(0);
}
.ih-item.square.effect2 a:hover .info h3, .ih-item.square.effect2 a:hover .info p, .ih-item.square.effect3 .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
}
.ih-item.square.effect3.colored .info {
background: #1a4a72;
}
.ih-item.square.effect3 .img {
transform: translateY(0);
transition: all .35s ease-in-out;
}
.ih-item.square.effect3 .img, .ih-item.square.effect3 .info {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
}
.ih-item.square.effect3 .info {
height: 65px;
background: #333;
opacity: 0;
transition: all .35s ease-in-out;
}
.ih-item.square.effect3 .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 15px;
padding: 10px 10px 0 4px;
margin: 4px 0 0;
}
.ih-item.square.effect3 .info p {
font-size: 0.9em;
position: relative; 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 {
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: 15px;
padding: 10px;
background: 0 0;
margin-top: 5px;
border-bottom: 1px solid rgba(255, 255, 255, .2);
transition: all .35s ease-in-out .35s;
}
.ih-item.square.effect4 .info h3, .ih-item.square.effect4 .info p {
opacity: 0;
-webkit-transition: all .35s ease-in-out .35s;
-moz-transition: all .35s ease-in-out .35s;
}
.ih-item.square.effect5 .info h3, .ih-item.square.effect6 .info h3, .ih-item.square.effect7 .info h3, .ih-item.square.effect8 .info h3 {
text-align: center;
text-transform: uppercase;
margin: 10px 0 0;
}
.ih-item.square.effect4 .info p {
font-size: 0.9em;
position: relative; padding: 10px;
text-align: center;
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(0) translate(0, 0);
-moz-transform: rotate(0) translate(0, 0);
-ms-transform: rotate(0) translate(0, 0);
-o-transform: rotate(0) translate(0, 0);
transform: rotate(0) 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;
transition: all .35s ease-in-out;
}
.ih-item.square.effect5 .info, .ih-item.square.effect6 .img {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
}
.ih-item.square.effect5 .info h3 {
color: #fff;
font-size: 15px;
padding: 10px;
background: #111;
}
.ih-item.square.effect5 .info p {
font-size: 0.9em;
position: relative; padding: 10px;
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(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-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.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 {
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;
transition: all .35s ease-in-out;
}
.ih-item.square.effect6 .info, .ih-item.square.effect6 .info h3 {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
}
.ih-item.square.effect6 .info h3 {
color: #fff;
font-size: 15px;
padding: 10px;
background: #111;
transition: all .35s ease-in-out;
}
.ih-item.square.effect6 .info p {
font-size: 0.9em;
position: relative; padding: 10px;
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, .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, .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.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 {
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 .img, .ih-item.square.effect7 .info {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
}
.ih-item.square.effect7 .info {
background: #333;
background: rgba(0, 0, 0, .6);
visibility: hidden;
opacity: 0;
transition: all .35s ease-in-out;
}
.ih-item.square.effect7 .info h3 {
color: #fff;
font-size: 15px;
padding: 10px;
background: #111;
-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-size: 0.9em;
position: relative; padding: 10px;
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.colored .info {
background: #1a4a72;
}
.ih-item.square.effect8.colored .info h3 {
background: rgba(12, 34, 52, .6);
}
.ih-item.square.effect8 .img {
opacity: 1;
transition: all .35s ease-in-out;
}
.ih-item.square.effect8 .img, .ih-item.square.effect8 .info {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
}
.ih-item.square.effect8 .info {
background: #333;
visibility: hidden;
opacity: 0;
transition: all .35s ease-in-out;
}
.ih-item.square.effect8 .info h3 {
color: #fff;
font-size: 15px;
padding: 10px;
background: #111;
-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-size: 0.9em;
position: relative; padding: 10px;
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, .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_down .img, .ih-item.square.effect8.scale_up a:hover .info, .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 .info, .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, .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 {
perspective: 900px;
}
.ih-item.square.effect15, .ih-item.square.effect9 {
-webkit-perspective: 900px;
-moz-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: 15px;
padding: 10px;
background: #111;
margin: 0;
}
.ih-item.square.effect10 .info h3, .ih-item.square.effect11 .info h3, .ih-item.square.effect12 .info h3, .ih-item.square.effect13 .info h3, .ih-item.square.effect14 .info h3, .ih-item.square.effect15 .info h3 {
text-transform: uppercase;
margin: 10px 0 0;
}
.ih-item.square.effect9 .info p {
font-size: 0.9em;
position: relative; padding: 10px;
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;
transition: all .35s ease-in-out;
}
.ih-item.square.effect10 .info, .ih-item.square.effect11 .img {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
}
.ih-item.square.effect10 .info h3 {
color: #fff;
text-align: center;
font-size: 15px;
padding: 10px;
background: #111;
}
.ih-item.square.effect10 .info p {
font-size: 0.9em;
position: relative; padding: 10px;
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, .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.bottom_to_top .img, .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 .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.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);
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 {
color: #fff;
text-align: center;
font-size: 15px;
padding: 10px;
background: #111;
}
.ih-item.square.effect11 .info p {
font-size: 0.9em;
position: relative; padding: 10px;
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.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 {
transition: all .35s ease-in;
}
.ih-item.square.effect12 .img, .ih-item.square.effect12 .info {
-webkit-transition: all .35s ease-in;
-moz-transition: all .35s ease-in;
}
.ih-item.square.effect12 .info {
background: #333;
background: rgba(0, 0, 0, .6);
visibility: hidden;
opacity: 0;
transition: all .35s ease-in;
}
.ih-item.square.effect12 .info h3 {
color: #fff;
font-size: 15px;
padding: 10px;
background: #111;
transition: all .35s ease-in;
}
.ih-item.square.effect12 .info h3, .ih-item.square.effect12 .info p {
text-align: center;
-webkit-transition: all .35s ease-in;
-moz-transition: all .35s ease-in;
}
.ih-item.square.effect12 .info p {
font-size: 0.9em;
position: relative; padding: 10px;
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(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.ih-item.square.effect12.left_to_right a:hover .info h3 {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect12.left_to_right a:hover .info p {
-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.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(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.ih-item.square.effect12.right_to_left a:hover .info h3 {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect12.right_to_left a:hover .info p {
-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.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, .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(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
transition-delay: .2s;
}
.ih-item.square.effect12.top_to_bottom a:hover .info h3 {
transform: translate(0, 0);
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
transition-delay: .3s;
}
.ih-item.square.effect12.top_to_bottom a:hover .info h3, .ih-item.square.effect12.top_to_bottom a:hover .info p {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
}
.ih-item.square.effect12.top_to_bottom a:hover .info p {
transform: translate(0, 0);
-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(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
transition-delay: .2s;
}
.ih-item.square.effect12.bottom_to_top a:hover .info h3 {
transform: translate(0, 0);
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
transition-delay: .3s;
}
.ih-item.square.effect12.bottom_to_top a:hover .info h3, .ih-item.square.effect12.bottom_to_top a:hover .info p {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
}
.ih-item.square.effect12.bottom_to_top a:hover .info p {
transform: translate(0, 0);
-webkit-transition-delay: .4s;
-moz-transition-delay: .4s;
transition-delay: .4s;
}
.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;
transition: all .35s ease-in-out;
}
.ih-item.square.effect13 .info, .ih-item.square.effect14 .img {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
}
.ih-item.square.effect13 .info h3 {
color: #fff;
text-align: center;
font-size: 15px;
padding: 10px;
background: #111;
}
.ih-item.square.effect13 .info p {
font-size: 0.9em;
position: relative; padding: 10px;
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;
transition: all .35s ease-in-out;
}
.ih-item.square.effect14 .info {
background: #333;
visibility: hidden;
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, .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);
}
.ih-item.square.effect14 .info h3 {
color: #fff;
text-align: center;
font-size: 15px;
padding: 10px;
background: #111;
}
.ih-item.square.effect14 .info p {
font-size: 0.9em;
position: relative; padding: 10px;
text-align: center;
}
.ih-item.square.effect14 a:hover .img {
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 {
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 {
color: #fff;
text-align: center;
font-size: 15px;
padding: 10px;
background: #111;
}
.ih-item.square.effect15 .info p {
font-size: 0.9em;
position: relative; padding: 10px;
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 {
transform: rotateY(0);
}
.ih-item.square.effect15.left_to_right a:hover .info, .ih-item.square.effect15.right_to_left .img {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
}
.ih-item.square.effect15.right_to_left .img {
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 {
transform: rotateX(0);
}
.ih-item.square.effect15.bottom_to_top .img, .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);
}
.ih-item.square.effect15.bottom_to_top .img {
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);
}
.h1, .h2, .h3, .h4, .h5, .h6, ;
h1, h2, h3, h4, h5, h6 {
font-family: Lustria, Georgia, "Times New Roman", Times, serif;
}
.top-header {
background-color: #2D2B41;
}
.bs-docs-nav .navbar-nav>.active>a, .bs-docs-nav .navbar-nav>.active>a:hover {
background-color: #222132;
}
.bs-docs-nav .navbar-toggle:hover {
background-color: #383550;
border-color: #222132;
}
.navbar-nav {
margin: 0 -15px;
}
@media (min-width:768px) {
.navbar-nav {
margin: 0;
}
}.bs-docs-nav .navbar-collapse {
border-color: transparent;
}
.header {
background: url(//audioxtra.com.au/wp-content/plugins/image-hover-effects-vc-extension/images/bg_header.jpg) repeat-x;
}
.bs-docs-home, .bs-header {
color: #c8c8e6;
}
.bs-footer, .bs-footer a {
color: #575781;
}
.highlight pre {
white-space: pre;
}
.section-heading {
padding-top: 80px;
}
.section-heading.first-child {
margin-top: 0;
padding-top: 0;
}
.bs-footer {
background-color: #2C2C44;
}
.ih-item.square .img, .ih-item.square .img img {
height: 100%!important;
}
.ih-item.square.effect16.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, .6);
}
.ih-item.square.effect16.colored .info h3 {
background: rgba(12, 34, 52, .6);
}
.ih-item.square.effect16 .img {
transition: all .35s ease-in;
}
.ih-item.square.effect16 .img, .ih-item.square.effect16 .info {
-webkit-transition: all .35s ease-in;
-moz-transition: all .35s ease-in;
}
.ih-item.square.effect16 .info {
background: #333;
background: rgba(0, 0, 0, .6);
visibility: hidden;
opacity: 0;
transition: all .35s ease-in;
}
.ih-item.square.effect16 .info h3 {
text-transform: uppercase;
color: #fff;
font-size: 15px;
padding: 10px;
background: #111;
margin: 10px 0 0;
transition: all .35s ease-in;
}
.ih-item.square.effect16 .info h3, .ih-item.square.effect16 .info p {
text-align: center;
-webkit-transition: all .35s ease-in;
-moz-transition: all .35s ease-in;
}
.ih-item.square.effect16 .info p {
font-size: 0.9em;
position: relative; padding: 10px;
transition: all .35s ease-in;
}
.ih-item.square.effect16 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
transition-delay: .2s;
}
.ih-item.square.effect16 a:hover .info h3 {
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
transition-delay: .3s;
}
.ih-item.square.effect16 a:hover .info p {
-webkit-transition-delay: .25s;
-moz-transition-delay: .25s;
transition-delay: .25s;
}
.ih-item.square.effect16.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.effect16.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.effect16.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.effect16.left_to_right a:hover .info {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.ih-item.square.effect16.left_to_right a:hover .info h3 {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect16.left_to_right a:hover .info p {
-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.effect16.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.effect16.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.effect16.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.effect16.right_to_left a:hover .info {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.ih-item.square.effect16.right_to_left a:hover .info h3 {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect16.right_to_left a:hover .info p {
-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.effect16.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.effect16.top_to_bottom .info h3, .ih-item.square.effect16.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.effect16.top_to_bottom a:hover .info {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
transition-delay: .2s;
}
.ih-item.square.effect16.top_to_bottom a:hover .info h3 {
transform: translate(0, 0);
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
transition-delay: .3s;
}
.ih-item.square.effect16.top_to_bottom a:hover .info h3, .ih-item.square.effect16.top_to_bottom a:hover .info p {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
}
.ih-item.square.effect16.top_to_bottom a:hover .info p {
transform: translate(0, 0);
-webkit-transition-delay: .4s;
-moz-transition-delay: .4s;
transition-delay: .4s;
}
.ih-item.square.effect16.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.effect16.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.effect16.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.effect16.bottom_to_top a:hover .info {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
transition-delay: .2s;
}
.ih-item.square.effect16.bottom_to_top a:hover .info h3 {
transform: translate(0, 0);
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
transition-delay: .3s;
}
.ih-item.square.effect16.bottom_to_top a:hover .info h3, .ih-item.square.effect16.bottom_to_top a:hover .info p {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
}
.ih-item.square.effect16.bottom_to_top a:hover .info p {
transform: translate(0, 0);
-webkit-transition-delay: .4s;
-moz-transition-delay: .4s;
transition-delay: .4s;
}
.ih-item.square.effect17.colored .info {
background: #1a4a72;
}
.ih-item.square.effect17.colored .info h3 {
background: rgba(12, 34, 52, .6);
}
.ih-item.square.effect17 .img {
transition: all .35s ease-in-out;
}
.ih-item.square.effect17 .img, .ih-item.square.effect17 .info {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
}
.ih-item.square.effect17 .info {
background: #333;
visibility: hidden;
opacity: 0;
transition: all .35s ease-in-out;
}
.ih-item.square.effect17 .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 15px;
padding: 10px;
background: #111;
margin: 10px 0 0;
}
.ih-item.square.effect17 .info p {
font-size: 0.9em;
position: relative; padding: 10px;
text-align: center;
}
.ih-item.square.effect17 a:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.square.effect17.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.effect17.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.effect17.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.effect17.left_to_right a:hover .info, .ih-item.square.effect17.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.effect17.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.effect17.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.effect17.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.effect17.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.effect17.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.effect17.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.effect17.bottom_to_top .img, .ih-item.square.effect17.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.effect17.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.effect17.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.effect17.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.effect18.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, .6);
}
.ih-item.square.effect18.colored .info h3 {
background: rgba(12, 34, 52, .6);
}
.ih-item.square.effect18 .img {
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.effect18 .img, .ih-item.square.effect18 .info {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
}
.ih-item.square.effect18 .info {
background: #333;
background: rgba(0, 0, 0, .6);
visibility: hidden;
opacity: 0;
transition: all .35s ease-in-out;
}
.ih-item.square.effect18 .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 15px;
padding: 10px;
background: #111;
margin: 10px 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.effect18 .info p {
font-size: 0.9em;
position: relative; padding: 10px;
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.effect18 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.effect18 a:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.square.effect18 a:hover .info h3, .ih-item.square.effect18 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.effect19.colored .info {
background: #1a4a72;
}
.ih-item.square.effect19.colored .info h3 {
background: rgba(12, 34, 52, .6);
}
.ih-item.square.effect19 .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(0) scale(1);
-moz-transform: rotate(0) scale(1);
-ms-transform: rotate(0) scale(1);
-o-transform: rotate(0) scale(1);
transform: rotate(0) scale(1);
}
.ih-item.square.effect19 .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.effect19 .info h3 {
text-transform: uppercase;
color: #fff;
font-size: 15px;
padding: 10px;
background: #111;
margin: 10px 0 0;
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.effect19 .info h3, .ih-item.square.effect19 .info p {
text-align: center;
-webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);
-ms-transform: translateY(-200px);
-o-transform: translateY(-200px);
}
.ih-item.square.effect19 .info p {
font-size: 0.9em;
position: relative; padding: 10px;
transform: translateY(-200px);
-webkit-transition: all .35s .5s linear;
-moz-transition: all .35s .5s linear;
transition: all .35s .5s linear;
}
.ih-item.square.effect19 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.effect19 a:hover .info {
visibility: visible;
}
.ih-item.square.effect19 a:hover .info h3, .ih-item.square.effect19 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.effect20.colored .info {
background: #1a4a72;
}
.ih-item.square.effect20.colored .info h3 {
background: rgba(12, 34, 52, .6);
}
.ih-item.square.effect20 .img {
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.effect20 .img, .ih-item.square.effect20 .info {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
}
.ih-item.square.effect20 .info {
background: #333;
opacity: 0;
transition: all .35s ease-in-out;
}
.ih-item.square.effect20 .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 15px;
padding: 10px;
background: #111;
margin: 10px 0 0;
}
.ih-item.square.effect20 .info p {
font-size: 0.9em;
position: relative; padding: 10px;
text-align: center;
}
.ih-item.square.effect20 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.effect20 a:hover .info {
visibility: visible;
opacity: 1;
-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-delay: .3s;
-moz-transition-delay: .3s;
transition-delay: .3s;
}
.ih-item.square.effect20.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.effect20.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 .info p {
line-height: 1.5em;
}
.ih-item .info {
overflow: hidden !important;
}
@media only screen and (max-width : 1024px) {
.ih-item.circle {
width: 280px !important;
height: 280px !important;
margin: 5px auto 30px auto;
}
.ih-item.circle .info{
width: 280px !important;
height: 280px !important; 
overflow: hidden !important;
}
.ih-item.square {
width: 100% !important;
}
.ih-item.square .info{
width: 100% !important;
}
.ih-item.circle .info h3{
font-size: 15px !important;
padding: 50px 0 40px 0 !important;
height:0 !important;
}
.ih-item.square .info h3{
font-size: 15px !important;
padding: 10px !important;
margin: 8px 0 0 !important;
}
.ih-item.circle.effect1 .spinner{
width: 300px !important;
height: 300px !important;
}
.ih-item.circle.effect1 .info p, .ih-item.circle.effect11 .info p, .ih-item.circle.effect12 .info p, .ih-item.circle.effect13 .info p, .ih-item.circle.effect14 .info p, .ih-item.circle.effect15 .info p, .ih-item.circle.effect16 .info p, .ih-item.circle.effect17 .info p, .ih-item.circle.effect18 .info p, .ih-item.circle.effect19 .info p, .ih-item.circle.effect2 .info p, .ih-item.circle.effect20 .info p, .ih-item.circle.effect3 .info p, .ih-item.circle.effect4 .info p, .ih-item.circle.effect5 .info p, .ih-item.circle.effect6 .info p, .ih-item.circle.effect7 .info p, .ih-item.circle.effect8 .info p, .ih-item.circle.effect9 .info p{
margin: 0 3px !important;
font-size: 0.8em !important;
font-style: inherit !important;
line-height: 16px !important;
border-top: none !important;
}
.ih-item.square .info p{
font-size: 0.8em !important;
padding: 5px 10px !important;
line-height: 18px !important;
font-style: inherit !important;
}
}
@media (max-width: 768px) {
.ih-item {
margin: 5px auto 30px auto;
}
.ih-item.circle {
width: 280px !important;
height: 280px !important;
margin: 5px auto 30px auto;
}
.ih-item.circle .info{
width: 280px !important;
height: 280px !important; 
overflow: hidden !important;
}
.ih-item.square {
width: 100% !important;
}
.ih-item.square .info{
width: 100% !important;
}
.ih-item.circle .info h3{
font-size: 15px !important;
padding: 50px 0 40px 0 !important;
height:0 !important;
}
.ih-item.square .info h3{
font-size: 15px !important;
padding: 6px !important;
margin: 0 !important;
}
.ih-item.circle.effect1 .spinner{
width: 300px !important;
height: 300px !important;
}
.ih-item.circle.effect1 .info p, .ih-item.circle.effect11 .info p, .ih-item.circle.effect12 .info p, .ih-item.circle.effect13 .info p, .ih-item.circle.effect14 .info p, .ih-item.circle.effect15 .info p, .ih-item.circle.effect16 .info p, .ih-item.circle.effect17 .info p, .ih-item.circle.effect18 .info p, .ih-item.circle.effect19 .info p, .ih-item.circle.effect2 .info p, .ih-item.circle.effect20 .info p, .ih-item.circle.effect3 .info p, .ih-item.circle.effect4 .info p, .ih-item.circle.effect5 .info p, .ih-item.circle.effect6 .info p, .ih-item.circle.effect7 .info p, .ih-item.circle.effect8 .info p, .ih-item.circle.effect9 .info p{
margin: 0 3px !important;
font-size: 0.8em !important;
font-style: inherit !important;
line-height: 16px !important;
}
.ih-item.square .info p{
font-size: 0.8em !important;
padding: 2% !important;
line-height: 17px !important;
font-style: inherit !important;
}
}
@media (max-width: 480px) {
.ih-item.circle {
width: 250px !important;
height: 250px !important;
}
.ih-item.circle .info h3{
font-size: 1.6vw !important;
padding: 40px 0 40px 0 !important;
height: 0 !important;
}
.ih-item.circle.effect1 .spinner{
width: 270px !important;
height: 270px !important;
}
.ih-item.circle.effect1 .info p, .ih-item.circle.effect11 .info p, .ih-item.circle.effect12 .info p, .ih-item.circle.effect13 .info p, .ih-item.circle.effect14 .info p, .ih-item.circle.effect15 .info p, .ih-item.circle.effect16 .info p, .ih-item.circle.effect17 .info p, .ih-item.circle.effect18 .info p, .ih-item.circle.effect19 .info p, .ih-item.circle.effect2 .info p, .ih-item.circle.effect20 .info p, .ih-item.circle.effect3 .info p, .ih-item.circle.effect4 .info p, .ih-item.circle.effect5 .info p, .ih-item.circle.effect6 .info p, .ih-item.circle.effect7 .info p, .ih-item.circle.effect8 .info p, .ih-item.circle.effect9 .info p{
border-top: none !important; } }
@media only screen and (max-width : 320px) {
.ih-item.circle {
width: 230px !important;
height: 230px !important; 
}
.ih-item.circle .info h3{
font-size: 12px !important;
padding: 40px 0 25px 0 !important;
height: 0 !important;
}
.ih-item.circle.effect1 .spinner{
width: 250px !important;
height: 250px !important;
}
.ih-item.circle.effect1 .info p, .ih-item.circle.effect11 .info p, .ih-item.circle.effect12 .info p, .ih-item.circle.effect13 .info p, .ih-item.circle.effect14 .info p, .ih-item.circle.effect15 .info p, .ih-item.circle.effect16 .info p, .ih-item.circle.effect17 .info p, .ih-item.circle.effect18 .info p, .ih-item.circle.effect19 .info p, .ih-item.circle.effect2 .info p, .ih-item.circle.effect20 .info p, .ih-item.circle.effect3 .info p, .ih-item.circle.effect4 .info p, .ih-item.circle.effect5 .info p, .ih-item.circle.effect6 .info p, .ih-item.circle.effect7 .info p, .ih-item.circle.effect8 .info p, .ih-item.circle.effect9 .info p{
border-top: none !important; }
.ih-item.circle .info{
width: 230px !important;
height: 230px !important; 
}
}