.info b p{
    color: #ffffff !important;
}
.image-hover-page-container .col-xs-15,
.image-hover-page-container .col-sm-15,
.image-hover-page-container.col-md-15,
.image-hover-page-container .col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.image-hover-page-container .col-xs-15 {
    width: 20% !important;
    float: left !important;
}
@media (min-width: 768px) {
.image-hover-page-container .col-sm-15 {
        width: 20% !important;
        float: left !important;
    }
}
@media (min-width: 992px) {
  .image-hover-page-container  .col-md-15 {
        width: 20% !important;
        float: left !important;
    }
}
@media (min-width: 1200px) {
    .image-hover-page-container .col-lg-15 {
        width: 20% !important;
        float: left !important;
    }
}


.image-hover-page-container *, .image-hover-page-container :after, .image-hover-page-container :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.image-hover-page-container html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent;
}
.image-hover-page-container button, .image-hover-page-container input, .image-hover-page-container select, .image-hover-page-container textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.image-hover-page-container a {
    color: #337ab7;
    text-decoration: none;
}
.image-hover-page-container a:focus, .image-hover-page-container a:hover {
    color: #23527c;
    text-decoration: underline;
}
.image-hover-page-container a:focus {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}
.image-hover-page-container figure {
    margin: 0;
}
.image-hover-page-container .carousel-inner>.item>a>img, .image-hover-page-container .carousel-inner>.item>img, .image-hover-page-container .img-responsive, .image-hover-page-container .thumbnail a>img, .image-hover-page-container .thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
}
.image-hover-page-container .img-rounded {
    border-radius: 6px;
}
.image-hover-page-container .img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.image-hover-page-container .img-circle {
    border-radius: 50%}
.image-hover-page-container hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}
.image-hover-page-container .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.image-hover-page-container .sr-only-focusable:active, .image-hover-page-container .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}
.image-hover-page-container .h1, .image-hover-page-container .h2, .image-hover-page-container .h3, .image-hover-page-container .h4, .image-hover-page-container .h5, .image-hover-page-container .h6, .image-hover-page-container h1, .image-hover-page-container h2, .image-hover-page-container h3, .image-hover-page-container h4, .image-hover-page-container h5, .image-hover-page-container h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
.image-hover-page-container .h1 .small, .image-hover-page-container .h1 small, .image-hover-page-container .h2 .small, .image-hover-page-container .h2 small, .image-hover-page-container .h3 .small, .image-hover-page-container .h3 small, .image-hover-page-container .h4 .small, .image-hover-page-container .h4 small, .image-hover-page-container .h5 .small, .image-hover-page-container .h5 small, .image-hover-page-container .h6 .small, .image-hover-page-container .h6 small, .image-hover-page-container h1 .small, .image-hover-page-container h1 small, .image-hover-page-container h2 .small, .image-hover-page-container h2 small, .image-hover-page-container h3 .small, .image-hover-page-container h3 small, .image-hover-page-container h4 .small, .image-hover-page-container h4 small, .image-hover-page-container h5 .small, .image-hover-page-container h5 small, .image-hover-page-container h6 .small, .image-hover-page-container h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777;
}
.image-hover-page-container .h1, .image-hover-page-container .h2, .image-hover-page-container .h3, .image-hover-page-container h1, .image-hover-page-container h2, .image-hover-page-container h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
.image-hover-page-container .h1 .small, .image-hover-page-container .h1 small, .image-hover-page-container .h2 .small, .image-hover-page-container .h2 small, .image-hover-page-container .h3 .small, .image-hover-page-container .h3 small, .image-hover-page-container h1 .small, .image-hover-page-container h1 small, .image-hover-page-container h2 .small, .image-hover-page-container h2 small, .image-hover-page-container h3 .small, .image-hover-page-container h3 small {
    font-size: 65%}
.image-hover-page-container .h4, .image-hover-page-container .h5, .image-hover-page-container .h6, .image-hover-page-container h4, .image-hover-page-container h5, .image-hover-page-container h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.image-hover-page-container .h4 .small, .image-hover-page-container .h4 small, .image-hover-page-container .h5 .small, .image-hover-page-container .h5 small, .image-hover-page-container .h6 .small, .image-hover-page-container .h6 small, .image-hover-page-container h4 .small, .image-hover-page-container h4 small, .image-hover-page-container h5 .small, .image-hover-page-container h5 small, .image-hover-page-container h6 .small, .image-hover-page-container h6 small {
    font-size: 75%}
.image-hover-page-container .h1, .image-hover-page-container h1 {
    font-size: 36px;
}
.image-hover-page-container .h2, .image-hover-page-container h2 {
    font-size: 30px;
}
.image-hover-page-container .h3, .image-hover-page-container h3 {
    font-size: 24px;
}
.image-hover-page-container .h4, .image-hover-page-container h4 {
    font-size: 18px;
}
.image-hover-page-container .h5, .image-hover-page-container h5 {
    font-size: 14px;
}
.image-hover-page-container .h6, .image-hover-page-container h6 {
    font-size: 0.9em;
}
.image-hover-page-container p {
    margin: 0 0 10px;
}
.image-hover-page-container .lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}
@media (min-width:768px) {
    .image-hover-page-container .lead {
    font-size: 21px;
}
}.image-hover-page-container .small, .image-hover-page-container small {
    font-size: 85%}
.image-hover-page-container .mark, .image-hover-page-container mark {
    padding: .2em;
    background-color: #fcf8e3;
}
.image-hover-page-container .text-left {
    text-align: left;
}
.image-hover-page-container .text-right {
    text-align: right;
}
.image-hover-page-container .text-center {
    text-align: center;
}
.image-hover-page-container .text-justify {
    text-align: justify;
}
.image-hover-page-container .text-nowrap {
    white-space: nowrap;
}
.image-hover-page-container .text-lowercase {
    text-transform: lowercase;
}
.image-hover-page-container .text-uppercase {
    text-transform: uppercase;
}
.image-hover-page-container .text-capitalize {
    text-transform: capitalize;
}
.image-hover-page-container .text-muted {
    color: #777;
}
.image-hover-page-container .text-primary {
    color: #337ab7;
}
.image-hover-page-container a.text-primary:hover {
    color: #286090;
}
.image-hover-page-container .text-success {
    color: #3c763d;
}
.image-hover-page-container a.text-success:hover {
    color: #2b542c;
}
.image-hover-page-container .text-info {
    color: #31708f;
}
.image-hover-page-container a.text-info:hover {
    color: #245269;
}
.image-hover-page-container .text-warning {
    color: #8a6d3b;
}
.image-hover-page-container a.text-warning:hover {
    color: #66512c;
}
.image-hover-page-container .text-danger {
    color: #a94442;
}
.image-hover-page-container a.text-danger:hover {
    color: #843534;
}
.image-hover-page-container .bg-primary {
    color: #fff;
    background-color: #337ab7;
}
.image-hover-page-container a.bg-primary:hover {
    background-color: #286090;
}
.image-hover-page-container .bg-success {
    background-color: #dff0d8;
}
.image-hover-page-container a.bg-success:hover {
    background-color: #c1e2b3;
}
.image-hover-page-container .bg-info {
    background-color: #d9edf7;
}
.image-hover-page-container a.bg-info:hover {
    background-color: #afd9ee;
}
.image-hover-page-container .bg-warning {
    background-color: #fcf8e3;
}
.image-hover-page-container a.bg-warning:hover {
    background-color: #f7ecb5;
}
.image-hover-page-container .bg-danger {
    background-color: #f2dede;
}
.image-hover-page-container a.bg-danger:hover {
    background-color: #e4b9b9;
}
.image-hover-page-container .page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
}
.image-hover-page-container ol, .image-hover-page-container ul {
    margin-top: 0;
    margin-bottom: 10px;
}
.image-hover-page-container ol ol, .image-hover-page-container ol ul, .image-hover-page-container ul ol, .image-hover-page-container ul ul {
    margin-bottom: 0;
}
.image-hover-page-container .list-unstyled {
    padding-left: 0;
    list-style: none;
}
.image-hover-page-container .list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}
.image-hover-page-container .list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}
.image-hover-page-container dl {
    margin-top: 0;
    margin-bottom: 20px;
}
.image-hover-page-container dd, .image-hover-page-container dt {
    line-height: 1.42857143;
}
.image-hover-page-container dt {
    font-weight: 700;
}
.image-hover-page-container dd {
    margin-left: 0;
}
@media (min-width:768px) {
    .image-hover-page-container .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.image-hover-page-container .dl-horizontal dd {
    margin-left: 180px;
}
}.image-hover-page-container abbr[data-original-title], .image-hover-page-container abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #777;
}
.image-hover-page-container .initialism {
    font-size: 90%;
    text-transform: uppercase;
}
.image-hover-page-container blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
}
.image-hover-page-container blockquote ol:last-child, .image-hover-page-container blockquote p:last-child, .image-hover-page-container blockquote ul:last-child {
    margin-bottom: 0;
}
.image-hover-page-container blockquote .small, .image-hover-page-container blockquote footer, .image-hover-page-container blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777;
}
.image-hover-page-container blockquote .small:before, .image-hover-page-container blockquote footer:before, .image-hover-page-container blockquote small:before {
    content: '\2014 \00A0'}
.image-hover-page-container .blockquote-reverse, .image-hover-page-container blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    text-align: right;
    border-right: 5px solid #eee;
    border-left: 0;
}
.image-hover-page-container .blockquote-reverse .small:before, .image-hover-page-container .blockquote-reverse footer:before, .image-hover-page-container .blockquote-reverse small:before, .image-hover-page-container blockquote.pull-right .small:before, .image-hover-page-container blockquote.pull-right footer:before, .image-hover-page-container blockquote.pull-right small:before {
    content: ''}
.image-hover-page-container .blockquote-reverse .small:after, .image-hover-page-container .blockquote-reverse footer:after, .image-hover-page-container .blockquote-reverse small:after, .image-hover-page-container blockquote.pull-right .small:after, .image-hover-page-container blockquote.pull-right footer:after, .image-hover-page-container blockquote.pull-right small:after {
    content: '\00A0 \2014'}
.image-hover-page-container address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143;
}
.image-hover-page-container code, .image-hover-page-container kbd, .image-hover-page-container pre, .image-hover-page-container samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
.image-hover-page-container code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}
.image-hover-page-container kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}
.image-hover-page-container kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.image-hover-page-container pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.image-hover-page-container .container, .image-hover-page-container .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.image-hover-page-container pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
}
.image-hover-page-container .pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}
@media (min-width:768px) {
    .image-hover-page-container .container {
    width: 750px;
}
}@media (min-width:992px) {
    .image-hover-page-container .container {
    width: 970px;
}
}@media (min-width:1200px) {
    .image-hover-page-container .container {
    width: 1170px;
}
}.image-hover-page-container .row {
    margin-right: -15px;
    margin-left: -15px;
}
.image-hover-page-container .col-lg-1, .image-hover-page-container .col-lg-10, .image-hover-page-container .col-lg-11, .image-hover-page-container .col-lg-12, .image-hover-page-container .col-lg-2, .image-hover-page-container .col-lg-3, .image-hover-page-container .col-lg-4, .image-hover-page-container .col-lg-5, .image-hover-page-container .col-lg-6, .image-hover-page-container .col-lg-7, .image-hover-page-container .col-lg-8, .image-hover-page-container .col-lg-9, .image-hover-page-container .col-md-1, .image-hover-page-container .col-md-10, .image-hover-page-container .col-md-11, .image-hover-page-container .col-md-12, .image-hover-page-container .col-md-2, .image-hover-page-container .col-md-3, .image-hover-page-container .col-md-4, .image-hover-page-container .col-md-5, .image-hover-page-container .col-md-6, .image-hover-page-container .col-md-7, .image-hover-page-container .col-md-8, .image-hover-page-container .col-md-9, .image-hover-page-container .col-sm-1, .image-hover-page-container .col-sm-10, .image-hover-page-container .col-sm-11, .image-hover-page-container .col-sm-12, .image-hover-page-container .col-sm-2, .image-hover-page-container .col-sm-3, .image-hover-page-container .col-sm-4, .image-hover-page-container .col-sm-5, .image-hover-page-container .col-sm-6, .image-hover-page-container .col-sm-7, .image-hover-page-container .col-sm-8, .image-hover-page-container .col-sm-9, .image-hover-page-container .col-xs-1, .image-hover-page-container .col-xs-10, .image-hover-page-container .col-xs-11, .image-hover-page-container .col-xs-12, .image-hover-page-container .col-xs-2, .image-hover-page-container .col-xs-3, .image-hover-page-container .col-xs-4, .image-hover-page-container .col-xs-5, .image-hover-page-container .col-xs-6, .image-hover-page-container .col-xs-7, .image-hover-page-container .col-xs-8, .image-hover-page-container .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.image-hover-page-container .col-xs-1, .image-hover-page-container .col-xs-10, .image-hover-page-container .col-xs-11, .image-hover-page-container .col-xs-12, .image-hover-page-container .col-xs-2, .image-hover-page-container .col-xs-3, .image-hover-page-container .col-xs-4, .image-hover-page-container .col-xs-5, .image-hover-page-container .col-xs-6, .image-hover-page-container .col-xs-7, .image-hover-page-container .col-xs-8, .image-hover-page-container .col-xs-9 {
    float: left;
}
.image-hover-page-container .col-xs-12 {
    width: 100%}
.image-hover-page-container .col-xs-11 {
    width: 91.66666667%}
.image-hover-page-container .col-xs-10 {
    width: 83.33333333%}
.image-hover-page-container .col-xs-9 {
    width: 75%}
.image-hover-page-container .col-xs-8 {
    width: 66.66666667%}
.image-hover-page-container .col-xs-7 {
    width: 58.33333333%}
.image-hover-page-container .col-xs-6 {
    width: 50%}
.image-hover-page-container .col-xs-5 {
    width: 41.66666667%}
.image-hover-page-container .col-xs-4 {
    width: 33.33333333%}
.image-hover-page-container .col-xs-3 {
    width: 25%}
.image-hover-page-container .col-xs-2 {
    width: 16.66666667%}
.image-hover-page-container .col-xs-1 {
    width: 8.33333333%}
.image-hover-page-container .col-xs-pull-12 {
    right: 100%}
.image-hover-page-container .col-xs-pull-11 {
    right: 91.66666667%}
.image-hover-page-container .col-xs-pull-10 {
    right: 83.33333333%}
.image-hover-page-container .col-xs-pull-9 {
    right: 75%}
.image-hover-page-container .col-xs-pull-8 {
    right: 66.66666667%}
.image-hover-page-container .col-xs-pull-7 {
    right: 58.33333333%}
.image-hover-page-container .col-xs-pull-6 {
    right: 50%}
.image-hover-page-container .col-xs-pull-5 {
    right: 41.66666667%}
.image-hover-page-container .col-xs-pull-4 {
    right: 33.33333333%}
.image-hover-page-container .col-xs-pull-3 {
    right: 25%}
.image-hover-page-container .col-xs-pull-2 {
    right: 16.66666667%}
.image-hover-page-container .col-xs-pull-1 {
    right: 8.33333333%}
.image-hover-page-container .col-xs-pull-0 {
    right: auto;
}
.image-hover-page-container .col-xs-push-12 {
    left: 100%}
.image-hover-page-container .col-xs-push-11 {
    left: 91.66666667%}
.image-hover-page-container .col-xs-push-10 {
    left: 83.33333333%}
.image-hover-page-container .col-xs-push-9 {
    left: 75%}
.image-hover-page-container .col-xs-push-8 {
    left: 66.66666667%}
.image-hover-page-container .col-xs-push-7 {
    left: 58.33333333%}
.image-hover-page-container .col-xs-push-6 {
    left: 50%}
.image-hover-page-container .col-xs-push-5 {
    left: 41.66666667%}
.image-hover-page-container .col-xs-push-4 {
    left: 33.33333333%}
.image-hover-page-container .col-xs-push-3 {
    left: 25%}
.image-hover-page-container .col-xs-push-2 {
    left: 16.66666667%}
.image-hover-page-container .col-xs-push-1 {
    left: 8.33333333%}
.image-hover-page-container .col-xs-push-0 {
    left: auto;
}
.image-hover-page-container .col-xs-offset-12 {
    margin-left: 100%}
.image-hover-page-container .col-xs-offset-11 {
    margin-left: 91.66666667%}
.image-hover-page-container .col-xs-offset-10 {
    margin-left: 83.33333333%}
.image-hover-page-container .col-xs-offset-9 {
    margin-left: 75%}
.image-hover-page-container .col-xs-offset-8 {
    margin-left: 66.66666667%}
.image-hover-page-container .col-xs-offset-7 {
    margin-left: 58.33333333%}
.image-hover-page-container .col-xs-offset-6 {
    margin-left: 50%}
.image-hover-page-container .col-xs-offset-5 {
    margin-left: 41.66666667%}
.image-hover-page-container .col-xs-offset-4 {
    margin-left: 33.33333333%}
.image-hover-page-container .col-xs-offset-3 {
    margin-left: 25%}
.image-hover-page-container .col-xs-offset-2 {
    margin-left: 16.66666667%}
.image-hover-page-container .col-xs-offset-1 {
    margin-left: 8.33333333%}
.image-hover-page-container .col-xs-offset-0 {
    margin-left: 0;
}
@media (min-width:768px) {
    .image-hover-page-container .col-sm-1, .image-hover-page-container .col-sm-10, .image-hover-page-container .col-sm-11, .image-hover-page-container .col-sm-12, .image-hover-page-container .col-sm-2, .image-hover-page-container .col-sm-3, .image-hover-page-container .col-sm-4, .image-hover-page-container .col-sm-5, .image-hover-page-container .col-sm-6, .image-hover-page-container .col-sm-7, .image-hover-page-container .col-sm-8, .image-hover-page-container .col-sm-9 {
    float: left;
}
.image-hover-page-container .col-sm-12 {
    width: 100%}
.image-hover-page-container .col-sm-11 {
    width: 91.66666667%}
.image-hover-page-container .col-sm-10 {
    width: 83.33333333%}
.image-hover-page-container .col-sm-9 {
    width: 75%}
.image-hover-page-container .col-sm-8 {
    width: 66.66666667%}
.image-hover-page-container .col-sm-7 {
    width: 58.33333333%}
.image-hover-page-container .col-sm-6 {
    width: 50%}
.image-hover-page-container .col-sm-5 {
    width: 41.66666667%}
.image-hover-page-container .col-sm-4 {
    width: 33.33333333%}
.image-hover-page-container .col-sm-3 {
    width: 25%}
.image-hover-page-container .col-sm-2 {
    width: 16.66666667%}
.image-hover-page-container .col-sm-1 {
    width: 8.33333333%}
.image-hover-page-container .col-sm-pull-12 {
    right: 100%}
.image-hover-page-container .col-sm-pull-11 {
    right: 91.66666667%}
.image-hover-page-container .col-sm-pull-10 {
    right: 83.33333333%}
.image-hover-page-container .col-sm-pull-9 {
    right: 75%}
.image-hover-page-container .col-sm-pull-8 {
    right: 66.66666667%}
.image-hover-page-container .col-sm-pull-7 {
    right: 58.33333333%}
.image-hover-page-container .col-sm-pull-6 {
    right: 50%}
.image-hover-page-container .col-sm-pull-5 {
    right: 41.66666667%}
.image-hover-page-container .col-sm-pull-4 {
    right: 33.33333333%}
.image-hover-page-container .col-sm-pull-3 {
    right: 25%}
.image-hover-page-container .col-sm-pull-2 {
    right: 16.66666667%}
.image-hover-page-container .col-sm-pull-1 {
    right: 8.33333333%}
.image-hover-page-container .col-sm-pull-0 {
    right: auto;
}
.image-hover-page-container .col-sm-push-12 {
    left: 100%}
.image-hover-page-container .col-sm-push-11 {
    left: 91.66666667%}
.image-hover-page-container .col-sm-push-10 {
    left: 83.33333333%}
.image-hover-page-container .col-sm-push-9 {
    left: 75%}
.image-hover-page-container .col-sm-push-8 {
    left: 66.66666667%}
.image-hover-page-container .col-sm-push-7 {
    left: 58.33333333%}
.image-hover-page-container .col-sm-push-6 {
    left: 50%}
.image-hover-page-container .col-sm-push-5 {
    left: 41.66666667%}
.image-hover-page-container .col-sm-push-4 {
    left: 33.33333333%}
.image-hover-page-container .col-sm-push-3 {
    left: 25%}
.image-hover-page-container .col-sm-push-2 {
    left: 16.66666667%}
.image-hover-page-container .col-sm-push-1 {
    left: 8.33333333%}
.image-hover-page-container .col-sm-push-0 {
    left: auto;
}
.image-hover-page-container .col-sm-offset-12 {
    margin-left: 100%}
.image-hover-page-container .col-sm-offset-11 {
    margin-left: 91.66666667%}
.image-hover-page-container .col-sm-offset-10 {
    margin-left: 83.33333333%}
.image-hover-page-container .col-sm-offset-9 {
    margin-left: 75%}
.image-hover-page-container .col-sm-offset-8 {
    margin-left: 66.66666667%}
.image-hover-page-container .col-sm-offset-7 {
    margin-left: 58.33333333%}
.image-hover-page-container .col-sm-offset-6 {
    margin-left: 50%}
.image-hover-page-container .col-sm-offset-5 {
    margin-left: 41.66666667%}
.image-hover-page-container .col-sm-offset-4 {
    margin-left: 33.33333333%}
.image-hover-page-container .col-sm-offset-3 {
    margin-left: 25%}
.image-hover-page-container .col-sm-offset-2 {
    margin-left: 16.66666667%}
.image-hover-page-container .col-sm-offset-1 {
    margin-left: 8.33333333%}
.image-hover-page-container .col-sm-offset-0 {
    margin-left: 0;
}
}@media (min-width:992px) {
    .image-hover-page-container .col-md-1, .image-hover-page-container .col-md-10, .image-hover-page-container .col-md-11, .image-hover-page-container .col-md-12, .image-hover-page-container .col-md-2, .image-hover-page-container .col-md-3, .image-hover-page-container .col-md-4, .image-hover-page-container .col-md-5, .image-hover-page-container .col-md-6, .image-hover-page-container .col-md-7, .image-hover-page-container .col-md-8, .image-hover-page-container .col-md-9 {
    float: left;
}
.image-hover-page-container .col-md-12 {
    width: 100%}
.image-hover-page-container .col-md-11 {
    width: 91.66666667%}
.image-hover-page-container .col-md-10 {
    width: 83.33333333%}
.image-hover-page-container .col-md-9 {
    width: 75%}
.image-hover-page-container .col-md-8 {
    width: 66.66666667%}
.image-hover-page-container .col-md-7 {
    width: 58.33333333%}
.image-hover-page-container .col-md-6 {
    width: 50%}
.image-hover-page-container .col-md-5 {
    width: 41.66666667%}
.image-hover-page-container .col-md-4 {
    width: 33.33333333%}
.image-hover-page-container .col-md-3 {
    width: 25%}
.image-hover-page-container .col-md-2 {
    width: 16.66666667%}
.image-hover-page-container .col-md-1 {
    width: 8.33333333%}
.image-hover-page-container .col-md-pull-12 {
    right: 100%}
.image-hover-page-container .col-md-pull-11 {
    right: 91.66666667%}
.image-hover-page-container .col-md-pull-10 {
    right: 83.33333333%}
.image-hover-page-container .col-md-pull-9 {
    right: 75%}
.image-hover-page-container .col-md-pull-8 {
    right: 66.66666667%}
.image-hover-page-container .col-md-pull-7 {
    right: 58.33333333%}
.image-hover-page-container .col-md-pull-6 {
    right: 50%}
.image-hover-page-container .col-md-pull-5 {
    right: 41.66666667%}
.image-hover-page-container .col-md-pull-4 {
    right: 33.33333333%}
.image-hover-page-container .col-md-pull-3 {
    right: 25%}
.image-hover-page-container .col-md-pull-2 {
    right: 16.66666667%}
.image-hover-page-container .col-md-pull-1 {
    right: 8.33333333%}
.image-hover-page-container .col-md-pull-0 {
    right: auto;
}
.image-hover-page-container .col-md-push-12 {
    left: 100%}
.image-hover-page-container .col-md-push-11 {
    left: 91.66666667%}
.image-hover-page-container .col-md-push-10 {
    left: 83.33333333%}
.image-hover-page-container .col-md-push-9 {
    left: 75%}
.image-hover-page-container .col-md-push-8 {
    left: 66.66666667%}
.image-hover-page-container .col-md-push-7 {
    left: 58.33333333%}
.image-hover-page-container .col-md-push-6 {
    left: 50%}
.image-hover-page-container .col-md-push-5 {
    left: 41.66666667%}
.image-hover-page-container .col-md-push-4 {
    left: 33.33333333%}
.image-hover-page-container .col-md-push-3 {
    left: 25%}
.image-hover-page-container .col-md-push-2 {
    left: 16.66666667%}
.image-hover-page-container .col-md-push-1 {
    left: 8.33333333%}
.image-hover-page-container .col-md-push-0 {
    left: auto;
}
.image-hover-page-container .col-md-offset-12 {
    margin-left: 100%}
.image-hover-page-container .col-md-offset-11 {
    margin-left: 91.66666667%}
.image-hover-page-container .col-md-offset-10 {
    margin-left: 83.33333333%}
.image-hover-page-container .col-md-offset-9 {
    margin-left: 75%}
.image-hover-page-container .col-md-offset-8 {
    margin-left: 66.66666667%}
.image-hover-page-container .col-md-offset-7 {
    margin-left: 58.33333333%}
.image-hover-page-container .col-md-offset-6 {
    margin-left: 50%}
.image-hover-page-container .col-md-offset-5 {
    margin-left: 41.66666667%}
.image-hover-page-container .col-md-offset-4 {
    margin-left: 33.33333333%}
.image-hover-page-container .col-md-offset-3 {
    margin-left: 25%}
.image-hover-page-container .col-md-offset-2 {
    margin-left: 16.66666667%}
.image-hover-page-container .col-md-offset-1 {
    margin-left: 8.33333333%}
.image-hover-page-container .col-md-offset-0 {
    margin-left: 0;
}
}@media (min-width:1200px) {
    .image-hover-page-container .col-lg-1, .image-hover-page-container .col-lg-10, .image-hover-page-container .col-lg-11, .image-hover-page-container .col-lg-12, .image-hover-page-container .col-lg-2, .image-hover-page-container .col-lg-3, .image-hover-page-container .col-lg-4, .image-hover-page-container .col-lg-5, .image-hover-page-container .col-lg-6, .image-hover-page-container .col-lg-7, .image-hover-page-container .col-lg-8, .image-hover-page-container .col-lg-9 {
    float: left;
}
.image-hover-page-container .col-lg-12 {
    width: 100%}
.image-hover-page-container .col-lg-11 {
    width: 91.66666667%}
.image-hover-page-container .col-lg-10 {
    width: 83.33333333%}
.image-hover-page-container .col-lg-9 {
    width: 75%}
.image-hover-page-container .col-lg-8 {
    width: 66.66666667%}
.image-hover-page-container .col-lg-7 {
    width: 58.33333333%}
.image-hover-page-container .col-lg-6 {
    width: 50%}
.image-hover-page-container .col-lg-5 {
    width: 41.66666667%}
.image-hover-page-container .col-lg-4 {
    width: 33.33333333%}
.image-hover-page-container .col-lg-3 {
    width: 25%}
.image-hover-page-container .col-lg-2 {
    width: 16.66666667%}
.image-hover-page-container .col-lg-1 {
    width: 8.33333333%}
.image-hover-page-container .col-lg-pull-12 {
    right: 100%}
.image-hover-page-container .col-lg-pull-11 {
    right: 91.66666667%}
.image-hover-page-container .col-lg-pull-10 {
    right: 83.33333333%}
.image-hover-page-container .col-lg-pull-9 {
    right: 75%}
.image-hover-page-container .col-lg-pull-8 {
    right: 66.66666667%}
.image-hover-page-container .col-lg-pull-7 {
    right: 58.33333333%}
.image-hover-page-container .col-lg-pull-6 {
    right: 50%}
.image-hover-page-container .col-lg-pull-5 {
    right: 41.66666667%}
.image-hover-page-container .col-lg-pull-4 {
    right: 33.33333333%}
.image-hover-page-container .col-lg-pull-3 {
    right: 25%}
.image-hover-page-container .col-lg-pull-2 {
    right: 16.66666667%}
.image-hover-page-container .col-lg-pull-1 {
    right: 8.33333333%}
.image-hover-page-container .col-lg-pull-0 {
    right: auto;
}
.image-hover-page-container .col-lg-push-12 {
    left: 100%}
.image-hover-page-container .col-lg-push-11 {
    left: 91.66666667%}
.image-hover-page-container .col-lg-push-10 {
    left: 83.33333333%}
.image-hover-page-container .col-lg-push-9 {
    left: 75%}
.image-hover-page-container .col-lg-push-8 {
    left: 66.66666667%}
.image-hover-page-container .col-lg-push-7 {
    left: 58.33333333%}
.image-hover-page-container .col-lg-push-6 {
    left: 50%}
.image-hover-page-container .col-lg-push-5 {
    left: 41.66666667%}
.image-hover-page-container .col-lg-push-4 {
    left: 33.33333333%}
.image-hover-page-container .col-lg-push-3 {
    left: 25%}
.image-hover-page-container .col-lg-push-2 {
    left: 16.66666667%}
.image-hover-page-container .col-lg-push-1 {
    left: 8.33333333%}
.image-hover-page-container .col-lg-push-0 {
    left: auto;
}
.image-hover-page-container .col-lg-offset-12 {
    margin-left: 100%}
.image-hover-page-container .col-lg-offset-11 {
    margin-left: 91.66666667%}
.image-hover-page-container .col-lg-offset-10 {
    margin-left: 83.33333333%}
.image-hover-page-container .col-lg-offset-9 {
    margin-left: 75%}
.image-hover-page-container .col-lg-offset-8 {
    margin-left: 66.66666667%}
.image-hover-page-container .col-lg-offset-7 {
    margin-left: 58.33333333%}
.image-hover-page-container .col-lg-offset-6 {
    margin-left: 50%}
.image-hover-page-container .col-lg-offset-5 {
    margin-left: 41.66666667%}
.image-hover-page-container .col-lg-offset-4 {
    margin-left: 33.33333333%}
.image-hover-page-container .col-lg-offset-3 {
    margin-left: 25%}
.image-hover-page-container .col-lg-offset-2 {
    margin-left: 16.66666667%}
.image-hover-page-container .col-lg-offset-1 {
    margin-left: 8.33333333%}
.image-hover-page-container .col-lg-offset-0 {
    margin-left: 0;
}



     /*!
 * Copyright 2013 Twitter,  Inc.
 *
 * Licensed under the Creative Commons Attribution 3.0 Unported License. For
 * details,  see http: //creativecommons.org/licenses/by/3.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;
    background-size: 100% 100% !important;
    background-repeat: no-repeat;
}
.bs-customizer-alert .close {
    margin-top: -4px;
    font-size: 24px;
}
.bs-customizer-alert p {
    margin-bottom: 0;
}
.bs-customizer-alert .glyphicon {
    margin-right: 5px;
}
.bs-customizer-alert pre {
    margin: 10px 0 0;
    color: #fff;
    background-color: #a83c3a;
    border-color: #973634;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
}
.bs-about {
    font-size: 16px;
}
.bs-examples h4 {
    margin-bottom: 5px;
}
.bs-examples p {
    margin-bottom: 20px;
}
#focusedInput {
    border-color: rgba(82, 168, 236, .8);
    outline: 0;
    outline: dotted thin\9;
    -moz-box-shadow: 0 0 8px rgba(82, 168, 236, .6);
    box-shadow: 0 0 8px rgba(82, 168, 236, .6);
}
.bs-docs-dl-options h4 {
    margin-top: 15px;
    margin-bottom: 5px;
}

     .ih-item {
    position: relative;
    transition: all .35s ease-in-out;
    margin: 30px auto !important;
}
.ih-item.circle .img:before, ;
     .ih-item {
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
}
.ih-item, .ih-item * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ih-item a {
    color: #333;
}
.ih-item a:hover {
    text-decoration: none;
}
.ih-item img {
    width: 100%;
    height: 100%}
.ih-item.circle, .ih-item.circle .img {
    border-radius: 50%;
    position: relative;
    width: 220px;
    height: 220px;
}
.ih-item.circle {
    margin-bottom: 15px;
}
/*.ih-item.circle .img:before {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: inset 0 0 0 16px rgba(255, 255, 255, .6), 0 1px 2px rgba(0, 0, 0, .3);
    transition: all .35s ease-in-out;
}*/
.ih-item.circle .img img {
    border-radius: 50%}
.ih-item.circle .info {
    position: absolute;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.ih-item.square {
    position: relative;
    width: 100%;
    height: 216px;
    border: 8px solid #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
    margin-bottom: 5px;
}
.ih-item.square .info {
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.ih-item.circle.effect1 .spinner {
    width: 230px;
    height: 230px;
    border: 5px solid #76B9D7;
    border-right-color: #C7C7C7;
    border-bottom-color: #C7C7C7;
    border-radius: 50%;
    transition: all .8s ease-in-out;
}
.ih-item.circle.effect1 .info, .ih-item.circle.effect1 .spinner {
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
}

.bs-docs-nav .navbar-toggle, .top-header.bs-docs-nav {
    border-color: #222132;
}
.ih-item.circle.effect1 .img {
    position: absolute;
    top: 10px;
    bottom: 0;
    left: 10px;
    right: 0;
    width: auto;
    height: auto;
}
.ih-item.circle.effect1 .info h3, .ih-item.circle.effect2 .info h3, .ih-item.circle.effect3 .info h3, .ih-item.circle.effect4 .info h3 {
    margin: 0 30px;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    /*height: 32%*/
    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;
    
}
.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 .img:before {
    box-shadow: inset 0 0 0 110px #333, inset 0 0 0 16px rgba(255, 255, 255, .8), 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 0 110px rgba(0, 0, 0, .6), inset 0 0 0 16px rgba(255, 255, 255, .8), 0 1px 2px rgba(0, 0, 0, .1);
}*/
.ih-item.circle.effect17 a:hover .info {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.ih-item.circle.effect17 a:hover .info p {
    opacity: 1;
}
.ih-item.circle.effect17.colored a:hover .img:before {
    box-shadow: inset 0 0 0 110px #1a4a72, inset 0 0 0 16px rgba(255, 255, 255, .8), 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 0 110px rgba(26, 74, 114, .6), inset 0 0 0 16px rgba(255, 255, 255, .8), 0 1px 2px rgba(0, 0, 0, .1);
}
.ih-item.circle.effect18 {
    -webkit-perspective: 900px;
    -moz-perspective: 900px;
    perspective: 900px;
}
.ih-item.circle.effect18 .img {
    z-index: 11;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.ih-item.circle.effect18.colored .info .info-back {
    background: #1a4a72;
}
.ih-item.circle.effect18 .info {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.ih-item.circle.effect18 .info .info-back {
    opacity: 1;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    background: #333;
}
.ih-item.circle.effect18 .info h3 {
    color: #fff;
    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(../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 30px auto;
  }

  .ih-item.circle .info{
    width: 280px !important;
    height: 280px !important; 
    overflow: hidden !important;
  }

  .ih-item.square {
    width: 100% !important;
  }


  .ih-item.square .info{
    width: 100% !important;
  }

  .ih-item.circle .info h3{
    font-size: 15px !important;
    padding: 50px 0 40px 0 !important;
    height:0 !important;
  }
  .ih-item.square .info h3{
    
    font-size: 15px !important;
    padding: 10px !important;
    margin: 8px 0 0 !important;
  }

  .ih-item.circle.effect1 .spinner{
    width: 300px !important;
    height: 300px !important;
  }

  .ih-item.circle.effect1 .info p, .ih-item.circle.effect11 .info p, .ih-item.circle.effect12 .info p, .ih-item.circle.effect13 .info p, .ih-item.circle.effect14 .info p, .ih-item.circle.effect15 .info p, .ih-item.circle.effect16 .info p, .ih-item.circle.effect17 .info p, .ih-item.circle.effect18 .info p, .ih-item.circle.effect19 .info p, .ih-item.circle.effect2 .info p, .ih-item.circle.effect20 .info p, .ih-item.circle.effect3 .info p, .ih-item.circle.effect4 .info p, .ih-item.circle.effect5 .info p, .ih-item.circle.effect6 .info p, .ih-item.circle.effect7 .info p, .ih-item.circle.effect8 .info p, .ih-item.circle.effect9 .info p{
    margin: 0 3px !important;
    font-size: 0.8em !important;
    font-style: inherit !important;
    line-height: 16px !important;
    border-top: none !important;
    
  }
  .ih-item.square .info p{
    font-size: 0.8em !important;
    padding: 5px 10px !important;
    line-height: 18px !important;
    font-style: inherit !important;
  }
}


@media (max-width: 768px) {

  .ih-item {
    margin: 5px auto 30px auto;
  }

  .ih-item.circle {
    width: 280px !important;
    height: 280px !important;
    margin: 5px auto 30px auto;
  }

  .ih-item.circle .info{
    width: 280px !important;
    height: 280px !important; 
    overflow: hidden !important;
  }

  .ih-item.square {
    width: 100% !important;
  }


  .ih-item.square .info{
    width: 100% !important;
  }

  .ih-item.circle .info h3{
    font-size: 15px !important;
    padding: 50px 0 40px 0 !important;
    height:0 !important;
  }
  .ih-item.square .info h3{
    font-size: 15px !important;
    padding: 6px !important;
    margin: 0 !important;
  }

  .ih-item.circle.effect1 .spinner{
    width: 300px !important;
    height: 300px !important;
  }

  .ih-item.circle.effect1 .info p, .ih-item.circle.effect11 .info p, .ih-item.circle.effect12 .info p, .ih-item.circle.effect13 .info p, .ih-item.circle.effect14 .info p, .ih-item.circle.effect15 .info p, .ih-item.circle.effect16 .info p, .ih-item.circle.effect17 .info p, .ih-item.circle.effect18 .info p, .ih-item.circle.effect19 .info p, .ih-item.circle.effect2 .info p, .ih-item.circle.effect20 .info p, .ih-item.circle.effect3 .info p, .ih-item.circle.effect4 .info p, .ih-item.circle.effect5 .info p, .ih-item.circle.effect6 .info p, .ih-item.circle.effect7 .info p, .ih-item.circle.effect8 .info p, .ih-item.circle.effect9 .info p{
    margin: 0 3px !important;
    font-size: 0.8em !important;
    font-style: inherit !important;
    line-height: 16px !important;
    
  }
  .ih-item.square .info p{
    font-size: 0.8em !important;
    padding: 2% !important;
    line-height: 17px !important;
    font-style: inherit !important;
  }
}



@media (max-width: 480px) {
  .ih-item.circle {
    width: 250px !important;
    height: 250px !important;
  }
  .ih-item.circle .info h3{
    font-size: 1.6vw !important;
    padding: 40px 0 40px 0 !important;
    height: 0 !important;
  }

  .ih-item.circle.effect1 .spinner{
    width: 270px !important;
    height: 270px !important;
  }

  .ih-item.circle.effect1 .info p, .ih-item.circle.effect11 .info p, .ih-item.circle.effect12 .info p, .ih-item.circle.effect13 .info p, .ih-item.circle.effect14 .info p, .ih-item.circle.effect15 .info p, .ih-item.circle.effect16 .info p, .ih-item.circle.effect17 .info p, .ih-item.circle.effect18 .info p, .ih-item.circle.effect19 .info p, .ih-item.circle.effect2 .info p, .ih-item.circle.effect20 .info p, .ih-item.circle.effect3 .info p, .ih-item.circle.effect4 .info p, .ih-item.circle.effect5 .info p, .ih-item.circle.effect6 .info p, .ih-item.circle.effect7 .info p, .ih-item.circle.effect8 .info p, .ih-item.circle.effect9 .info p{
    border-top: none !important;
    /*padding: 0 5px !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;
    /*padding: 5px 5px !important;*/
  }
  .ih-item.circle .info{
    width: 230px !important;
    height: 230px !important; 
  }
}