.main-wrapper.sihe-container{
    width: 100%;
    webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.sihe-row{
    width: 100%;text-align: center
}
*:before, *:after{
    webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
* { webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}


.sihe-hover-map{
    text-align: center;
    width: 100%;
    margin:  0 auto;
}
.hover-img img, .sihe-img-spin img{
    width: 100% !important;
    height: 100% !important
}
.sihe-responsive-4, .sihe-responsive-3, .sihe-responsive-2, .sihe-responsive-1 {

    display: inline-block;
    margin: auto
        
}
@media (max-width: 1200px) {
    .sihe-responsive-1 {
        width: 99%;
    }
    .sihe-responsive-2{
        width: 50%;
        min-width: 300px;
    }
    .sihe-responsive-3{
        width: 33%;
        min-width: 300px;
    }
    .sihe-responsive-4{
        width: 24.5%;
        min-width: 300px;
    }
    
}

@media (max-width: 600px) {
    .sihe-responsive-1, .sihe-responsive-2, .sihe-responsive-3, .sihe-responsive-4{
        width: 99%;
        min-width: 300px;
    }
    .sihe-hover{
        max-width: 250px !important;
        max-height: 250px !important;
    }
    
}
@media (max-width: 900px) {
    .sihe-responsive-1 {
        width: 99%;
    }
    .sihe-responsive-2, .sihe-responsive-3, .sihe-responsive-4{
        width: 50%;
        min-width: 300px;
    }
    
}
@media (min-width: 1201px) {
    .sihe-responsive-1 {
        width: 99%;
    }
    .sihe-responsive-2{
        width: 49%;
        min-width: 300px;
    }
    .sihe-responsive-3{
        width: 33%;
        min-width: 300px;
    }
    .sihe-responsive-4{
        width: 24.5%;
        min-width: 250px;
    }
    
}
.sihe-circle {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
}
.sihe-circle img{
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.sihe-hover img{
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.sihe-hover.sihe-circle .hover-img img {
    border-radius: 50%;
}
.sihe-hover.sihe-circle .hover-img {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

a:hover .sihe-info-circle{
    text-decoration: none;
    visibility: visible;
    opacity: 1;
}
a .sihe-info-circle {
    color: #ccc;

}
.hover-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;
    z-index:1;
    height:100%
}


.hover-img-cycle:before{
    position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 50%;
	
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.hover-img-cycle img{
    position: initial;
}
.sihe-border-nk-1{
	
	  border-radius: 50%;
	  -webkit-transition: all 0.8s ease-in-out;
	  -moz-transition: all 0.8s ease-in-out;
	  -o-transition: all 0.8s ease-in-out;
	  transition: all 0.8s ease-in-out;
}


/* ------------------------------------------------------------------CIRCLE COMMON EFFECTS END------------------------------------------------------- */


/* ------------------------------------------------------------------SQUARE COMMON EFFECTS STARTS------------------------------------------------ */



.sihe-square {
    position: relative;
    width: 100%;
    height: 100%;
    border: 8px solid #fff;
    text-align: center;
    margin: 0 auto;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.sihe-info-square {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.sihe-hover.sihe-square {
    overflow: hidden;
}
.sihe-sqr-hover {
    position: relative;
    width: 100%;
    height: 100%;
}

.sihe-sqr-hover img{
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.sihe-sqr-hover.sihe-square {
    position: relative;
    width: 100%;
    height: 100%;
    border: 8px solid #fff;
    text-align: center;
    margin: 0 auto;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.hover-img-1 {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 0%
}
.hover-img-1:before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 0%;
	box-shadow: inset 0 0 0 5px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.3);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
/*---------------------------------------------------------------------------- SQUARE COMMON EFFECTS ENDS------------------------------------------------ */

/* --------------------------------------------------------------------HOVER H3 || P  EFFECTS START ----------------------------------------------*/

.sihe-info-circle{
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: rgba(198, 170, 130, 0.49);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.sihe-info-circle h3 , .sihe-spin-circle h3 , .sihe-info-square h3{
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 12px;
    padding: 20% 0 10% 0 !important;
    height:40% !important;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.sihe-info-circle p , .sihe-spin-circle p , .sihe-info-square P{
    color: #fff;
    padding: 5%;
    font-style: italic;
    margin: 0 10%;
    font-size: 14px;
    height:60%;
	line-height: 20px;
    overflow:hidden;
}



/*--------------------------------------------------------------------- HOVER H3 || P  EFFECTS ENDS-------------------------------------------------- */





/*--------------------------------------------------------------------- BACKGROUND COLOR START -----------------------------------------------------------*/



.bg-1-1{
    background-color:rgba(80,240,60, .5)!important;
}
.bg-1-2{
    background-color:rgba(190,190,190, .5)!important;
}
.bg-1-3{
    background-color:rgba(128,0,128, .5)!important;
}
.bg-1-4{
    background-color:rgba(0,128,128, .5)!important;
}


/*---------------------------------------------------------------------- BACKGROUND COLOR END-------------------------------------------------------------- */



/*--------------------------------------------------------------------- COMMON EFFECTS END--------------------------------------------------------------- */



.sihe-circle-effect-1 .sihe-info-circle h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 65px 0 0 0;
    height: 30%;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.sihe-circle-effect-1 .sihe-info-circle p {
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
	height: 70%;
}
.sihe-circle-effect-1 a:hover .hover-img {
    opacity: 0;
    visibility: hidden;

}
.sihe-circle-effect-1 a:hover .sihe-info-circle {
    visibility: visible;
    opacity: 1;
	transition:2s
}

.sihe-circle-effect-1.sihe-left-to-right .hover-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%;
}
.sihe-circle-effect-1.sihe-left-to-right .sihe-info-circle {
    -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%;
}
.sihe-circle-effect-1.sihe-left-to-right a:hover .hover-img {
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
}
.sihe-circle-effect-1.sihe-left-to-right a:hover .sihe-info-circle {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
}

.sihe-circle-effect-1.sihe-right-to-left .hover-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%;
}
.sihe-circle-effect-1.sihe-right-to-left .sihe-info-circle {
    -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%;
}
.sihe-circle-effect-1.sihe-right-to-left a:hover .hover-img {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
}
.sihe-circle-effect-1.sihe-right-to-left a:hover .sihe-info-circle {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
}

.sihe-circle-effect-1.sihe-top-to-bottom .hover-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%;
}
.sihe-circle-effect-1.sihe-top-to-bottom .sihe-info-circle {
    -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;
}
.sihe-circle-effect-1.sihe-top-to-bottom a:hover .hover-img {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
}
.sihe-circle-effect-1.sihe-top-to-bottom a:hover .sihe-info-circle {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
}

.sihe-circle-effect-1.sihe-bottom-to-top .hover-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;
}
.sihe-circle-effect-1.sihe-bottom-to-top .sihe-info-circle {
    -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%;
}
.sihe-circle-effect-1.sihe-bottom-to-top a:hover .hover-img {
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
}
.sihe-circle-effect-1.sihe-bottom-to-top a:hover .sihe-info-circle {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
}



/*------------------------------ EFFECTS-2 STARTS -----------------------------------*/


.sihe-circle-effect2 a:hover .hover-img {
    opacity: 0;
    pointer-events: none;
}

.sihe-info-circle {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.sihe-circle-effect2 a:hover .sihe-info-circle {
    visibility: visible;
    opacity: 1;
}
/* TOP BOTTOM RIGHT LEFT TRANSLATE EFFECTS */
.sihe-top-to-bottom .hover-img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.sihe-top-to-bottom .sihe-info-circle {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}
.sihe-top-to-bottom a:hover .hover-img {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}
.sihe-top-to-bottom a:hover .sihe-info-circle {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}


.sihe-bottom-to-top .hover-img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.sihe-bottom-to-top .sihe-info-circle {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.sihe-bottom-to-top a:hover .hover-img {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}
.sihe-bottom-to-top a:hover .sihe-info-circle {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.sihe-left-to-right .hover-img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.sihe-left-to-right .sihe-info-circle {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}
.sihe-left-to-right a:hover .hover-img {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}
.sihe-left-to-right a:hover .sihe-info-circle {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.sihe-right-to-left .hover-img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.sihe-right-to-left .sihe-info-circle {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}
.sihe-right-to-left a:hover .hover-img {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}
.sihe-right-to-left a:hover .sihe-info-circle {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.sihe-left-to-right .hover-img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.sihe-left-to-right .sihe-info-circle {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
.sihe-left-to-right a:hover .hover-img {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}
.sihe-left-to-right a:hover .sihe-info-circle {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

/* ---------------------------TOP BOTTOM RIGHT LEFT TRANSLATE EFFECTS ENDS------------- */



/*-------------------------------- EFFECTS-2 ENDS -------------------------------------*/


/* -------------------------------EFFECTS-3 STARTS ------------------------------------*/



.sihe-circle-effect-3 a:hover .hover-img {
    opacity: 0;
}
.sihe-circle-effect-3 a:hover .sihe-info-circle {
    visibility: visible;
    opacity: 1;
}


/* -----------------------------EFFECTS-3 ENDS ----------------------------------*/


/* ----------------------------EFFECTS-4 STARTS ----------------------------------*/



/* -----------------------------SCALE EFFECTS ------------------------------------*/

.sihe-circle-effect-4.sihe-left-to-right .hover-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);
}

.sihe-circle-effect-4.sihe-left-to-right a:hover .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%);
}

.sihe-circle-effect-4.sihe-right-to-left .hover-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);
}
.sihe-circle-effect-4.sihe-right-to-left a:hover .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%);
}

.sihe-circle-effect-4 .sihe-top-to-bottom .hover-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);
}
.sihe-circle-effect-4.sihe-top-to-bottom a:hover .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%);
}

.sihe-circle-effect-4.sihe-bottom-to-top .hover-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);
}
.sihe-circle-effect-4.sihe-bottom-to-top a:hover .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%);
}

/*-------------------------------- SCALE EFFECTS ---------------------------*/



/*---------------------------------- EFFECTS-4 ENDS------------------------ */


/*---------------------------------- EFFECTS-5 START------------------------ */

/*------------------------------- TRANSLATE ROTATE EFFECTS------------------------ */

.sihe-circle-effect-5.sihe-left-to-right .hover-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);
}
.sihe-circle-effect-5.sihe-left-to-right .sihe-info-circle {
    -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);
}
.sihe-circle-effect-5.sihe-left-to-right a:hover .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);
}
.sihe-circle-effect-5.sihe-left-to-right a:hover .sihe-info-circle {
    -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;
}

.sihe-circle-effect-5.sihe-right-to-left .hover-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);
}
.sihe-circle-effect-5.sihe-right-to-left .sihe-info-circle {
    -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);
}
.sihe-circle-effect-5.sihe-right-to-left a:hover .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);
}
.sihe-circle-effect-5.sihe-right-to-left a:hover .sihe-info-circle {
    -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;
}

.sihe-circle-effect-5.sihe-top-to-bottom .hover-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);
}
.sihe-circle-effect-5.sihe-top-to-bottom .sihe-info-circle {
    -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);
}
.sihe-circle-effect-5.sihe-top-to-bottom a:hover .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);
}
.sihe-circle-effect-5.sihe-top-to-bottom a:hover .sihe-info-circle {
    -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;
}

.sihe-circle-effect-5.sihe-bottom-to-top .hover-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);
}
.sihe-circle-effect-5.sihe-bottom-to-top .sihe-info-circle {
    -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);
}
.sihe-circle-effect-5.sihe-bottom-to-top a:hover .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);
}
.sihe-circle-effect-5.sihe-bottom-to-top a:hover .sihe-info-circle {
    -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;
}
.sihe-circle-effect-5 a:hover .hover-img {
    opacity: 0;
    pointer-events: none;
}


/* ------------------------------EFFECTS-5 ENDS -------------------------*/


/* ------------------------------EFFECTS-6 STARTS -------------------------*/


.sihe-circle-effect-6 .hover-img-1 {
    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;
}


.sihe-circle-effect-6 .sihe-info-circle h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 16px;
    margin: 1px 28px;
    padding: 20% 0 0 0;
    height: 30%;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.sihe-circle-effect-6 .sihe-info-circle p {
    color: #fff;
    padding: 5%;
    font-style: italic;
    margin: 0 10%;
    font-size: 14px;
    height:70%;
	line-height: 20px;
    overflow:hidden;
}

.sihe-circle-effect-6.sihe-left-to-right .sihe-info-circle {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}
.sihe-circle-effect-6.sihe-left-to-right a:hover .hover-img-1 {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.sihe-circle-effect-6.sihe-left-to-right a:hover .sihe-info-circle {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.sihe-circle-effect-6.sihe-right-to-left .sihe-info-circle {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
.sihe-circle-effect-6.sihe-right-to-left a:hover .hover-img-1 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.sihe-circle-effect-6.sihe-right-to-left a:hover .sihe-info-circle {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.sihe-circle-effect-6.sihe-top-to-bottom .sihe-info-circle {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.sihe-circle-effect-6.sihe-top-to-bottom a:hover .hover-img-1 {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.sihe-circle-effect-6.sihe-top-to-bottom a:hover .sihe-info-circle {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.sihe-circle-effect-6.sihe-bottom-to-top .sihe-info-circle {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}
.sihe-circle-effect-6.sihe-bottom-to-top a:hover .hover-img-1 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.sihe-circle-effect-6.sihe-bottom-to-top a:hover .sihe-info-circle {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}





/* ------------------------------EFFECTS-6 ENDS -------------------------*/

/* ------------------------------EFFECTS-7 STARTS -------------------------*/


.sihe-circle-effect-7 .sihe-info-circle h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 16px;
    margin: 1px 28px;
    padding: 66px 0 0 0;
    height: 30%;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.sihe-circle-effect-7 .sihe-info-circle p {
    color: #fff;
    padding: 5%;
    font-style: italic;
    margin: 0 10%;
    font-size: 14px;
    height: 70%;
	line-height: 15px;
    overflow:hidden;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.sihe-circle-effect-7 a:hover .hover-img {
    opacity: 0;
    pointer-events: none;
}
.sihe-circle-effect-7 a:hover .sihe-info-circle {
    visibility: visible;
    opacity: 1;
}

.sihe-circle-effect-7.sihe-left-to-right .hover-img {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.sihe-circle-effect-7.sihe-left-to-right .sihe-info-circle {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}
.sihe-circle-effect-7.sihe-left-to-right a:hover .hover-img {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
.sihe-circle-effect-7.sihe-left-to-right a:hover .sihe-info-circle {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.sihe-circle-effect-7.sihe-right-to-left .hover-img {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.sihe-circle-effect-7.sihe-right-to-left .sihe-info-circle {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
.sihe-circle-effect-7.sihe-right-to-left a:hover .hover-img {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}
.sihe-circle-effect-7.sihe-right-to-left a:hover .sihe-info-circle {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.sihe-circle-effect-7.sihe-top-to-bottom .hover-img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.sihe-circle-effect-7.sihe-top-to-bottom .sihe-info-circle {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}
.sihe-circle-effect-7.sihe-top-to-bottom a:hover .hover-img {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.sihe-circle-effect-7.sihe-top-to-bottom a:hover .sihe-info-circle {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.sihe-circle-effect-7.sihe-bottom-to-top .hover-img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.sihe-circle-effect-7.sihe-bottom-to-top .sihe-info-circle {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.sihe-circle-effect-7.sihe-bottom-to-top a:hover .hover-img {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}
.sihe-circle-effect-7.sihe-bottom-to-top a:hover .sihe-info-circle {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}




/* ------------------------------EFFECTS-7 ENDS -------------------------*/




/* ------------------------------EFFECTS-8 STARTS -------------------------*/


.sihe-circle-effect-8 .sihe-info-circle {
    -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;
}
.sihe-info-circle .sihe-info-circle-back {
    visibility: hidden;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    background: #333333;
    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;
	
	border-radius:50%
}
.sihe-circle-effect-8 a:hover .sihe-info-circle {
    -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);
}
.sihe-circle-effect-8 a:hover .sihe-info-circle .sihe-info-circle-back {
    visibility: visible;
}





/* ------------------------------EFFECTS-8 ENDS -------------------------*/


/* ------------------------------EFFECTS-9 STARTS------------------------ */

.sihe-info-circle-1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.sihe-circle-effect-9 .sihe-info-circle-1 {
    background: #333333;
    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;
}

.sihe-circle-effect-9.sihe-scale-up .sihe-info-circle-1 {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}
.sihe-circle-effect-9.sihe-scale-up a:hover .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);
}
.sihe-circle-effect-9.sihe-scale-up a:hover .sihe-info-circle-1 {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.sihe-circle-effect-9.sihe-scale-down .sihe-info-circle-1 {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}
.sihe-circle-effect-9.sihe-scale-down a:hover .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);
}
.sihe-circle-effect-9.sihe-scale-down a:hover .sihe-info-circle-1 {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.sihe-circle-effect-9.sihe-scale-down_up .sihe-info-circle-1 {
    -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;
}
.sihe-circle-effect-9.sihe-scale-down_up a:hover .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);
}
.sihe-circle-effect-9.sihe-scale-down_up a:hover .sihe-info-circle-1 {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/* ------------------------------EFFECTS-9 ENDS------------------------ */


/* ------------------------------EFFECTS-10 STARTS------------------------ */

.sihe-circle-effect-10 a:hover .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);
}
.sihe-circle-effect-10 a:hover .sihe-info-circle {
    visibility: visible;
    opacity: 1;
}

.sihe-circle-effect-10.sihe-left-to-right .sihe-info-circle {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}
.sihe-circle-effect-10.sihe-left-to-right a:hover .sihe-info-circle {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.sihe-circle-effect-10.sihe-right-to-left .sihe-info-circle {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
.sihe-circle-effect-10.sihe-right-to-left a:hover .sihe-info-circle {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.sihe-circle-effect-10.sihe-top-to-bottom .sihe-info-circle {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}
.sihe-circle-effect-10.sihe-top-to-bottom a:hover .sihe-info-circle {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.sihe-circle-effect-10.sihe-bottom-to-top .sihe-info-circle {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.sihe-circle-effect-10.sihe-bottom-to-top a:hover .sihe-info-circle {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

/* ------------------------------EFFECTS-10 ENDS------------------------ */



/* ------------------------------EFFECTS-11 STARTS------------------------ */

.sihe-circle-effect-11 .sihe-info-circle h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
	height: 30%;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.sihe-circle-effect-11 .sihe-info-circle p {
    color: #fff;
    padding: 5%;
    font-style: italic;
    margin: 0 10%;
    font-size: 14px;
    height: 70%;
	line-height: 15px;
    overflow:hidden;
}
.sihe-circle-effect-11 a:hover .sihe-info-circle {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.sihe-circle-effect-11.sihe-top-to-bottom .sihe-info-circle h3 {
    margin: 0 30px;
    padding: 25px 0 0 0;
    height: 10%;
}
.sihe-circle-effect-11.sihe-top-to-bottom .sihe-info-circle p {
    margin: 0 30px;
    padding: 5px;
}
.sihe-circle-effect-11.sihe-top-to-bottom a:hover .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);
}

.sihe-circle-effect-11.sihe-bottom-to-top .sihe-info-circle h3 {
    margin: 95px 30px 0;
    padding: 25px 0 0 0;
    height: 10%;
}
.sihe-circle-effect-11.sihe-bottom-to-top .sihe-info-circle p {
    margin: 0 30px;
    padding: 5px;
}
.sihe-circle-effect-11.sihe-bottom-to-top a:hover .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);
}


/* ------------------------------EFFECTS-11 ENDS------------------------ */


/* ------------------------------EFFECTS-12 STARTS------------------------ */


.sihe-circle-effect-12 .sihe-info-circle h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 65px 0 0 0;
    height: 30%;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.sihe-circle-effect-12 .sihe-info-circle p {
    color: #fff;
    padding: 5%;
    font-style: italic;
    margin: 0 10%;
    font-size: 14px;
    height: 70%;
	line-height: 15px;
    overflow:hidden;
}
.sihe-circle-effect-12 a:hover .hover-img {
    opacity: 0;
}
.sihe-circle-effect-12 a:hover .sihe-info-circle {
    visibility: visible;
    opacity: 1;
}

.sihe-circle-effect-12.sihe-left-to-right .hover-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);
}
.sihe-circle-effect-12.sihe-left-to-right .sihe-info-circle {
    -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);
}
.sihe-circle-effect-12.sihe-left-to-right a:hover .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);
}
.sihe-circle-effect-12.sihe-left-to-right a:hover .sihe-info-circle {
    -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);
}

.sihe-circle-effect-12.sihe-right-to-left .hover-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);
}
.sihe-circle-effect-12.sihe-right-to-left .sihe-info-circle {
    -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);
}
.sihe-circle-effect-12.sihe-right-to-left a:hover .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);
}
.sihe-circle-effect-12.sihe-right-to-left a:hover .sihe-info-circle {
    -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);
}

.sihe-circle-effect-12.sihe-top-to-bottom .hover-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);
}
.sihe-circle-effect-12.sihe-top-to-bottom .sihe-info-circle {
    -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);
}
.sihe-circle-effect-12.sihe-top-to-bottom a:hover .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);
}
.sihe-circle-effect-12.sihe-top-to-bottom a:hover .sihe-info-circle {
    -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);
}

.sihe-circle-effect-12.sihe-bottom-to-top .hover-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);
}
.sihe-circle-effect-12.sihe-bottom-to-top .sihe-info-circle {
    -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);
}
.sihe-circle-effect-12.sihe-bottom-to-top a:hover .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);
}
.sihe-circle-effect-12.sihe-bottom-to-top a:hover .sihe-info-circle {
    -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);
}



/* ------------------------------EFFECTS-12 ENDS------------------------ */




/* ------------------------------EFFECTS-13 STARTS------------------------ */

.sihe-info-circle-2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #333333;
    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;
}
.sihe-circle-effect-13 .sihe-info-circle-2 h3 {
    visibility: hidden;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 20px 0 10px;
    padding: 80px 0 0 0;
    height: 30%;
    text-shadow: 0 0 1px white, 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;
}
.sihe-circle-effect-13 .sihe-info-circle-2 p {
    color: #fff;
    padding: 5%;
    font-style: italic;
    margin: 0 10%;
    font-size: 14px;
    height: 70%;
	line-height: 15px;
    overflow:hidden;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.sihe-circle-effect-13 a:hover .sihe-info-circle-2 {
    opacity: 1;
}
.sihe-circle-effect-13 a:hover h3 {
    visibility: visible;
}
.sihe-circle-effect-13 a:hover p {
    visibility: visible;
}

.sihe-circle-effect-13.from_left_and_right .sihe-info-circle-2 h3 {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}
.sihe-circle-effect-13.from_left_and_right .sihe-info-circle-2 p {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
.sihe-circle-effect-13.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);
}
.sihe-circle-effect-13.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);
}

.sihe-circle-effect-13.sihe-top-to-bottom .sihe-info-circle-2 h3 {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.sihe-circle-effect-13.sihe-top-to-bottom .sihe-info-circle-2 p {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.sihe-circle-effect-13.sihe-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);
}
.sihe-circle-effect-13.sihe-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);
}
.sihe-circle-effect-13.sihe-bottom-to-top .sihe-info-circle-2 h3 {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}
.sihe-circle-effect-13.sihe-bottom-to-top .sihe-info-circle-2 p {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}
.sihe-circle-effect-13.sihe-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);
}
.sihe-circle-effect-13.sihe-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);
}



/* ------------------------------EFFECTS-13 ENDS------------------------ */


/* ------------------------------EFFECTS-14 STARTS------------------------ */



.sihe-circle-effect-14 .sihe-info-circle {
    background: #333333;
    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;
}
.sihe-circle-effect-14 a:hover .hover-img {
    opacity: 0;
    visibility: hidden;
}
.sihe-circle-effect-14 a:hover .sihe-info-circle {
    visibility: visible;
    opacity: 1;
}

.sihe-circle-effect-14.sihe-left-to-right .hover-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%;
}
.sihe-circle-effect-14.sihe-left-to-right .sihe-info-circle {
    -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%;
}
.sihe-circle-effect-14.sihe-left-to-right a:hover .hover-img {
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
}
.sihe-circle-effect-14.sihe-left-to-right a:hover .sihe-info-circle {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
}

.sihe-circle-effect-14.sihe-right-to-left .hover-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%;
}
.sihe-circle-effect-14.sihe-right-to-left .sihe-info-circle {
    -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%;
}
.sihe-circle-effect-14.sihe-right-to-left a:hover .hover-img {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
}
.sihe-circle-effect-14.sihe-right-to-left a:hover .sihe-info-circle {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
}

.sihe-circle-effect-14.sihe-top-to-bottom .hover-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%;
}
.sihe-circle-effect-14.sihe-top-to-bottom .sihe-info-circle {
    -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;
}
.sihe-circle-effect-14.sihe-top-to-bottom a:hover .hover-img {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
}
.sihe-circle-effect-14.sihe-top-to-bottom a:hover .sihe-info-circle {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
}

.sihe-circle-effect-14.sihe-bottom-to-top .hover-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;
}
.sihe-circle-effect-14.sihe-bottom-to-top .sihe-info-circle {
    -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%;
}
.sihe-circle-effect-14.sihe-bottom-to-top a:hover .hover-img {
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
}
.sihe-circle-effect-14.sihe-bottom-to-top a:hover .sihe-info-circle {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
}





/* ------------------------------EFFECTS-14 ENDS ------------------------ */



/* ------------------------------EFFECTS-15 STARTS ------------------------ */


.sihe-circle-effect-15 .sihe-info-circle {
    background: #333333;
    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;
}
.sihe-circle-effect-15 .sihe-info-circle h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 80px 0 0 0;
    height: 30%;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.sihe-circle-effect-15 .sihe-info-circle p {
    color: #fff;
    padding: 5%;
    font-style: italic;
    margin: 0 10%;
    font-size: 14px;
    height: 70%;
	line-height: 15px;
    overflow:hidden;
}
.sihe-circle-effect-15 a:hover .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);
}
.sihe-circle-effect-15 a:hover .sihe-info-circle {
    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);
}




/* ------------------------------EFFECTS-15 ENDS ------------------------ */


/* ------------------------------EFFECTS-16 STARTS ------------------------ */


.sihe-circle-effect-16 .sihe-info-circle h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 80px 0 0 0;
    height: 30%;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.sihe-circle-effect-16 .sihe-info-circle p {
    color: #fff;
    padding: 5%;
    font-style: italic;
    margin: 0 10%;
    font-size: 14px;
    height: 70%;
	line-height: 15px;
    overflow:hidden;
    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;
}
.sihe-circle-effect-16.sihe-left-to-right .hover-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%;
}
.sihe-circle-effect-16.sihe-left-to-right a:hover .hover-img {
    -webkit-transform: rotate(-120deg);
    -moz-transform: rotate(-120deg);
    -ms-transform: rotate(-120deg);
    -o-transform: rotate(-120deg);
    transform: rotate(-120deg);
}
.sihe-circle-effect-16.sihe-right-to-left .hover-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%;
}

.sihe-circle-effect-16.sihe-right-to-left a:hover .hover-img {
    -webkit-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    transform: rotate(120deg);
}



/* ------------------------------EFFECTS-16 ENDS ------------------------ */



/* ------------------------------EFFECTS-17 STARTS ------------------------ */



.sihe-circle-effect-17 .sihe-info-circle {
    background: #333333;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.5) rotate(-90deg);
    -moz-transform: scale(0.5) rotate(-90deg);
    -ms-transform: scale(0.5) rotate(-90deg);
    -o-transform: scale(0.5) rotate(-90deg);
    transform: scale(0.5) rotate(-90deg);
    -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;
}
.sihe-circle-effect-17 .sihe-info-circle h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 80px 0 0 0;
    height: 30%;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.sihe-circle-effect-17 .sihe-info-circle p {
    color: #fff;
    padding: 5%;
    font-style: italic;
    margin: 0 10%;
    font-size: 14px;
    height: 70%;
	line-height: 15px;
    overflow:hidden;
}
.sihe-circle-effect-17 a:hover .hover-img {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.5) rotate(90deg);
    -moz-transform: scale(0.5) rotate(90deg);
    -ms-transform: scale(0.5) rotate(90deg);
    -o-transform: scale(0.5) rotate(90deg);
    transform: scale(0.5) rotate(90deg);
}
.sihe-circle-effect-17 a:hover .sihe-info-circle {
    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);
}




/* ------------------------------EFFECTS-17 ENDS ------------------------ */



/* ------------------------------EFFECTS-18 STARTS ------------------------ */

.sihe-circle-effect-18 .sihe-info-circle h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 80px 0 0 0;
    height: 30%;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.sihe-circle-effect-18 .sihe-info-circle p {
    color: #fff;
    padding: 5%;
    font-style: italic;
    margin: 0 10%;
    font-size: 14px;
    height: 70%;
	line-height: 15px;
    overflow:hidden;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.sihe-circle-effect-18.sihe-bottom-to-top .hover-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;
}
.sihe-circle-effect-18.sihe-bottom-to-top a:hover .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);
}

.sihe-circle-effect-18.sihe-top-to-bottom .hover-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%;
}
.sihe-circle-effect-18.sihe-top-to-bottom a:hover .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);
}

.sihe-circle-effect-18.sihe-left-to-right .hover-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%;
}
.sihe-circle-effect-18.sihe-left-to-right a:hover .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);
}

.sihe-circle-effect-18.sihe-right-to-left .hover-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%;
}
.sihe-circle-effect-18.sihe-right-to-left a:hover .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);
}



/* ------------------------------EFFECTS-18 ENDS ------------------------ */



/* ------------------------------EFFECTS-19 STARTS ------------------------ */


.sihe-circle-effect-19 .hover-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;
}

.sihe-circle-effect-19 .sihe-info-circle h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 80px 0 0 0;
    height: 30%;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.sihe-circle-effect-19 .sihe-info-circle p {
    color: #fff;
    padding: 5%;
    font-style: italic;
    margin: 0 10%;
    font-size: 14px;
    height: 70%;
	line-height: 15px;
    overflow:hidden;
}
.sihe-circle-effect-19 a:hover .hover-img {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.5) rotate(1440deg);
    -moz-transform: scale(0.5) rotate(1440deg);
    -ms-transform: scale(0.5) rotate(1440deg);
    -o-transform: scale(0.5) rotate(1440deg);
    transform: scale(0.5) rotate(1440deg);
}
.sihe-circle-effect-19 a:hover .sihe-info-circle {
    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);
}

/* ------------------------------EFFECTS-19 ENDS ------------------------ */

/* ------------------------------EFFECTS-20 STARTS ------------------------ */

.sihe-circle-effect-20 .hover-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 2s ease-in-out;
}

.sihe-circle-effect-20 .sihe-info-circle h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 80px 0 0 0;
    height: 30%;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.sihe-circle-effect-20 .sihe-info-circle p {
    color: #fff;
    padding: 5%;
    font-style: italic;
    margin: 0 10%;
    font-size: 14px;
    height: 70%;
	line-height: 15px;
    overflow:hidden;
}
.sihe-circle-effect-20 a:hover .hover-img {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(1) rotate(1440deg);
    -moz-transform: scale(1) rotate(1440deg);
    -ms-transform: scale(1) rotate(1440deg);
    -o-transform: scale(1) rotate(1440deg);
    transform: scale(1) rotate(1440deg);
}
.sihe-circle-effect-20 a:hover .sihe-info-circle {
    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);
}




/* ------------------------------EFFECTS-20 ENDS ------------------------ */

/* ------------------------------EFFECTS-21 STARTS ------------------------ */
.sihe-hover.sihe-circle .hover-img-1:before {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
   
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.sihe-hover.sihe-circle .hover-img-1 img {
    border-radius: 50%;
}

.sihe-hover.sihe-circle.sihe-circle-effect-21 .hover-img-1 {
    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;
}


.sihe-circle-effect-21 .sihe-info-circle h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 16px;
    margin: 1px 28px;
    padding: 20% 0 0 0;
    height: 30%;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.sihe-circle-effect-21 .sihe-info-circle p {
    color: #fff;
    padding: 5%;
    font-style: italic;
    margin: 0 10%;
    font-size: 14px;
    height: 70%;
	line-height: 15px;
    overflow:hidden;
}

.sihe-circle-effect-21.sihe-left-to-right .sihe-info-circle {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}
.sihe-circle-effect-21.sihe-left-to-right a:hover .sihe-info-circle {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
	border:5px #CCCCCC solid;
	border-radius:50%
}

.sihe-circle-effect-21.sihe-right-to-left .sihe-info-circle {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

.sihe-circle-effect-21.sihe-right-to-left a:hover .sihe-info-circle {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
	border:5px #CCCCCC solid;
	border-radius:50%
}

.sihe-circle-effect-21.sihe-top-to-bottom .sihe-info-circle {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.sihe-circle-effect-21.sihe-top-to-bottom a:hover .sihe-info-circle {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
	border:5px #CCCCCC solid;
	border-radius:50%
}

.sihe-circle-effect-21.sihe-bottom-to-top .sihe-info-circle {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.sihe-circle-effect-21.sihe-bottom-to-top a:hover .sihe-info-circle {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
	border:5px #CCCCCC solid;
	border-radius:50%
}
/* ------------------------------EFFECTS-21 ENDS ------------------------ */

/*-------------------------------- EFFECTS 22 STARTS ---------------------------------*/

.sihe-circle-effect-22.sihe-left-to-right .hover-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)
}
.sihe-circle-effect-22.sihe-left-to-right .sihe-info-circle {
    -webkit-transform: translateX(100%) rotate(0deg);
    -moz-transform: translateX(100%) rotate(0deg);
    -ms-transform: translateX(100%) rotate(0deg);
    -o-transform: translateX(100%) rotate(0deg);
    transform: translateX(100%) rotate(0deg);
}
.sihe-circle-effect-22.sihe-left-to-right a:hover .hover-img {
    -webkit-transform: translateX(100%) rotate(0deg);
    -moz-transform: translateX(100%) rotate(0deg);
    -ms-transform: translateX(100%) rotate(0deg);
    -o-transform: translateX(100%) rotate(0deg);
    transform: translateX(100%) rotate(0deg);

}
.sihe-circle-effect-22.sihe-left-to-right a:hover .sihe-info-circle {
    -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;
}

.sihe-circle-effect-22.sihe-right-to-left .hover-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);
}
.sihe-circle-effect-22.sihe-right-to-left .sihe-info-circle {
    -webkit-transform: translateX(-100%) rotate(0deg);
    -moz-transform: translateX(-100%) rotate(0deg);
    -ms-transform: translateX(-100%) rotate(0deg);
    -o-transform: translateX(-100%) rotate(0deg);
    transform: translateX(-100%) rotate(0deg);
}
.sihe-circle-effect-22.sihe-right-to-left a:hover .hover-img {
    -webkit-transform: translateX(-100%) rotate(0deg);
    -moz-transform: translateX(-100%) rotate(0deg);
    -ms-transform: translateX(-100%) rotate(0deg);
    -o-transform: translateX(-100%) rotate(0deg);
    transform: translateX(-100%) rotate(0deg);
}
.sihe-circle-effect-22.sihe-right-to-left a:hover .sihe-info-circle {
    -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;
}

.sihe-circle-effect-22.sihe-top-to-bottom .hover-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);
}
.sihe-circle-effect-22.sihe-top-to-bottom .sihe-info-circle {
    -webkit-transform: translateY(-100%) rotate(0deg);
    -moz-transform: translateY(-100%) rotate(0deg);
    -ms-transform: translateY(-100%) rotate(0deg);
    -o-transform: translateY(-100%) rotate(0deg);
    transform: translateY(-100%) rotate(0deg);
}
.sihe-circle-effect-22.sihe-top-to-bottom a:hover .hover-img {
    -webkit-transform: translateY(-100%) rotate(0deg);
    -moz-transform: translateY(-100%) rotate(0deg);
    -ms-transform: translateY(-100%) rotate(0deg);
    -o-transform: translateY(-100%) rotate(0deg);
    transform: translateY(-100%) rotate(0deg);
}
.sihe-circle-effect-22.sihe-top-to-bottom a:hover .sihe-info-circle {
    -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;
}

.sihe-circle-effect-22.sihe-bottom-to-top .hover-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);
}
.sihe-circle-effect-22.sihe-bottom-to-top .sihe-info-circle {
    -webkit-transform: translateY(100%) rotate(0deg);
    -moz-transform: translateY(100%) rotate(0deg);
    -ms-transform: translateY(100%) rotate(0deg);
    -o-transform: translateY(100%) rotate(0deg);
    transform: translateY(100%) rotate(0deg);
}
.sihe-circle-effect-22.sihe-bottom-to-top a:hover .hover-img {
    -webkit-transform: translateY(100%) rotate(0deg);
    -moz-transform: translateY(100%) rotate(0deg);
    -ms-transform: translateY(100%) rotate(0deg);
    -o-transform: translateY(100%) rotate(0deg);
    transform: translateY(100%) rotate(0deg);
}
.sihe-circle-effect-22.sihe-bottom-to-top a:hover .sihe-info-circle {
    -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;
}
.sihe-circle-effect-22 a:hover .hover-img {
    opacity: 0;
    pointer-events: none;
}



/*-------------------------------- EFFECTS 22 ENDS ---------------------------------*/




/*-------------------------------- EFFECTS 23 STARTS ---------------------------------*/



.sihe-circle-effect-23 .sihe-info-circle-2 h3 {
    -webkit-transform: scale(100);
    -moz-transform: scale(100);
    -ms-transform: scale(100);
    -o-transform: scale(100);
    transform: scale(100);
    -webkit-transition: all 1s 0.1s ease-in-out;
    -moz-transition: all 1s 0.1s ease-in-out;
    transition: all 1s 0.1s ease-in-out;
}
.sihe-circle-effect-23 .sihe-info-circle-2 p {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.sihe-circle-effect-23 a:hover .sihe-info-circle-2 {
    opacity: 1;
}
.sihe-circle-effect-23 a:hover h3 {
    visibility: visible;
}
.sihe-circle-effect-23 a:hover p {
    visibility: visible;
}


.sihe-circle-effect-23 .sihe-info-circle-2 {
    visibility: hidden;
    opacity: 0
}
.sihe-circle-effect-23 .sihe-info-circle-2  h3 {
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -ms-transform: scale(10);
    -o-transform: scale(10);
    transform: scale(10);
    -webkit-transition: all 1s 0.1s ease-in-out;
    -moz-transition: all 1s 0.1s ease-in-out;
    transition: all 1s 0.1s ease-in-out;
}

.sihe-circle-effect-23 a:hover .sihe-info-circle-2 {
    visibility: visible;
    opacity: 1;
}
.sihe-circle-effect-23 a:hover .sihe-info-circle-2 h3,
.sihe-circle-effect-23 a:hover .sihe-info-circle-2 p {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 1s 0.1s ease-in-out;
    -moz-transition: all 1s 0.1s ease-in-out;
    transition: all 1s 0.1s ease-in-out;
}

/*-------------------------------- EFFECTS 23 ENDS ---------------------------------*/


/*-------------------------------- EFFECTS 24 STARTS ---------------------------------*/


.sihe-circle-effect-24 .sihe-info-circle {
    -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
}
.sihe-circle-effect-24 .sihe-info-circle .sihe-info-circle-back {
    visibility: hidden;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transform: rotate3d(0, 1, 0, 90deg);
    -moz-transform: rotate3d(0, 1, 0, 90deg);
    -ms-transform: rotate3d(0, 1, 0, 90deg);
    -o-transform: rotate3d(0, 1, 0, 90deg);
    transform: rotate3d(1, 1, 0, 90deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	border:5px #CCCCCC solid;
	border-radius:50%
}
.sihe-circle-effect-24 .sihe-info-circle h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 16px;
    margin: 1px 28px;
    padding: 80px 0 0 0;
    height: 30%;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.sihe-circle-effect-24 .sihe-info-circle p {
    color: #fff;
    padding: 5%;
    font-style: italic;
    margin: 0 10%;
    font-size: 14px;
    height: 70%;
	line-height: 15px;
    overflow:hidden;
}
.sihe-circle-effect-24 a:hover .sihe-info-circle {
    -webkit-transform: rotate3d(0, 1, 0, -90deg);
    -moz-transform: rotate3d(0, 1, 0, -90deg);
    -ms-transform: rotate3d(0, 1, 0, -90deg);
    -o-transform: rotate3d(0, 1, 0, -90deg);
    transform: rotate3d(1, 1, 0, -90deg);
}
.sihe-circle-effect-24 a:hover .sihe-info-circle .sihe-info-circle-back {
    visibility: visible;
}




/*-------------------------------- EFFECTS 24 ENDS ---------------------------------*/

/*-------------------------------- EFFECTS 25 STARTS ---------------------------------*/

.sihe-circle-effect-25 .sihe-info-circle h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
	height: 30%;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.sihe-circle-effect-25 .sihe-info-circle p {
    color: #fff;
    padding: 5%;
    font-style: italic;
    margin: 0 10%;
    font-size: 14px;
    height: 70%;
	line-height: 15px;
    overflow:hidden;

}


.sihe-circle-effect-25.sihe-top-to-bottom .sihe-info-circle h3 {
    margin: 0 30px;
    padding: 25px 0 0 0;
    height: 10%;
}
.sihe-circle-effect-25.sihe-top-to-bottom .sihe-info-circle p {
    margin: 0 30px;
    padding: 5px;
}
.sihe-circle-effect-25.sihe-top-to-bottom a:hover .hover-img {
    -webkit-transform: translateY(50px) scale(0.2);
    -moz-transform: translateY(50px) scale(0.2);
    -ms-transform: translateY(50px) scale(0.2);
    -o-transform: translateY(50px) scale(0.2);
    transform: translateY(50px) scale(0.2);
	transition:2s
}

.sihe-circle-effect-25.sihe-bottom-to-top .sihe-info-circle h3 {
    margin: 95px 30px 0;
    padding: 25px 0 0 0;
    height: 10%;
}
.sihe-circle-effect-25.sihe-bottom-to-top .sihe-info-circle p {
    margin: 0 30px;
    padding: 5px;
}
.sihe-circle-effect-25.sihe-bottom-to-top a:hover .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(.2);
	transition:2s
}

/*-------------------------------- EFFECTS 25 ENDS ---------------------------------*/

/* -------------------------------EFFECTS-26 STARTS ------------------------------------*/


.sihe-border-nk {  
	  border: 13px 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;	
}
.sihe-circle-effect-26 .sihe-info-circle {
	position:absolute; 
    display: inline-block;
	opacity: 0;
	
}
.sihe-circle-effect-26 a:hover .hover-img {
    opacity: 0;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sihe-circle-effect26 a:hover .sihe-info-circle {
    visibility: visible;
    opacity: 1;
}


/* -----------------------------EFFECTS-26 ENDS ----------------------------------*/

/* ------------------------------EFFECTS-27 STARTS ------------------------ */


.sihe-circle-effect-27.sihe-bottom-to-top .hover-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;
}
.sihe-circle-effect-27.sihe-bottom-to-top a:hover .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);
}

.sihe-circle-effect-27.sihe-top-to-bottom .hover-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%;
}
.sihe-circle-effect-27.sihe-top-to-bottom a:hover .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);
}

.sihe-circle-effect-27.sihe-left-to-right .hover-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%;
}
.sihe-circle-effect-27.sihe-left-to-right a:hover .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);
}

.sihe-circle-effect-27.sihe-right-to-left .hover-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%;
}
.sihe-circle-effect-27.sihe-right-to-left a:hover .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);
}



/* ------------------------------EFFECTS-27 ENDS ------------------------ */


/* ------------------------------EFFECTS-28 STARTS ------------------------ */
.sihe-circle-effect-28 .sihe-info-circle {
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.sihe-circle-effect-28 .sihe-info-circle h3 {
	height: 30%;
	line-height: 5px;
	overflow:hidden;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 50px 0 30px 0;
	margin-left: -95px;
	-moz-transform: scale(1) rotate(-45deg);
	-o-transform: scale(1) rotate(-45deg);
	-ms-transform: scale(1) rotate(-45deg);
	-webkit-transform: scale(1) rotate(-45deg);
	transform: scale(1) rotate(-45deg);
}
.sihe-circle-effect-28 .sihe-info-circle p {
	color: #fff;
    font-style: italic;
    margin: 0 10%;
    font-size: 14px;
    height: 70%;
	line-height: 15px;
    overflow:hidden;
	padding: 50px 10px 30px 50px;
	font-style: normal;
	margin: 10px 0 30px 30px;
	font-size: 18px;
	margin-top: -90px;
	-moz-transform: scale(1) rotate(-45deg);
	-o-transform: scale(1) rotate(-45deg);
	-ms-transform: scale(1) rotate(-45deg);
	-webkit-transform: scale(1) rotate(-45deg);
	transform: scale(1) rotate(-45deg);
	border-top: 1px solid rgba(255,255,255,0.5)
}
.sihe-circle-effect-28 a:hover .sihe-info-circle {
	opacity: 1;
	-moz-transform: scale(1) rotate(45deg);
	-o-transform: scale(1) rotate(45deg);
	-ms-transform: scale(1) rotate(45deg);
	-webkit-transform: scale(1) rotate(45deg);
	transform: scale(1) rotate(45deg);
	-webkit-transition: all 0.5s ease-in 0s;
	-ms-transition: all 0.5s ease-in 0s;
	-o-transition: all 0.5s ease-in 0s;
	-moz-transition: all 0.5s ease-in 0s;
	transition: all 0.5s ease-in 0s;
}



/* ------------------------------EFFECTS-28 ENDS ------------------------ */

/*------------------------------- EFFECTS 29 STARTS  -----------------------------*/
.sihe-circle-effect-29 .sihe-info-circle {
	position:absolute; 
    display: inline-block;
	opacity: 0;
	
}
.sihe-circle-effect-29 a:hover .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;
    -ms-transition-delay: 0;
    transition-delay: 0;
    -o-transition-delay: 0
}
.sihe-circle-effect-29 a:hover {
    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;
    -o-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s;
}


/*------------------------------- EFFECTS 29 ENDS  -----------------------------*/

/*------------------------------- EFFECTS 30 STARTS  -----------------------------*/

.sihe-circle-effect-30 a:hover .hover-img {
	opacity: 0;
	pointer-events: none
}
.sihe-circle-effect-30 a:hover .sihe-info-square {
	opacity: 1;
	visibility: visible
}
.sihe-circle-effect-30.sihe-left-to-right .hover-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)
}
.sihe-circle-effect-30.sihe-left-to-right .sihe-info-square {
	-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)
}
.sihe-circle-effect-30.sihe-left-to-right a:hover .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)
}
.sihe-circle-effect-30.sihe-left-to-right a:hover .sihe-info-square {
	-webkit-transform: translateX(0) rotate(0);
	-moz-transform: translateX(0) rotate(0);
	-ms-transform: translateX(0) rotate(0);
	-o-transform: translateX(0) rotate(0);
	transform: translateX(0) rotate(0);
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	-ms-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s;
}
.sihe-circle-effect-30.sihe-right-to-left .hover-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)
}
.sihe-circle-effect-30.sihe-right-to-left .sihe-info-square {
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	-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)
}
.sihe-circle-effect-30.sihe-right-to-left a:hover .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)
}
.sihe-circle-effect-30.sihe-right-to-left a:hover .sihe-info-square {
	-webkit-transform: translateX(0) rotate(0);
	-moz-transform: translateX(0) rotate(0);
	-ms-transform: translateX(0) rotate(0);
	-o-transform: translateX(0) rotate(0);
	transform: translateX(0) rotate(0);
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	transition-delay: .4s
}
.sihe-circle-effect-30.sihe-top-to-bottom .hover-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)
}
.sihe-circle-effect-30.sihe-top-to-bottom .sihe-info-square {
	-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)
}
.sihe-circle-effect-30.sihe-top-to-bottom a:hover .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)
}
.sihe-circle-effect-30.sihe-top-to-bottom a:hover .sihe-info-circle {
	-webkit-transform: translateY(0) rotate(0);
	-moz-transform: translateY(0) rotate(0);
	-ms-transform: translateY(0) rotate(0);
	-o-transform: translateY(0) rotate(0);
	transform: translateY(0) rotate(0);
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	transition-delay: .4s
}
.sihe-circle-effect-30.sihe-bottom-to-top .hover-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)
}
.sihe-circle-effect-30.sihe-bottom-to-top .sihe-info-circle {
	-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)
}
.sihe-circle-effect-30.sihe-bottom-to-top a:hover .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)
}
.sihe-circle-effect-30.sihe-bottom-to-top a:hover .sihe-info-circle {
	-webkit-transform: translateY(0) rotate(0);
	-moz-transform: translateY(0) rotate(0);
	-ms-transform: translateY(0) rotate(0);
	-o-transform: translateY(0) rotate(0);
	transform: translateY(0) rotate(0);
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	transition-delay: .4s
}

/*------------------------------- EFFECTS 30 ENDS  -----------------------------*/

/* ------------------------------EFFECTS-31 STARTS ------------------------ */


.sihe-circle-effect-31 .sihe-info-circle {
    background: #333333;
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-border-radius: 125px;
    -moz-border-radius: 125px;
    border-radius: 125px;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}

.sihe-circle-effect-31 a:hover .hover-img {
    opacity: 0;   
    border:100px solid rgba(0,0,0,0.7);
    -webkit-transform:scale(2.0);
    -moz-transform:scale(2.0);
    -ms-transform:scale(2.0);
    -o-transform:scale(2.0);
    transform:scale(2.0);


}
.sihe-circle-effect-31 a:hover .sihe-info-circle {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    -o-transform: rotateZ(0);
    transform: rotateZ(0);

}




/* ------------------------------EFFECTS-31 ENDS ------------------------ */



/* ------------------------------EFFECTS-32 STARTS ------------------------ */

.sihe-circle-effect-32 .sihe-info-circle {	
	position: absolute;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	border-radius: 50%;
	background-position: center center;
	transition: all 0.4s linear;
	transform-origin: 50% 0%;
	opacity: 1;
}

.sihe-circle-effect-32 a:hover .hover-img { 

    opacity: 1;
    visibility: visible;
    -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);
}
.sihe-circle-effect-32 a:hover .sihe-info-circle {

    -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);
	opacity: 1;
	


}

/* ------------------------------EFFECTS-32 ENDS ------------------------ */


/* ------------------------------EFFECTS-33 STARTS ------------------------ */
.sihe-circle-effect-33 .sihe-info-circle {
	position:absolute; 
    display: inline-block;
	opacity: 0;
	
}

.sihe-circle-effect-33 a:hover .hover-img { 

   opacity:0.7;   
   transform:translateY(-125px);
   transition: transform 0.3s ease-in, opacity 0.1s ease-in-out;
   overflow:visible;
   border-color:rgba(0,0,0,0.7) transparent transparent transparent;
   border-style:solid;
   border-width:150px;
}

/* ------------------------------EFFECTS-33 ENDS ------------------------ */


/* ------------------------------EFFECTS-34 STARTS ------------------------ */


.sihe-circle-effect-34 .sihe-info-circle {	
  overflow: hidden;
  left: 0;
  background-color: rgba(255, 255, 255, 0.7);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.1s ease-out 0.5s;
  transition: all 0.1s ease-out 0.5s;
}


.sihe-circle-effect-34 a:hover .hover-img {
    opacity: 0;
	  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
  transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
}
.sihe-circle-effect-34 a:hover .sihe-info-circle {
    visibility: visible;
	-webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  box-shadow: 0 0 5px #000;
  color: #000;
border: 1px solid #000;
}

/* ------------------------------EFFECTS-34 ENDS ------------------------ */

/* ------------------------------EFFECTS-35 STARTS ------------------------ */

.sihe-circle-effect-35.sihe-left-to-right .hover-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%;
}
.sihe-circle-effect-35.sihe-right-to-left .hover-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%;
}
.sihe-circle-effect-35.sihe-top-to-bottom .hover-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%;
}
.sihe-circle-effect-35.sihe-bottom-to-top .hover-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;
}


.sihe-circle-effect-35.sihe-left-to-right a:hover .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);
}
.sihe-circle-effect-35.sihe-right-to-left a:hover .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);
}
.sihe-circle-effect-35.sihe-bottom-to-top a:hover .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);
}
.sihe-circle-effect-35.sihe-top-to-bottom a:hover .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);
}

/* ------------------------------EFFECTS-35 ENDS ------------------------ */
/* ------------------------------------------------------------------ALL CIRCLE EFFECTS END ------------------------------------------------ */












/* ------------------------------------------------------------------ALL SQUARE EFFECTS STARTS ------------------------------------------------ */

/* ------------------------------EFFECTS-1 START------------------------ */


.sihe-square-effect-1 .sihe-info-square {
	background: rgba(14, 139, 203, 0.9);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.sihe-square-effect-1 .sihe-info-square h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	margin-left: -113px;
	padding: 85px 0 0;
	height: 40%;
	transform: scale(1) rotate(-45deg);
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0,0,0,0.3)
}
.sihe-square-effect-1 .sihe-info-square p {
	color: #fff;
    padding: 5%;
    font-style: italic;
    margin: 0 10%;
    font-size: 14px;
    height:60%;
	line-height: 20px;
    overflow:hidden;
	transform: scale(1) rotate(-45deg);
	border-top: 1px solid rgba(255,255,255,0.5)
}
.sihe-square-effect-1 a:hover .sihe-info-square {
	opacity: 1;
	transform: scale(1) rotate(45deg);
	transition: all 0.5s ease-in 0s;
}







/* ------------------------------EFFECTS-1 ENDS----------------------------- */



/*----------------------------- EFFECTS-2 STARTS---------------------------- */


.sihe-square-effect-2 .sihe-info-square {
    background: #333333;
    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;
}
.sihe-info-square h3 {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    -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;
}
.sihe-info-square p {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.35s 0.3s linear;
    -moz-transition: all 0.35s 0.3s linear;
    transition: all 0.35s 0.3s linear;
}

.sihe-square-effect-2 a:hover .sihe-info-square {
    visibility: visible;
    opacity: 1;
}
.sihe-square-effect-2 a:hover .sihe-info-square h3,
.sihe-square-effect-2 a:hover .sihe-info-square p {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}


/* ---------------------------------------EFFECTS 2 ENDS---------------------------- */



/*-------------------------------------- EFFECTS 3 STARTS---------------------------- */



.sihe-square-effect-3 {
    -webkit-perspective: 900px;
    -moz-perspective: 900px;
    perspective: 900px;
}

.sihe-square-effect-3 .hover-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;
    height:100%
}
.sihe-main-sqr {
    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;
    opacity: 1;
    width: 100%;
    height: 100%;
    padding-top: 30px;
    background: #333333;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.sihe-main-sqr h3 , .sihe-main-sqr-2 h3 ,.sihe-main-sqr-3 h3{
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: #111111;
}
.sihe-main-sqr p, .sihe-main-sqr-2 p,.sihe-main-sqr-3 p{
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #bbb;
    padding: 20px 20px 20px;
    text-align: center;
}


.sihe-square-effect-3.sihe-left-to-right .hover-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%;
}
.sihe-square-effect-3.sihe-right-to-left .hover-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%;
}
.sihe-square-effect-3.sihe-top-to-bottom .hover-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%;
}
.sihe-square-effect-3.sihe-bottom-to-top .hover-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;
}


.sihe-square-effect-3.sihe-left-to-right a:hover .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);
}
.sihe-square-effect-3.sihe-right-to-left a:hover .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);
}
.sihe-square-effect-3.sihe-bottom-to-top a:hover .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);
}
.sihe-square-effect-3.sihe-top-to-bottom a:hover .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);
}






/*------------------------------- EFFECTS 3 ENDS -----------------------------*/


/*------------------------------- EFFECTS 4 STARTS -----------------------------*/


.sihe-main-sqr-2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #333333;
    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;
}


.sihe-square-effect-4 a:hover .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
}
.sihe-square-effect-4 a:hover .sihe-main-sqr-2 {
    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;
}



/*------------------------------- EFFECTS 4 ENDS -----------------------------*/




/*------------------------------- EFFECTS 5 STARTS  -----------------------------*/

.sihe-main-sqr-3 {
	position: absolute;
	text-align: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background: rgba(14, 139, 203, 0.9);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	opacity: 0;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.hover-img-1 {
	position: absolute;
	top: 0px;
	bottom: 0;
	left: 0px;
	right: 0;
	width: auto;
	height: auto
}

.sihe-main-sqr-3 h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 20px 0 0;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0,0,0,0.3)
}
.sihe-main-sqr-3 p {
	color: #ffffff;
	padding: 10px 5px;
	font-style: normal;
	font-family: "Open Sans", Arial, sans-serif;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5)
}

.sihe-square-effect-5 a:hover .sihe-main-sqr-3 {
	opacity: 1
}

/*------------------------------- EFFECTS 5 ENDS  -----------------------------*/



/*------------------------------- EFFECTS 6 STARTS  -----------------------------*/


.sihe-square-effect-6 .sihe-info-square {
	background: rgba(14, 139, 203, 1);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .35s ease-in-out .3s;
	-moz-transition: all .35s ease-in-out .3s;
	transition: all .35s ease-in-out .3s
}
.sihe-square-effect-6 .sihe-info-square h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 60px 0 0;
	height: 30%;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0,0,0,0.3)
}
.sihe-square-effect-6 a:hover .hover-img {
	opacity: 0;
	visibility: hidden
}
.sihe-square-effect-6 a:hover .sihe-info-square {
	visibility: visible;
	opacity: 1
}
.sihe-square-effect-6.sihe-left-to-right .hover-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%
}
.sihe-square-effect-6.sihe-left-to-right .sihe-info-square {
	-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%
}
.sihe-square-effect-6.sihe-left-to-right a:hover .hover-img {
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	-ms-transform: rotateY(-90deg);
	-o-transform: rotateY(-90deg);
	transform: rotateY(-90deg)
}
.sihe-square-effect-6.sihe-left-to-right a:hover .sihe-info-square {
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0)
}
.sihe-hover.sihe-square.sihe-square-effect-6.sihe-right-to-left .hover-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%
}
.sihe-square-effect-6.sihe-right-to-left .sihe-info-square {
	-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%
}
.sihe-square-effect-6.sihe-right-to-left a:hover .hover-img {
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	transform: rotateY(90deg)
}
.sihe-square-effect-6.sihe-right-to-left a:hover .sihe-info-square {
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0)
}
.sihe-square-effect-6.sihe-top-to-bottom .hover-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%
}
.sihe-square-effect-6.sihe-top-to-bottom .sihe-info-square {
	-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
}
.sihe-square-effect-6.sihe-top-to-bottom a:hover .hover-img {
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
	-o-transform: rotateX(90deg);
	transform: rotateX(90deg)
}
.sihe-square-effect-6.sihe-top-to-bottom a:hover .sihe-info-square {
	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	-ms-transform: rotateX(0);
	-o-transform: rotateX(0);
	transform: rotateX(0)
}
.sihe-square-effect-6.sihe-bottom-to-top .hover-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
}
.sihe-square-effect-6.sihe-bottom-to-top .sihe-info-square {
	-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%
}
.sihe-square-effect-6.sihe-bottom-to-top a:hover .hover-img {
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	transform: rotateX(-90deg)
}
.sihe-square-effect-6.sihe-bottom-to-top a:hover .sihe-info-square {
	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	-ms-transform: rotateX(0);
	-o-transform: rotateX(0);
	transform: rotateX(0)
}





/*------------------------------- EFFECTS 6 ENDS  -----------------------------*/

/*------------------------------- EFFECTS 7 STARTS  -----------------------------*/

.sihe-sqr-hover.sihe-square .hover-img-1 {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 0%
}


.sihe-square-effect-7 .hover-img-1 {
	z-index: 11;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.sihe-square-effect-7 .sihe-main-sqr-3 {
	background: rgba(14, 139, 203, 1);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.sihe-square-effect-7.sihe-left-to-right a:hover .hover-img-1 {
	-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%)
}
.sihe-square-effect-7.sihe-left-to-right a:hover .sihe-main-sqr-3 {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}


.sihe-square-effect-7.sihe-right-to-left a:hover .hover-img-1 {
	-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%)
}
.sihe-square-effect-7.sihe-right-to-left a:hover .sihe-main-sqr-3 {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

.sihe-square-effect-7.sihe-top-to-bottom a:hover .hover-img-1 {
	-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%)
}
.sihe-square-effect-7.sihe-top-to-bottom a:hover .sihe-main-sqr-3 {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}

.sihe-square-effect-7.sihe-bottom-to-top a:hover .hover-img-1 {
	-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%)
}
.sihe-square-effect-7.sihe-bottom-to-top a:hover .sihe-main-sqr-3 {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}




/*------------------------------- EFFECTS 7 ENDS  -----------------------------*/

/*------------------------------- EFFECTS 8 STARTS  -----------------------------*/

.sihe-square-effect-8 .sihe-info-square {
	background: rgba(14, 139, 203, 1);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	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 .35s ease-in-out .3s;
	-moz-transition: all .35s ease-in-out .3s;
	transition: all .35s ease-in-out .3s
}

.sihe-square-effect-8 a:hover .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)
}
.sihe-square-effect-8 a:hover .sihe-info-square {
	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)
}

/*------------------------------- EFFECTS 8 ENDS  -----------------------------*/


/*------------------------------- EFFECTS 9 STARTS  -----------------------------*/


.sihe-square-effect-9 .hover-img-1 {
	height: 100%;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
.sihe-square-effect-9 .hover-img-1 .hover-img-1 {
	opacity: 1;
	-webkit-transition: all .3s ease-in-out .3s;
	-moz-transition: all .3s ease-in-out .3s;
	transition: all .3s ease-in-out .3s
}
.sihe-square-effect-9 .sihe-main-sqr-4 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	border-radius: 0%;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all .3s ease-in-out .3s;
	-moz-transition: all .3s ease-in-out .3s;
	transition: all .3s ease-in-out .3s
}
.sihe-square-effect-9 .sihe-part-sqr-4 {
	width: 100%;
	height: 100%;
	background: rgba(14, 139, 203, 1);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	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 .35s ease-in-out .6s;
	-moz-transition: all .35s ease-in-out .6s;
	transition: all .35s ease-in-out .6s
}
.sihe-square-effect-9 .sihe-part-sqr-4 h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 60px 0 0;
	height: 30%;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0,0,0,0.3)
}
.sihe-square-effect-9 .sihe-part-sqr-4 p {
	color: #fff;
    padding: 5%;
    font-style: italic;
    margin: 0 10%;
    font-size: 14px;
    height:60%;
	line-height: 20px;
    overflow:hidden;
	}
.sihe-square-effect-9 a:hover .hover-img-1 {
	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)
}
.sihe-square-effect-9 a:hover .hover-img-1 .hover-img-1 {
	opacity: 0;
	pointer-events: none
}
.sihe-square-effect-9 a:hover .sihe-main-sqr-4 {
	opacity: 1
}
.sihe-square-effect-9 a:hover .sihe-main-sqr-4 .sihe-part-sqr-4 {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.sihe-square-effect-9.sihe-left-to-right .hover-img-1 .hover-img-1 {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.sihe-square-effect-9.sihe-left-to-right .sihe-main-sqr-4 {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%)
}
.sihe-square-effect-9.sihe-left-to-right a:hover .hover-img-1 .hover-img-1 {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%)
}
.sihe-square-effect-9.sihe-left-to-right a:hover .sihe-main-sqr-4 {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.sihe-square-effect-9.sihe-right-to-left .hover-img-1 .hover-img-1 {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.sihe-square-effect-9.sihe-right-to-left .sihe-main-sqr-4 {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%)
}
.sihe-square-effect-9.sihe-right-to-left a:hover .hover-img-1 .hover-img-1 {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%)
}
.sihe-square-effect-9.sihe-right-to-left a:hover .sihe-main-sqr-4 {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.sihe-square-effect-9.sihe-top-to-bottom .hover-img-1 .hover-img-1 {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.sihe-square-effect-9.sihe-top-to-bottom .sihe-main-sqr-4 {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}
.sihe-square-effect-9.sihe-top-to-bottom a:hover .hover-img-1 .hover-img-1 {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}
.sihe-square-effect-9.sihe-top-to-bottom a:hover .sihe-main-sqr-4 {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.sihe-square-effect-9.sihe-bottom-to-top .hover-img-1 .hover-img-1 {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.sihe-square-effect-9.sihe-bottom-to-top .sihe-main-sqr-4 {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}
.sihe-square-effect-9.sihe-bottom-to-top a:hover .hover-img-1 .hover-img-1 {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}
.sihe-square-effect-9.sihe-bottom-to-top a:hover .sihe-main-sqr-4 {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}


/*------------------------------- EFFECTS 9 ENDS  -----------------------------*/


/*------------------------------- EFFECTS 10 STARTS  -----------------------------*/


.sihe-square .img {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 0%
}

.sihe-info-square-10 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	border-radius: 0%;
	text-align: center;
	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 .35s ease .2s;
	-moz-transition: all .35s ease .2s;
	transition: all .35s ease .2s
}
.sihe-square-effect-10 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)
}
.sihe-square-effect-10 a:hover .sihe-info-square-10 {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.sihe-square-effect-10.sihe-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)
}
.sihe-square-effect-10.sihe-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)
}
.sihe-square-effect-10.sihe-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)
}
.sihe-square-effect-10.sihe-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)
}
.sihe-sqr-hover.sihe-square.sihe-square-effect-10.sihe-top-to-bottom .img {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.sihe-square-effect-10.sihe-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%)
}
.sihe-square-effect-10.sihe-bottom-to-top .img {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.sihe-square-effect-10.sihe-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%)
}

/*------------------------------- EFFECTS 10 ENDS  -----------------------------*/


/*------------------------------- EFFECTS 11 STARTS  -----------------------------*/

.sihe-sqr-hover.sihe-square .sihe-main-sqr-5 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	border-radius: 0%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.sihe-main-sqr-5 {
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d
}
.sihe-part-sqr-5 {
	visibility: hidden;
	border-radius: 0%;
	width: 100%;
	height: 100%;
	background: rgba(14, 139, 203, 0.9);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	-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
}
.sihe-square-effect-11 .sihe-main-sqr-5 h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 55px 0 0;
	height: 30%;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0,0,0,0.3)
}
.sihe-square-effect-11 .sihe-main-sqr-5 p {
	color: #ffffff;
	padding: 10px 5px;
	font-style: normal;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5)
}
.sihe-square-effect-11 a:hover .sihe-main-sqr-5 {
	-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)
}
.sihe-square-effect-11 a:hover .sihe-main-sqr-5 .sihe-part-sqr-5 {
	visibility: visible
}



/*------------------------------- EFFECTS 11 ENDS  -----------------------------*/





/*------------------------------- EFFECTS 12 STARTS  -----------------------------*/


.sihe-sqr-hover.sihe-square .hover-img-3 {
	position:absolute;
	width: 100%;
	height: 100%;

}
.sihe-sqr-hover.sihe-square .hover-img-3:before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 0%;
	box-shadow: inset 0 0 0 5px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.3);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.sihe-sqr-hover.sihe-square .sihe-info-square-12 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	border-radius: 0%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.sihe-square-effect-12 .hover-img-3 {
	z-index: 11;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.sihe-square-effect-12 .sihe-info-square-12 {
	background: rgba(14, 139, 203, 1);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.sihe-square-effect-12 .sihe-info-square-12 h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0,0,0,0.3)
}
.sihe-square-effect-12 .sihe-info-square-12 p {
	color: #ffffff;
	font-style: normal;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5)
}
.sihe-square-effect-12 a:hover .sihe-info-square-12 {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.sihe-square-effect-12.sihe-top-to-bottom .sihe-info-square-12 h3 {
	margin: 0 30px;
	padding: 25px 0 0;
	height: 30%;
}
.sihe-square-effect-12.sihe-top-to-bottom .sihe-info-square-12 p {
	margin: 0 30px;
	padding: 5px
}
.sihe-square-effect-12.sihe-top-to-bottom a:hover .hover-img-3 {
	-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)
}
.sihe-square-effect-12.sihe-bottom-to-top .sihe-info-square-12 h3 {
	margin: 130px 30px 0;
	padding: 25px 0 0;
	height: 30%
}
.sihe-square-effect-12.sihe-bottom-to-top .sihe-info-square-12 p {
	margin: 0 30px;
	padding: 5px
}
.sihe-square-effect-12.sihe-bottom-to-top a:hover .hover-img-3 {
	-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)
}



/*------------------------------- EFFECTS 12 ENDS  -----------------------------*/




/*------------------------------- EFFECTS 13 STARTS  -----------------------------*/


.sihe-info-square-13 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.sihe-square-effect-13 {
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	perspective: 900px
}
.sihe-square-effect-13 .img {
	opacity: 1;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.sihe-square-effect-13 .sihe-info-square-13 {
	background: rgba(14, 139, 203, 1);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .35s ease .35s;
	-moz-transition: all .35s ease .35s;
	transition: all .35s ease .35s
}

.sihe-square-effect-13 a:hover .img {
	opacity: 0
}
.sihe-square-effect-13 a:hover .sihe-info-square-13 {
	visibility: visible;
	opacity: 1
}
.sihe-square-effect-13.sihe-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)
}
.sihe-square-effect-13.sihe-left-to-right .sihe-info-square-13 {
	-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)
}
.sihe-square-effect-13.sihe-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)
}
.sihe-square-effect-13.sihe-left-to-right a:hover .sihe-info-square-13 {
	-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)
}
.sihe-square-effect-13.sihe-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)
}
.sihe-square-effect-13.sihe-right-to-left .sihe-info-square-13 {
	-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)
}
.sihe-square-effect-13.sihe-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)
}
.sihe-square-effect-13.sihe-right-to-left a:hover .sihe-info-square-13 {
	-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)
}
.sihe-square-effect-13.sihe-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)
}
.sihe-square-effect-13.sihe-top-to-bottom .sihe-info-square-13 {
	-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)
}
.sihe-square-effect-13.sihe-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)
}
.sihe-square-effect-13.sihe-top-to-bottom a:hover .sihe-info-square-13 {
	-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)
}
.sihe-square-effect-13.sihe-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)
}
.sihe-square-effect-13.sihe-bottom-to-top .sihe-info-square-13 {
	-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)
}
.sihe-square-effect-13.sihe-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)
}
.sihe-square-effect-13.sihe-bottom-to-top a:hover .sihe-info-square-13 {
	-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)
}


/*------------------------------- EFFECTS 13 ENDS  -----------------------------*/

/*------------------------------- EFFECTS 14 ENDS  -----------------------------*/

.sihe-info-square-14 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.sihe-square-effect-14 .sihe-info-square-14 {
	background: rgba(14, 139, 203, 1);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 20px 20px rgba(0, 0, 0, 0.3);
	opacity: 0;
	visibility: hidden;

}

.sihe-square-effect-14 a:hover .img {
	opacity: 0
}
.sihe-square-effect-14 a:hover .sihe-info-square-14 {
	visibility: visible;
	opacity: 1
}





/*------------------------------- EFFECTS 14 ENDS  -----------------------------*/

/*------------------------------- EFFECTS 15 STARTS  -----------------------------*/


.sihe-square-effect-15 .sihe-info-square {
	background: rgba(14, 139, 203, 0.9);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.sihe-square-effect-15 .sihe-info-square h3 {
	visibility: hidden;
	color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 14px;
    padding: 20% 0 10% 0 !important;
    height:40% !important;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0,0,0,0.3);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.sihe-square-effect-15 .sihe-info-square p {
	color: #fff;
    padding: 5%;
    font-style: italic;
    margin: 0 10%;
    font-size: 14px;
    height:60%;
	line-height: 20px;
    overflow:hidden;
	border-top: 1px solid rgba(255,255,255,0.5);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.sihe-square-effect-15 a:hover .sihe-info-square {
	opacity: 1
}
.sihe-square-effect-15 a:hover h3 {
	visibility: visible
}
.sihe-square-effect-15 a:hover p {
	visibility: visible
}
.sihe-square-effect-15.sihe-right-to-left .sihe-info-square h3 {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%)
}
.sihe-square-effect-15.sihe-right-to-left .sihe-info-square p {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%)
}
.sihe-square-effect-15.sihe-right-to-left a:hover h3 {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.sihe-square-effect-15.sihe-right-to-left a:hover p {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.sihe-square-effect-15.sihe-left-to-right .sihe-info-square h3 {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%)
}
.sihe-square-effect-15.sihe-left-to-right .sihe-info-square p {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%)
}
.sihe-square-effect-15.sihe-left-to-right a:hover h3 {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.sihe-square-effect-15.sihe-left-to-right a:hover p {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.sihe-square-effect-15.sihe-top-to-bottom .sihe-info-square h3 {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}
.sihe-square-effect-15.sihe-top-to-bottom .sihe-info-square p {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}
.sihe-square-effect-15.sihe-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)
}
.sihe-square-effect-15.sihe-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)
}
.sihe-square-effect-15.sihe-bottom-to-top .sihe-info-square h3 {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}
.sihe-square-effect-15.sihe-bottom-to-top .sihe-info-square p {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}
.sihe-square-effect-15.sihe-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)
}
.sihe-square-effect-15.sihe-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)
}


/*------------------------------- EFFECTS 15 ENDS -----------------------------*/


/*------------------------------- EFFECTS 16 STARTS  -----------------------------*/



.sihe-square-effect-16 .sihe-main-sqr-4 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	border-radius: 0%;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all .3s ease-in-out .3s;
	-moz-transition: all .3s ease-in-out .3s;
	transition: all .3s ease-in-out .3s
}
.sihe-square-effect-16 .sihe-part-sqr-4 {
	width: 100%;
	height: 100%;
	background: rgba(14, 139, 203, 1);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	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 .35s ease-in-out .6s;
	-moz-transition: all .35s ease-in-out .6s;
	transition: all .35s ease-in-out .6s
}
.sihe-square-effect-16 .sihe-part-sqr-4 h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 60px 0 0;
	height: 40%;
    position: relative;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.sihe-square-effect-16 .sihe-part-sqr-4 p {
    color: #fff;
    padding: 5%;
    font-style: italic;
    margin: 0 10%;
    font-size: 14px;
    height:60%;
	line-height: 20px;
    overflow:hidden;
}

.sihe-square-effect-16 a:hover .hover-img-1 .hover-img-1 {
	opacity: 0;
	pointer-events: none
}
.sihe-square-effect-16 a:hover .sihe-main-sqr-4 {
	opacity: 1
}
.sihe-square-effect-16 a:hover .sihe-main-sqr-4 .sihe-part-sqr-4 {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.sihe-square-effect-16.sihe-left-to-right .sihe-main-sqr-4 {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%)
}
.sihe-square-effect-16.sihe-left-to-right a:hover .hover-img-1 .hover-img-1 {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%)
}
.sihe-square-effect-16.sihe-left-to-right a:hover .sihe-main-sqr-4 {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.sihe-square-effect-16.sihe-right-to-left .hover-img-1 .hover-img-1 {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.sihe-square-effect-16.sihe-right-to-left .sihe-main-sqr-4 {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%)
}
.sihe-square-effect-16.sihe-right-to-left a:hover .hover-img-1 .hover-img-1 {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%)
}
.sihe-square-effect-16.sihe-right-to-left a:hover .sihe-main-sqr-4 {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.sihe-square-effect-16.sihe-top-to-bottom .hover-img-1 .hover-img-1 {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.sihe-square-effect-16.sihe-top-to-bottom .sihe-main-sqr-4 {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}
.sihe-square-effect-16.sihe-top-to-bottom a:hover .hover-img-1 .hover-img-1 {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}
.sihe-square-effect-16.sihe-top-to-bottom a:hover .sihe-main-sqr-4 {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.sihe-square-effect-16.sihe-bottom-to-top .hover-img-1 .hover-img-1 {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.sihe-square-effect-16.sihe-bottom-to-top .sihe-main-sqr-4 {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}
.sihe-square-effect-16.sihe-bottom-to-top a:hover .hover-img-1 .hover-img-1 {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}
.sihe-square-effect-16.sihe-bottom-to-top a:hover .sihe-main-sqr-4 {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}

/*------------------------------- EFFECTS 16 ENDS  -----------------------------*/


/*------------------------------- EFFECTS 17 STARTS  -----------------------------*/


.sihe-square-effect-17 .sihe-info-square {
    background: #333333;
    background: rgba(0, 0, 0, 0.6);
    visibility: hidden;
    opacity: 0
}
.sihe-square-effect-17 .sihe-info-square  h3 {
    -webkit-transform: scale(100);
    -moz-transform: scale(100);
    -ms-transform: scale(100);
    -o-transform: scale(100);
    transform: scale(100);
    -webkit-transition: all 1s 0.1s ease-in-out;
    -moz-transition: all 1s 0.1s ease-in-out;
    transition: all 1s 0.1s ease-in-out;
}
.sihe-square-effect-17 .sihe-info-square  p {
    -webkit-transform: scale(50);
    -moz-transform: scale(50);
    -ms-transform: scale(50);
    -o-transform: scale(50);
    transform: scale(50);

}

.sihe-square-effect-17 a:hover .sihe-info-square {
    visibility: visible;
    opacity: 1;
}
.sihe-square-effect-17 a:hover .sihe-info-square h3,
.sihe-square-effect-17 a:hover .sihe-info-square p {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}


/*------------------------------- EFFECTS 17 ENDS  -----------------------------*/



/*------------------------------- EFFECTS 18 STARTS -----------------------------*/

.sihe-square-effect-18 a:hover .hover-img {
	opacity: 0;
	pointer-events: none
}
.sihe-square-effect-18 a:hover .sihe-info-square {
	opacity: 1;
	visibility: visible
}
.sihe-square-effect-18.sihe-left-to-right .hover-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)
}
.sihe-square-effect-18.sihe-left-to-right .sihe-info-square {
	-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)
}
.sihe-square-effect-18.sihe-left-to-right a:hover .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)
}
.sihe-square-effect-18.sihe-left-to-right a:hover .sihe-info-square {
	-webkit-transform: translateX(0) rotate(0);
	-moz-transform: translateX(0) rotate(0);
	-ms-transform: translateX(0) rotate(0);
	-o-transform: translateX(0) rotate(0);
	transform: translateX(0) rotate(0);
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	transition-delay: .4s
}
.sihe-square-effect-18.sihe-right-to-left .hover-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)
}
.sihe-square-effect-18.sihe-right-to-left .sihe-info-square {
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	-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)
}
.sihe-square-effect-18.sihe-right-to-left a:hover .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)
}
.sihe-square-effect-18.sihe-right-to-left a:hover .sihe-info-square {
	-webkit-transform: translateX(0) rotate(0);
	-moz-transform: translateX(0) rotate(0);
	-ms-transform: translateX(0) rotate(0);
	-o-transform: translateX(0) rotate(0);
	transform: translateX(0) rotate(0);
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	transition-delay: .4s
}
.sihe-square-effect-18.sihe-top-to-bottom .hover-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)
}
.sihe-square-effect-18.sihe-top-to-bottom .sihe-info-square {
	-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)
}
.sihe-square-effect-18.sihe-top-to-bottom a:hover .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)
}
.sihe-square-effect-18.sihe-top-to-bottom a:hover .sihe-info-square {
	-webkit-transform: translateY(0) rotate(0);
	-moz-transform: translateY(0) rotate(0);
	-ms-transform: translateY(0) rotate(0);
	-o-transform: translateY(0) rotate(0);
	transform: translateY(0) rotate(0);
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	transition-delay: .4s
}
.sihe-square-effect-18.sihe-bottom-to-top .hover-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)
}
.sihe-square-effect-18.sihe-bottom-to-top .sihe-info-square {
	-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)
}
.sihe-square-effect-18.sihe-bottom-to-top a:hover .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)
}
.sihe-square-effect-18.sihe-bottom-to-top a:hover .sihe-info-square {
	-webkit-transform: translateY(0) rotate(0);
	-moz-transform: translateY(0) rotate(0);
	-ms-transform: translateY(0) rotate(0);
	-o-transform: translateY(0) rotate(0);
	transform: translateY(0) rotate(0);
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	transition-delay: .4s
}


/*------------------------------- EFFECTS 18 ENDS -----------------------------*/
/*--------------------------------EFFECTS-19 START ----------------------------*/
.sihe-square-effect-19 .sihe-info-square {
    background: #333333;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.5) rotate(-90deg);
    -moz-transform: scale(0.5) rotate(-90deg);
    -ms-transform: scale(0.5) rotate(-90deg);
    -o-transform: scale(0.5) rotate(-90deg);
    transform: scale(0.5) rotate(-90deg);
    -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;
}

.sihe-square-effect-19 a:hover .hover-img {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.5) rotate(90deg);
    -moz-transform: scale(0.5) rotate(90deg);
    -ms-transform: scale(0.5) rotate(90deg);
    -o-transform: scale(0.5) rotate(90deg);
    transform: scale(0.5) rotate(90deg);
}
.sihe-square-effect-19 a:hover .sihe-info-square {
    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);
}


/*----------------- EFFECTS-19 END -------------------------------- */


/*------------------------- EFFECTS 20 START ----------------------- */

.sihe-info-square-20 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.sihe-square-effect-20 .sihe-info-square {
	background: rgba(14, 139, 203, 1);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 20px 20px rgba(0, 0, 0, 0.3);
	opacity: 0;
	visibility: hidden;

}

.sihe-square-effect-20 a:hover .img {
	opacity: 0
}
.sihe-square-effect-20 a:hover .sihe-info-square {
	visibility: visible;
	opacity: 1
}

/*------------------------- EFFECTS 20 END ----------------------- */

/* ------------------------ EFFECTS 21 STARTS -------------------- */

.sihe-square-effect-21 .sihe-info-square {
	opacity: 0;
  position: absolute;
  filter: alpha(opacity=0);
  border-radius: 80%;
  border: 2px solid #FFF;
  -ms-transition: opacity 0.35s;
  -o-transition: opacity 0.35s;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(50%,50%,0);
  -ms-transform: translate3d(50%,50%,0);
  -o-transform: translate3d(50%,50%,0);
  transform: translate3d(50%,50%,0);
}

.sihe-square-effect-21:hover .sihe-info-square {
  background-color: rgba(0,0,0,0.3);
}

.sihe-square-effect-21 img {
	opacity: 1;
  -ms-transition: all 0.35s;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  -ms-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}

.sihe-square-effect-21:hover img {
  -o-filter: brightness(1.4);
  -moz-filter: brightness(1.4);
  filter: brightness(1.4);
  -webkit-filter: brightness(1.4);
  -ms-filter: brightness(1.4);
}

.sihe-square-effect-21 a{

  color: #FFF;
  padding: 1em 0;
  filter: alpha(opacity=0);
  -ms-transition: opacity 0.35s;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-150%,-400%,0);
  -ms-transform: translate3d(-150%,-400%,0);
  transform: translate3d(-150%,-400%,0);
  -moz-transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

.sihe-square-effect-21:hover a, .sihe-square-effect-21:hover .sihe-info-square {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
/* -------------------------- EFFECTS 21 END ------------ */

/* -------------------------- EFFECTS 22 START ----------------- */
.sihe-square-effect-22 .sihe-info-square {
	position:absolute; 
    display: inline-block;
	opacity: 0;
	
}
.sihe-square-effect-22:hover .sihe-info-square {
   opacity: 1;
   border: 5px solid rgba(0, 0, 0, 0.7);
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
	opacity:1;
	visibility:visible;
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
/* ------------------------ EFFECTS 22 ENDS ----------------- */


/* ------------------------- EFFECTS 23 START ----------------- */


.sihe-square-effect-23 .sihe-info-square h3 {
	letter-spacing: 2px;
	font-size: 14px;
	overflow: hidden;
	line-height: 5px;
	margin: 0 2%;
	height: 20%;
	font-family: 'Open Sans', Arial, sans-serif;
}
.sihe-square-effect-23 .sihe-info-square p {
	padding: 10px 5px;
	font-style: italic;
	margin: 0 3%;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
	height: 80%;
	overflow: hidden;
	line-height: 5px;
	
}
.sihe-square-effect-23 a:hover .hover-img { 

   opacity:0.7;  
	-webkit-transform:translateY(-125px);
	-ms-transform:translateY(-125px);
	-o-transform:translateY(-125px);
	-mos-transform:translateY(-125px);
   transform:translateY(-125px);
   -ms-transition: transform 0.3s ease-in, opacity 0.1s ease-in-out;
   -mos-transition: transform 0.3s ease-in, opacity 0.1s ease-in-out;
   -webkit-transition: transform 0.3s ease-in, opacity 0.1s ease-in-out;
   -o-transition: transform 0.3s ease-in, opacity 0.1s ease-in-out;
   transition: transform 0.3s ease-in, opacity 0.1s ease-in-out;
   overflow:visible;
   border-color:rgba(0,0,0,0.7) transparent transparent transparent;
   border-style:solid;
   border-width: 150px;
}

/*----------------------------- EFFECTS 23 ENDS ----------------- */
/* ------------------------------EFFECTS 24 STARTS ------------------- */
.sihe-square-effect-24  .sihe-info-square{
	border: 1px solid black;
	background-color: lightblue;
	overflow: hidden;
	-webkit-transition: all 2s;
	-ms-transition: all 2s;
	-o-transition: all 2s;
	-moz-transition: all 2s;
	transition: all 2s;
	cursor: pointer;
	border-radius: 10px;
	opacity:0;	
}
.sihe-square-effect-24 :hover  .sihe-info-square{
	background-color: coral;
	width: 110%;
	height: 100%;
	padding: 2%;
	opacity:1;
	
}
/* ---------------------------- EFFECTS 24 ENDS ------------------- */ 

/* --------------------------- EFFECTS- 25 STARTS ----------------- */
.sihe-square-effect-25.sihe-left-to-right .hover-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%;
}
.sihe-square-effect-25.sihe-right-to-left .hover-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%;
}
.sihe-square-effect-25.sihe-top-to-bottom .hover-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%;
}
.sihe-square-effect-25.sihe-bottom-to-top .hover-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;
}


.sihe-square-effect-25.sihe-left-to-right a:hover .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);
}
.sihe-square-effect-25.sihe-right-to-left a:hover .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);
}
.sihe-square-effect-25.sihe-bottom-to-top a:hover .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);
}
.sihe-square-effect-25.sihe-top-to-bottom a:hover .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);
}
/* --------------------------- EFFECTS 25 END -------------------------- */