.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;
color: #bbb;
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;
}
.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;
}
.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;
}
.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: 1px solid rgba(255, 255, 255, .5);
}
.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 {
color: #bbb;
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 {
color: #bbb;
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 {
color: #bbb;
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 {
color: #bbb;
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 {
color: #bbb;
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 {
color: #bbb;
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 {
color: #bbb;
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 {
color: #bbb;
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 {
color: #bbb;
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 {
color: #bbb;
font-size: 0.9em;
border-top: 1px solid rgba(255, 255, 255, .5);
}
.ih-item.circle.effect10 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.circle.effect10.top_to_bottom .info h3 {
margin: 0 30px;
padding: 25px 0 0;
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 {
color: #bbb;
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 {
color: #bbb;
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 {
color: #bbb;
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 {
color: #bbb;
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 {
color: #bbb;
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 {
color: #bbb;
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 {
color: #bbb;
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 {
color: #bbb;
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;
height: 140px;
text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .3);
}
.ih-item.circle.effect19 .info p {
color: #bbb;
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 {
color: #bbb;
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;
color: #bbb;
}
.ih-item.square.effect1.left_and_right a:hover .img {
-webkit-transform: scale(.6);
-moz-transform: scale(.6);
-ms-transform: scale(.6);
-o-transform: scale(.6);
transform: scale(.6);
}
.ih-item.square.effect1.top_to_bottom .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 15px;
padding: 10px 10px 0 4px;
margin: 10px 0 0;
}
.ih-item.square.effect1.top_to_bottom .info p {
font-size: 0.9em;
color: #bbb;
padding: 5px;
text-align: center;
}
.ih-item.square.effect1.top_to_bottom a:hover .img {
-webkit-transform: translateY(30px) scale(.6);
-moz-transform: translateY(30px) scale(.6);
-ms-transform: translateY(30px) scale(.6);
-o-transform: translateY(30px) scale(.6);
transform: translateY(30px) scale(.6);
}
.ih-item.square.effect1.bottom_to_top .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 15px;
padding: 10px 10px 0 4px;
margin: 134px 0 0;
}
.ih-item.square.effect1.bottom_to_top .info p {
font-size: 0.9em;
color: #bbb;
padding: 5px;
text-align: center;
}
.ih-item.square.effect1.bottom_to_top a:hover .img {
-webkit-transform: translateY(-30px) scale(.6);
-moz-transform: translateY(-30px) scale(.6);
-ms-transform: translateY(-30px) scale(.6);
-o-transform: translateY(-30px) scale(.6);
transform: translateY(-30px) scale(.6);
}
.ih-item.square.effect2.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;
color: #bbb;
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;
color: #bbb;
padding: 5px;
text-align: center;
}
.ih-item.square.effect3 a:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.square.effect3.bottom_to_top .info {
top: auto;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.square.effect3.bottom_to_top a:hover .img {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
}
.ih-item.square.effect3.bottom_to_top a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect3.top_to_bottom .info {
bottom: auto;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.square.effect3.top_to_bottom a:hover .img {
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
.ih-item.square.effect3.top_to_bottom a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect4 {
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;
color: #bbb;
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;
color: #bbb;
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;
color: #bbb;
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;
color: #bbb;
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;
color: #bbb;
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;
color: #bbb;
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;
color: #bbb;
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;
color: #bbb;
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;
color: #bbb;
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;
color: #bbb;
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;
color: #bbb;
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;
color: #bbb;
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(//www.scanto.net/scantonet/wp-content/plugins/image-hover-effects-pro/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;
color: #bbb;
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;
color: #bbb;
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;
color: #bbb;
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;
color: #bbb;
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;
color: #bbb;
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;
}
.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.circle {
width: 280px !important;
height: 280px !important;
margin: 5px 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: 16px !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; }
.ih-item.circle .info{
width: 250px !important;
height: 250px !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; 
}
}.su-u-clearfix::after{content:'';display:table;clear:both}.su-u-trim>:first-child{margin-top:0}.su-u-trim>:last-child{margin-bottom:0}.su-u-responsive-media-yes{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.su-u-responsive-media-yes .fluid-width-video-wrapper,.su-u-responsive-media-yes .video-holder{position:static!important}.su-u-responsive-media-yes embed,.su-u-responsive-media-yes iframe,.su-u-responsive-media-yes object{position:absolute;top:0;left:0;width:100%;height:100%}.su-accordion{margin-bottom:1.5em}.su-accordion .su-spoiler{margin-bottom:.5em}.su-audio{position:relative;width:100%;height:30px;margin-bottom:1.5em;background:#7c8781;background:-webkit-gradient(linear,left top,left bottom,from(#7c8781),to(#0a0809));background:-webkit-linear-gradient(top,#7c8781 0,#0a0809 100%);background:linear-gradient(to bottom,#7c8781 0,#0a0809 100%);border-radius:3px}.su-audio .jp-pause,.su-audio .jp-play{position:absolute;left:0;top:0;display:block;width:30px;height:30px;border-top-left-radius:3px;border-bottom-left-radius:3px;cursor:pointer;border-right:1px solid #454947;background-image:url(//www.scanto.net/scantonet/wp-content/plugins/shortcodes-ultimate/includes/images/player/default.png);background-repeat:no-repeat}.su-audio .jp-play{background-position:0 0}.su-audio .jp-pause{background-position:-30px 0}.su-audio .jp-current-time,.su-audio .jp-duration{position:absolute;top:0;display:block;height:30px;line-height:30px;font-size:10px;color:#eee;text-shadow:0 -1px 0 #000}.su-audio .jp-current-time{left:45px}.su-audio .jp-duration{right:10px}.su-audio .jp-play-bar,.su-audio .jp-seek-bar{position:absolute;top:0;left:0;height:10px;border-radius:3px;cursor:pointer}.su-audio .jp-progress{position:absolute;top:10px;left:85px;right:50px;height:10px;background:#333;box-shadow:0 0 5px #000 inset;border-radius:3px}.su-audio .jp-seek-bar{background:#0b0b0b;background:-webkit-gradient(linear,left top,left bottom,from(#0b0b0b),to(#666));background:-webkit-linear-gradient(top,#0b0b0b 0,#666 100%);background:linear-gradient(to bottom,#0b0b0b 0,#666 100%)}.su-audio .jp-play-bar{background:#6db3f2;background:-webkit-gradient(linear,left top,left bottom,from(#6db3f2),color-stop(50%,#54a3ee),color-stop(51%,#3690f0),to(#1e69de));background:-webkit-linear-gradient(top,#6db3f2 0,#54a3ee 50%,#3690f0 51%,#1e69de 100%);background:linear-gradient(to bottom,#6db3f2 0,#54a3ee 50%,#3690f0 51%,#1e69de 100%)}.su-box{margin:0 0 1.5em;border-width:2px;border-style:solid}.su-box-title{display:block;padding:.5em 1em;font-weight:700;font-size:1.1em}.su-box-content{background-color:#fff;color:#444;padding:1em}.su-box-style-soft .su-box-title{background-image:url(//www.scanto.net/scantonet/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-soft.png);background-position:0 0;background-repeat:repeat-x}.su-box-style-glass .su-box-title{background-image:url(//www.scanto.net/scantonet/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-glass.png);background-position:0 50%;background-repeat:repeat-x}.su-box-style-bubbles .su-box-title{background-image:url(//www.scanto.net/scantonet/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-bubbles.png);background-position:0 50%;background-repeat:repeat-x}.su-box-style-noise .su-box-title{background-image:url(//www.scanto.net/scantonet/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-noise.png);background-position:0 0;background-repeat:repeat-x}.su-button{display:inline-block!important;text-align:center;text-decoration:none!important;box-sizing:content-box!important;-webkit-transition:all .2s;transition:all .2s}.su-button-wide{display:block!important;margin:1em 0}.su-button-center{text-align:center}.su-button span{display:block!important;text-decoration:none!important;box-sizing:content-box!important;-webkit-transition:all .2s;transition:all .2s}.su-button img{border:none!important;vertical-align:middle!important;margin:-.2em .4em 0 -.3em!important;box-shadow:none!important}.su-button i{display:inline-block;width:1em;height:1em;margin:0 .5em 0 0!important;text-align:center;line-height:1em}.su-button.su-button-float-icon img{margin:0 .5em!important}.su-button small{display:block;margin:-.2em 0 0;color:inherit;text-align:center;font-style:normal;font-size:.8em;line-height:1;opacity:.7}.su-button-style-default{border-width:1px;border-style:solid}.su-button-style-default:hover{opacity:.7}.su-button-style-default span{border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid}.su-button-style-flat,.su-button-style-flat span{border:none}.su-button-style-flat span{position:relative}.su-button-style-flat:hover span{top:1px}.su-button-style-ghost{background:0 0!important}.su-button-style-ghost span{border-width:3px;border-style:solid}.su-button-style-ghost:hover span{border-color:inherit!important}.su-button-style-soft span{background:0 -20px url(//www.scanto.net/scantonet/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-soft.png) repeat-x}.su-button-style-soft:hover span{background:0 0 url(//www.scanto.net/scantonet/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-soft.png) repeat-x}.su-button-style-glass span{background:0 50% url(//www.scanto.net/scantonet/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-glass.png) repeat-x}.su-button-style-glass:hover span{background:100% 50% url(//www.scanto.net/scantonet/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-glass.png) repeat-x}.su-button-style-bubbles span{background:0 50% url(//www.scanto.net/scantonet/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-bubbles.png) no-repeat}.su-button-style-bubbles:hover span{background:-710px 50% url(//www.scanto.net/scantonet/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-bubbles.png) no-repeat}.su-button-style-noise span{background:0 0 url(//www.scanto.net/scantonet/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-noise.png) repeat-x}.su-button-style-noise:hover span{background:0 0 url(//www.scanto.net/scantonet/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-noise.png) repeat-x}.su-button-style-stroked span{margin:1px;border:1px dashed #fff!important}.su-button-style-stroked:hover span{opacity:.7}.su-button-style-3d{border-bottom-style:solid;border-bottom-width:6px}.su-button-style-3d span{border-bottom-style:solid;border-bottom-width:1px}.su-button-style-3d:hover{position:relative;top:3px;border-bottom-width:3px}.su-carousel{position:relative;margin-bottom:1.5em;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.su-carousel-centered{margin:0 auto 1.5em}.su-carousel-slides{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0,0,0);-o-transition-timing-function:ease;-o-transform:translate(0,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0,0,0);-ms-transition-timing-function:ease;-webkit-transition-property:left,top,-webkit-transform;transition-property:left,top,-webkit-transform;transition-property:transform,left,top;transition-property:transform,left,top,-webkit-transform;transition-duration:0s;transform:translate3d(0,0,0);transition-timing-function:ease}.swiper-free-mode>.su-carousel-slides{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.su-carousel-slide{position:relative;float:left}.su-carousel-slide>a,.su-carousel-slide>a>img,.su-carousel-slide>img{position:relative;display:block;width:100%;height:100%;text-decoration:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.su-carousel-responsive-yes .su-carousel-slide>a,.su-carousel-responsive-yes .su-carousel-slide>a>img,.su-carousel-responsive-yes .su-carousel-slide>img{height:auto}.su-carousel-pages-no .su-carousel-pagination{display:none}.swiper-wp8-horizontal{-ms-touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x}.su-carousel .su-carousel-slide a{padding:0 5px}.su-carousel .su-carousel-slide img{padding:3px;border:1px solid #ccc;background:#fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}.su-carousel .su-carousel-slide-title{position:absolute;left:9px;right:9px;bottom:4px;display:block;padding:2px 3px;color:#fff;line-height:1.2;font-size:11px;background:#000;background:rgba(0,0,0,.5);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;transition:opacity 1s;-o-transition:opacity 1s;-moz-transition:opacity 1s;-webkit-transition:opacity 1s}.su-carousel .su-carousel-next,.su-carousel .su-carousel-prev{position:absolute;top:50%;display:block;width:40px;height:40px;margin-top:-20px;background:#000 0 0 url(//www.scanto.net/scantonet/wp-content/plugins/shortcodes-ultimate/includes/images/swiper/default.png) no-repeat;background-color:rgba(0,0,0,.5);cursor:pointer;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;opacity:0;-webkit-transition:all .2s;transition:all .2s}.su-carousel .su-carousel-prev{right:20px;margin-right:40px;background-position:-40px 0}.su-carousel .su-carousel-next{left:20px;margin-left:40px;background-position:0 0}.su-carousel:hover .su-carousel-next,.su-carousel:hover .su-carousel-prev{margin-left:0;margin-right:0;opacity:.7}.su-carousel .su-carousel-next:hover,.su-carousel .su-carousel-prev:hover{opacity:1}.su-carousel .su-carousel-pagination{position:absolute;left:15%;right:15%;top:50%;width:70%;height:0;margin-top:-7px;text-align:center;cursor:default;opacity:0;-webkit-transition:all .2s;transition:all .2s}.su-carousel:hover .su-carousel-pagination{bottom:20px;opacity:1}.su-carousel .su-carousel-pagination span{display:inline-block;width:14px;height:14px;margin:0;background:#000 0 -999px url(//www.scanto.net/scantonet/wp-content/plugins/shortcodes-ultimate/includes/images/swiper/default.png) no-repeat;background-color:rgba(0,0,0,.5);cursor:pointer;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-webkit-transition:all .2s;transition:all .2s}.su-carousel:hover .su-carousel-pagination span{margin:0 3px}.su-carousel .su-carousel-pagination span.swiper-visible-switch{background-color:#fff;background-color:rgba(255,255,255,.5)}.su-carousel .su-carousel-pagination span.swiper-active-switch,.su-carousel .su-carousel-pagination span:hover{background-position:0 -40px}.su-row{clear:both;zoom:1;margin-bottom:1.5em}.su-row:after,.su-row:before{display:table;content:''}.su-row:after{clear:both}.su-column{display:block;margin:0 4% 0 0;float:left;box-sizing:border-box}.su-column-last{margin-right:0}.su-row .su-column{margin:0 0 0 4%}.su-row .su-column.su-column-size-1-1{margin-left:0;margin-right:0}.su-row .su-column:first-child{margin-left:0}.su-row .su-column.su-column-centered{margin-right:auto;margin-left:auto;float:none}.su-column embed,.su-column iframe,.su-column img,.su-column object{max-width:100%}.su-column-size-1-1{width:100%}.su-column-size-1-2{width:48%}.su-column-size-1-3{width:30.66%}.su-column-size-2-3{width:65.33%}.su-column-size-1-4{width:22%}.su-column-size-3-4{width:74%}.su-column-size-1-5{width:16.8%}.su-column-size-2-5{width:37.6%}.su-column-size-3-5{width:58.4%}.su-column-size-4-5{width:79.2%}.su-column-size-1-6{width:13.33%}.su-column-size-5-6{width:82.66%}.su-custom-gallery{margin-bottom:1.5em}.su-custom-gallery:after,.su-custom-gallery:before{content:'';display:table}.su-custom-gallery:after{clear:both}.su-custom-gallery-slide{position:relative;float:left;margin:.5em;overflow:hidden}.su-custom-gallery-slide a{display:block;width:100%;height:100%}.su-custom-gallery-slide img{display:block;margin:0;padding:3px;border:1px solid #ccc;background:#fff;box-sizing:border-box;border-radius:5px;box-shadow:none;-webkit-transition:all .2s;transition:all .2s}.su-custom-gallery-slide:hover img{background:#eee;border:1px solid #aaa}.su-custom-gallery-slide span{position:absolute;left:4px;bottom:4px;right:4px;display:block;padding:2px 4px;font-size:12px;color:#fff;background:#000;background:rgba(0,0,0,.5);line-height:1.3;opacity:0;-webkit-transition:all .2s;transition:all .2s}.su-custom-gallery-slide:hover span{opacity:1}.su-custom-gallery-title-never span{display:none}.su-custom-gallery-title-always span{opacity:1}.su-dailymotion{margin:0 0 1.5em}.su-dailymotion iframe{border:none!important}.su-divider{clear:both;border:none;text-align:right;line-height:1}.su-divider a{display:inline-block;font-size:.8em;text-decoration:none;outline:0;padding-bottom:5px}.su-divider-style-default{border-bottom-style:solid}.su-divider-style-dotted{border-bottom-style:dotted}.su-divider-style-dashed{border-bottom-style:dashed}.su-divider-style-double{border-bottom-style:double}.su-document{margin:0 0 1.5em}.su-document iframe{border:none!important}.su-dropcap{float:left;display:inline-block;width:2em;height:2em;margin:.2em .5em .2em 0;line-height:2em;text-align:center;overflow:hidden;text-transform:uppercase}.su-dropcap-style-default{color:#fff;background:#45484d;background:-webkit-gradient(linear,left top,left bottom,from(#45484d),to(black));background:-webkit-linear-gradient(top,#45484d 0,#000 100%);background:linear-gradient(to bottom,#45484d 0,#000 100%);text-shadow:-1px -1px 0 #000;border-radius:50%}.su-dropcap-style-flat{background:#444;color:#fff}.su-dropcap-style-light{color:#333;border-radius:50%;background:#fff;background:-webkit-gradient(linear,left top,left bottom,from(white),to(#eaeaea));background:-webkit-linear-gradient(top,#fff 0,#eaeaea 100%);background:linear-gradient(to bottom,#fff 0,#eaeaea 100%)}.su-dropcap-style-simple{width:1em;height:1em;line-height:1em;text-align:left}.su-expand{margin:0 0 1.5em}.su-expand-content{overflow:hidden}.su-expand-link{margin-top:.5em;cursor:pointer}.su-expand-link:hover{opacity:.7}.su-expand-link a,.su-expand-link a:active,.su-expand-link a:focus,.su-expand-link a:hover,.su-expand-link a:visited{display:inline;text-decoration:none;box-shadow:none;background:0 0;border:none}.su-expand-link-style-underlined .su-expand-link span{text-decoration:underline}.su-expand-link-style-dotted .su-expand-link span{border-bottom:1px dotted #333}.su-expand-link-style-dashed .su-expand-link span{border-bottom:1px dashed #333}.su-expand-link-style-button .su-expand-link a{display:inline-block;margin-top:.2em;padding:.2em .4em;border:2px solid #333}.su-expand-link-more{display:none}.su-expand-link-less{display:block}.su-expand-collapsed .su-expand-link-more{display:block}.su-expand-collapsed .su-expand-link-less{display:none}.su-expand-link i{display:inline-block;margin:0 .3em 0 0;vertical-align:middle;color:inherit}.su-expand-link img{display:inline-block;width:1em;height:1em;margin:0 .3em 0 0;vertical-align:middle}.su-frame,.su-frame-inner{display:block}.su-frame-align-left{float:left;margin:0 1em 1em 0}.su-frame-align-center{float:none;margin:1em auto}.su-frame-align-right{float:right;margin:0 0 1em 1em}.su-frame img{display:block!important;float:none!important;padding:0!important;margin:0!important;border:none!important;box-shadow:none!important}.su-frame-style-default{padding:2px;border:1px solid #999;background:#fff;box-shadow:1px 1px 4px #ccc}.su-frame-style-default .su-frame-inner{padding:2px;border:4px solid #eee}.su-gmap{margin:0 0 1.5em}.su-gmap iframe{border:none!important}.su-guests{margin-bottom:1.5em}.su-heading-style-default{padding:2px 0;border-top:1px solid #999;border-bottom:1px solid #999}.su-heading-style-default .su-heading-inner{padding:1em .5em;border-top:4px solid #eee;border-bottom:4px solid #eee}.su-heading.su-heading-align-left{text-align:left}.su-heading.su-heading-align-left .su-heading-inner{padding-left:.2em}.su-heading.su-heading-align-right{text-align:right}.su-heading.su-heading-align-right .su-heading-inner{padding-right:.2em}.su-heading.su-heading-align-center{text-align:center}.su-highlight{display:inline;padding:1px 0}.su-image-carousel{width:100%;margin:1.5em 0}.su-image-carousel:first-child{margin-top:0}.su-image-carousel:last-child{margin-bottom:0}.su-image-carousel-item{width:100%;box-sizing:border-box}.su-image-carousel .su-image-carousel-item-content{position:relative}.su-image-carousel .su-image-carousel-item-content a,.su-image-carousel .su-image-carousel-item-content a:active,.su-image-carousel .su-image-carousel-item-content a:focus,.su-image-carousel .su-image-carousel-item-content a:hover,.su-image-carousel .su-image-carousel-item-content a:visited,.su-image-carousel .su-image-carousel-item-content img{display:block;width:100%;height:100%;margin:0;padding:0;box-sizing:border-box;box-shadow:none;text-decoration:none;border:none;border-radius:0}.su-image-carousel .su-image-carousel-item-content a::after,.su-image-carousel .su-image-carousel-item-content a::before,.su-image-carousel .su-image-carousel-item-content img::after,.su-image-carousel .su-image-carousel-item-content img::before{display:none}.su-image-carousel .su-image-carousel-item-content span{position:absolute;display:block;font-size:.9em;max-height:60%;overflow:auto;line-height:1.3;word-wrap:break-word}.su-image-carousel .su-image-carousel-item-content span:empty{display:none}.su-image-carousel-columns-2 .su-image-carousel-item{width:50%}.su-image-carousel-columns-2.su-image-carousel-has-spacing .su-image-carousel-item{width:48.5%;margin-right:3%}.su-image-carousel-columns-3 .su-image-carousel-item{width:33.33333%}.su-image-carousel-columns-3.su-image-carousel-has-spacing .su-image-carousel-item{width:31.4%;margin-right:2.9%}.su-image-carousel-columns-4 .su-image-carousel-item{width:25%}.su-image-carousel-columns-4.su-image-carousel-has-spacing .su-image-carousel-item{width:22.9%;margin-right:2.8%}.su-image-carousel-columns-5 .su-image-carousel-item{width:20%}.su-image-carousel-columns-5.su-image-carousel-has-spacing .su-image-carousel-item{width:18%;margin-right:2.5%}.su-image-carousel-columns-6 .su-image-carousel-item{width:16.66667%}.su-image-carousel-columns-6.su-image-carousel-has-spacing .su-image-carousel-item{width:14.5%;margin-right:2.6%}.su-image-carousel-columns-7 .su-image-carousel-item{width:14.28571%}.su-image-carousel-columns-7.su-image-carousel-has-spacing .su-image-carousel-item{width:12.4%;margin-right:2.2%}.su-image-carousel-columns-8 .su-image-carousel-item{width:12.5%}.su-image-carousel-columns-8.su-image-carousel-has-spacing .su-image-carousel-item{width:10.75%;margin-right:2%}.su-image-carousel-crop .su-image-carousel-item-content::before{float:left;width:1px;margin-left:-1px;height:0;content:''}.su-image-carousel-crop .su-image-carousel-item-content::after{content:'';display:table;clear:both}.su-image-carousel-crop .su-image-carousel-item-content img{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.su-image-carousel-crop-16-9 .su-image-carousel-item-content::before{padding-top:56.25%}.su-image-carousel-crop-16-10 .su-image-carousel-item-content::before{padding-top:62.5%}.su-image-carousel-crop-21-9 .su-image-carousel-item-content::before{padding-top:42.85714%}.su-image-carousel-crop-5-4 .su-image-carousel-item-content::before{padding-top:80%}.su-image-carousel-crop-4-3 .su-image-carousel-item-content::before{padding-top:75%}.su-image-carousel-crop-3-2 .su-image-carousel-item-content::before{padding-top:66.66667%}.su-image-carousel-crop-2-1 .su-image-carousel-item-content::before{padding-top:50%}.su-image-carousel-crop-1-1 .su-image-carousel-item-content::before{padding-top:100%}.su-image-carousel-crop-1-2 .su-image-carousel-item-content::before{padding-top:200%}.su-image-carousel-crop-2-3 .su-image-carousel-item-content::before{padding-top:150%}.su-image-carousel-crop-3-4 .su-image-carousel-item-content::before{padding-top:133.33333%}.su-image-carousel-crop-4-5 .su-image-carousel-item-content::before{padding-top:125%}.su-image-carousel-crop-9-21 .su-image-carousel-item-content::before{padding-top:233.33333%}.su-image-carousel-crop-10-16 .su-image-carousel-item-content::before{padding-top:160%}.su-image-carousel-crop-9-16 .su-image-carousel-item-content::before{padding-top:177.77778%}.su-image-carousel-align-left{float:left;margin-right:1.5em;margin-top:0}.su-image-carousel-align-right{float:right;margin-left:1.5em;margin-top:0}.su-image-carousel-align-center{margin-right:auto;margin-left:auto}.su-image-carousel-align-full{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw!important;width:100vw!important}.su-image-carousel button.flickity-prev-next-button{position:absolute;top:50%;display:block;width:44px;height:44px;margin:-22px 0 0;padding:0;opacity:0;outline:0;border-radius:50%;-webkit-transform:none;transform:none;-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,transform .2s ease;transition:opacity .2s ease,transform .2s ease,-webkit-transform .2s ease}.su-image-carousel:hover button.flickity-prev-next-button{opacity:.5}.su-image-carousel button.flickity-prev-next-button:focus,.su-image-carousel button.flickity-prev-next-button:hover{opacity:1;box-shadow:none}.su-image-carousel button.flickity-prev-next-button:focus{-webkit-transform:scale(1.05);transform:scale(1.05)}.su-image-carousel button.flickity-prev-next-button[disabled]{display:none}.su-image-carousel button.flickity-prev-next-button.previous{left:20px}.su-image-carousel button.flickity-prev-next-button.next{right:20px}.su-image-carousel>ol.flickity-page-dots{position:absolute;top:50%;left:50%;bottom:auto;width:auto;margin:0;padding:0;list-style:none;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none;opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.su-image-carousel>ol.flickity-page-dots>li.dot{position:relative;width:20px;height:20px;display:inline-block;margin:5px;padding:0;list-style:none;pointer-events:all;border-radius:50%;opacity:.5;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.su-image-carousel>ol.flickity-page-dots>li.dot:hover{opacity:1}.su-image-carousel>ol.flickity-page-dots>li.dot::before{position:absolute;top:50%;left:50%;display:none;width:10px;height:10px;margin:0;padding:0;content:'';border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.su-image-carousel>ol.flickity-page-dots>li.dot.is-selected::before{display:block}.su-image-carousel:hover ol.flickity-page-dots{opacity:1}.su-image-carousel-controls-style-dark button.flickity-prev-next-button{background:#000;color:#fff}.su-image-carousel-controls-style-dark ol.flickity-page-dots li.dot{background:#000}.su-image-carousel-controls-style-dark ol.flickity-page-dots li.dot::before{background:#fff}.su-image-carousel-controls-style-light button.flickity-prev-next-button{background:#fff;color:#000}.su-image-carousel-controls-style-light ol.flickity-page-dots li.dot{background:#fff}.su-image-carousel-controls-style-light ol.flickity-page-dots li.dot::before{background:#000}.su-image-carousel-slides-style-default .su-image-carousel-item-content{margin:1px}.su-image-carousel-slides-style-default .su-image-carousel-item-content img{padding:3px;background:#fff;border:1px solid #ccc;border-radius:7px}.su-image-carousel-slides-style-default .su-image-carousel-item-content span{bottom:4px;right:4px;left:4px;padding:.5em .7em;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.7)),to(transparent));background:-webkit-linear-gradient(bottom,rgba(0,0,0,.7),transparent);background:linear-gradient(to top,rgba(0,0,0,.7),transparent);text-shadow:0 2px 5px #000;color:#fff;border-bottom-right-radius:2px;border-bottom-left-radius:2px}.su-image-carousel-slides-style-minimal .su-image-carousel-item-content{margin:1px}.su-image-carousel-slides-style-minimal .su-image-carousel-item-content span{right:0;bottom:0;left:0;padding:.7em;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.7)),to(transparent));background:-webkit-linear-gradient(bottom,rgba(0,0,0,.7),transparent);background:linear-gradient(to top,rgba(0,0,0,.7),transparent);text-shadow:0 2px 5px #000;color:#fff}.su-image-carousel-slides-style-photo .su-image-carousel-item-content{padding:7px}.su-image-carousel-slides-style-photo .su-image-carousel-item-content img{border:5px solid #fff;border-radius:7px;box-shadow:0 2px 5px rgba(0,0,0,.5)}.su-image-carousel-slides-style-photo .su-image-carousel-item-content span{right:12px;bottom:12px;left:12px;padding:.3em .5em;background:#fff;color:#000;font-size:.9em}.su-image-carousel-slides-style-photo.su-image-carousel-crop .su-image-carousel-item-content img{top:7px;right:7px;left:7px;bottom:7px;width:calc(100% - 14px);height:calc(100% - 14px)}.su-image-carousel-mfp.mfp-bg{z-index:102000!important}.su-image-carousel-mfp.mfp-wrap{z-index:102001!important}.su-image-carousel-mfp.mfp-wrap .mfp-preloader{z-index:102002!important}.su-image-carousel-mfp.mfp-wrap .mfp-content{z-index:102003!important}.su-image-carousel-mfp.mfp-wrap button.mfp-arrow,.su-image-carousel-mfp.mfp-wrap button.mfp-close{z-index:102004!important}.su-image-carousel-has-outline .su-image-carousel-item-content a:focus img,.su-image-carousel-has-outline button.flickity-prev-next-button:focus{outline-width:2px;outline-style:solid;outline-color:Highlight}.su-label{display:inline;margin-right:.3em;padding:.1em .3em;font-size:.8em;height:.8em;line-height:.8em;color:#fff;border-radius:3px}.su-label-type-default{background:#999}.su-label-type-success{background:#090}.su-label-type-warning{background:#f90}.su-label-type-important{background:#f03}.su-label-type-black{background:#111}.su-label-type-info{background:#09c}.su-lightbox-content{position:relative;margin:0 auto}#su-generator .su-lightbox-content,.mfp-content .su-lightbox-content{display:block!important}.su-lightbox-content-preview{width:100%;min-height:300px;background:#444;overflow:hidden}.su-lightbox-content h1,.su-lightbox-content h2,.su-lightbox-content h3,.su-lightbox-content h4,.su-lightbox-content h5,.su-lightbox-content h6{color:inherit}.su-lightbox{cursor:pointer}.su-list{margin-bottom:1.5em}.su-list ul{margin:0!important;padding:0!important;list-style:none!important}.su-list ul li{position:relative;display:block!important;margin:0!important;padding:4px 0 4px 2em!important;list-style-type:none!important;line-height:1.3em}.su-list ul li>img{position:absolute;left:0;top:4px;width:1.3em;height:1.3em;padding:0;margin:0;border:none}.su-list ul li>i{position:absolute;left:0;top:4px;width:1.3em;height:1.3em;line-height:1.3em;text-align:center}.su-members{margin-bottom:1.5em;padding:1em;border-width:1px 0;border-style:solid;text-align:center}.su-members a{text-decoration:underline;color:inherit}.su-note{margin:0 0 1.5em;border-width:1px;border-style:solid}.su-note-inner{padding:1em;border-width:1px;border-style:solid}.su-posts-default-loop .su-post{margin-bottom:2.5em;line-height:1.5}.su-posts-default-loop .su-post:after{content:'';display:table;clear:both}.su-posts-default-loop .su-post-thumbnail{float:left;display:block;width:100px;height:100px;margin-right:1em}.su-posts-default-loop .su-post-thumbnail img{max-width:100px;max-height:100px}.su-posts-default-loop h2.su-post-title{clear:none;margin:0 0 .3em;font-size:1.2em;font-weight:700}.su-posts-default-loop .su-post-meta{margin-bottom:.7em;font-size:.8em;opacity:.6}.su-posts-default-loop .su-post-excerpt{margin-bottom:.5em}.su-posts-default-loop .su-post-excerpt p:last-child{margin-bottom:0}.su-posts-default-loop .su-post-comments-link{font-size:.9em}.su-posts-teaser-loop .su-post{margin-bottom:1.5em;line-height:1.2}.su-posts-teaser-loop .su-post:after{content:'';display:table;clear:both}.su-posts-teaser-loop .su-post-thumbnail{float:left;display:block;width:56px;height:56px;margin:0 1em 0 0}.su-posts-teaser-loop .su-post-thumbnail img{display:block;margin:0;padding:2px;border:1px solid #ccc;border-radius:5px;max-width:100%;max-height:100%}.su-posts-teaser-loop h2.su-post-title{display:block;margin:0;padding:0;border:none;font-size:.9em;font-weight:400;clear:none}.su-posts-single-post .su-post{margin-bottom:2.5em;line-height:1.5}.su-posts-single-post .su-post:after{content:'';display:table;clear:both}.su-posts-single-post h1.su-post-title{clear:none;margin:0 0 .3em;font-size:1.2em;font-weight:700}.su-posts-single-post .su-post-meta{margin-bottom:.7em;font-size:.8em;opacity:.6}.su-posts-single-post .su-post-content{margin-bottom:.5em}.su-posts-single-post .su-post-content p:last-child{margin-bottom:0}.su-private{margin:0 0 1.5em}.su-pullquote{display:block;width:30%;padding:.5em 1em}.su-pullquote-align-left{margin:.5em 1.5em 1em 0;padding-left:0;float:left;border-right:5px solid #eee}.su-pullquote-align-right{margin:.5em 0 1em 1.5em;padding-right:0;float:right;border-left:5px solid #eee}.su-qrcode{display:inline-block}.su-qrcode-align-left{float:left;margin:0 .5em .5em 0}.su-qrcode-align-center{display:block;clear:both;margin:1em auto;text-align:center}.su-qrcode-align-right{float:right;margin:0 0 .5em .5em}.su-qrcode a,.su-qrcode a:active,.su-qrcode a:focus,.su-qrcode a:hover{background:0 0;outline:0;display:inline;text-decoration:none}.su-qrcode-clickable a:hover{opacity:.7}.su-qrcode img{max-width:100%}.su-quote-style-default{position:relative;margin-bottom:1.5em;padding:.5em 3em;font-style:italic}.su-quote-style-default:after,.su-quote-style-default:before{position:absolute;display:block;width:20px;height:20px;background-image:url(//www.scanto.net/scantonet/wp-content/plugins/shortcodes-ultimate/includes/images/quote.png);content:''}.su-quote-style-default:before{top:0;left:0;background-position:0 0}.su-quote-style-default:after{right:0;bottom:0;background-position:-20px 0}.su-quote-style-default .su-quote-cite{display:block;text-align:right;font-style:normal}.su-quote-style-default .su-quote-cite:before{content:'\2014\0000a0'}.su-quote-style-default .su-quote-cite a{text-decoration:underline}.su-screenr{margin:0 0 1.5em}.su-screenr iframe{border:none!important}.su-service{position:relative;margin:0 0 1.5em}.su-service-title{display:block;margin-bottom:.5em;color:#333;font-weight:700;font-size:1.1em}.su-service-title img{position:absolute;top:0;left:0;display:block!important;margin:0!important;padding:0!important;border:none!important;box-shadow:none!important}.su-service-title i{position:absolute;top:0;left:0;display:block!important;width:1em;height:1em;text-align:center;line-height:1em}.su-service-content{line-height:1.4}.su-slider{position:relative;margin-bottom:1.5em;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.su-slider-centered{margin:0 auto 1.5em}.su-slider-slides{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0,0,0);-o-transition-timing-function:ease;-o-transform:translate(0,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0,0,0);-ms-transition-timing-function:ease;-webkit-transition-property:left,top,-webkit-transform;transition-property:left,top,-webkit-transform;transition-property:transform,left,top;transition-property:transform,left,top,-webkit-transform;transition-duration:0s;transform:translate3d(0,0,0);transition-timing-function:ease}.swiper-free-mode>.su-slider-slides{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.su-slider-slide{position:relative;float:left}.su-slider-slide>a,.su-slider-slide>a>img,.su-slider-slide>img{position:relative;display:block;width:100%;height:100%;text-decoration:none}.su-slider-responsive-yes .su-slider-slide>a,.su-slider-responsive-yes .su-slider-slide>a>img,.su-slider-responsive-yes .su-slider-slide>img{height:auto}.su-slider-pages-no .su-slider-pagination{display:none}.swiper-wp8-horizontal{-ms-touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x}.su-slider-slide-title{position:absolute;left:20px;bottom:20px;display:block;max-width:90%;padding:5px 10px;color:#fff;line-height:1.3;background:#000;background:rgba(0,0,0,.5);border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;opacity:0;transition:opacity 1s;-o-transition:opacity 1s;-moz-transition:opacity 1s;-webkit-transition:opacity 1s}.su-slider-slide-visible .su-slider-slide-title{opacity:1}.su-slider-next,.su-slider-prev{position:absolute;top:50%;display:block;width:40px;height:40px;margin-top:-20px!important;background:#000 0 0 url(//www.scanto.net/scantonet/wp-content/plugins/shortcodes-ultimate/includes/images/swiper/default.png) no-repeat;background-color:rgba(0,0,0,.5);cursor:pointer;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;opacity:0;-webkit-transition:all .2s;transition:all .2s}.su-slider-prev{right:10px;margin-right:30px;background-position:-40px 0}.su-slider-next{left:10px;margin-left:30px;background-position:0 0}.su-slider:hover .su-slider-next,.su-slider:hover .su-slider-prev{margin-left:0;margin-right:0;opacity:.7}.su-slider .su-slider-next:hover,.su-slider .su-slider-prev:hover{opacity:1}.su-slider-pagination{position:absolute;left:15%;right:15%;top:50%;width:70%;height:0;margin-top:-7px;text-align:center;cursor:default;opacity:0;-webkit-transition:all .2s;transition:all .2s}.su-slider:hover .su-slider-pagination{bottom:20px;opacity:1}.su-slider-pagination span{display:inline-block;width:14px;height:14px;margin:0;background:#000 0 -999px url(//www.scanto.net/scantonet/wp-content/plugins/shortcodes-ultimate/includes/images/swiper/default.png) no-repeat;background-color:rgba(0,0,0,.5);cursor:pointer;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-webkit-transition:all .2s;transition:all .2s}.su-slider:hover .su-slider-pagination span{margin:0 3px}.su-slider .su-slider-pagination span.swiper-visible-switch{background-color:#fff;background-color:rgba(255,255,255,.5)}.su-slider-pagination span.swiper-active-switch,.su-slider-pagination span:hover{background-position:0 -40px}.su-spacer{display:block;height:0;clear:both;overflow:hidden}.su-spacer-5{height:5px}.su-spacer-10{height:10px}.su-spacer-20{height:20px}.su-spacer-30{height:30px}.su-spacer-40{height:40px}.su-spoiler{margin-bottom:1.5em}.su-spoiler .su-spoiler:last-child{margin-bottom:0}.su-spoiler-title{position:relative;cursor:pointer;min-height:20px;line-height:20px;padding:7px 7px 7px 34px;font-weight:700;font-size:13px}.su-spoiler-title:focus{outline:currentColor thin dotted}.su-spoiler-icon{position:absolute;left:7px;top:7px;display:block;width:20px;height:20px;line-height:21px;text-align:center;font-size:14px;font-family:ShortcodesUltimateIcons;font-weight:400;font-style:normal;-webkit-font-smoothing:antialiased}.su-spoiler-content{padding:14px;-webkit-transition:padding-top .2s;transition:padding-top .2s;-ie-transition:padding-top .2s}.su-spoiler.su-spoiler-closed>.su-spoiler-content{height:0;margin:0;padding:0;overflow:hidden;border:none;opacity:0;pointer-events:none}.su-spoiler.su-spoiler-closed>.su-spoiler-content iframe{display:none}.su-spoiler-icon-plus .su-spoiler-icon:before{content:'\f068'}.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before{content:'\f067'}.su-spoiler-icon-plus-circle .su-spoiler-icon:before{content:'\f056'}.su-spoiler-icon-plus-circle.su-spoiler-closed .su-spoiler-icon:before{content:'\f055'}.su-spoiler-icon-plus-square-1 .su-spoiler-icon:before{content:'\f146'}.su-spoiler-icon-plus-square-1.su-spoiler-closed .su-spoiler-icon:before{content:'\f0fe'}.su-spoiler-icon-plus-square-2 .su-spoiler-icon:before{content:'\f147'}.su-spoiler-icon-plus-square-2.su-spoiler-closed .su-spoiler-icon:before{content:'\f196'}.su-spoiler-icon-arrow .su-spoiler-icon:before{content:'\f063'}.su-spoiler-icon-arrow.su-spoiler-closed .su-spoiler-icon:before{content:'\f061'}.su-spoiler-icon-arrow-circle-1 .su-spoiler-icon:before{content:'\f0ab'}.su-spoiler-icon-arrow-circle-1.su-spoiler-closed .su-spoiler-icon:before{content:'\f0a9'}.su-spoiler-icon-arrow-circle-2 .su-spoiler-icon:before{content:'\f01a'}.su-spoiler-icon-arrow-circle-2.su-spoiler-closed .su-spoiler-icon:before{content:'\f18e'}.su-spoiler-icon-chevron .su-spoiler-icon:before{content:'\f078'}.su-spoiler-icon-chevron.su-spoiler-closed .su-spoiler-icon:before{content:'\f054'}.su-spoiler-icon-chevron-circle .su-spoiler-icon:before{content:'\f13a'}.su-spoiler-icon-chevron-circle.su-spoiler-closed .su-spoiler-icon:before{content:'\f138'}.su-spoiler-icon-caret .su-spoiler-icon:before{content:'\f0d7'}.su-spoiler-icon-caret.su-spoiler-closed .su-spoiler-icon:before{content:'\f0da'}.su-spoiler-icon-caret-square .su-spoiler-icon:before{content:'\f150'}.su-spoiler-icon-caret-square.su-spoiler-closed .su-spoiler-icon:before{content:'\f152'}.su-spoiler-icon-folder-1 .su-spoiler-icon:before{content:'\f07c'}.su-spoiler-icon-folder-1.su-spoiler-closed .su-spoiler-icon:before{content:'\f07b'}.su-spoiler-icon-folder-2 .su-spoiler-icon:before{content:'\f115'}.su-spoiler-icon-folder-2.su-spoiler-closed .su-spoiler-icon:before{content:'\f114'}.su-spoiler-style-default>.su-spoiler-title{padding-left:27px;padding-right:0}.su-spoiler-style-default>.su-spoiler-title>.su-spoiler-icon{left:0}.su-spoiler-style-default>.su-spoiler-content{padding:1em 0 1em 27px}.su-spoiler-style-fancy{border:1px solid #ccc;border-radius:10px;background:#fff;color:#333}.su-spoiler-style-fancy>.su-spoiler-title{border-bottom:1px solid #ccc;border-radius:10px;background:#f0f0f0;font-size:.9em}.su-spoiler-style-fancy.su-spoiler-closed>.su-spoiler-title{border:none}.su-spoiler-style-fancy>.su-spoiler-content{border-radius:10px}.su-spoiler-style-simple{border-top:1px solid #ccc;border-bottom:1px solid #ccc}.su-spoiler-style-simple>.su-spoiler-title{padding:5px 10px;background:#f0f0f0;color:#333;font-size:.9em}.su-spoiler-style-simple>.su-spoiler-title>.su-spoiler-icon{display:none}.su-spoiler-style-simple>.su-spoiler-content{padding:1em 10px;background:#fff;color:#333}.su-table{width:100%;margin-bottom:1.5em}.su-table table{width:100%!important;margin:0!important;border-collapse:collapse!important;font-size:1em!important;border:1px solid #ccc!important;table-layout:auto!important}.su-table table th{text-align:center!important;padding:1em!important;font-size:1em!important;font-weight:700!important;color:#333!important;border:1px solid #ccc!important;background:#f0f0f0!important}.su-table table td{padding:.5em 1em!important;border:1px solid #ccc!important;background:#fff!important}.su-table-responsive{overflow-x:auto}.su-table-responsive table{width:auto!important;min-width:100%!important}.su-table-responsive table td,.su-table-responsive table th{word-break:initial!important}.su-table-alternate table tr:nth-child(even) td{background-color:#f7f7f7!important}.su-table-fixed table{table-layout:fixed!important}.su-tabs{margin:0 0 1.5em;padding:3px;border-radius:3px;background:#eee}.su-tabs-nav span{display:inline-block;margin-right:3px;padding:10px 15px;min-height:40px;border-top-left-radius:3px;border-top-right-radius:3px;color:#333;font-size:13px;line-height:20px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.su-tabs-nav span:hover{background:#f5f5f5}.su-tabs-nav span.su-tabs-current{background:#fff;cursor:default}.su-tabs-nav span:focus{outline:currentColor thin dotted}.su-tabs-nav span.su-tabs-disabled{opacity:.5;cursor:default}.su-tabs-pane{padding:15px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background:#fff;color:#333;font-size:13px}.su-tabs-pane:not(.su-tabs-pane-open){overflow:hidden!important;padding:0!important;min-height:0!important;height:0!important;border:none!important}.su-tabs-nav,.su-tabs-nav span,.su-tabs-pane,.su-tabs-panes{box-sizing:border-box!important}.su-tabs-vertical{display:-webkit-box;display:flex}.su-tabs-vertical .su-tabs-nav{width:30%}.su-tabs-vertical .su-tabs-nav>span{display:block;margin-right:0;border-radius:0;border-top-left-radius:3px;border-bottom-left-radius:3px}.su-tabs-vertical .su-tabs-panes{width:70%}.su-tabs-vertical .su-tabs-panes .su-tabs-pane{height:100%;border-radius:0;border-top-right-radius:3px;border-bottom-right-radius:3px}.qtip.su-qtip{max-width:480px!important}.su-tooltip{display:inline-block}.su-qtip-size-1{font-size:.8em!important}.su-qtip-size-2{font-size:.9em!important}.su-qtip-size-3{font-size:1em!important}.su-qtip-size-4{font-size:1.1em!important}.su-qtip-size-5{font-size:1.2em!important}.su-qtip-size-6{font-size:1.3em!important}.su-tooltip-content{display:none}.su-tooltip-content>:last-child{margin-bottom:0}.qtip-content .su-tooltip-content embed,.qtip-content .su-tooltip-content iframe,.qtip-content .su-tooltip-content img,.qtip-content .su-tooltip-content object{max-width:430px}.qtip-content .su-tooltip-content .su-u-responsive-media-yes{width:430px}.su-video{position:relative;margin-bottom:1.5em;overflow:hidden}.su-video .jp-title{position:absolute;top:-100px;left:0;width:100%;height:30px;padding:0 1em;line-height:30px;font-size:.9em;background:#000;background:rgba(0,0,0,.5);color:#fff;-webkit-transition:top .2s;transition:top .2s}.su-video:hover .jp-title{top:0}.su-video .jp-start{position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;opacity:.5;-webkit-transition:opacity .2s;transition:opacity .2s;background:50% 50% url(//www.scanto.net/scantonet/wp-content/plugins/shortcodes-ultimate/includes/images/player/default-start.png) no-repeat}.su-video:hover .jp-start{opacity:.8}.su-video.jp-video-full{position:fixed;left:0;top:0;width:100%;height:100%}.su-video.jp-video-full .jp-jplayer{position:fixed!important;left:0;top:0;overflow:hidden}.su-video .jp-gui{position:relative;height:30px;background:#7c8781;background:-webkit-gradient(linear,left top,left bottom,from(#7c8781),to(#0a0809));background:-webkit-linear-gradient(top,#7c8781 0,#0a0809 100%);background:linear-gradient(to bottom,#7c8781 0,#0a0809 100%);border-bottom-right-radius:3px;border-bottom-left-radius:3px}.su-video.jp-video-full .jp-gui{position:fixed;left:0;bottom:0;width:100%}.su-video-controls-no .jp-gui{position:absolute!important;bottom:-100px;left:0;right:0;-webkit-transition:bottom .2s;transition:bottom .2s}.su-video-controls-no:hover .jp-gui{bottom:0}.su-video img{border-radius:0!important;border:none!important;margin:0!important;padding:0!important}.su-video .jp-gui .jp-pause,.su-video .jp-gui .jp-play{position:absolute;left:0;top:0;display:block;width:30px;height:30px;border-right:1px solid #454947;cursor:pointer}.su-video .jp-gui .jp-play{background:0 0 url(//www.scanto.net/scantonet/wp-content/plugins/shortcodes-ultimate/includes/images/player/default.png) no-repeat}.su-video .jp-gui .jp-pause{background:-30px 0 url(//www.scanto.net/scantonet/wp-content/plugins/shortcodes-ultimate/includes/images/player/default.png) no-repeat}.su-video .jp-full-screen,.su-video .jp-restore-screen{position:absolute;top:0;right:0;display:block;width:30px;height:30px;border-left:1px solid #454947;cursor:pointer}.su-video .jp-full-screen{background:0 -30px url(//www.scanto.net/scantonet/wp-content/plugins/shortcodes-ultimate/includes/images/player/default.png) no-repeat}.su-video .jp-restore-screen{background:-30px -30px url(//www.scanto.net/scantonet/wp-content/plugins/shortcodes-ultimate/includes/images/player/default.png) no-repeat}.su-video .jp-progress{position:absolute;top:10px;left:90px;right:90px;height:10px;background:#333;border-radius:3px;box-shadow:0 0 5px #000 inset}.su-video .jp-play-bar,.su-video .jp-seek-bar{position:absolute;top:0;left:0;height:100%;cursor:pointer;border-radius:3px}.su-video .jp-seek-bar{background:#0b0b0b;background:-webkit-gradient(linear,left top,left bottom,from(#0b0b0b),to(#666));background:-webkit-linear-gradient(top,#0b0b0b 0,#666 100%);background:linear-gradient(to bottom,#0b0b0b 0,#666 100%)}.su-video .jp-play-bar{background:#6db3f2;background:-webkit-gradient(linear,left top,left bottom,from(#6db3f2),color-stop(50%,#54a3ee),color-stop(51%,#3690f0),to(#1e69de));background:-webkit-linear-gradient(top,#6db3f2 0,#54a3ee 50%,#3690f0 51%,#1e69de 100%);background:linear-gradient(to bottom,#6db3f2 0,#54a3ee 50%,#3690f0 51%,#1e69de 100%)}.su-video .jp-current-time,.su-video .jp-duration{position:absolute;top:0;display:block;height:30px;line-height:30px;color:#f5f5f5;font-size:10px}.su-video .jp-current-time{left:50px}.su-video .jp-duration{right:50px}.su-vimeo{margin:0 0 1.5em}.su-vimeo iframe{border:none!important}.su-youtube{margin:0 0 1.5em}.su-youtube iframe{border:none!important}@media screen and (max-width:768px){.su-button span{padding-top:.25em!important;padding-bottom:.25em!important;line-height:1.2!important}.su-button small{margin-top:.2em!important}.su-image-carousel-adaptive .su-image-carousel-item{width:100%!important;margin-right:0!important}}@media only screen and (max-width:768px){.su-row .su-column{width:100%;margin:0 0 1.5em;float:none}.su-row .su-column:last-child{margin-bottom:0}.su-tabs-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.su-tabs-vertical .su-tabs-nav,.su-tabs-vertical .su-tabs-panes{width:100%}.su-tabs-vertical .su-tabs-nav .su-tabs-pane,.su-tabs-vertical .su-tabs-nav>span,.su-tabs-vertical .su-tabs-panes .su-tabs-pane,.su-tabs-vertical .su-tabs-panes>span{border-radius:3px}.su-tabs-mobile-stack .su-tabs-nav span{display:block}.su-tabs-mobile-scroll .su-tabs-nav{display:-webkit-box;display:flex;-webkit-box-align:end;align-items:flex-end;white-space:nowrap;overflow-x:auto}}@media screen and (max-width:48em){.su-pullquote{width:auto}.su-pullquote-align-left,.su-pullquote-align-right{float:none;margin:1.5em 0;padding:.5em 1em}}@media only screen{[class*=su-column]+[class*=su-column]:last-child{float:right}}@media (-webkit-min-device-pixel-ratio:0){.su-image-carousel-has-outline .su-image-carousel-item-content a:focus,.su-image-carousel-has-outline button.flickity-prev-next-button:focus{outline-color:-webkit-focus-ring-color;outline-style:auto}}