.ih-item{
    position:relative;
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item,.ih-item *{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.ih-item a{
    color:#333
}
.ih-item a:hover{
    text-decoration:none
}
.ih-item img{
    width:100%;
    height:100%
}
.ih-item.circle{
    position:relative;
    width:220px;
    height:220px;
    border-radius:50%
}
.ih-item.circle .img{
    position:relative;
    width:220px;
    height:220px;
    border-radius:50%
}
.ih-item.circle .img:before{
    position:absolute;
    display:block;
    content:'';
    width:100%;
    height:100%;
    border-radius:50%;
    box-shadow:inset 0 0 0 16px rgba(255,255,255,0.6),0 1px 2px rgba(0,0,0,0.3);
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.circle .img img{
    border-radius:50%
}
.ih-item.circle .info{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    text-align:center;
    border-radius:50%;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.ih-item.square{
    position:relative;
/*    width:316px;
    height:216px; */
    border:8px solid #fff;
    /*box-shadow:1px 1px 3px rgba(0,0,0,0.3)*/
}
.ih-item.square .info{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    text-align:center;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.ih-item.circle.effect1 .spinner{
    width:230px;
    height:230px;
    border:10px solid #ecab18;
    border-right-color:#1ad280;
    border-bottom-color:#1ad280;
    border-radius:50%;
    -webkit-transition:all 0.8s ease-in-out;
    -moz-transition:all 0.8s ease-in-out;
    transition:all 0.8s ease-in-out
}
.ih-item.circle.effect1 .img{
    position:absolute;
    top:10px;
    bottom:0;
    left:10px;
    right:0;
    width:auto;
    height:auto
}
.ih-item.circle.effect1 .img:before{
    display:none
}
.ih-item.circle.effect1.colored .info{
    background:#1a4a72;
    background:rgba(26,74,114,0.6)
}
.ih-item.circle.effect1 .info{
    top:10px;
    bottom:0;
    left:10px;
    right:0;
    background:#333;
    background:rgba(0,0,0,0.6);
    opacity:0;
    -webkit-transition:all 0.8s ease-in-out;
    -moz-transition:all 0.8s ease-in-out;
    transition:all 0.8s ease-in-out
}
.ih-item.circle.effect1 .info h3{
    color:#fff;
    text-transform:uppercase;
    position:relative;
    letter-spacing:2px;
    font-size:22px;
    margin:0 30px;
    padding:55px 0 0 0;
    height:110px;
    text-shadow:0 0 1px #fff,0 1px 2px rgba(0,0,0,0.3)
}
.ih-item.circle.effect1 .info p{
    color:#bbb;
    padding:10px 5px;
    font-style:italic;
    margin:0 30px;
    font-size:12px;
    border-top:1px solid rgba(255,255,255,0.5)
}
.ih-item.circle.effect1 a:hover .spinner{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg)
}
.ih-item.circle.effect1 a:hover .info{
    opacity:1
}
.ih-item.circle.effect2 .img{
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.circle.effect2.colored .info{
    background:#1a4a72;
    background:rgba(26,74,114,0.6)
}
.ih-item.circle.effect2 .info{
    background:#333;
    background:rgba(0,0,0,0.6);
    opacity:0;
    pointer-events:none;
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.circle.effect2 .info h3{
    color:#fff;
    text-transform:uppercase;
    position:relative;
    letter-spacing:2px;
    font-size:22px;
    margin:0 30px;
    padding:55px 0 0 0;
    height:110px;
    text-shadow:0 0 1px #fff,0 1px 2px rgba(0,0,0,0.3)
}
.ih-item.circle.effect2 .info p{
    color:#bbb;
    padding:10px 5px;
    font-style:italic;
    margin:0 30px;
    font-size:12px;
    border-top:1px solid rgba(255,255,255,0.5)
}
.ih-item.circle.effect2.left_to_right .info{
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    transform:translateX(-100%)
}
.ih-item.circle.effect2.left_to_right a:hover .img{
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
.ih-item.circle.effect2.left_to_right a:hover .info{
    opacity:1;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
.ih-item.circle.effect2.right_to_left .info{
    -webkit-transform:translateX(100%);
    -moz-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    transform:translateX(100%)
}
.ih-item.circle.effect2.right_to_left a:hover .img{
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg)
}
.ih-item.circle.effect2.right_to_left a:hover .info{
    opacity:1;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
.ih-item.circle.effect2.top_to_bottom .info{
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    transform:translateY(-100%)
}
.ih-item.circle.effect2.top_to_bottom a:hover .img{
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
.ih-item.circle.effect2.top_to_bottom a:hover .info{
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.circle.effect2.bottom_to_top .info{
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
    transform:translateY(100%)
}
.ih-item.circle.effect2.bottom_to_top a:hover .img{
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg)
}
.ih-item.circle.effect2.bottom_to_top a:hover .info{
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.circle.effect3 .img{
    z-index:11;
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.circle.effect3.colored .info{
    background:#1a4a72
}
.ih-item.circle.effect3 .info{
    background:#333;
    opacity:0;
    pointer-events:none;
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.circle.effect3 .info h3{
    color:#fff;
    text-transform:uppercase;
    position:relative;
    letter-spacing:2px;
    font-size:22px;
    margin:0 30px;
    padding:55px 0 0 0;
    height:110px;
    text-shadow:0 0 1px #fff,0 1px 2px rgba(0,0,0,0.3)
}
.ih-item.circle.effect3 .info p{
    color:#bbb;
    padding:10px 5px;
    font-style:italic;
    margin:0 30px;
    font-size:12px;
    border-top:1px solid rgba(255,255,255,0.5)
}
.ih-item.circle.effect3.left_to_right .img{
    -webkit-transform:scale(1) translateX(0);
    -moz-transform:scale(1) translateX(0);
    -ms-transform:scale(1) translateX(0);
    -o-transform:scale(1) translateX(0);
    transform:scale(1) translateX(0)
}
.ih-item.circle.effect3.left_to_right .info{
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    transform:translateX(-100%)
}
.ih-item.circle.effect3.left_to_right a:hover .img{
    -webkit-transform:scale(0.5) translateX(100%);
    -moz-transform:scale(0.5) translateX(100%);
    -ms-transform:scale(0.5) translateX(100%);
    -o-transform:scale(0.5) translateX(100%);
    transform:scale(0.5) translateX(100%)
}
.ih-item.circle.effect3.left_to_right a:hover .info{
    opacity:1;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
.ih-item.circle.effect3.right_to_left .img{
    -webkit-transform:scale(1) translateX(0);
    -moz-transform:scale(1) translateX(0);
    -ms-transform:scale(1) translateX(0);
    -o-transform:scale(1) translateX(0);
    transform:scale(1) translateX(0)
}
.ih-item.circle.effect3.right_to_left .info{
    -webkit-transform:translateX(100%);
    -moz-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    transform:translateX(100%)
}
.ih-item.circle.effect3.right_to_left a:hover .img{
    -webkit-transform:scale(0.5) translateX(-100%);
    -moz-transform:scale(0.5) translateX(-100%);
    -ms-transform:scale(0.5) translateX(-100%);
    -o-transform:scale(0.5) translateX(-100%);
    transform:scale(0.5) translateX(-100%)
}
.ih-item.circle.effect3.right_to_left a:hover .info{
    opacity:1;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
.ih-item.circle.effect3.top_to_bottom .img{
    -webkit-transform:scale(1) translateY(0);
    -moz-transform:scale(1) translateY(0);
    -ms-transform:scale(1) translateY(0);
    -o-transform:scale(1) translateY(0);
    transform:scale(1) translateY(0)
}
.ih-item.circle.effect3.top_to_bottom .info{
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    transform:translateY(-100%)
}
.ih-item.circle.effect3.top_to_bottom a:hover .img{
    -webkit-transform:scale(0.5) translateY(100%);
    -moz-transform:scale(0.5) translateY(100%);
    -ms-transform:scale(0.5) translateY(100%);
    -o-transform:scale(0.5) translateY(100%);
    transform:scale(0.5) translateY(100%)
}
.ih-item.circle.effect3.top_to_bottom a:hover .info{
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.circle.effect3.bottom_to_top .img{
    -webkit-transform:scale(1) translateY(0);
    -moz-transform:scale(1) translateY(0);
    -ms-transform:scale(1) translateY(0);
    -o-transform:scale(1) translateY(0);
    transform:scale(1) translateY(0)
}
.ih-item.circle.effect3.bottom_to_top .info{
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
    transform:translateY(100%)
}
.ih-item.circle.effect3.bottom_to_top a:hover .img{
    -webkit-transform:scale(0.5) translateY(-100%);
    -moz-transform:scale(0.5) translateY(-100%);
    -ms-transform:scale(0.5) translateY(-100%);
    -o-transform:scale(0.5) translateY(-100%);
    transform:scale(0.5) translateY(-100%)
}
.ih-item.circle.effect3.bottom_to_top a:hover .info{
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.circle.effect4 .img{
    opacity:1;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out
}
.ih-item.circle.effect4.colored .info{
    background:#1a4a72
}
.ih-item.circle.effect4 .info{
    background:#333;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    -webkit-transition:all 0.35s ease;
    -moz-transition:all 0.35s ease;
    transition:all 0.35s ease
}
.ih-item.circle.effect4 .info h3{
    color:#fff;
    text-transform:uppercase;
    position:relative;
    letter-spacing:2px;
    font-size:22px;
    margin:0 30px;
    padding:55px 0 0 0;
    height:110px;
    text-shadow:0 0 1px #fff,0 1px 2px rgba(0,0,0,0.3)
}
.ih-item.circle.effect4 .info p{
    color:#bbb;
    padding:10px 5px;
    font-style:italic;
    margin:0 30px;
    font-size:12px;
    border-top:1px solid rgba(255,255,255,0.5);
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.circle.effect4 a:hover .img{
    opacity:0;
    pointer-events:none
}
.ih-item.circle.effect4 a:hover .info{
    visibility:visible;
    opacity:1
}
.ih-item.circle.effect4.left_to_right .img{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
.ih-item.circle.effect4.left_to_right .info{
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    transform:translateX(-100%)
}
.ih-item.circle.effect4.left_to_right a:hover .img{
    -webkit-transform:translateX(100%);
    -moz-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    transform:translateX(100%)
}
.ih-item.circle.effect4.left_to_right a:hover .info{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
.ih-item.circle.effect4.right_to_left .img{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
.ih-item.circle.effect4.right_to_left .info{
    -webkit-transform:translateX(100%);
    -moz-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    transform:translateX(100%)
}
.ih-item.circle.effect4.right_to_left a:hover .img{
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    transform:translateX(-100%)
}
.ih-item.circle.effect4.right_to_left a:hover .info{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
.ih-item.circle.effect4.top_to_bottom .img{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.circle.effect4.top_to_bottom .info{
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
    transform:translateY(100%)
}
.ih-item.circle.effect4.top_to_bottom a:hover .img{
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    transform:translateY(-100%)
}
.ih-item.circle.effect4.top_to_bottom a:hover .info{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.circle.effect4.bottom_to_top .img{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.circle.effect4.bottom_to_top .info{
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    transform:translateY(-100%)
}
.ih-item.circle.effect4.bottom_to_top a:hover .img{
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
    transform:translateY(100%)
}
.ih-item.circle.effect4.bottom_to_top a:hover .info{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.circle.effect5{
    -webkit-perspective:900px;
    -moz-perspective:900px;
    perspective:900px
}
.ih-item.circle.effect5.colored .info .info-back{
    background:#1a4a72;
    background:rgba(26,74,114,0.6)
}
.ih-item.circle.effect5 .info{
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out;
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    -o-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.ih-item.circle.effect5 .info .info-back{
    visibility:hidden;
    border-radius:50%;
    width:100%;
    height:100%;
    background:#333;
    background:rgba(0,0,0,0.6);
    -webkit-transform:rotate3d(0, 1, 0, 180deg);
    -moz-transform:rotate3d(0, 1, 0, 180deg);
    -ms-transform:rotate3d(0, 1, 0, 180deg);
    -o-transform:rotate3d(0, 1, 0, 180deg);
    transform:rotate3d(0, 1, 0, 180deg);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.ih-item.circle.effect5 .info h3{
    color:#fff;
    text-transform:uppercase;
    position:relative;
    letter-spacing:2px;
    font-size:22px;
    margin:0 30px;
    padding:55px 0 0 0;
    height:110px;
    text-shadow:0 0 1px #fff,0 1px 2px rgba(0,0,0,0.3)
}
.ih-item.circle.effect5 .info p{
    color:#bbb;
    padding:10px 5px;
    font-style:italic;
    margin:0 30px;
    font-size:12px;
    border-top:1px solid rgba(255,255,255,0.5)
}
.ih-item.circle.effect5 a:hover .info{
    -webkit-transform:rotate3d(0, 1, 0, -180deg);
    -moz-transform:rotate3d(0, 1, 0, -180deg);
    -ms-transform:rotate3d(0, 1, 0, -180deg);
    -o-transform:rotate3d(0, 1, 0, -180deg);
    transform:rotate3d(0, 1, 0, -180deg)
}
.ih-item.circle.effect5 a:hover .info .info-back{
    visibility:visible
}
.ih-item.circle.effect6 .img{
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.circle.effect6.colored .info{
    background:#1a4a72
}
.ih-item.circle.effect6 .info{
    background:#333;
    opacity:0;
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.circle.effect6 .info h3{
    color:#fff;
    text-transform:uppercase;
    position:relative;
    letter-spacing:2px;
    font-size:22px;
    margin:0 30px;
    padding:55px 0 0 0;
    height:110px;
    text-shadow:0 0 1px #fff,0 1px 2px rgba(0,0,0,0.3)
}
.ih-item.circle.effect6 .info p{
    color:#bbb;
    padding:10px 5px;
    font-style:italic;
    margin:0 30px;
    font-size:12px;
    border-top:1px solid rgba(255,255,255,0.5)
}
.ih-item.circle.effect6.scale_up .info{
    -webkit-transform:scale(0.5);
    -moz-transform:scale(0.5);
    -ms-transform:scale(0.5);
    -o-transform:scale(0.5);
    transform:scale(0.5)
}
.ih-item.circle.effect6.scale_up a:hover .img{
    opacity:0;
    -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -ms-transform:scale(1.5);
    -o-transform:scale(1.5);
    transform:scale(1.5)
}
.ih-item.circle.effect6.scale_up a:hover .info{
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.ih-item.circle.effect6.scale_down .info{
    -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -ms-transform:scale(1.5);
    -o-transform:scale(1.5);
    transform:scale(1.5)
}
.ih-item.circle.effect6.scale_down a:hover .img{
    opacity:0;
    -webkit-transform:scale(0.5);
    -moz-transform:scale(0.5);
    -ms-transform:scale(0.5);
    -o-transform:scale(0.5);
    transform:scale(0.5)
}
.ih-item.circle.effect6.scale_down a:hover .info{
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.ih-item.circle.effect6.scale_down_up .info{
    -webkit-transform:scale(0.5);
    -moz-transform:scale(0.5);
    -ms-transform:scale(0.5);
    -o-transform:scale(0.5);
    transform:scale(0.5);
    -webkit-transition:all 0.35s ease-in-out 0.2s;
    -moz-transition:all 0.35s ease-in-out 0.2s;
    transition:all 0.35s ease-in-out 0.2s
}
.ih-item.circle.effect6.scale_down_up a:hover .img{
    opacity:0;
    -webkit-transform:scale(0.5);
    -moz-transform:scale(0.5);
    -ms-transform:scale(0.5);
    -o-transform:scale(0.5);
    transform:scale(0.5)
}
.ih-item.circle.effect6.scale_down_up a:hover .info{
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.ih-item.circle.effect7 .img{
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all 0.35s ease-out;
    -moz-transition:all 0.35s ease-out;
    transition:all 0.35s ease-out
}
.ih-item.circle.effect7.colored .info{
    background:#1a4a72
}
.ih-item.circle.effect7 .info{
    background:#333;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    -webkit-transition:all 0.35s ease 0.2s;
    -moz-transition:all 0.35s ease 0.2s;
    transition:all 0.35s ease 0.2s
}
.ih-item.circle.effect7 .info h3{
    color:#fff;
    text-transform:uppercase;
    position:relative;
    letter-spacing:2px;
    font-size:22px;
    margin:0 30px;
    padding:55px 0 0 0;
    height:110px;
    text-shadow:0 0 1px #fff,0 1px 2px rgba(0,0,0,0.3)
}
.ih-item.circle.effect7 .info p{
    color:#bbb;
    padding:10px 5px;
    font-style:italic;
    margin:0 30px;
    font-size:12px;
    border-top:1px solid rgba(255,255,255,0.5)
}
.ih-item.circle.effect7 a:hover .img{
    opacity:0;
    -webkit-transform:scale(0.5);
    -moz-transform:scale(0.5);
    -ms-transform:scale(0.5);
    -o-transform:scale(0.5);
    transform:scale(0.5)
}
.ih-item.circle.effect7 a:hover .info{
    visibility:visible;
    opacity:1
}
.ih-item.circle.effect7.left_to_right .info{
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    transform:translateX(-100%)
}
.ih-item.circle.effect7.left_to_right a:hover .info{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
.ih-item.circle.effect7.right_to_left .info{
    -webkit-transform:translateX(100%);
    -moz-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    transform:translateX(100%)
}
.ih-item.circle.effect7.right_to_left a:hover .info{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
.ih-item.circle.effect7.top_to_bottom .info{
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
    transform:translateY(100%)
}
.ih-item.circle.effect7.top_to_bottom a:hover .info{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.circle.effect7.bottom_to_top .info{
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    transform:translateY(-100%)
}
.ih-item.circle.effect7.bottom_to_top a:hover .info{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.circle.effect8.colored .info{
    background:#1a4a72
}
.ih-item.circle.effect8 .img-container{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out
}
.ih-item.circle.effect8 .img-container .img{
    opacity:1;
    -webkit-transition:all 0.3s ease-in-out 0.3s;
    -moz-transition:all 0.3s ease-in-out 0.3s;
    transition:all 0.3s ease-in-out 0.3s
}
.ih-item.circle.effect8 .info-container{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    text-align:center;
    border-radius:50%;
    opacity:0;
    pointer-events:none;
    -webkit-transition:all 0.3s ease-in-out 0.3s;
    -moz-transition:all 0.3s ease-in-out 0.3s;
    transition:all 0.3s ease-in-out 0.3s
}
.ih-item.circle.effect8 .info{
    width:100%;
    height:100%;
    background:#333;
    pointer-events:none;
    -webkit-transform:scale(0.5);
    -moz-transform:scale(0.5);
    -ms-transform:scale(0.5);
    -o-transform:scale(0.5);
    transform:scale(0.5);
    -webkit-transition:all 0.35s ease-in-out 0.6s;
    -moz-transition:all 0.35s ease-in-out 0.6s;
    transition:all 0.35s ease-in-out 0.6s
}
.ih-item.circle.effect8 .info h3{
    color:#fff;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:22px;
    margin:0 30px;
    padding:45px 0 0 0;
    height:140px;
    text-shadow:0 0 1px #fff,0 1px 2px rgba(0,0,0,0.3)
}
.ih-item.circle.effect8 .info p{
    color:#bbb;
    padding:10px 5px;
    font-style:italic;
    margin:0 30px;
    font-size:12px;
    border-top:1px solid rgba(255,255,255,0.5)
}
.ih-item.circle.effect8 a:hover .img-container{
    pointer-events:none;
    -webkit-transform:scale(0.5);
    -moz-transform:scale(0.5);
    -ms-transform:scale(0.5);
    -o-transform:scale(0.5);
    transform:scale(0.5)
}
.ih-item.circle.effect8 a:hover .img-container .img{
    opacity:0;
    pointer-events:none
}
.ih-item.circle.effect8 a:hover .info-container{
    opacity:1
}
.ih-item.circle.effect8 a:hover .info-container .info{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.ih-item.circle.effect8.left_to_right .img-container .img{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
.ih-item.circle.effect8.left_to_right .info-container{
    -webkit-transform:translateX(100%);
    -moz-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    transform:translateX(100%)
}
.ih-item.circle.effect8.left_to_right a:hover .img-container .img{
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    transform:translateX(-100%)
}
.ih-item.circle.effect8.left_to_right a:hover .info-container{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
.ih-item.circle.effect8.right_to_left .img-container .img{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
.ih-item.circle.effect8.right_to_left .info-container{
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    transform:translateX(-100%)
}
.ih-item.circle.effect8.right_to_left a:hover .img-container .img{
    -webkit-transform:translateX(100%);
    -moz-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    transform:translateX(100%)
}
.ih-item.circle.effect8.right_to_left a:hover .info-container{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
.ih-item.circle.effect8.top_to_bottom .img-container .img{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.circle.effect8.top_to_bottom .info-container{
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    transform:translateY(-100%)
}
.ih-item.circle.effect8.top_to_bottom a:hover .img-container .img{
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
    transform:translateY(100%)
}
.ih-item.circle.effect8.top_to_bottom a:hover .info-container{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.circle.effect8.bottom_to_top .img-container .img{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.circle.effect8.bottom_to_top .info-container{
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
    transform:translateY(100%)
}
.ih-item.circle.effect8.bottom_to_top a:hover .img-container .img{
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    transform:translateY(-100%)
}
.ih-item.circle.effect8.bottom_to_top a:hover .info-container{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.circle.effect9 .img{
    opacity:1;
    -webkit-transition:all 0.35s ease-out;
    -moz-transition:all 0.35s ease-out;
    transition:all 0.35s ease-out
}
.ih-item.circle.effect9.colored .info{
    background:#1a4a72
}
.ih-item.circle.effect9 .info{
    background:#333;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    -webkit-transform:scale(0.5);
    -moz-transform:scale(0.5);
    -ms-transform:scale(0.5);
    -o-transform:scale(0.5);
    transform:scale(0.5);
    -webkit-transition:all 0.35s ease 0.2s;
    -moz-transition:all 0.35s ease 0.2s;
    transition:all 0.35s ease 0.2s
}
.ih-item.circle.effect9 .info h3{
    color:#fff;
    text-transform:uppercase;
    position:relative;
    letter-spacing:2px;
    font-size:22px;
    margin:0 30px;
    padding:55px 0 0 0;
    height:110px;
    text-shadow:0 0 1px #fff,0 1px 2px rgba(0,0,0,0.3)
}
.ih-item.circle.effect9 .info p{
    color:#bbb;
    padding:10px 5px;
    font-style:italic;
    margin:0 30px;
    font-size:12px;
    border-top:1px solid rgba(255,255,255,0.5)
}
.ih-item.circle.effect9 a:hover .img{
    opacity:0;
    pointer-events:none;
    -webkit-transform:scale(0.5);
    -moz-transform:scale(0.5);
    -ms-transform:scale(0.5);
    -o-transform:scale(0.5);
    transform:scale(0.5)
}
.ih-item.circle.effect9 a:hover .info{
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.ih-item.circle.effect9.left_to_right .img{
    -webkit-transform:translateX(0) rotate(0);
    -moz-transform:translateX(0) rotate(0);
    -ms-transform:translateX(0) rotate(0);
    -o-transform:translateX(0) rotate(0);
    transform:translateX(0) rotate(0)
}
.ih-item.circle.effect9.left_to_right a:hover .img{
    -webkit-transform:translateX(100%) rotate(180deg);
    -moz-transform:translateX(100%) rotate(180deg);
    -ms-transform:translateX(100%) rotate(180deg);
    -o-transform:translateX(100%) rotate(180deg);
    transform:translateX(100%) rotate(180deg)
}
.ih-item.circle.effect9.right_to_left .img{
    -webkit-transform:translateX(0) rotate(0);
    -moz-transform:translateX(0) rotate(0);
    -ms-transform:translateX(0) rotate(0);
    -o-transform:translateX(0) rotate(0);
    transform:translateX(0) rotate(0)
}
.ih-item.circle.effect9.right_to_left a:hover .img{
    -webkit-transform:translateX(-100%) rotate(-180deg);
    -moz-transform:translateX(-100%) rotate(-180deg);
    -ms-transform:translateX(-100%) rotate(-180deg);
    -o-transform:translateX(-100%) rotate(-180deg);
    transform:translateX(-100%) rotate(-180deg)
}
.ih-item.circle.effect9.top_to_bottom .img{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.circle.effect9.top_to_bottom a:hover .img{
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    transform:translateY(-100%)
}
.ih-item.circle.effect9.bottom_to_top .img{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.circle.effect9.bottom_to_top a:hover .img{
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
    transform:translateY(100%)
}
.ih-item.circle.effect10 .img{
    z-index:11;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.circle.effect10.colored .info{
    background:#1a4a72
}
.ih-item.circle.effect10 .info{
    background:#333;
    opacity:0;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.circle.effect10 .info h3{
    color:#fff;
    text-transform:uppercase;
    position:relative;
    letter-spacing:2px;
    font-size:22px;
    text-shadow:0 0 1px #fff,0 1px 2px rgba(0,0,0,0.3)
}
.ih-item.circle.effect10 .info p{
    color:#bbb;
    font-style:italic;
    font-size:12px;
    border-top:1px solid rgba(255,255,255,0.5)
}
.ih-item.circle.effect10 a:hover .info{
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.ih-item.circle.effect10.top_to_bottom .info h3{
    margin:0 30px;
    padding:25px 0 0 0;
    height:78px
}
.ih-item.circle.effect10.top_to_bottom .info p{
    margin:0 30px;
    padding:5px
}
.ih-item.circle.effect10.top_to_bottom a:hover .img{
    -webkit-transform:translateY(50px) scale(0.5);
    -moz-transform:translateY(50px) scale(0.5);
    -ms-transform:translateY(50px) scale(0.5);
    -o-transform:translateY(50px) scale(0.5);
    transform:translateY(50px) scale(0.5)
}
.ih-item.circle.effect10.bottom_to_top .info h3{
    margin:95px 30px 0;
    padding:25px 0 0 0;
    height:78px
}
.ih-item.circle.effect10.bottom_to_top .info p{
    margin:0 30px;
    padding:5px
}
.ih-item.circle.effect10.bottom_to_top a:hover .img{
    -webkit-transform:translateY(-50px) scale(0.5);
    -moz-transform:translateY(-50px) scale(0.5);
    -ms-transform:translateY(-50px) scale(0.5);
    -o-transform:translateY(-50px) scale(0.5);
    transform:translateY(-50px) scale(0.5)
}
.ih-item.circle.effect11{
    -webkit-perspective:900px;
    -moz-perspective:900px;
    perspective:900px
}
.ih-item.circle.effect11 .img{
    opacity:1;
    -webkit-transform-origin:50% 50%;
    -moz-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    -o-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.circle.effect11.colored .info{
    background:#1a4a72
}
.ih-item.circle.effect11 .info{
    background:#333;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all 0.35s ease 0.35s;
    -moz-transition:all 0.35s ease 0.35s;
    transition:all 0.35s ease 0.35s
}
.ih-item.circle.effect11 .info h3{
    color:#fff;
    text-transform:uppercase;
    position:relative;
    letter-spacing:2px;
    font-size:22px;
    margin:0 30px;
    padding:55px 0 0 0;
    height:110px;
    text-shadow:0 0 1px #fff,0 1px 2px rgba(0,0,0,0.3)
}
.ih-item.circle.effect11 .info p{
    color:#bbb;
    padding:10px 5px;
    font-style:italic;
    margin:0 30px;
    font-size:12px;
    border-top:1px solid rgba(255,255,255,0.5)
}
.ih-item.circle.effect11 a:hover .img{
    opacity:0
}
.ih-item.circle.effect11 a:hover .info{
    visibility:visible;
    opacity:1
}
.ih-item.circle.effect11.left_to_right .img{
    -webkit-transform:translateZ(0) rotateY(0);
    -moz-transform:translateZ(0) rotateY(0);
    -ms-transform:translateZ(0) rotateY(0);
    -o-transform:translateZ(0) rotateY(0);
    transform:translateZ(0) rotateY(0)
}
.ih-item.circle.effect11.left_to_right .info{
    -webkit-transform:translateZ(-1000px) rotateY(-90deg);
    -moz-transform:translateZ(-1000px) rotateY(-90deg);
    -ms-transform:translateZ(-1000px) rotateY(-90deg);
    -o-transform:translateZ(-1000px) rotateY(-90deg);
    transform:translateZ(-1000px) rotateY(-90deg)
}
.ih-item.circle.effect11.left_to_right a:hover .img{
    -webkit-transform:translateZ(-1000px) rotateY(90deg);
    -moz-transform:translateZ(-1000px) rotateY(90deg);
    -ms-transform:translateZ(-1000px) rotateY(90deg);
    -o-transform:translateZ(-1000px) rotateY(90deg);
    transform:translateZ(-1000px) rotateY(90deg)
}
.ih-item.circle.effect11.left_to_right a:hover .info{
    -webkit-transform:translateZ(0) rotateY(0);
    -moz-transform:translateZ(0) rotateY(0);
    -ms-transform:translateZ(0) rotateY(0);
    -o-transform:translateZ(0) rotateY(0);
    transform:translateZ(0) rotateY(0)
}
.ih-item.circle.effect11.right_to_left .img{
    -webkit-transform:translateZ(0) rotateY(0);
    -moz-transform:translateZ(0) rotateY(0);
    -ms-transform:translateZ(0) rotateY(0);
    -o-transform:translateZ(0) rotateY(0);
    transform:translateZ(0) rotateY(0)
}
.ih-item.circle.effect11.right_to_left .info{
    -webkit-transform:translateZ(-1000px) rotateY(90deg);
    -moz-transform:translateZ(-1000px) rotateY(90deg);
    -ms-transform:translateZ(-1000px) rotateY(90deg);
    -o-transform:translateZ(-1000px) rotateY(90deg);
    transform:translateZ(-1000px) rotateY(90deg)
}
.ih-item.circle.effect11.right_to_left a:hover .img{
    -webkit-transform:translateZ(-1000px) rotateY(-90deg);
    -moz-transform:translateZ(-1000px) rotateY(-90deg);
    -ms-transform:translateZ(-1000px) rotateY(-90deg);
    -o-transform:translateZ(-1000px) rotateY(-90deg);
    transform:translateZ(-1000px) rotateY(-90deg)
}
.ih-item.circle.effect11.right_to_left a:hover .info{
    -webkit-transform:translateZ(0) rotateY(0);
    -moz-transform:translateZ(0) rotateY(0);
    -ms-transform:translateZ(0) rotateY(0);
    -o-transform:translateZ(0) rotateY(0);
    transform:translateZ(0) rotateY(0)
}
.ih-item.circle.effect11.top_to_bottom .img{
    -webkit-transform:translateZ(0) rotateX(0);
    -moz-transform:translateZ(0) rotateX(0);
    -ms-transform:translateZ(0) rotateX(0);
    -o-transform:translateZ(0) rotateX(0);
    transform:translateZ(0) rotateX(0)
}
.ih-item.circle.effect11.top_to_bottom .info{
    -webkit-transform:translateZ(-1000px) rotateX(90deg);
    -moz-transform:translateZ(-1000px) rotateX(90deg);
    -ms-transform:translateZ(-1000px) rotateX(90deg);
    -o-transform:translateZ(-1000px) rotateX(90deg);
    transform:translateZ(-1000px) rotateX(90deg)
}
.ih-item.circle.effect11.top_to_bottom a:hover .img{
    -webkit-transform:translateZ(-1000px) rotateX(-90deg);
    -moz-transform:translateZ(-1000px) rotateX(-90deg);
    -ms-transform:translateZ(-1000px) rotateX(-90deg);
    -o-transform:translateZ(-1000px) rotateX(-90deg);
    transform:translateZ(-1000px) rotateX(-90deg)
}
.ih-item.circle.effect11.top_to_bottom a:hover .info{
    -webkit-transform:translateZ(0) rotateX(0);
    -moz-transform:translateZ(0) rotateX(0);
    -ms-transform:translateZ(0) rotateX(0);
    -o-transform:translateZ(0) rotateX(0);
    transform:translateZ(0) rotateX(0)
}
.ih-item.circle.effect11.bottom_to_top .img{
    -webkit-transform:translateZ(0) rotateX(0);
    -moz-transform:translateZ(0) rotateX(0);
    -ms-transform:translateZ(0) rotateX(0);
    -o-transform:translateZ(0) rotateX(0);
    transform:translateZ(0) rotateX(0)
}
.ih-item.circle.effect11.bottom_to_top .info{
    -webkit-transform:translateZ(-1000px) rotateX(-90deg);
    -moz-transform:translateZ(-1000px) rotateX(-90deg);
    -ms-transform:translateZ(-1000px) rotateX(-90deg);
    -o-transform:translateZ(-1000px) rotateX(-90deg);
    transform:translateZ(-1000px) rotateX(-90deg)
}
.ih-item.circle.effect11.bottom_to_top a:hover .img{
    -webkit-transform:translateZ(-1000px) rotateX(90deg);
    -moz-transform:translateZ(-1000px) rotateX(90deg);
    -ms-transform:translateZ(-1000px) rotateX(90deg);
    -o-transform:translateZ(-1000px) rotateX(90deg);
    transform:translateZ(-1000px) rotateX(90deg)
}
.ih-item.circle.effect11.bottom_to_top a:hover .info{
    -webkit-transform:translateZ(0) rotateX(0);
    -moz-transform:translateZ(0) rotateX(0);
    -ms-transform:translateZ(0) rotateX(0);
    -o-transform:translateZ(0) rotateX(0);
    transform:translateZ(0) rotateX(0)
}
.ih-item.circle.effect12 .img{
    opacity:1;
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.circle.effect12.colored .info{
    background:#1a4a72
}
.ih-item.circle.effect12 .info{
    background:#333;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    -webkit-transform:scale(0.5);
    -moz-transform:scale(0.5);
    -ms-transform:scale(0.5);
    -o-transform:scale(0.5);
    transform:scale(0.5);
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.circle.effect12 .info h3{
    color:#fff;
    text-transform:uppercase;
    position:relative;
    letter-spacing:2px;
    font-size:22px;
    margin:0 30px;
    padding:55px 0 0 0;
    height:110px;
    text-shadow:0 0 1px #fff,0 1px 2px rgba(0,0,0,0.3)
}
.ih-item.circle.effect12 .info p{
    color:#bbb;
    padding:10px 5px;
    font-style:italic;
    margin:0 30px;
    font-size:12px;
    border-top:1px solid rgba(255,255,255,0.5)
}
.ih-item.circle.effect12 a:hover .img{
    opacity:0;
    pointer-events:none
}
.ih-item.circle.effect12 a:hover .info{
    opacity:1;
    visibility:visible
}
.ih-item.circle.effect12.left_to_right .img{
    -webkit-transform:translateX(0) rotate(0);
    -moz-transform:translateX(0) rotate(0);
    -ms-transform:translateX(0) rotate(0);
    -o-transform:translateX(0) rotate(0);
    transform:translateX(0) rotate(0)
}
.ih-item.circle.effect12.left_to_right .info{
    -webkit-transform:translateX(100%) rotate(180deg);
    -moz-transform:translateX(100%) rotate(180deg);
    -ms-transform:translateX(100%) rotate(180deg);
    -o-transform:translateX(100%) rotate(180deg);
    transform:translateX(100%) rotate(180deg)
}
.ih-item.circle.effect12.left_to_right a:hover .img{
    -webkit-transform:translateX(100%) rotate(180deg);
    -moz-transform:translateX(100%) rotate(180deg);
    -ms-transform:translateX(100%) rotate(180deg);
    -o-transform:translateX(100%) rotate(180deg);
    transform:translateX(100%) rotate(180deg)
}
.ih-item.circle.effect12.left_to_right a:hover .info{
    -webkit-transform:translateX(0) rotate(0);
    -moz-transform:translateX(0) rotate(0);
    -ms-transform:translateX(0) rotate(0);
    -o-transform:translateX(0) rotate(0);
    transform:translateX(0) rotate(0);
    -webkit-transition-delay:0.4s;
    -moz-transition-delay:0.4s;
    transition-delay:0.4s
}
.ih-item.circle.effect12.right_to_left .img{
    -webkit-transform:translateX(0) rotate(0);
    -moz-transform:translateX(0) rotate(0);
    -ms-transform:translateX(0) rotate(0);
    -o-transform:translateX(0) rotate(0);
    transform:translateX(0) rotate(0)
}
.ih-item.circle.effect12.right_to_left .info{
    -webkit-transform:translateX(-100%) rotate(-180deg);
    -moz-transform:translateX(-100%) rotate(-180deg);
    -ms-transform:translateX(-100%) rotate(-180deg);
    -o-transform:translateX(-100%) rotate(-180deg);
    transform:translateX(-100%) rotate(-180deg)
}
.ih-item.circle.effect12.right_to_left a:hover .img{
    -webkit-transform:translateX(-100%) rotate(-180deg);
    -moz-transform:translateX(-100%) rotate(-180deg);
    -ms-transform:translateX(-100%) rotate(-180deg);
    -o-transform:translateX(-100%) rotate(-180deg);
    transform:translateX(-100%) rotate(-180deg)
}
.ih-item.circle.effect12.right_to_left a:hover .info{
    -webkit-transform:translateX(0) rotate(0);
    -moz-transform:translateX(0) rotate(0);
    -ms-transform:translateX(0) rotate(0);
    -o-transform:translateX(0) rotate(0);
    transform:translateX(0) rotate(0);
    -webkit-transition-delay:0.4s;
    -moz-transition-delay:0.4s;
    transition-delay:0.4s
}
.ih-item.circle.effect12.top_to_bottom .img{
    -webkit-transform:translateY(0) rotate(0);
    -moz-transform:translateY(0) rotate(0);
    -ms-transform:translateY(0) rotate(0);
    -o-transform:translateY(0) rotate(0);
    transform:translateY(0) rotate(0)
}
.ih-item.circle.effect12.top_to_bottom .info{
    -webkit-transform:translateY(-100%) rotate(-180deg);
    -moz-transform:translateY(-100%) rotate(-180deg);
    -ms-transform:translateY(-100%) rotate(-180deg);
    -o-transform:translateY(-100%) rotate(-180deg);
    transform:translateY(-100%) rotate(-180deg)
}
.ih-item.circle.effect12.top_to_bottom a:hover .img{
    -webkit-transform:translateY(-100%) rotate(-180deg);
    -moz-transform:translateY(-100%) rotate(-180deg);
    -ms-transform:translateY(-100%) rotate(-180deg);
    -o-transform:translateY(-100%) rotate(-180deg);
    transform:translateY(-100%) rotate(-180deg)
}
.ih-item.circle.effect12.top_to_bottom a:hover .info{
    -webkit-transform:translateY(0) rotate(0);
    -moz-transform:translateY(0) rotate(0);
    -ms-transform:translateY(0) rotate(0);
    -o-transform:translateY(0) rotate(0);
    transform:translateY(0) rotate(0);
    -webkit-transition-delay:0.4s;
    -moz-transition-delay:0.4s;
    transition-delay:0.4s
}
.ih-item.circle.effect12.bottom_to_top .img{
    -webkit-transform:translateY(0) rotate(0);
    -moz-transform:translateY(0) rotate(0);
    -ms-transform:translateY(0) rotate(0);
    -o-transform:translateY(0) rotate(0);
    transform:translateY(0) rotate(0)
}
.ih-item.circle.effect12.bottom_to_top .info{
    -webkit-transform:translateY(100%) rotate(180deg);
    -moz-transform:translateY(100%) rotate(180deg);
    -ms-transform:translateY(100%) rotate(180deg);
    -o-transform:translateY(100%) rotate(180deg);
    transform:translateY(100%) rotate(180deg)
}
.ih-item.circle.effect12.bottom_to_top a:hover .img{
    -webkit-transform:translateY(100%) rotate(180deg);
    -moz-transform:translateY(100%) rotate(180deg);
    -ms-transform:translateY(100%) rotate(180deg);
    -o-transform:translateY(100%) rotate(180deg);
    transform:translateY(100%) rotate(180deg)
}
.ih-item.circle.effect12.bottom_to_top a:hover .info{
    -webkit-transform:translateY(0) rotate(0);
    -moz-transform:translateY(0) rotate(0);
    -ms-transform:translateY(0) rotate(0);
    -o-transform:translateY(0) rotate(0);
    transform:translateY(0) rotate(0);
    -webkit-transition-delay:0.4s;
    -moz-transition-delay:0.4s;
    transition-delay:0.4s
}
.ih-item.circle.effect13.colored .info{
    background:#1a4a72;
    background:rgba(26,74,114,0.6)
}
.ih-item.circle.effect13 .info{
    background:#333;
    background:rgba(0,0,0,0.6);
    opacity:0;
    pointer-events:none;
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.circle.effect13 .info h3{
    visibility:hidden;
    color:#fff;
    text-transform:uppercase;
    position:relative;
    letter-spacing:2px;
    font-size:22px;
    margin:0 30px;
    padding:55px 0 0 0;
    height:110px;
    text-shadow:0 0 1px #fff,0 1px 2px rgba(0,0,0,0.3);
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.circle.effect13 .info p{
    visibility:hidden;
    color:#bbb;
    padding:10px 5px;
    font-style:italic;
    margin:0 30px;
    font-size:12px;
    border-top:1px solid rgba(255,255,255,0.5);
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.circle.effect13 a:hover .info{
    opacity:1
}
.ih-item.circle.effect13 a:hover h3{
    visibility:visible
}
.ih-item.circle.effect13 a:hover p{
    visibility:visible
}
.ih-item.circle.effect13.from_left_and_right .info h3{
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    transform:translateX(-100%)
}
.ih-item.circle.effect13.from_left_and_right .info p{
    -webkit-transform:translateX(100%);
    -moz-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    transform:translateX(100%)
}
.ih-item.circle.effect13.from_left_and_right a:hover h3{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
.ih-item.circle.effect13.from_left_and_right a:hover p{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
.ih-item.circle.effect13.top_to_bottom .info h3{
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    transform:translateY(-100%)
}
.ih-item.circle.effect13.top_to_bottom .info p{
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    transform:translateY(-100%)
}
.ih-item.circle.effect13.top_to_bottom a:hover h3{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.circle.effect13.top_to_bottom a:hover p{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.circle.effect13.bottom_to_top .info h3{
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
    transform:translateY(100%)
}
.ih-item.circle.effect13.bottom_to_top .info p{
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
    transform:translateY(100%)
}
.ih-item.circle.effect13.bottom_to_top a:hover h3{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.circle.effect13.bottom_to_top a:hover p{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.circle.effect14{
    -webkit-perspective:900px;
    -moz-perspective:900px;
    perspective:900px
}
.ih-item.circle.effect14 .img{
    visibility:visible;
    opacity:1;
    -webkit-transition:all 0.4s ease-out;
    -moz-transition:all 0.4s ease-out;
    transition:all 0.4s ease-out
}
.ih-item.circle.effect14.colored .info{
    background:#1a4a72
}
.ih-item.circle.effect14 .info{
    background:#333;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all 0.35s ease-in-out 0.3s;
    -moz-transition:all 0.35s ease-in-out 0.3s;
    transition:all 0.35s ease-in-out 0.3s
}
.ih-item.circle.effect14 .info h3{
    color:#fff;
    text-transform:uppercase;
    position:relative;
    letter-spacing:2px;
    font-size:22px;
    margin:0 30px;
    padding:55px 0 0 0;
    height:110px;
    text-shadow:0 0 1px #fff,0 1px 2px rgba(0,0,0,0.3)
}
.ih-item.circle.effect14 .info p{
    color:#bbb;
    padding:10px 5px;
    font-style:italic;
    margin:0 30px;
    font-size:12px;
    border-top:1px solid rgba(255,255,255,0.5)
}
.ih-item.circle.effect14 a:hover .img{
    opacity:0;
    visibility:hidden
}
.ih-item.circle.effect14 a:hover .info{
    visibility:visible;
    opacity:1
}
.ih-item.circle.effect14.left_to_right .img{
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    -ms-transform:rotateY(0);
    -o-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-origin:100% 50%;
    -moz-transform-origin:100% 50%;
    -ms-transform-origin:100% 50%;
    -o-transform-origin:100% 50%;
    transform-origin:100% 50%
}
.ih-item.circle.effect14.left_to_right .info{
    -webkit-transform:rotateY(90deg);
    -moz-transform:rotateY(90deg);
    -ms-transform:rotateY(90deg);
    -o-transform:rotateY(90deg);
    transform:rotateY(90deg);
    -webkit-transform-origin:0% 50%;
    -moz-transform-origin:0% 50%;
    -ms-transform-origin:0% 50%;
    -o-transform-origin:0% 50%;
    transform-origin:0% 50%
}
.ih-item.circle.effect14.left_to_right a:hover .img{
    -webkit-transform:rotateY(-90deg);
    -moz-transform:rotateY(-90deg);
    -ms-transform:rotateY(-90deg);
    -o-transform:rotateY(-90deg);
    transform:rotateY(-90deg)
}
.ih-item.circle.effect14.left_to_right a:hover .info{
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    -ms-transform:rotateY(0);
    -o-transform:rotateY(0);
    transform:rotateY(0)
}
.ih-item.circle.effect14.right_to_left .img{
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    -ms-transform:rotateY(0);
    -o-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-origin:0% 50%;
    -moz-transform-origin:0% 50%;
    -ms-transform-origin:0% 50%;
    -o-transform-origin:0% 50%;
    transform-origin:0% 50%
}
.ih-item.circle.effect14.right_to_left .info{
    -webkit-transform:rotateY(-90deg);
    -moz-transform:rotateY(-90deg);
    -ms-transform:rotateY(-90deg);
    -o-transform:rotateY(-90deg);
    transform:rotateY(-90deg);
    -webkit-transform-origin:100% 50%;
    -moz-transform-origin:100% 50%;
    -ms-transform-origin:100% 50%;
    -o-transform-origin:100% 50%;
    transform-origin:100% 50%
}
.ih-item.circle.effect14.right_to_left a:hover .img{
    -webkit-transform:rotateY(90deg);
    -moz-transform:rotateY(90deg);
    -ms-transform:rotateY(90deg);
    -o-transform:rotateY(90deg);
    transform:rotateY(90deg)
}
.ih-item.circle.effect14.right_to_left a:hover .info{
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    -ms-transform:rotateY(0);
    -o-transform:rotateY(0);
    transform:rotateY(0)
}
.ih-item.circle.effect14.top_to_bottom .img{
    -webkit-transform:rotateX(0);
    -moz-transform:rotateX(0);
    -ms-transform:rotateX(0);
    -o-transform:rotateX(0);
    transform:rotateX(0);
    -webkit-transform-origin:50% 100%;
    -moz-transform-origin:50% 100%;
    -ms-transform-origin:50% 100%;
    -o-transform-origin:50% 100%;
    transform-origin:50% 100%
}
.ih-item.circle.effect14.top_to_bottom .info{
    -webkit-transform:rotateX(-90deg);
    -moz-transform:rotateX(-90deg);
    -ms-transform:rotateX(-90deg);
    -o-transform:rotateX(-90deg);
    transform:rotateX(-90deg);
    -webkit-transform-origin:50% 0;
    -moz-transform-origin:50% 0;
    -ms-transform-origin:50% 0;
    -o-transform-origin:50% 0;
    transform-origin:50% 0
}
.ih-item.circle.effect14.top_to_bottom a:hover .img{
    -webkit-transform:rotateX(90deg);
    -moz-transform:rotateX(90deg);
    -ms-transform:rotateX(90deg);
    -o-transform:rotateX(90deg);
    transform:rotateX(90deg)
}
.ih-item.circle.effect14.top_to_bottom a:hover .info{
    -webkit-transform:rotateX(0);
    -moz-transform:rotateX(0);
    -ms-transform:rotateX(0);
    -o-transform:rotateX(0);
    transform:rotateX(0)
}
.ih-item.circle.effect14.bottom_to_top .img{
    -webkit-transform:rotateX(0);
    -moz-transform:rotateX(0);
    -ms-transform:rotateX(0);
    -o-transform:rotateX(0);
    transform:rotateX(0);
    -webkit-transform-origin:50% 0;
    -moz-transform-origin:50% 0;
    -ms-transform-origin:50% 0;
    -o-transform-origin:50% 0;
    transform-origin:50% 0
}
.ih-item.circle.effect14.bottom_to_top .info{
    -webkit-transform:rotateX(90deg);
    -moz-transform:rotateX(90deg);
    -ms-transform:rotateX(90deg);
    -o-transform:rotateX(90deg);
    transform:rotateX(90deg);
    -webkit-transform-origin:50% 100%;
    -moz-transform-origin:50% 100%;
    -ms-transform-origin:50% 100%;
    -o-transform-origin:50% 100%;
    transform-origin:50% 100%
}
.ih-item.circle.effect14.bottom_to_top a:hover .img{
    -webkit-transform:rotateX(-90deg);
    -moz-transform:rotateX(-90deg);
    -ms-transform:rotateX(-90deg);
    -o-transform:rotateX(-90deg);
    transform:rotateX(-90deg)
}
.ih-item.circle.effect14.bottom_to_top a:hover .info{
    -webkit-transform:rotateX(0);
    -moz-transform:rotateX(0);
    -ms-transform:rotateX(0);
    -o-transform:rotateX(0);
    transform:rotateX(0)
}
.ih-item.circle.effect15 .img{
    opacity:1;
    visibility:visible;
    -webkit-transform:scale(1) rotate(0);
    -moz-transform:scale(1) rotate(0);
    -ms-transform:scale(1) rotate(0);
    -o-transform:scale(1) rotate(0);
    transform:scale(1) rotate(0);
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.circle.effect15.colored .info{
    background:#1a4a72
}
.ih-item.circle.effect15 .info{
    background:#333;
    opacity:0;
    visibility:hidden;
    -webkit-transform:scale(0.5) rotate(-720deg);
    -moz-transform:scale(0.5) rotate(-720deg);
    -ms-transform:scale(0.5) rotate(-720deg);
    -o-transform:scale(0.5) rotate(-720deg);
    transform:scale(0.5) rotate(-720deg);
    -webkit-transition:all 0.35s ease-in-out 0.3s;
    -moz-transition:all 0.35s ease-in-out 0.3s;
    transition:all 0.35s ease-in-out 0.3s
}
.ih-item.circle.effect15 .info h3{
    color:#fff;
    text-transform:uppercase;
    position:relative;
    letter-spacing:2px;
    font-size:22px;
    margin:0 30px;
    padding:55px 0 0 0;
    height:110px;
    text-shadow:0 0 1px #fff,0 1px 2px rgba(0,0,0,0.3)
}
.ih-item.circle.effect15 .info p{
    color:#bbb;
    padding:10px 5px;
    font-style:italic;
    margin:0 30px;
    font-size:12px;
    border-top:1px solid rgba(255,255,255,0.5)
}
.ih-item.circle.effect15 a:hover .img{
    opacity:0;
    visibility:hidden;
    -webkit-transform:scale(0.5) rotate(720deg);
    -moz-transform:scale(0.5) rotate(720deg);
    -ms-transform:scale(0.5) rotate(720deg);
    -o-transform:scale(0.5) rotate(720deg);
    transform:scale(0.5) rotate(720deg)
}
.ih-item.circle.effect15 a:hover .info{
    opacity:1;
    visibility:visible;
    -webkit-transform:scale(1) rotate(0);
    -moz-transform:scale(1) rotate(0);
    -ms-transform:scale(1) rotate(0);
    -o-transform:scale(1) rotate(0);
    transform:scale(1) rotate(0)
}
.ih-item.circle.effect16 .img{
    z-index:11;
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.circle.effect16.colored .info{
    background:#1a4a72
}
.ih-item.circle.effect16 .info{
    background:#333;
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.circle.effect16 .info h3{
    color:#fff;
    text-transform:uppercase;
    position:relative;
    letter-spacing:2px;
    font-size:22px;
    margin:0 30px;
    padding:55px 0 0 0;
    height:110px;
    text-shadow:0 0 1px #fff,0 1px 2px rgba(0,0,0,0.3)
}
.ih-item.circle.effect16 .info p{
    color:#bbb;
    padding:10px 5px;
    font-style:italic;
    margin:0 30px;
    font-size:12px;
    border-top:1px solid rgba(255,255,255,0.5);
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.circle.effect16.left_to_right .img{
    -webkit-transform-origin:95% 40%;
    -moz-transform-origin:95% 40%;
    -ms-transform-origin:95% 40%;
    -o-transform-origin:95% 40%;
    transform-origin:95% 40%
}
.ih-item.circle.effect16.left_to_right .img:after{
    content:'';
    width:8px;
    height:8px;
    position:absolute;
    border-radius:50%;
    top:40%;
    left:95%;
    margin:-4px 0 0 -4px;
    background:rgba(0,0,0,0.8);
    box-shadow:0 0 1px rgba(255,255,255,0.9)
}
.ih-item.circle.effect16.left_to_right a:hover .img{
    -webkit-transform:rotate(-120deg);
    -moz-transform:rotate(-120deg);
    -ms-transform:rotate(-120deg);
    -o-transform:rotate(-120deg);
    transform:rotate(-120deg)
}
.ih-item.circle.effect16.right_to_left .img{
    -webkit-transform-origin:5% 40%;
    -moz-transform-origin:5% 40%;
    -ms-transform-origin:5% 40%;
    -o-transform-origin:5% 40%;
    transform-origin:5% 40%
}
.ih-item.circle.effect16.right_to_left .img:after{
    content:'';
    width:8px;
    height:8px;
    position:absolute;
    border-radius:50%;
    top:40%;
    left:5%;
    margin:-4px 0 0 -4px;
    background:rgba(0,0,0,0.8);
    box-shadow:0 0 1px rgba(255,255,255,0.9)
}
.ih-item.circle.effect16.right_to_left a:hover .img{
    -webkit-transform:rotate(120deg);
    -moz-transform:rotate(120deg);
    -ms-transform:rotate(120deg);
    -o-transform:rotate(120deg);
    transform:rotate(120deg)
}
.ih-item.circle.effect17 .info{
    opacity:0;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.circle.effect17 .info h3{
    color:#fff;
    text-transform:uppercase;
    position:relative;
    letter-spacing:2px;
    font-size:22px;
    margin:0 30px;
    padding:55px 0 0 0;
    height:110px;
    text-shadow:0 0 1px #fff,0 1px 2px rgba(0,0,0,0.3)
}
.ih-item.circle.effect17 .info p{
    color:#bbb;
    padding:10px 5px;
    font-style:italic;
    margin:0 30px;
    font-size:12px;
    border-top:1px solid rgba(255,255,255,0.5);
    opacity:0;
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.circle.effect17 a:hover .img:before{
    box-shadow:inset 0 0 0 110px #333,inset 0 0 0 16px rgba(255,255,255,0.8),0 1px 2px rgba(0,0,0,0.1);
    box-shadow:inset 0 0 0 110px rgba(0,0,0,0.6),inset 0 0 0 16px rgba(255,255,255,0.8),0 1px 2px rgba(0,0,0,0.1)
}
.ih-item.circle.effect17 a:hover .info{
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.ih-item.circle.effect17 a:hover .info p{
    opacity:1
}
.ih-item.circle.effect17.colored a:hover .img:before{
    box-shadow:inset 0 0 0 110px #1a4a72,inset 0 0 0 16px rgba(255,255,255,0.8),0 1px 2px rgba(0,0,0,0.1);
    box-shadow:inset 0 0 0 110px rgba(26,74,114,0.6),inset 0 0 0 16px rgba(255,255,255,0.8),0 1px 2px rgba(0,0,0,0.1)
}
.ih-item.circle.effect18{
    -webkit-perspective:900px;
    -moz-perspective:900px;
    perspective:900px
}
.ih-item.circle.effect18 .img{
    z-index:11;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out
}
.ih-item.circle.effect18.colored .info .info-back{
    background:#1a4a72
}
.ih-item.circle.effect18 .info{
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    -o-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.ih-item.circle.effect18 .info .info-back{
    opacity:1;
    border-radius:50%;
    width:100%;
    height:100%;
    background:#333
}
.ih-item.circle.effect18 .info h3{
    color:#fff;
    text-transform:uppercase;
    position:relative;
    letter-spacing:2px;
    font-size:22px;
    margin:0 30px;
    padding:55px 0 0 0;
    height:110px;
    text-shadow:0 0 1px #fff,0 1px 2px rgba(0,0,0,0.3)
}
.ih-item.circle.effect18 .info p{
    color:#bbb;
    padding:10px 5px;
    font-style:italic;
    margin:0 30px;
    font-size:12px;
    border-top:1px solid rgba(255,255,255,0.5)
}
.ih-item.circle.effect18.bottom_to_top .img{
    -webkit-transform-origin:50% 0;
    -moz-transform-origin:50% 0;
    -ms-transform-origin:50% 0;
    -o-transform-origin:50% 0;
    transform-origin:50% 0
}
.ih-item.circle.effect18.bottom_to_top a:hover .img{
    -webkit-transform:rotate3d(1, 0, 0, 180deg);
    -moz-transform:rotate3d(1, 0, 0, 180deg);
    -ms-transform:rotate3d(1, 0, 0, 180deg);
    -o-transform:rotate3d(1, 0, 0, 180deg);
    transform:rotate3d(1, 0, 0, 180deg)
}
.ih-item.circle.effect18.top_to_bottom .img{
    -webkit-transform-origin:50% 100%;
    -moz-transform-origin:50% 100%;
    -ms-transform-origin:50% 100%;
    -o-transform-origin:50% 100%;
    transform-origin:50% 100%
}
.ih-item.circle.effect18.top_to_bottom a:hover .img{
    -webkit-transform:rotate3d(1, 0, 0, -180deg);
    -moz-transform:rotate3d(1, 0, 0, -180deg);
    -ms-transform:rotate3d(1, 0, 0, -180deg);
    -o-transform:rotate3d(1, 0, 0, -180deg);
    transform:rotate3d(1, 0, 0, -180deg)
}
.ih-item.circle.effect18.left_to_right .img{
    -webkit-transform-origin:100% 50%;
    -moz-transform-origin:100% 50%;
    -ms-transform-origin:100% 50%;
    -o-transform-origin:100% 50%;
    transform-origin:100% 50%
}
.ih-item.circle.effect18.left_to_right a:hover .img{
    -webkit-transform:rotate3d(0, 1, 0, 180deg);
    -moz-transform:rotate3d(0, 1, 0, 180deg);
    -ms-transform:rotate3d(0, 1, 0, 180deg);
    -o-transform:rotate3d(0, 1, 0, 180deg);
    transform:rotate3d(0, 1, 0, 180deg)
}
.ih-item.circle.effect18.right_to_left .img{
    -webkit-transform-origin:0% 50%;
    -moz-transform-origin:0% 50%;
    -ms-transform-origin:0% 50%;
    -o-transform-origin:0% 50%;
    transform-origin:0% 50%
}
.ih-item.circle.effect18.right_to_left a:hover .img{
    -webkit-transform:rotate3d(0, 1, 0, -180deg);
    -moz-transform:rotate3d(0, 1, 0, -180deg);
    -ms-transform:rotate3d(0, 1, 0, -180deg);
    -o-transform:rotate3d(0, 1, 0, -180deg);
    transform:rotate3d(0, 1, 0, -180deg)
}
.ih-item.circle.effect19.colored .info{
    background:#1a4a72;
    background:rgba(26,74,114,0.6)
}
.ih-item.circle.effect19 .info{
    background:#333;
    background:rgba(0,0,0,0.6);
    opacity:0;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.circle.effect19 .info h3{
    color:#fff;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:22px;
    margin:0 30px;
    padding:45px 0 0 0;
    height:140px;
    text-shadow:0 0 1px #fff,0 1px 2px rgba(0,0,0,0.3)
}
.ih-item.circle.effect19 .info p{
    color:#bbb;
    padding:10px 5px;
    font-style:italic;
    margin:0 30px;
    font-size:12px;
    border-top:1px solid rgba(255,255,255,0.5)
}
.ih-item.circle.effect19 a:hover .info{
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.ih-item.circle.effect20{
    -webkit-perspective:900px;
    -moz-perspective:900px;
    perspective:900px
}
.ih-item.circle.effect20 .img{
    -webkit-transition:all 0.35s linear;
    -moz-transition:all 0.35s linear;
    transition:all 0.35s linear;
    -webkit-transform-origin:50% 0%;
    -moz-transform-origin:50% 0%;
    -ms-transform-origin:50% 0%;
    -o-transform-origin:50% 0%;
    transform-origin:50% 0%
}
.ih-item.circle.effect20.colored .info .info-back{
    background:#1a4a72
}
.ih-item.circle.effect20 .info{
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    -o-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.ih-item.circle.effect20 .info .info-back{
    opacity:1;
    visibility:hidden;
    border-radius:50%;
    width:100%;
    height:100%;
    background:#333;
    -webkit-transition:all 0.35s linear;
    -moz-transition:all 0.35s linear;
    transition:all 0.35s linear;
    -webkit-transform-origin:50% 0%;
    -moz-transform-origin:50% 0%;
    -ms-transform-origin:50% 0%;
    -o-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.ih-item.circle.effect20 .info h3{
    color:#fff;
    text-transform:uppercase;
    position:relative;
    letter-spacing:2px;
    font-size:22px;
    margin:0 30px;
    padding:55px 0 0 0;
    height:110px;
    text-shadow:0 0 1px #fff,0 1px 2px rgba(0,0,0,0.3)
}
.ih-item.circle.effect20 .info p{
    color:#bbb;
    padding:10px 5px;
    font-style:italic;
    margin:0 30px;
    font-size:12px;
    border-top:1px solid rgba(255,255,255,0.5)
}
.ih-item.circle.effect20 a:hover .img{
    opacity:0
}
.ih-item.circle.effect20 a:hover .info .info-back{
    opacity:1;
    visibility:visible
}
.ih-item.circle.effect20.top_to_bottom .info .info-back{
    -webkit-transform:translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    -moz-transform:translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    -ms-transform:translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    -o-transform:translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    transform:translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg)
}
.ih-item.circle.effect20.top_to_bottom a:hover .img{
    -webkit-transform:translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
    -moz-transform:translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
    -ms-transform:translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
    -o-transform:translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
    transform:translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg)
}
.ih-item.circle.effect20.top_to_bottom a:hover .info .info-back{
    -webkit-transform:rotate3d(1, 0, 0, 0deg);
    -moz-transform:rotate3d(1, 0, 0, 0deg);
    -ms-transform:rotate3d(1, 0, 0, 0deg);
    -o-transform:rotate3d(1, 0, 0, 0deg);
    transform:rotate3d(1, 0, 0, 0deg)
}
.ih-item.circle.effect20.bottom_to_top .info .info-back{
    -webkit-transform:translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
    -moz-transform:translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
    -ms-transform:translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
    -o-transform:translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
    transform:translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg)
}
.ih-item.circle.effect20.bottom_to_top a:hover .img{
    -webkit-transform:translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    -moz-transform:translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    -ms-transform:translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    -o-transform:translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    transform:translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg)
}
.ih-item.circle.effect20.bottom_to_top a:hover .info .info-back{
    -webkit-transform:rotate3d(1, 0, 0, 0deg);
    -moz-transform:rotate3d(1, 0, 0, 0deg);
    -ms-transform:rotate3d(1, 0, 0, 0deg);
    -o-transform:rotate3d(1, 0, 0, 0deg);
    transform:rotate3d(1, 0, 0, 0deg)
}
.ih-item.square.effect1{
    overflow:hidden
}
.ih-item.square.effect1.colored .info{
    background:#1a4a72
}
.ih-item.square.effect1 .img{
    z-index:11;
    position:absolute;
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.ih-item.square.effect1 .info{
    background:#333;
    visibility:hidden;
    opacity:0;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.square.effect1 a:hover .info{
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.ih-item.square.effect1.left_and_right .info h3{
    position:absolute;
    top:12px;
    left:12px;
    text-transform:uppercase;
    color:#fff;
    text-align:center;
    font-size:17px;
    margin:0
}
.ih-item.square.effect1.left_and_right .info p{
    position:absolute;
    right:12px;
    bottom:12px;
    margin:0;
    font-style:italic;
    font-size:12px;
    color:#bbb
}
.ih-item.square.effect1.left_and_right a:hover .img{
    -webkit-transform:scale(0.6);
    -moz-transform:scale(0.6);
    -ms-transform:scale(0.6);
    -o-transform:scale(0.6);
    transform:scale(0.6)
}
.ih-item.square.effect1.top_to_bottom .info h3{
    text-transform:uppercase;
    color:#fff;
    text-align:center;
    font-size:17px;
    padding:10px 10px 0 4px;
    margin:10px 0 0 0
}
.ih-item.square.effect1.top_to_bottom .info p{
    font-style:italic;
    font-size:12px;
    color:#bbb;
    padding:5px;
    text-align:center
}
.ih-item.square.effect1.top_to_bottom a:hover .img{
    -webkit-transform:translateY(30px) scale(0.6);
    -moz-transform:translateY(30px) scale(0.6);
    -ms-transform:translateY(30px) scale(0.6);
    -o-transform:translateY(30px) scale(0.6);
    transform:translateY(30px) scale(0.6)
}
.ih-item.square.effect1.bottom_to_top .info h3{
    text-transform:uppercase;
    color:#fff;
    text-align:center;
    font-size:17px;
    padding:10px 10px 0 4px;
    margin:134px 0 0 0
}
.ih-item.square.effect1.bottom_to_top .info p{
    font-style:italic;
    font-size:12px;
    color:#bbb;
    padding:5px;
    text-align:center
}
.ih-item.square.effect1.bottom_to_top a:hover .img{
    -webkit-transform:translateY(-30px) scale(0.6);
    -moz-transform:translateY(-30px) scale(0.6);
    -ms-transform:translateY(-30px) scale(0.6);
    -o-transform:translateY(-30px) scale(0.6);
    transform:translateY(-30px) scale(0.6)
}
.ih-item.square.effect2{
    overflow:hidden
}
.ih-item.square.effect2.colored .info{
    background:#1a4a72
}
.ih-item.square.effect2.colored .info h3{
    background:rgba(12,34,52,0.6)
}
.ih-item.square.effect2 .img{
    opacity:1;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    -webkit-transform:rotate(0deg) scale(1);
    -moz-transform:rotate(0deg) scale(1);
    -ms-transform:rotate(0deg) scale(1);
    -o-transform:rotate(0deg) scale(1);
    transform:rotate(0deg) scale(1)
}
.ih-item.square.effect2 .info{
    background:#333;
    visibility:hidden;
    -webkit-transition:all 0.35s 0.3s ease-in-out;
    -moz-transition:all 0.35s 0.3s ease-in-out;
    transition:all 0.35s 0.3s ease-in-out
}
.ih-item.square.effect2 .info h3{
    text-transform:uppercase;
    color:#fff;
    text-align:center;
    font-size:17px;
    padding:10px;
    background:#111;
    margin:30px 0 0 0;
    -webkit-transform:translateY(-200px);
    -moz-transform:translateY(-200px);
    -ms-transform:translateY(-200px);
    -o-transform:translateY(-200px);
    transform:translateY(-200px);
    -webkit-transition:all 0.35s 0.6s ease-in-out;
    -moz-transition:all 0.35s 0.6s ease-in-out;
    transition:all 0.35s 0.6s ease-in-out
}
.ih-item.square.effect2 .info p{
    font-style:italic;
    font-size:12px;
    position:relative;
    color:#bbb;
    padding:20px 20px 20px;
    text-align:center;
    -webkit-transform:translateY(-200px);
    -moz-transform:translateY(-200px);
    -ms-transform:translateY(-200px);
    -o-transform:translateY(-200px);
    transform:translateY(-200px);
    -webkit-transition:all 0.35s 0.5s linear;
    -moz-transition:all 0.35s 0.5s linear;
    transition:all 0.35s 0.5s linear
}
.ih-item.square.effect2 a:hover .img{
    -webkit-transform:rotate(720deg) scale(0);
    -moz-transform:rotate(720deg) scale(0);
    -ms-transform:rotate(720deg) scale(0);
    -o-transform:rotate(720deg) scale(0);
    transform:rotate(720deg) scale(0);
    opacity:0
}
.ih-item.square.effect2 a:hover .info{
    visibility:visible
}
.ih-item.square.effect2 a:hover .info h3,.ih-item.square.effect2 a:hover .info p{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.square.effect3{
    overflow:hidden
}
.ih-item.square.effect3.colored .info{
    background:#1a4a72
}
.ih-item.square.effect3 .img{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.square.effect3 .info{
    height:65px;
    background:#333;
    opacity:0;
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.square.effect3 .info h3{
    text-transform:uppercase;
    color:#fff;
    text-align:center;
    font-size:17px;
    padding:10px 10px 0 4px;
    margin:4px 0 0 0
}
.ih-item.square.effect3 .info p{
    font-style:italic;
    font-size:12px;
    position:relative;
    color:#bbb;
    padding:5px;
    text-align:center
}
.ih-item.square.effect3 a:hover .info{
    visibility:visible;
    opacity:1
}
.ih-item.square.effect3.bottom_to_top .info{
    top:auto;
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
    transform:translateY(100%)
}
.ih-item.square.effect3.bottom_to_top a:hover .img{
    -webkit-transform:translateY(-50px);
    -moz-transform:translateY(-50px);
    -ms-transform:translateY(-50px);
    -o-transform:translateY(-50px);
    transform:translateY(-50px)
}
.ih-item.square.effect3.bottom_to_top a:hover .info{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.square.effect3.top_to_bottom .info{
    bottom:auto;
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    transform:translateY(-100%)
}
.ih-item.square.effect3.top_to_bottom a:hover .img{
    -webkit-transform:translateY(50px);
    -moz-transform:translateY(50px);
    -ms-transform:translateY(50px);
    -o-transform:translateY(50px);
    transform:translateY(50px)
}
.ih-item.square.effect3.top_to_bottom a:hover .info{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.square.effect4{
    overflow:hidden;
    position:relative
}
.ih-item.square.effect4.colored .info{
    background:rgba(12,34,52,0.6)
}
.ih-item.square.effect4.colored .mask1,.ih-item.square.effect4.colored .mask2{
    background:#1a4a72;
    background:rgba(26,74,114,0.6)
}
.ih-item.square.effect4 .img{
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.square.effect4 .mask1,.ih-item.square.effect4 .mask2{
    position:absolute;
    background:#333;
    background:rgba(0,0,0,0.6);
    height:361px;
    width:361px;
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.square.effect4 .mask1{
    left:auto;
    right:0;
    top:0;
    -webkit-transform:rotate(56.5deg) translateX(-180px);
    -moz-transform:rotate(56.5deg) translateX(-180px);
    -ms-transform:rotate(56.5deg) translateX(-180px);
    -o-transform:rotate(56.5deg) translateX(-180px);
    transform:rotate(56.5deg) translateX(-180px);
    -webkit-transform-origin:100% 0%;
    -moz-transform-origin:100% 0%;
    -ms-transform-origin:100% 0%;
    -o-transform-origin:100% 0%;
    transform-origin:100% 0%
}
.ih-item.square.effect4 .mask2{
    top:auto;
    bottom:0;
    left:0;
    -webkit-transform:rotate(56.5deg) translateX(180px);
    -moz-transform:rotate(56.5deg) translateX(180px);
    -ms-transform:rotate(56.5deg) translateX(180px);
    -o-transform:rotate(56.5deg) translateX(180px);
    transform:rotate(56.5deg) translateX(180px);
    -webkit-transform-origin:0% 100%;
    -moz-transform-origin:0% 100%;
    -ms-transform-origin:0% 100%;
    -o-transform-origin:0% 100%;
    transform-origin:0% 100%
}
.ih-item.square.effect4 .info{
    background:#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 0.35s ease-in-out 0.35s;
    -moz-transition:all 0.35s ease-in-out 0.35s;
    transition:all 0.35s ease-in-out 0.35s
}
.ih-item.square.effect4 .info h3{
    text-transform:uppercase;
    color:#fff;
    text-align:center;
    font-size:17px;
    padding:10px;
    background:transparent;
    margin-top:5px;
    border-bottom:1px solid rgba(255,255,255,0.2);
    opacity:0;
    -webkit-transition:all 0.35s ease-in-out 0.35s;
    -moz-transition:all 0.35s ease-in-out 0.35s;
    transition:all 0.35s ease-in-out 0.35s
}
.ih-item.square.effect4 .info p{
    font-style:italic;
    font-size:12px;
    position:relative;
    color:#bbb;
    padding:20px 20px 20px;
    text-align:center;
    opacity:0;
    -webkit-transition:all 0.35s ease-in-out 0.35s;
    -moz-transition:all 0.35s ease-in-out 0.35s;
    transition:all 0.35s ease-in-out 0.35s
}
.ih-item.square.effect4 a:hover .mask1{
    -webkit-transform:rotate(56.5deg) translateX(1px);
    -moz-transform:rotate(56.5deg) translateX(1px);
    -ms-transform:rotate(56.5deg) translateX(1px);
    -o-transform:rotate(56.5deg) translateX(1px);
    transform:rotate(56.5deg) translateX(1px)
}
.ih-item.square.effect4 a:hover .mask2{
    -webkit-transform:rotate(56.5deg) translateX(-1px);
    -moz-transform:rotate(56.5deg) translateX(-1px);
    -ms-transform:rotate(56.5deg) translateX(-1px);
    -o-transform:rotate(56.5deg) translateX(-1px);
    transform:rotate(56.5deg) translateX(-1px)
}
.ih-item.square.effect4 a:hover .info{
    width:300px;
    height:120px;
    visibility:visible;
    top:40px;
    -webkit-transform:rotate(0deg) translate(0, 0);
    -moz-transform:rotate(0deg) translate(0, 0);
    -ms-transform:rotate(0deg) translate(0, 0);
    -o-transform:rotate(0deg) translate(0, 0);
    transform:rotate(0deg) translate(0, 0)
}
.ih-item.square.effect4 a:hover .info h3,.ih-item.square.effect4 a:hover .info p{
    opacity:1
}
.ih-item.square.effect5.colored .info{
    background:#1a4a72
}
.ih-item.square.effect5.colored .info h3{
    background:rgba(12,34,52,0.6)
}
.ih-item.square.effect5 .img{
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.ih-item.square.effect5 .info{
    background:#333;
    opacity:0;
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.square.effect5 .info h3{
    text-transform:uppercase;
    color:#fff;
    text-align:center;
    font-size:17px;
    padding:10px;
    background:#111;
    margin:30px 0 0 0
}
.ih-item.square.effect5 .info p{
    font-style:italic;
    font-size:12px;
    position:relative;
    color:#bbb;
    padding:20px 20px 20px;
    text-align:center
}
.ih-item.square.effect5 a:hover .img{
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    -webkit-transition-delay:0;
    -moz-transition-delay:0;
    transition-delay:0
}
.ih-item.square.effect5 a:hover .info{
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1) rotate(0deg);
    -moz-transform:scale(1) rotate(0deg);
    -ms-transform:scale(1) rotate(0deg);
    -o-transform:scale(1) rotate(0deg);
    transform:scale(1) rotate(0deg);
    -webkit-transition-delay:0.3s;
    -moz-transition-delay:0.3s;
    transition-delay:0.3s
}
.ih-item.square.effect5.left_to_right .info{
    -webkit-transform:scale(0) rotate(-180deg);
    -moz-transform:scale(0) rotate(-180deg);
    -ms-transform:scale(0) rotate(-180deg);
    -o-transform:scale(0) rotate(-180deg);
    transform:scale(0) rotate(-180deg)
}
.ih-item.square.effect5.right_to_left .info{
    -webkit-transform:scale(0) rotate(180deg);
    -moz-transform:scale(0) rotate(180deg);
    -ms-transform:scale(0) rotate(180deg);
    -o-transform:scale(0) rotate(180deg);
    transform:scale(0) rotate(180deg)
}
.ih-item.square.effect6{
    overflow:hidden
}
.ih-item.square.effect6.colored .info{
    background:#1a4a72;
    background:rgba(26,74,114,0.6)
}
.ih-item.square.effect6.colored .info h3{
    background:rgba(12,34,52,0.6)
}
.ih-item.square.effect6 .img{
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.ih-item.square.effect6 .info{
    background:#333;
    background:rgba(0,0,0,0.6);
    visibility:hidden;
    opacity:0;
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.square.effect6 .info h3{
    text-transform:uppercase;
    color:#fff;
    text-align:center;
    font-size:17px;
    padding:10px;
    background:#111;
    margin:30px 0 0 0;
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.square.effect6 .info p{
    font-style:italic;
    font-size:12px;
    position:relative;
    color:#bbb;
    padding:20px 20px 20px;
    text-align:center;
    -webkit-transition:all 0.35s 0.1s linear;
    -moz-transition:all 0.35s 0.1s linear;
    transition:all 0.35s 0.1s linear
}
.ih-item.square.effect6 a:hover .img{
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2)
}
.ih-item.square.effect6 a:hover .info{
    visibility:visible;
    opacity:1
}
.ih-item.square.effect6.from_top_and_bottom .info h3{
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    transform:translateY(-100%)
}
.ih-item.square.effect6.from_top_and_bottom .info p{
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
    transform:translateY(100%)
}
.ih-item.square.effect6.from_top_and_bottom a:hover .info h3,.ih-item.square.effect6.from_top_and_bottom a:hover .info p{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.square.effect6.from_left_and_right .info h3{
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    transform:translateX(-100%)
}
.ih-item.square.effect6.from_left_and_right .info p{
    -webkit-transform:translateX(100%);
    -moz-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    transform:translateX(100%)
}
.ih-item.square.effect6.from_left_and_right a:hover .info h3,.ih-item.square.effect6.from_left_and_right a:hover .info p{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
.ih-item.square.effect6.top_to_bottom .info h3{
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    transform:translateY(-100%)
}
.ih-item.square.effect6.top_to_bottom .info p{
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    transform:translateY(-100%)
}
.ih-item.square.effect6.top_to_bottom a:hover .info h3,.ih-item.square.effect6.top_to_bottom a:hover .info p{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.square.effect6.bottom_to_top .info h3{
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
    transform:translateY(100%)
}
.ih-item.square.effect6.bottom_to_top .info p{
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
    transform:translateY(100%)
}
.ih-item.square.effect6.bottom_to_top a:hover .info h3,.ih-item.square.effect6.bottom_to_top a:hover .info p{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.square.effect7{
    overflow:hidden
}
.ih-item.square.effect7.colored .info{
    background:#1a4a72;
    background:rgba(26,74,114,0.6)
}
.ih-item.square.effect7.colored .info h3{
    background:rgba(12,34,52,0.6)
}
.ih-item.square.effect7 .img{
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.ih-item.square.effect7 .info{
    background:#333;
    background:rgba(0,0,0,0.6);
    visibility:hidden;
    opacity:0;
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.square.effect7 .info h3{
    text-transform:uppercase;
    color:#fff;
    text-align:center;
    font-size:17px;
    padding:10px;
    background:#111;
    margin:30px 0 0 0;
    -webkit-transform:scale(4);
    -moz-transform:scale(4);
    -ms-transform:scale(4);
    -o-transform:scale(4);
    transform:scale(4);
    -webkit-transition:all 0.35s 0.1s ease-in-out;
    -moz-transition:all 0.35s 0.1s ease-in-out;
    transition:all 0.35s 0.1s ease-in-out
}
.ih-item.square.effect7 .info p{
    font-style:italic;
    font-size:12px;
    position:relative;
    color:#bbb;
    padding:20px 20px 20px;
    text-align:center;
    -webkit-transform:scale(5);
    -moz-transform:scale(5);
    -ms-transform:scale(5);
    -o-transform:scale(5);
    transform:scale(5);
    -webkit-transition:all 0.35s 0.3s linear;
    -moz-transition:all 0.35s 0.3s linear;
    transition:all 0.35s 0.3s linear
}
.ih-item.square.effect7 a:hover .img{
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2)
}
.ih-item.square.effect7 a:hover .info{
    visibility:visible;
    opacity:1
}
.ih-item.square.effect7 a:hover .info h3,.ih-item.square.effect7 a:hover .info p{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.ih-item.square.effect8{
    overflow:hidden
}
.ih-item.square.effect8.colored .info{
    background:#1a4a72
}
.ih-item.square.effect8.colored .info h3{
    background:rgba(12,34,52,0.6)
}
.ih-item.square.effect8 .img{
    opacity:1;
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.square.effect8 .info{
    background:#333;
    visibility:hidden;
    opacity:0;
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.square.effect8 .info h3{
    text-transform:uppercase;
    color:#fff;
    text-align:center;
    font-size:17px;
    padding:10px;
    background:#111;
    margin:30px 0 0 0;
    -webkit-transition:all 0.35s 0.1s ease-in-out;
    -moz-transition:all 0.35s 0.1s ease-in-out;
    transition:all 0.35s 0.1s ease-in-out
}
.ih-item.square.effect8 .info p{
    font-style:italic;
    font-size:12px;
    position:relative;
    color:#bbb;
    padding:20px 20px 20px;
    text-align:center;
    -webkit-transition:all 0.35s 0.15s linear;
    -moz-transition:all 0.35s 0.15s linear;
    transition:all 0.35s 0.15s linear
}
.ih-item.square.effect8 a:hover .img{
    opacity:0
}
.ih-item.square.effect8 a:hover .info{
    visibility:visible;
    opacity:1
}
.ih-item.square.effect8.scale_up .img{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.ih-item.square.effect8.scale_up .info{
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0)
}
.ih-item.square.effect8.scale_up .info h3,.ih-item.square.effect8.scale_up .info p{
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0)
}
.ih-item.square.effect8.scale_up a:hover .img{
    -webkit-transform:scale(5);
    -moz-transform:scale(5);
    -ms-transform:scale(5);
    -o-transform:scale(5);
    transform:scale(5)
}
.ih-item.square.effect8.scale_up a:hover .info{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.ih-item.square.effect8.scale_up a:hover .info h3,.ih-item.square.effect8.scale_up a:hover .info p{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.ih-item.square.effect8.scale_down .img{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.ih-item.square.effect8.scale_down .info{
    -webkit-transform:scale(5);
    -moz-transform:scale(5);
    -ms-transform:scale(5);
    -o-transform:scale(5);
    transform:scale(5)
}
.ih-item.square.effect8.scale_down .info h3,.ih-item.square.effect8.scale_down .info p{
    -webkit-transform:scale(5);
    -moz-transform:scale(5);
    -ms-transform:scale(5);
    -o-transform:scale(5);
    transform:scale(5)
}
.ih-item.square.effect8.scale_down a:hover .img{
    -webkit-transform:scale(0.5);
    -moz-transform:scale(0.5);
    -ms-transform:scale(0.5);
    -o-transform:scale(0.5);
    transform:scale(0.5)
}
.ih-item.square.effect8.scale_down a:hover .info{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.ih-item.square.effect8.scale_down a:hover .info h3,.ih-item.square.effect8.scale_down a:hover .info p{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.ih-item.square.effect9{
    -webkit-perspective:900px;
    -moz-perspective:900px;
    perspective:900px
}
.ih-item.square.effect9.colored .info .info-back{
    background:#1a4a72
}
.ih-item.square.effect9.colored .info h3{
    background:rgba(12,34,52,0.6)
}
.ih-item.square.effect9 .img{
    position:relative;
    z-index:11;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out
}
.ih-item.square.effect9 .info{
    z-index:0;
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    -o-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.ih-item.square.effect9 .info .info-back{
    opacity:1;
    width:100%;
    height:100%;
    padding-top:30px;
    background:#333
}
.ih-item.square.effect9 .info h3{
    text-transform:uppercase;
    color:#fff;
    text-align:center;
    font-size:17px;
    padding:10px;
    background:#111;
    margin:0
}
.ih-item.square.effect9 .info p{
    font-style:italic;
    font-size:12px;
    position:relative;
    color:#bbb;
    padding:20px 20px 20px;
    text-align:center
}
.ih-item.square.effect9.left_to_right .img{
    -webkit-transform-origin:100% 50%;
    -moz-transform-origin:100% 50%;
    -ms-transform-origin:100% 50%;
    -o-transform-origin:100% 50%;
    transform-origin:100% 50%
}
.ih-item.square.effect9.left_to_right a:hover .img{
    -webkit-transform:rotate3d(0, 1, 0, 180deg);
    -moz-transform:rotate3d(0, 1, 0, 180deg);
    -ms-transform:rotate3d(0, 1, 0, 180deg);
    -o-transform:rotate3d(0, 1, 0, 180deg);
    transform:rotate3d(0, 1, 0, 180deg)
}
.ih-item.square.effect9.right_to_left .img{
    -webkit-transform-origin:0% 50%;
    -moz-transform-origin:0% 50%;
    -ms-transform-origin:0% 50%;
    -o-transform-origin:0% 50%;
    transform-origin:0% 50%
}
.ih-item.square.effect9.right_to_left a:hover .img{
    -webkit-transform:rotate3d(0, 1, 0, -180deg);
    -moz-transform:rotate3d(0, 1, 0, -180deg);
    -ms-transform:rotate3d(0, 1, 0, -180deg);
    -o-transform:rotate3d(0, 1, 0, -180deg);
    transform:rotate3d(0, 1, 0, -180deg)
}
.ih-item.square.effect9.top_to_bottom .img{
    -webkit-transform-origin:50% 100%;
    -moz-transform-origin:50% 100%;
    -ms-transform-origin:50% 100%;
    -o-transform-origin:50% 100%;
    transform-origin:50% 100%
}
.ih-item.square.effect9.top_to_bottom a:hover .img{
    -webkit-transform:rotate3d(1, 0, 0, -180deg);
    -moz-transform:rotate3d(1, 0, 0, -180deg);
    -ms-transform:rotate3d(1, 0, 0, -180deg);
    -o-transform:rotate3d(1, 0, 0, -180deg);
    transform:rotate3d(1, 0, 0, -180deg)
}
.ih-item.square.effect9.bottom_to_top .img{
    -webkit-transform-origin:50% 0;
    -moz-transform-origin:50% 0;
    -ms-transform-origin:50% 0;
    -o-transform-origin:50% 0;
    transform-origin:50% 0
}
.ih-item.square.effect9.bottom_to_top a:hover .img{
    -webkit-transform:rotate3d(1, 0, 0, 180deg);
    -moz-transform:rotate3d(1, 0, 0, 180deg);
    -ms-transform:rotate3d(1, 0, 0, 180deg);
    -o-transform:rotate3d(1, 0, 0, 180deg);
    transform:rotate3d(1, 0, 0, 180deg)
}
.ih-item.square.effect10{
    overflow:hidden
}
.ih-item.square.effect10.colored .info{
    background:#1a4a72
}
.ih-item.square.effect10.colored .info h3{
    background:rgba(12,34,52,0.6)
}
.ih-item.square.effect10 .img{
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.square.effect10 .info{
    background:#333;
    visibility:hidden;
    opacity:0;
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.square.effect10 .info h3{
    text-transform:uppercase;
    color:#fff;
    text-align:center;
    font-size:17px;
    padding:10px;
    background:#111;
    margin:30px 0 0 0
}
.ih-item.square.effect10 .info p{
    font-style:italic;
    font-size:12px;
    position:relative;
    color:#bbb;
    padding:20px 20px 20px;
    text-align:center
}
.ih-item.square.effect10 a:hover .info{
    visibility:visible;
    opacity:1
}
.ih-item.square.effect10.left_to_right .img{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
.ih-item.square.effect10.left_to_right .info{
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    transform:translateX(-100%)
}
.ih-item.square.effect10.left_to_right a:hover .img{
    -webkit-transform:translateX(100%);
    -moz-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    transform:translateX(100%)
}
.ih-item.square.effect10.left_to_right a:hover .info{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
.ih-item.square.effect10.right_to_left .img{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
.ih-item.square.effect10.right_to_left .info{
    -webkit-transform:translateX(100%);
    -moz-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    transform:translateX(100%)
}
.ih-item.square.effect10.right_to_left a:hover .img{
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    transform:translateX(-100%)
}
.ih-item.square.effect10.right_to_left a:hover .info{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
.ih-item.square.effect10.top_to_bottom .img{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.square.effect10.top_to_bottom .info{
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    transform:translateY(-100%)
}
.ih-item.square.effect10.top_to_bottom a:hover .img{
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
    transform:translateY(100%)
}
.ih-item.square.effect10.top_to_bottom a:hover .info{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.square.effect10.bottom_to_top .img{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.square.effect10.bottom_to_top .info{
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
    transform:translateY(100%)
}
.ih-item.square.effect10.bottom_to_top a:hover .img{
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    transform:translateY(-100%)
}
.ih-item.square.effect10.bottom_to_top a:hover .info{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.square.effect11{
    overflow:hidden
}
.ih-item.square.effect11.colored .info{
    background:#1a4a72
}
.ih-item.square.effect11.colored .info h3{
    background:rgba(12,34,52,0.6)
}
.ih-item.square.effect11 .img{
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.square.effect11 .info{
    background:#333;
    visibility:hidden;
    opacity:0;
    -webkit-transition:all 0.35s ease 0.2s;
    -moz-transition:all 0.35s ease 0.2s;
    transition:all 0.35s ease 0.2s
}
.ih-item.square.effect11 .info h3{
    text-transform:uppercase;
    color:#fff;
    text-align:center;
    font-size:17px;
    padding:10px;
    background:#111;
    margin:30px 0 0 0
}
.ih-item.square.effect11 .info p{
    font-style:italic;
    font-size:12px;
    position:relative;
    color:#bbb;
    padding:20px 20px 20px;
    text-align:center
}
.ih-item.square.effect11 a:hover .img{
    opacity:0;
    -webkit-transform:scale(0.5);
    -moz-transform:scale(0.5);
    -ms-transform:scale(0.5);
    -o-transform:scale(0.5);
    transform:scale(0.5)
}
.ih-item.square.effect11 a:hover .info{
    visibility:visible;
    opacity:1
}
.ih-item.square.effect11.left_to_right .info{
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    transform:translateX(-100%)
}
.ih-item.square.effect11.left_to_right a:hover .info{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
.ih-item.square.effect11.right_to_left .info{
    -webkit-transform:translateX(100%);
    -moz-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    transform:translateX(100%)
}
.ih-item.square.effect11.right_to_left a:hover .info{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
.ih-item.square.effect11.top_to_bottom .info{
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    transform:translateY(-100%)
}
.ih-item.square.effect11.top_to_bottom a:hover .info{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.square.effect11.bottom_to_top .info{
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
    transform:translateY(100%)
}
.ih-item.square.effect11.bottom_to_top a:hover .info{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.square.effect12{
    overflow:hidden
}
.ih-item.square.effect12.colored .info{
    background:#1a4a72;
    background:rgba(26,74,114,0.6)
}
.ih-item.square.effect12.colored .info h3{
    background:rgba(12,34,52,0.6)
}
.ih-item.square.effect12 .img{
    -webkit-transition:all 0.35s ease-in;
    -moz-transition:all 0.35s ease-in;
    transition:all 0.35s ease-in
}
.ih-item.square.effect12 .info{
    background:#333;
    background:rgba(0,0,0,0.6);
    visibility:hidden;
    opacity:0;
    -webkit-transition:all 0.35s ease-in;
    -moz-transition:all 0.35s ease-in;
    transition:all 0.35s ease-in
}
.ih-item.square.effect12 .info h3{
    text-transform:uppercase;
    color:#fff;
    text-align:center;
    font-size:17px;
    padding:10px;
    background:#111;
    margin:30px 0 0 0;
    -webkit-transition:all 0.35s ease-in;
    -moz-transition:all 0.35s ease-in;
    transition:all 0.35s ease-in
}
.ih-item.square.effect12 .info p{
    font-style:italic;
    font-size:12px;
    position:relative;
    color:#bbb;
    padding:20px 20px 20px;
    text-align:center;
    -webkit-transition:all 0.35s ease-in;
    -moz-transition:all 0.35s ease-in;
    transition:all 0.35s ease-in
}
.ih-item.square.effect12 a:hover .info{
    visibility:visible;
    opacity:1;
    -webkit-transition-delay:0.2s;
    -moz-transition-delay:0.2s;
    transition-delay:0.2s
}
.ih-item.square.effect12 a:hover .info h3{
    -webkit-transition-delay:0.3s;
    -moz-transition-delay:0.3s;
    transition-delay:0.3s
}
.ih-item.square.effect12 a:hover .info p{
    -webkit-transition-delay:0.25s;
    -moz-transition-delay:0.25s;
    transition-delay:0.25s
}
.ih-item.square.effect12.left_to_right .info{
    -webkit-transform:translate(-460px, -100px) rotate(-180deg);
    -moz-transform:translate(-460px, -100px) rotate(-180deg);
    -ms-transform:translate(-460px, -100px) rotate(-180deg);
    -o-transform:translate(-460px, -100px) rotate(-180deg);
    transform:translate(-460px, -100px) rotate(-180deg)
}
.ih-item.square.effect12.left_to_right .info h3{
    -webkit-transform:translateY(-100px);
    -moz-transform:translateY(-100px);
    -ms-transform:translateY(-100px);
    -o-transform:translateY(-100px);
    transform:translateY(-100px)
}
.ih-item.square.effect12.left_to_right .info p{
    -webkit-transform:translateX(-300px) rotate(-90deg);
    -moz-transform:translateX(-300px) rotate(-90deg);
    -ms-transform:translateX(-300px) rotate(-90deg);
    -o-transform:translateX(-300px) rotate(-90deg);
    transform:translateX(-300px) rotate(-90deg)
}
.ih-item.square.effect12.left_to_right a:hover .info{
    -webkit-transform:translate(0px, 0px);
    -moz-transform:translate(0px, 0px);
    -ms-transform:translate(0px, 0px);
    -o-transform:translate(0px, 0px);
    transform:translate(0px, 0px)
}
.ih-item.square.effect12.left_to_right a:hover .info h3{
    -webkit-transform:translateY(0px);
    -moz-transform:translateY(0px);
    -ms-transform:translateY(0px);
    -o-transform:translateY(0px);
    transform:translateY(0px)
}
.ih-item.square.effect12.left_to_right a:hover .info p{
    -webkit-transform:translateX(0px) rotate(0deg);
    -moz-transform:translateX(0px) rotate(0deg);
    -ms-transform:translateX(0px) rotate(0deg);
    -o-transform:translateX(0px) rotate(0deg);
    transform:translateX(0px) rotate(0deg)
}
.ih-item.square.effect12.right_to_left .info{
    -webkit-transform:translate(460px, -100px) rotate(180deg);
    -moz-transform:translate(460px, -100px) rotate(180deg);
    -ms-transform:translate(460px, -100px) rotate(180deg);
    -o-transform:translate(460px, -100px) rotate(180deg);
    transform:translate(460px, -100px) rotate(180deg)
}
.ih-item.square.effect12.right_to_left .info h3{
    -webkit-transform:translateY(-100px);
    -moz-transform:translateY(-100px);
    -ms-transform:translateY(-100px);
    -o-transform:translateY(-100px);
    transform:translateY(-100px)
}
.ih-item.square.effect12.right_to_left .info p{
    -webkit-transform:translateX(300px) rotate(90deg);
    -moz-transform:translateX(300px) rotate(90deg);
    -ms-transform:translateX(300px) rotate(90deg);
    -o-transform:translateX(300px) rotate(90deg);
    transform:translateX(300px) rotate(90deg)
}
.ih-item.square.effect12.right_to_left a:hover .info{
    -webkit-transform:translate(0px, 0px);
    -moz-transform:translate(0px, 0px);
    -ms-transform:translate(0px, 0px);
    -o-transform:translate(0px, 0px);
    transform:translate(0px, 0px)
}
.ih-item.square.effect12.right_to_left a:hover .info h3{
    -webkit-transform:translateY(0px);
    -moz-transform:translateY(0px);
    -ms-transform:translateY(0px);
    -o-transform:translateY(0px);
    transform:translateY(0px)
}
.ih-item.square.effect12.right_to_left a:hover .info p{
    -webkit-transform:translateX(0px) rotate(0deg);
    -moz-transform:translateX(0px) rotate(0deg);
    -ms-transform:translateX(0px) rotate(0deg);
    -o-transform:translateX(0px) rotate(0deg);
    transform:translateX(0px) rotate(0deg)
}
.ih-item.square.effect12.top_to_bottom .info{
    -webkit-transform:translate(-265px, -145px) rotate(-45deg);
    -moz-transform:translate(-265px, -145px) rotate(-45deg);
    -ms-transform:translate(-265px, -145px) rotate(-45deg);
    -o-transform:translate(-265px, -145px) rotate(-45deg);
    transform:translate(-265px, -145px) rotate(-45deg)
}
.ih-item.square.effect12.top_to_bottom .info h3{
    -webkit-transform:translate(200px, -200px);
    -moz-transform:translate(200px, -200px);
    -ms-transform:translate(200px, -200px);
    -o-transform:translate(200px, -200px);
    transform:translate(200px, -200px)
}
.ih-item.square.effect12.top_to_bottom .info p{
    -webkit-transform:translate(200px, -200px);
    -moz-transform:translate(200px, -200px);
    -ms-transform:translate(200px, -200px);
    -o-transform:translate(200px, -200px);
    transform:translate(200px, -200px)
}
.ih-item.square.effect12.top_to_bottom a:hover .info{
    -webkit-transform:translate(0px, 0px);
    -moz-transform:translate(0px, 0px);
    -ms-transform:translate(0px, 0px);
    -o-transform:translate(0px, 0px);
    transform:translate(0px, 0px);
    -webkit-transition-delay:0.2s;
    -moz-transition-delay:0.2s;
    transition-delay:0.2s
}
.ih-item.square.effect12.top_to_bottom a:hover .info h3{
    -webkit-transform:translate(0px, 0px);
    -moz-transform:translate(0px, 0px);
    -ms-transform:translate(0px, 0px);
    -o-transform:translate(0px, 0px);
    transform:translate(0px, 0px);
    -webkit-transition-delay:0.3s;
    -moz-transition-delay:0.3s;
    transition-delay:0.3s
}
.ih-item.square.effect12.top_to_bottom a:hover .info p{
    -webkit-transform:translate(0px, 0px);
    -moz-transform:translate(0px, 0px);
    -ms-transform:translate(0px, 0px);
    -o-transform:translate(0px, 0px);
    transform:translate(0px, 0px);
    -webkit-transition-delay:0.4s;
    -moz-transition-delay:0.4s;
    transition-delay:0.4s
}
.ih-item.square.effect12.bottom_to_top .info{
    -webkit-transform:translate(265px, 145px) rotate(45deg);
    -moz-transform:translate(265px, 145px) rotate(45deg);
    -ms-transform:translate(265px, 145px) rotate(45deg);
    -o-transform:translate(265px, 145px) rotate(45deg);
    transform:translate(265px, 145px) rotate(45deg)
}
.ih-item.square.effect12.bottom_to_top .info h3{
    -webkit-transform:translate(200px, -200px);
    -moz-transform:translate(200px, -200px);
    -ms-transform:translate(200px, -200px);
    -o-transform:translate(200px, -200px);
    transform:translate(200px, -200px)
}
.ih-item.square.effect12.bottom_to_top .info p{
    -webkit-transform:translate(-200px, 200px);
    -moz-transform:translate(-200px, 200px);
    -ms-transform:translate(-200px, 200px);
    -o-transform:translate(-200px, 200px);
    transform:translate(-200px, 200px)
}
.ih-item.square.effect12.bottom_to_top a:hover .info{
    -webkit-transform:translate(0px, 0px);
    -moz-transform:translate(0px, 0px);
    -ms-transform:translate(0px, 0px);
    -o-transform:translate(0px, 0px);
    transform:translate(0px, 0px);
    -webkit-transition-delay:0.2s;
    -moz-transition-delay:0.2s;
    transition-delay:0.2s
}
.ih-item.square.effect12.bottom_to_top a:hover .info h3{
    -webkit-transform:translate(0px, 0px);
    -moz-transform:translate(0px, 0px);
    -ms-transform:translate(0px, 0px);
    -o-transform:translate(0px, 0px);
    transform:translate(0px, 0px);
    -webkit-transition-delay:0.3s;
    -moz-transition-delay:0.3s;
    transition-delay:0.3s
}
.ih-item.square.effect12.bottom_to_top a:hover .info p{
    -webkit-transform:translate(0px, 0px);
    -moz-transform:translate(0px, 0px);
    -ms-transform:translate(0px, 0px);
    -o-transform:translate(0px, 0px);
    transform:translate(0px, 0px);
    -webkit-transition-delay:0.4s;
    -moz-transition-delay:0.4s;
    transition-delay:0.4s
}
.ih-item.square.effect13{
    overflow:hidden
}
.ih-item.square.effect13.colored .info{
    background:#1a4a72;
    background:rgba(26,74,114,0.6)
}
.ih-item.square.effect13.colored .info h3{
    background:rgba(12,34,52,0.6)
}
.ih-item.square.effect13 .img{
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.ih-item.square.effect13 .info{
    background:#333;
    background:rgba(0,0,0,0.6);
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.square.effect13 .info h3{
    text-transform:uppercase;
    color:#fff;
    text-align:center;
    font-size:17px;
    padding:10px;
    background:#111;
    margin:30px 0 0 0
}
.ih-item.square.effect13 .info p{
    font-style:italic;
    font-size:12px;
    position:relative;
    color:#bbb;
    padding:20px 20px 20px;
    text-align:center
}
.ih-item.square.effect13 a:hover .img{
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2)
}
.ih-item.square.effect13 a:hover .info{
    visibility:visible;
    opacity:1
}
.ih-item.square.effect13.left_to_right .info{
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    transform:translateX(-100%)
}
.ih-item.square.effect13.left_to_right a:hover .info{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
.ih-item.square.effect13.right_to_left .info{
    -webkit-transform:translateX(100%);
    -moz-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    transform:translateX(100%)
}
.ih-item.square.effect13.right_to_left a:hover .info{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
.ih-item.square.effect13.top_to_bottom .info{
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    transform:translateY(-100%)
}
.ih-item.square.effect13.top_to_bottom a:hover .info{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.square.effect13.bottom_to_top .info{
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
    transform:translateY(100%)
}
.ih-item.square.effect13.bottom_to_top a:hover .info{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.square.effect14.colored .info{
    background:#1a4a72
}
.ih-item.square.effect14.colored .info h3{
    background:rgba(12,34,52,0.6)
}
.ih-item.square.effect14 .img{
    opacity:1;
    -webkit-transition:all 0.35s ease-in-out;
    -moz-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
}
.ih-item.square.effect14 .info{
    background:#333;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    -webkit-transform:scale(0.5);
    -moz-transform:scale(0.5);
    -ms-transform:scale(0.5);
    -o-transform:scale(0.5);
    transform:scale(0.5);
    -webkit-transition:all 0.35s ease 0.2s;
    -moz-transition:all 0.35s ease 0.2s;
    transition:all 0.35s ease 0.2s
}
.ih-item.square.effect14 .info h3{
    text-transform:uppercase;
    color:#fff;
    text-align:center;
    font-size:17px;
    padding:10px;
    background:#111;
    margin:30px 0 0 0
}
.ih-item.square.effect14 .info p{
    font-style:italic;
    font-size:12px;
    position:relative;
    color:#bbb;
    padding:20px 20px 20px;
    text-align:center
}
.ih-item.square.effect14 a:hover .img{
    opacity:0;
    pointer-events:none;
    -webkit-transform:scale(0.5);
    -moz-transform:scale(0.5);
    -ms-transform:scale(0.5);
    -o-transform:scale(0.5);
    transform:scale(0.5)
}
.ih-item.square.effect14 a:hover .info{
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.ih-item.square.effect14.left_to_right .img{
    -webkit-transform:translateX(0) rotate(0);
    -moz-transform:translateX(0) rotate(0);
    -ms-transform:translateX(0) rotate(0);
    -o-transform:translateX(0) rotate(0);
    transform:translateX(0) rotate(0)
}
.ih-item.square.effect14.left_to_right a:hover .img{
    -webkit-transform:translateX(100%) rotate(180deg);
    -moz-transform:translateX(100%) rotate(180deg);
    -ms-transform:translateX(100%) rotate(180deg);
    -o-transform:translateX(100%) rotate(180deg);
    transform:translateX(100%) rotate(180deg)
}
.ih-item.square.effect14.right_to_left .img{
    -webkit-transform:translateX(0) rotate(0);
    -moz-transform:translateX(0) rotate(0);
    -ms-transform:translateX(0) rotate(0);
    -o-transform:translateX(0) rotate(0);
    transform:translateX(0) rotate(0)
}
.ih-item.square.effect14.right_to_left a:hover .img{
    -webkit-transform:translateX(-100%) rotate(-180deg);
    -moz-transform:translateX(-100%) rotate(-180deg);
    -ms-transform:translateX(-100%) rotate(-180deg);
    -o-transform:translateX(-100%) rotate(-180deg);
    transform:translateX(-100%) rotate(-180deg)
}
.ih-item.square.effect14.top_to_bottom .img{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.square.effect14.top_to_bottom a:hover .img{
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    transform:translateY(-100%)
}
.ih-item.square.effect14.bottom_to_top .img{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.ih-item.square.effect14.bottom_to_top a:hover .img{
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
    transform:translateY(100%)
}
.ih-item.square.effect15{
    overflow:hidden;
    -webkit-perspective:900px;
    -moz-perspective:900px;
    perspective:900px
}
.ih-item.square.effect15.colored .info{
    background:#1a4a72
}
.ih-item.square.effect15 .img{
    opacity:1;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out
}
.ih-item.square.effect15 .info{
    background:#333;
    opacity:0;
    -webkit-transition:all 0.35s ease-in-out 0.3s;
    -moz-transition:all 0.35s ease-in-out 0.3s;
    transition:all 0.35s ease-in-out 0.3s
}
.ih-item.square.effect15 .info h3{
    text-transform:uppercase;
    color:#fff;
    text-align:center;
    font-size:17px;
    padding:10px;
    background:#111;
    margin:30px 0 0 0
}
.ih-item.square.effect15 .info p{
    font-style:italic;
    font-size:12px;
    position:relative;
    color:#bbb;
    padding:20px 20px 20px;
    text-align:center
}
.ih-item.square.effect15 a:hover .img{
    opacity:0;
    visibility:hidden
}
.ih-item.square.effect15 a:hover .info{
    visibility:visible;
    opacity:1
}
.ih-item.square.effect15.left_to_right .img{
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    -ms-transform:rotateY(0);
    -o-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-origin:100% 50%;
    -moz-transform-origin:100% 50%;
    -ms-transform-origin:100% 50%;
    -o-transform-origin:100% 50%;
    transform-origin:100% 50%
}
.ih-item.square.effect15.left_to_right .info{
    -webkit-transform:rotateY(90deg);
    -moz-transform:rotateY(90deg);
    -ms-transform:rotateY(90deg);
    -o-transform:rotateY(90deg);
    transform:rotateY(90deg);
    -webkit-transform-origin:0% 50%;
    -moz-transform-origin:0% 50%;
    -ms-transform-origin:0% 50%;
    -o-transform-origin:0% 50%;
    transform-origin:0% 50%
}
.ih-item.square.effect15.left_to_right a:hover .img{
    -webkit-transform:rotateY(-90deg);
    -moz-transform:rotateY(-90deg);
    -ms-transform:rotateY(-90deg);
    -o-transform:rotateY(-90deg);
    transform:rotateY(-90deg)
}
.ih-item.square.effect15.left_to_right a:hover .info{
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    -ms-transform:rotateY(0);
    -o-transform:rotateY(0);
    transform:rotateY(0)
}
.ih-item.square.effect15.right_to_left .img{
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    -ms-transform:rotateY(0);
    -o-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-origin:0% 50%;
    -moz-transform-origin:0% 50%;
    -ms-transform-origin:0% 50%;
    -o-transform-origin:0% 50%;
    transform-origin:0% 50%
}
.ih-item.square.effect15.right_to_left .info{
    -webkit-transform:rotateY(-90deg);
    -moz-transform:rotateY(-90deg);
    -ms-transform:rotateY(-90deg);
    -o-transform:rotateY(-90deg);
    transform:rotateY(-90deg);
    -webkit-transform-origin:100% 50%;
    -moz-transform-origin:100% 50%;
    -ms-transform-origin:100% 50%;
    -o-transform-origin:100% 50%;
    transform-origin:100% 50%
}
.ih-item.square.effect15.right_to_left a:hover .img{
    -webkit-transform:rotateY(90deg);
    -moz-transform:rotateY(90deg);
    -ms-transform:rotateY(90deg);
    -o-transform:rotateY(90deg);
    transform:rotateY(90deg)
}
.ih-item.square.effect15.right_to_left a:hover .info{
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    -ms-transform:rotateY(0);
    -o-transform:rotateY(0);
    transform:rotateY(0)
}
.ih-item.square.effect15.top_to_bottom .img{
    -webkit-transform:rotateX(0);
    -moz-transform:rotateX(0);
    -ms-transform:rotateX(0);
    -o-transform:rotateX(0);
    transform:rotateX(0);
    -webkit-transform-origin:50% 100%;
    -moz-transform-origin:50% 100%;
    -ms-transform-origin:50% 100%;
    -o-transform-origin:50% 100%;
    transform-origin:50% 100%
}
.ih-item.square.effect15.top_to_bottom .info{
    -webkit-transform:rotateX(-90deg);
    -moz-transform:rotateX(-90deg);
    -ms-transform:rotateX(-90deg);
    -o-transform:rotateX(-90deg);
    transform:rotateX(-90deg);
    -webkit-transform-origin:50% 0;
    -moz-transform-origin:50% 0;
    -ms-transform-origin:50% 0;
    -o-transform-origin:50% 0;
    transform-origin:50% 0
}
.ih-item.square.effect15.top_to_bottom a:hover .img{
    -webkit-transform:rotateX(90deg);
    -moz-transform:rotateX(90deg);
    -ms-transform:rotateX(90deg);
    -o-transform:rotateX(90deg);
    transform:rotateX(90deg)
}
.ih-item.square.effect15.top_to_bottom a:hover .info{
    -webkit-transform:rotateX(0);
    -moz-transform:rotateX(0);
    -ms-transform:rotateX(0);
    -o-transform:rotateX(0);
    transform:rotateX(0)
}
.ih-item.square.effect15.bottom_to_top .img{
    -webkit-transform:rotateX(0);
    -moz-transform:rotateX(0);
    -ms-transform:rotateX(0);
    -o-transform:rotateX(0);
    transform:rotateX(0);
    -webkit-transform-origin:50% 0;
    -moz-transform-origin:50% 0;
    -ms-transform-origin:50% 0;
    -o-transform-origin:50% 0;
    transform-origin:50% 0
}
.ih-item.square.effect15.bottom_to_top .info{
    -webkit-transform:rotateX(90deg);
    -moz-transform:rotateX(90deg);
    -ms-transform:rotateX(90deg);
    -o-transform:rotateX(90deg);
    transform:rotateX(90deg);
    -webkit-transform-origin:50% 100%;
    -moz-transform-origin:50% 100%;
    -ms-transform-origin:50% 100%;
    -o-transform-origin:50% 100%;
    transform-origin:50% 100%
}
.ih-item.square.effect15.bottom_to_top a:hover .img{
    -webkit-transform:rotateX(-90deg);
    -moz-transform:rotateX(-90deg);
    -ms-transform:rotateX(-90deg);
    -o-transform:rotateX(-90deg);
    transform:rotateX(-90deg)
}
.ih-item.square.effect15.bottom_to_top a:hover .info{
    -webkit-transform:rotateX(0);
    -moz-transform:rotateX(0);
    -ms-transform:rotateX(0);
    -o-transform:rotateX(0);
    transform:rotateX(0)
}