/*************zone-clavier-btn-indice***********/
#zone-clavier-btn-indice {
	float: left;
	width: 450px;
	background-color: #F0FFFF;
	padding: 5px;
	padding-right: 5px;
	color: #000;
	
}

/**********Clavier***************/
table#clavier{
	background-color: #2E8B57;
	border: 5px solid #000; 
	border-collapse: separate;
	border-spacing: 4px;
	margin-left: 65px;
}
	
#clavier td {
	background-color: #fff;
	border: 2px solid #000;
	width: 25px;
	height: 25px;
	color: #000;
	cursor: pointer;
}
/***ZONE BOUTONS***/
#zone-boutons {
	padding: 10px; 
	text-align: center;
	cursor: pointer;
}


/***ZONE INDICE***/
#zone-indice {
	visibility: hidden;
	text-align: left;
	padding-bottom: 40px;
}

/***ZONE PENDU***/
#zone-pendu {
	float: right;
	padding-right: 28px;
}

#zone-pendu img{
	border: 10px solid #000; 
	background-color: #2E8B57;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
/***ZONE MESSAGE***/
#zone-message {
	clear: right;
	background-color: #F0FFFF; 
	margin-left: 519px;
	margin-right: 10px;
	margin-bottom: 100px;
	padding: 10px;
	text-align: center;
}

/***ZONE MOT***/
#zone-mot {
	margin: 30px 0 0 0px; 
	background-color: #fff; 
}

#zone-mot table {
	border-collapse: separate;
	border-spacing: 5px;
	padding-right:20px;
	left: 10px;
}
#zone-mot td {
	width: 30px;
	height: 30px;
	border: 2px solid #000; 
	background-color: #2E8B57;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;

}

#zone-mot p {
	margin: 0;
	visibility: hidden; 
}

p#img403 {
	margin: 40px 0px;
	text-align: center;
	background-color: #F0FFFF;
}


/*************** ******************/



#mini-quiz {position: relative;}

#mini-quiz fieldset {
	padding: 16px;
	border: 1px solid #999;
	text-align: left;
}

#mini-quiz legend {
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	margin-left: 15px;
	padding: 0 10px;
	font-weight: bold;
}
	
#mini-quiz input {
	font-size: 12px;
	margin: 5px;
	padding: 2px 4px;
}

#zone-message img {
	position: absolute;
	bottom: 6px;
	right: 300px;
}


#zone-message p {
	position: absolute;
	top: 90px;
	right: 175px;
	width: 100px;
	height: 50px;
	text-align: left;
}

	
#mini-quiz #btnSubmit, #mini-quiz #btnReset {
	margin: 10px 5px;

}

/***** ****/ 


#mini-quiz2 {position: relative;}

#mini-quiz2 fieldset {
	padding: 16px;
	border: 1px solid #999;
	text-align: left;
}

#mini-quiz2 legend {
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	margin-left: 15px;
	padding: 0 10px;
	font-weight: bold;
}
	
#mini-quiz2 input {
	font-size: 12px;
	margin: 5px;
	padding: 2px 4px;
}

#zone-message2 img {
	position: absolute;
	bottom: 6px;
	right: 300px;
}


#zone-message2 p {
	position: absolute;
	top: 90px;
	right: 175px;
	width: 100px;
	height: 50px;
	text-align: left;
}

	
#mini-quiz2 #btnSubmit2, #mini-quiz2 #btnReset2 {
	margin: 10px 5px;

}

/******* JEU MEMOIRE *********/ 

#main-wrapper {
	margin: 0 auto;
	width: 950px;
}

/*********************** JEU MEMOIRE ***************************************/

#wrapper-jeu {
	display: -webkit-flex;    
	display: flex;
	background-color: #fff;
	/*margin: 15px 0;*/
}

#container-jeu {
	position: relative;
	width: 700px;   /* sera à changer pour 4 images par ligne */
	/*margin: 0 auto;*/
	margin: 15px auto;
}

#container-jeu2 {
	position: relative;
	width: 900px;   /* sera à changer pour 4 images par ligne */
	/*margin: 0 auto;*/
	margin: 15px auto;
}


#container-jeu p, #container-rechercher p {text-align: center; }
    
#container-jeu2 p, #container-rechercher p {text-align: center; }
	
#zone-img-jeu img {margin: 15px;}


#message {
	/*color: #339900; */  /*vert */
	font-weight: bold;
	font-size: 20px;
	/*padding-left: 20px;*/
}

#fin {
	font-weight: bold;
	font-size: 20px;
}

#btnJeu {
	margin-top: 30px;
	/*width: 380px;
	margin: auto;
	text-align: center;
	background-color : #fcf3ea;
   	border : 1px solid #dab69c;*/
}

#container-rechercher { 
	border: 5px solid black;
	text-align: center;
	width: 190px;
	padding: 20px;
	margin: 10px solid;
}

#container-rechercher ol { 
	text-align: left; 
	padding-left: 20px;
	padding-bottom: 20px;
}

.changeCurseur {
	cursor: pointer;
}


#btnFacile{
  background: #2e8a57;

  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 22px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

#btnFacile:hover {
  background: #000000;
 border-radius: 10px;
  text-decoration: none;
}

#btnIntermediaire{
  background: #FFA500;

  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 22px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

#btnIntermediaire:hover {
  background: #000000;
 border-radius: 10px;
  text-decoration: none;
}

#btnHardcore{
  background: #c32038;

  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 22px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

#btnHardcore:hover {
  background: #000000;
 border-radius: 10px;
  text-decoration: none;
}



.zoom-effet1{
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.zoom-effet1:hover{
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	cursor: pointer;
}

/******************************/

/************ COLONNE DROITE ******************/

#divider {
	background: url(../images/divider.png) no-repeat;
	width: 300px;
	height: 84px;
	margin: 0px auto 27px auto;
}

#divider2 {
	background: url(../images/divider2.png) no-repeat;
	width: 300px;
	height: 84px;
	margin: 0px auto 27px auto;
}

.txt-img img {
	display: inline-block;
	width: 91px;
	height: 150px;
	margin: 16px 10px;
}

.txt-img p {
	display: inline-block;
	
	vertical-align: top;

}

/**********  ****************/

/************** FORMULAIRE ********************/
/* #form1 {border: 1px solid pink;} */
#form1 section-nom {
	padding-left: 30px;
	margin-top: 30px;

}
#section-nom {
	padding-left: 10px;
}

#erreurNom{
	padding-left: 60px;
}
/* ici , placer le nom et le msg d'erreur aligné avec les numéros */
#form1 div.img-droite {
	float: right;
	width: 350px;
	height: auto;
	margin-right: 10px;
	margin-bottom: 50px; /* permet de descendre la question suivante */
	text-align: right;
	

	/*border: 1px solid red;*/
}


/******************* CODE EFFET IMG **************/
.ImgAgrandissement{
	position: relative;
	z-index: 5;
	-moz-transition: all .5s cubic-bezier(.6, 2, .4, 1);
	-webkit-transition: all .5s cubic-bezier(.6, 2, .4, 1);
	-o-transition: all .5s cubic-bezier(.6, 2, .4, 1);
	-ms-transition: all .5s cubic-bezier(.6, 2, .4, 1);
	transition: all .5s cubic-bezier(.6, 2, .4, 1);
	

}

.ImgAgrandissement:hover {
	
	-moz-transform: scale(1.15);
	-webkit-transition: scale(1.15);
	-o-transition: scale(1.15);
	-ms-transition: scale(1.15);
	transition: scale(1.15);
	z-index: 5;
	
}
/********************************************
				RÉSULTATS
********************************************/					
#infos{
	margin-bottom: 30px;
	line-height: 1.5;
	text-align: center;
}

#tableau-resultats {text-align: center;}

#tableau-resultats table {
	width: 500px;
	border: 1px solid #000;
	margin: auto;
	background-color: #fff;
	
}


#tableau-resultats td, th {
	text-align: center;
	border: 0.5px solid #000;
	padding: 10px;
}

#resultats {
	text-align: right !important;
	padding: 10px;
}



/*********   ***************/ 
#btnCorriger {
  background: #64dbc7;
  background-image: -webkit-linear-gradient(top, #64dbc7, #2c1f91);
  background-image: -moz-linear-gradient(top, #64dbc7, #2c1f91);
  background-image: -ms-linear-gradient(top, #64dbc7, #2c1f91);
  background-image: -o-linear-gradient(top, #64dbc7, #2c1f91);
  background-image: linear-gradient(to bottom, #64dbc7, #2c1f91);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  text-shadow: 2px 1px 0px #1accc3;
  font-family: Arial;
  color: #ffffff;
  font-size: 22px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

#btnCorriger:hover {
  background: #0f517a;
  background-image: -webkit-linear-gradient(top, #0f517a, #11f0a6);
  background-image: -moz-linear-gradient(top, #0f517a, #11f0a6);
  background-image: -ms-linear-gradient(top, #0f517a, #11f0a6);
  background-image: -o-linear-gradient(top, #0f517a, #11f0a6);
  background-image: linear-gradient(to bottom, #0f517a, #11f0a6);
  text-decoration: none;
}

#btnEffacer {
  background: #db184f;
  background-image: -webkit-linear-gradient(top, #db184f, #0c0073);
  background-image: -moz-linear-gradient(top, #db184f, #0c0073);
  background-image: -ms-linear-gradient(top, #db184f, #0c0073);
  background-image: -o-linear-gradient(top, #db184f, #0c0073);
  background-image: linear-gradient(to bottom, #db184f, #0c0073);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  text-shadow: 4px 1px 0px #000000;
  font-family: Arial;
  color: #ffffff;
  font-size: 22px;
  padding: 7px 20px 10px 20px;
  text-decoration: none;
}

#btnEffacer:hover {
  background: #0c0073;
  background-image: -webkit-linear-gradient(top, #0c0073, #db184f);
  background-image: -moz-linear-gradient(top, #0c0073, #db184f);
  background-image: -ms-linear-gradient(top, #0c0073, #db184f);
  background-image: -o-linear-gradient(top, #0c0073, #db184f);
  background-image: linear-gradient(to bottom, #0c0073, #db184f);
  text-decoration: none;
}

#btnEnvoyer {
  background: #14e044;
  background-image: -webkit-linear-gradient(top, #14e044, #1c470b);
  background-image: -moz-linear-gradient(top, #14e044, #1c470b);
  background-image: -ms-linear-gradient(top, #14e044, #1c470b);
  background-image: -o-linear-gradient(top, #14e044, #1c470b);
  background-image: linear-gradient(to bottom, #14e044, #1c470b);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  text-shadow: 4px 1px 0px #000000;
  font-family: Arial;
  color: #ffffff;
  font-size: 22px;
  padding: 7px 20px 10px 20px;
  text-decoration: none;
}

#btnEnvoyer:hover {
  background: #1c470b;
  background-image: -webkit-linear-gradient(top, #1c470b, #14e044);
  background-image: -moz-linear-gradient(top, #1c470b, #14e044);
  background-image: -ms-linear-gradient(top, #1c470b, #14e044);
  background-image: -o-linear-gradient(top, #1c470b, #14e044);
  background-image: linear-gradient(to bottom, #1c470b, #14e044);
  text-decoration: none;
}

#envoie {
  background: #14e044;
  background-image: -webkit-linear-gradient(top, #14e044, #1c470b);
  background-image: -moz-linear-gradient(top, #14e044, #1c470b);
  background-image: -ms-linear-gradient(top, #14e044, #1c470b);
  background-image: -o-linear-gradient(top, #14e044, #1c470b);
  background-image: linear-gradient(to bottom, #14e044, #1c470b);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  text-shadow: 4px 1px 0px #000000;
  font-family: Arial;
  color: #ffffff;
  font-size: 22px;
  padding: 7px 20px 10px 20px;
  text-decoration: none;
}

#envoie:hover {
  background: #1c470b;
  background-image: -webkit-linear-gradient(top, #1c470b, #14e044);
  background-image: -moz-linear-gradient(top, #1c470b, #14e044);
  background-image: -ms-linear-gradient(top, #1c470b, #14e044);
  background-image: -o-linear-gradient(top, #1c470b, #14e044);
  background-image: linear-gradient(to bottom, #1c470b, #14e044);
  text-decoration: none;
}

#btnReprendre{
  background: #64dbc7;
  background-image: -webkit-linear-gradient(top, #64dbc7, #2c1f91);
  background-image: -moz-linear-gradient(top, #64dbc7, #2c1f91);
  background-image: -ms-linear-gradient(top, #64dbc7, #2c1f91);
  background-image: -o-linear-gradient(top, #64dbc7, #2c1f91);
  background-image: linear-gradient(to bottom, #64dbc7, #2c1f91);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  text-shadow: 2px 1px 0px #1accc3;
  font-family: Arial;
  color: #ffffff;
  font-size: 22px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  
	
}

#btnReprendre:hover {
   background: #0f517a;
  background-image: -webkit-linear-gradient(top, #0f517a, #11f0a6);
  background-image: -moz-linear-gradient(top, #0f517a, #11f0a6);
  background-image: -ms-linear-gradient(top, #0f517a, #11f0a6);
  background-image: -o-linear-gradient(top, #0f517a, #11f0a6);
  background-image: linear-gradient(to bottom, #0f517a, #11f0a6);
  text-decoration: none;
}




ol.question {
	list-style-type: decimal;
	padding-left: 30px;
	margin-top: 30px;
}
 /* > li , prend seulement le li du dessous de la question */
ol.question > li {
	margin-bottom: 50px;
	/*border: 2px solid pink; */
}

ol.choix{
	list-style-type: lower-latin;
	padding-left: 30px;
	line-height: 1.5;
}


ol.choix li {
	width: 320px; /* s'ajuste selon la longueur des choix */
/*	border: 1px solid green; */
}



/*** Zone Diapo- Box Diapo ***/
#zone-diapo {
	text-align: center;
}

#box-diapo {
	
	position: relative;
	height: 225px; 
	width: 460px;
	margin: 15px;
	display: inline-block;
	overflow: hidden; 
	
}

#box-diapo img {position: relative; }

#box-diapo .legende-gauche, #box-diapo .legende-droite {
	position: absolute;
	height: 225px; 
	width: 50px; 
	background-color: rgba(0,0,0,0.5);  
	display: block;
	
	color: #fff;
	text-align: center;
	line-height: 225px;  
	font-size: 40px; 
	
	font-weight: bold; 
	cursor: pointer;
	z-index: 100;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	transition: all 300ms ease-out; 
}

#box-diapo .legende-gauche {
	left: -50px; 
	top: 0;
}
	
#box-diapo .legende-droite {
	right: -50px; 
	top: 0;
}

#box-diapo .legende-gauche p, #box-diapo .legende-droite p {margin: 0;}

#box-diapo:hover .legende-gauche {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-o-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}

#box-diapo:hover .legende-droite {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}	

#mini-diapo img {
	cursor: pointer;
	border-radius: 7px;
	margin: 3.5px;
	display: inline-block;
	transition: all 200ms ease-in 0s;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
}	

/*******************************************/

#zone-diapo2 {
	text-align: center;
}

#box-diapo2 {
	
	position: relative;
	height: 225px; 
	width: 460px;
	margin: 15px;
	display: inline-block;
	overflow: hidden; 
	
}

#box-diapo2 img {position: relative; }

#box-diapo2 .legende-gauche2, #box-diapo2 .legende-droite2 {
	position: absolute;
	height: 225px; 
	width: 50px; 
	background-color: rgba(0,0,0,0.5);  
	display: block;
	
	color: #fff;
	text-align: center;
	line-height: 225px;  
	font-size: 40px; 
	
	font-weight: bold; 
	cursor: pointer;
	z-index: 100;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	transition: all 300ms ease-out; 
}

#box-diapo2 .legende-gauche2 {
	left: -50px; 
	top: 0;
}
	
#box-diapo2 .legende-droite2 {
	right: -50px; 
	top: 0;
}

#box-diapo2 .legende-gauche2 p, #box-diapo2 .legende-droite2 p {margin: 0;}

#box-diapo2:hover .legende-gauche2 {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-o-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}

#box-diapo2:hover .legende-droite2 {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}	

#mini-diapo2 i.left {
	padding-left: 200px;
	
	
}
.img {
	cursor: pointer;
	border-radius: 7px;
	margin: 3.5px;
	display: inline-block;
	transition: all 200ms ease-in 0s;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
}	

.scrollup {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 350px;
    right: 100px;
    display: none;
    background: url('images/return-top.png') no-repeat;
	cursor: pointer
}

.center{
	text-align:center;
}

.right  {
	padding-right: 200px;
	text-align: left;
}



.left {
	padding-left: 285px;
	text-align: left;
	
}

.left2 {
	padding-left: 200px;
	text-align: left;
	
}


.left3 {
	padding-left: 315px;
	text-align: left;
	
}

.little-image {
	margin-right:15px;
}

.big-image {
	margin-left: 80px;
}

.fil-ariane-col-droite {
	font-size: 80%;
	text-align: center;
	margin-left: 20px;
}


@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300);
#cssmenu {
  position: relative;
  margin: 0;
  font-family: 'Roboto Condensed';
  line-height: 1;
  width: 250px;
}
.align-right {
  float: right;
}
#cssmenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
#cssmenu ul li {
  position: relative;
  margin: 0;
  padding: 0;
}
#cssmenu ul li a {
  text-decoration: none;
  cursor: pointer;
}
#cssmenu > ul > li > a {
  color: #dddddd;
  text-transform: uppercase;
  display: block;
  padding: 20px;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  background: #222222;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 300;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  position: relative;
}
#cssmenu > ul > li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#cssmenu > ul > li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom: 1px solid #000000;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.open > a,
#cssmenu > ul > li.active > a {
  background: #151515;
  color: #ffffff;
}
#cssmenu ul > li.has-sub > a::after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid #000000;
  border-botom: 13px solid transparent;
  border-left: 125px solid transparent;
  border-right: 125px solid transparent;
  left: 0;
  bottom: -13px;
  bottom: 0px;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
#cssmenu ul > li.has-sub > a::before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid #151515;
  border-botom: 13px solid transparent;
  border-left: 125px solid transparent;
  border-right: 125px solid transparent;
  left: 0;
  bottom: -12px;
  bottom: -1px;
  z-index: 3;
  opacity: 0;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
#cssmenu ul > li.has-sub::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-top-color: #dddddd;
  z-index: 2;
  right: 20px;
  top: 24.5px;
  pointer-events: none;
}
#cssmenu ul > li:hover::after,
#cssmenu ul > li.active::after,
#cssmenu ul > li.open::after {
  border-top-color: #ffffff;
}
#cssmenu ul > li.has-sub.open > a::after {
  opacity: 1;
  bottom: -13px;
}
#cssmenu ul > li.has-sub.open > a::before {
  opacity: 1;
  bottom: -12px;
}
#cssmenu ul ul {
  display: none;
}
#cssmenu ul ul li {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
#cssmenu ul ul li a {
  background: #f1f1f1;
  display: block;
  position: relative;
  font-size: 15px;
  padding: 14px 20px;
  border-bottom: 1px solid #dddddd;
  color: #777777;
  font-weight: 300;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
#cssmenu ul ul li:first-child > a {
  padding-top: 18px;
}
#cssmenu ul ul ul li {
  border: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.open > a,
#cssmenu ul ul li.active > a {
  background: #e4e4e4;
  color: #005185;
}
#cssmenu ul ul > li.has-sub > a::after {
  border-top: 13px solid #dddddd;
}
#cssmenu ul ul > li.has-sub > a::before {
  border-top: 13px solid #e4e4e4;
}
#cssmenu ul ul ul li a {
  padding-left: 30px;
}
#cssmenu ul ul > li.has-sub::after {
  top: 18.5px;
  border-width: 6px;
  border-top-color: #777777;
}
#cssmenu ul ul > li:hover::after,
#cssmenu ul ul > li.active::after,
#cssmenu ul ul > li.open::after {
  border-top-color: #666666;
}

#mini-quiz {position: relative;}

#mini-quiz fieldset {
	padding: 16px;
	border: 1px solid #999;
	text-align: left;
}

#mini-quiz legend {
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	margin-left: 15px;
	padding: 0 10px;
	font-weight: bold;
}
	
#mini-quiz input {
	font-size: 12px;
	margin: 5px;
	padding: 2px 4px;
}

#zone-message img {
	position: absolute;
	bottom: 6px;
	right: 300px;
}


#zone-message p {
	position: absolute;
	top: 90px;
	right: 175px;
	width: 100px;
	height: 50px;
	text-align: left;
}

	
#mini-quiz #btnSubmit, #mini-quiz #btnReset {
	margin: 10px 5px;

}


 /************** *********/
 
#zone-diapo {
	text-align: center;
	
}

#box-diapo {
	
	position: relative;
	height: 570px; 
	width: 900px;
	right: 10px;
	margin: 15px;
	display: inline-block;
	overflow: hidden; 
	border: 10px solid #000;
}

#box-diapo img {position: relative; }

#box-diapo .legende-gauche, #box-diapo .legende-droite {
	position: absolute;
	height: 570px; 
	width: 50px; 
	background-color: rgba(0,0,0,0.5);  
	display: block;
	
	color: #fff;
	text-align: center;
	line-height: 570px;  
	font-size: 40px; 
	
	font-weight: bold; 
	cursor: pointer;
	z-index: 100;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	transition: all 300ms ease-out; 
}

#box-diapo .legende-gauche {
	left: -50px; 
	top: 0;
}
	
#box-diapo .legende-droite {
	right: -50px; 
	top: 0;
}

#box-diapo .legende-gauche p, #box-diapo .legende-droite p {margin: 0;}

#box-diapo:hover .legende-gauche {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-o-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}

#box-diapo:hover .legende-droite {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}	

#mini-diapo img {
	cursor: pointer;
	border-radius: 7px;
	margin: 3.5px;
	display: inline-block;
	transition: all 200ms ease-in 0s;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	border: 5px solid #2E8B57;
}	

#mini-diapo img:hover {
	z-index: 5;
	
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
	border: 5px solid #000;
}
/*** Images ***/
#legendes-galerie {
	width: 800px;
	margin: 0 auto;
	text-align:center;
}

#galerie-img {
	width: 800px;
	margin: 0 auto;
	text-align:center;
}
/*** Box ***/
.box {
	position: relative;
	height: 150px;
	width: 150px;
	display: inline-block;
	overflow: hidden;
	border-radius: 5px;
	
}

.box img { position: relative; }

.box .legende-haut, .box .legende-bas, .box .legende-simple {
	position: absolute;
	height: 30px; 
	width: 150px;
	background-color: rgba(0,0,0,0.8); 
	display: block;
	
	
	color: #fff;
	line-height: 30px; 
	text-align: center;
	
	z-index: 100; 
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}

.box .legende-haut {
	top: -30px; 
	left: 0;
}

.box .legende-bas, .box .legende-simple {
	bottom: -30px; 
	left: 0;
}


.box .legende-bas p, .box .legende-haut p , .box .legende-simple p { margin: 0; }


.box:hover .legende-haut {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	opacity: 1;
}

.box:hover .legende-bas, .box:hover .legende-simple {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	opacity: 1;
}
 
 
 /************* ****************/

.ih-item {
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.ih-item a {
  color: #333;

}
.ih-item a:hover {
  text-decoration: none;

}
.ih-item img {
  width: 100%;
  height: 100%;
}


.ih-item.square {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #fff;
  
 
}


.ih-item.square.effect1 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #1f5f3b;
}




.ih-item.square.effect2 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #ff8214;
}


.ih-item.square.effect3{
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #001356;
}


.ih-item.square.effect4 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #000;
}


.ih-item.square.effect5 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #f72c2b;
}


.ih-item.square.effect6 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #FF69B4;
}

.ih-item.square.effect7 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #212121;
}


.ih-item.square.effect8 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #7768b9;
}


.ih-item.square.effect9{
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #588b2f;
}


.ih-item.square.effect10 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #000;
}


.ih-item.square.effect11 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #778d98;
}


.ih-item.square.effect12 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #fff;
}

.ih-item.square.effect13 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #000;
}


.ih-item.square.effect14 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #fff;
}


.ih-item.square.effect15 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #4dfcfe;
}


.ih-item.square.effect16 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #000;
}


.ih-item.square.effect17 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #000;
}


.ih-item.square.effect18 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #000;
}

.ih-item.square.effect19 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #b60000;
}


.ih-item.square.effect20 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #fffd6b;
}


.ih-item.square.effect21 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #239ba7;
}


.ih-item.square.effect22 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #000;
}


.ih-item.square.effect23 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #e9e9e9;
}

.ih-item.square.effect24 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #000;
}

/************* ************/


.ih-item.square.effect25 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #ff3a22;
}


.ih-item.square.effect26 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #ff8214;
}


.ih-item.square.effect27{
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #001356;
}


.ih-item.square.effect28 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #000;
}


.ih-item.square.effect29 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #f72c2b;
}


.ih-item.square.effect30 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #FF69B4;
}

.ih-item.square.effect31 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #212121;
}


.ih-item.square.effect32 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #7768b9;
}


.ih-item.square.effect33{
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #588b2f;
}


.ih-item.square.effect34 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #000;
}


.ih-item.square.effect35 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #778d98;
}


.ih-item.square.effect36 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #fff;
}

.ih-item.square.effect37 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #000;
}


.ih-item.square.effect38 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #fff;
}


.ih-item.square.effect39 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #d4d4d4;
}


.ih-item.square.effect40 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #000;
}


.ih-item.square.effect41 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #3b3b3b;
}


.ih-item.square.effect42 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #000;
}

.ih-item.square.effect43 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #000000;
}


.ih-item.square.effect44 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #ffcb05;
}


.ih-item.square.effect45 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #fff;
}


.ih-item.square.effect46 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #fff301;
}


.ih-item.square.effect47 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #e2e2e2;
}

.ih-item.square.effect48 {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background: #013e54;
}

.ih-item.square.effectgifs {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #000;
  background-color: #000;
}


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

/***.ih-item.square.effect1 ***/

.ih-item.square.effect1 {
  overflow: hidden;
}

.ih-item.square.effect1.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect1.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect1 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect1 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect1 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect1 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect1 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect1 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect1 a:hover .info h3,
.ih-item.square.effect1 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/***.ih-item.square.effect2 ***/

.ih-item.square.effect2 {
  overflow: hidden;
}

.ih-item.square.effect2.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect2.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect2 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect2 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect2 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect2 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect2 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect2 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect2 a:hover .info h3,
.ih-item.square.effect2 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/***.ih-item.square.effect3 ***/
.ih-item.square.effect3 {
  overflow: hidden;
}

.ih-item.square.effect3.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect3.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect3 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect3 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect3 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect3 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect3 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect3 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect3 a:hover .info h3,
.ih-item.square.effect3 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/***.ih-item.square.effect4 ***/
.ih-item.square.effect4 {
  overflow: hidden;
}

.ih-item.square.effect4.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect4.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect4 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect4 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect4 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect4 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect4 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect4 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect4 a:hover .info h3,
.ih-item.square.effect4 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/***.ih-item.square.effect5 ***/

.ih-item.square.effect5 {
  overflow: hidden;
}

.ih-item.square.effect5.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect5.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect5 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect5 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect5 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect5 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect5 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect5 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect5 a:hover .info h3,
.ih-item.square.effect5 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/***.ih-item.square.effect6 ***/

.ih-item.square.effect6 {
  overflow: hidden;
}

.ih-item.square.effect6.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect6.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect6 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect6 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect6 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect6 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect6 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect6 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect6 a:hover .info h3,
.ih-item.square.effect6 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/***.ih-item.square.effect7 ***/

.ih-item.square.effect7 {
  overflow: hidden;
}

.ih-item.square.effect7.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect7.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect7 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect7 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect7 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect7 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect7 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect7 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect7 a:hover .info h3,
.ih-item.square.effect7 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/***.ih-item.square.effect8 ***/

.ih-item.square.effect8 {
  overflow: hidden;
}

.ih-item.square.effect8.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect8.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect8 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect8 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect8 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect8 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect8 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect8 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect8 a:hover .info h3,
.ih-item.square.effect8 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/***.ih-item.square.effect9 ***/

.ih-item.square.effect9 {
  overflow: hidden;
}

.ih-item.square.effect9.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect9.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect9 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect9 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect9 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect9 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect9 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect9 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect9 a:hover .info h3,
.ih-item.square.effect9 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/***.ih-item.square.effect10 ***/

.ih-item.square.effect10 {
  overflow: hidden;
}

.ih-item.square.effect10.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect10.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect10 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect10 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect10 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect10 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect10 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect10 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect10 a:hover .info h3,
.ih-item.square.effect10 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/***.ih-item.square.effect11 ***/

.ih-item.square.effect11 {
  overflow: hidden;
}

.ih-item.square.effect11.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect11.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect11 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect11 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect11 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect11 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect11 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect11 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect11 a:hover .info h3,
.ih-item.square.effect11 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/***.ih-item.square.effect12 ***/

.ih-item.square.effect12 {
  overflow: hidden;
}

.ih-item.square.effect12.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect12.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect12 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect12 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect12 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect12 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect12 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect12 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect12 a:hover .info h3,
.ih-item.square.effect12 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/***.ih-item.square.effect13 ***/

.ih-item.square.effect13 {
  overflow: hidden;
}

.ih-item.square.effect13.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect13.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect13 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect13 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect13 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect13 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect13 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect13 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect13 a:hover .info h3,
.ih-item.square.effect13 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/***.ih-item.square.effect14 ***/

.ih-item.square.effect14 {
  overflow: hidden;
}

.ih-item.square.effect14.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect11.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect14 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect14 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect14 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect14 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect14 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect14 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect14 a:hover .info h3,
.ih-item.square.effect14 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/***.ih-item.square.effect15 ***/

.ih-item.square.effect15 {
  overflow: hidden;
}

.ih-item.square.effect15.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect15.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect15 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect15 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect15 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect15 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect15 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect15 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect15 a:hover .info h3,
.ih-item.square.effect15 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/***.ih-item.square.effect16 ***/

.ih-item.square.effect16 {
  overflow: hidden;
}

.ih-item.square.effect16.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect16.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect16 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect16 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect16 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect16 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect16 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect16 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect16 a:hover .info h3,
.ih-item.square.effect16 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/***.ih-item.square.effect17 ***/

.ih-item.square.effect17 {
  overflow: hidden;
}

.ih-item.square.effect17.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect17.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect17 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect17 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect17 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect17 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect17 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect17 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect17 a:hover .info h3,
.ih-item.square.effect17 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/***.ih-item.square.effect18 ***/

.ih-item.square.effect18 {
  overflow: hidden;
}

.ih-item.square.effect18.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect18.colored .info h3 {
  background: rgba(0effect1751,0, 0.6);
}
.ih-item.square.effect18 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect18 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect18 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect18 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect18 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect18 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect18 a:hover .info h3,
.ih-item.square.effect18 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/***.ih-item.square.effect19 ***/

.ih-item.square.effect19 {
  overflow: hidden;
}

.ih-item.square.effect19.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect19.colored .info h3 {
  background: rgba(0effect1751,0, 0.6);
}
.ih-item.square.effect19 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect19 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect19 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect19 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect19 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect19 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect19 a:hover .info h3,
.ih-item.square.effect19 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/***.ih-item.square.effect20 ***/

.ih-item.square.effect20 {
  overflow: hidden;
}

.ih-item.square.effect20.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect20.colored .info h3 {
  background: rgba(0effect1751,0, 0.6);
}
.ih-item.square.effect20 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect20 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect20 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect20 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect20 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect20 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect20 a:hover .info h3,
.ih-item.square.effect20 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/***.ih-item.square.effect21 ***/

.ih-item.square.effect21 {
  overflow: hidden;
}

.ih-item.square.effect21.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect21.colored .info h3 {
  background: rgba(0effect1751,0, 0.6);
}
.ih-item.square.effect21 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect21 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect21 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect21 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect21 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect21 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect21 a:hover .info h3,
.ih-item.square.effect21 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/***.ih-item.square.effect22 ***/

.ih-item.square.effect22 {
  overflow: hidden;
}

.ih-item.square.effect22.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect22.colored .info h3 {
  background: rgba(0effect1751,0, 0.6);
}
.ih-item.square.effect22 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect22 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect22 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect22 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect22 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect22 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect22 a:hover .info h3,
.ih-item.square.effect22 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/***.ih-item.square.effect23 ***/

.ih-item.square.effect23 {
  overflow: hidden;
}

.ih-item.square.effect23.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect23.colored .info h3 {
  background: rgba(0effect1751,0, 0.6);
}
.ih-item.square.effect23 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect23 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect23 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect23 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect23 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect23 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect23 a:hover .info h3,
.ih-item.square.effect23 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/***.ih-item.square.effect24 ***/

.ih-item.square.effect24 {
  overflow: hidden;
}

.ih-item.square.effect24.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect24.colored .info h3 {
  background: rgba(0effect1751,0, 0.6);
}
.ih-item.square.effect24 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect24 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect24 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect24 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect24 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect24 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect24 a:hover .info h3,
.ih-item.square.effect24 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/***.ih-item.square.effect25 ***/

.ih-item.square.effect25 {
  overflow: hidden;
}

.ih-item.square.effect25.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect25.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect25 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect25 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect25 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect25 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect25 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect25 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect25 a:hover .info h3,
.ih-item.square.effect25 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/***.ih-item.square.effect26 ***/

.ih-item.square.effect26 {
  overflow: hidden;
}

.ih-item.square.effect26.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect26.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect26 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect26 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect26 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect26 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect26 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect26 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect26 a:hover .info h3,
.ih-item.square.effect26 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/***.ih-item.square.effect27 ***/
.ih-item.square.effect27 {
  overflow: hidden;
}

.ih-item.square.effect27.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect27.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect27 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect27 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect27 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect27 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect27 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect27 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect27 a:hover .info h3,
.ih-item.square.effect27 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/***.ih-item.square.effect28 ***/
.ih-item.square.effect28 {
  overflow: hidden;
}

.ih-item.square.effect28.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect28.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect28 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect28 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect28 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect28 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect28 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect28 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect28 a:hover .info h3,
.ih-item.square.effect28 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/***.ih-item.square.effect29 ***/

.ih-item.square.effect29 {
  overflow: hidden;
}

.ih-item.square.effect29.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect29.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect29 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect29 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect29 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect29 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect29 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect29 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect29 a:hover .info h3,
.ih-item.square.effect29 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/***.ih-item.square.effect30 ***/

.ih-item.square.effect30 {
  overflow: hidden;
}

.ih-item.square.effect30.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect30.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect30 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect30 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect30 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect30 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect30 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect30 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect30 a:hover .info h3,
.ih-item.square.effect30 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/***.ih-item.square.effect31 ***/

.ih-item.square.effect31 {
  overflow: hidden;
}

.ih-item.square.effect31.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect31.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect31 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect31 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect31 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect31 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect31 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect31 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect31 a:hover .info h3,
.ih-item.square.effect31 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/***.ih-item.square.effect32 ***/

.ih-item.square.effect32 {
  overflow: hidden;
}

.ih-item.square.effect32.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect32.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect32 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect32 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect32 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect32 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect32 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect32 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect32 a:hover .info h3,
.ih-item.square.effect32 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/***.ih-item.square.effect33 ***/

.ih-item.square.effect33 {
  overflow: hidden;
}

.ih-item.square.effect33.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect33.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect33 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect33 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect33 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect33 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect33 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect33 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect33 a:hover .info h3,
.ih-item.square.effect33 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/***.ih-item.square.effect34 ***/

.ih-item.square.effect34 {
  overflow: hidden;
}

.ih-item.square.effect34.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect34.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect34 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect34 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect34 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect34 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect34 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect34 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect34 a:hover .info h3,
.ih-item.square.effect34 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/***.ih-item.square.effect35 ***/

.ih-item.square.effect35 {
  overflow: hidden;
}

.ih-item.square.effect35.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect35.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect35 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect35 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect35 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect35 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect35 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect35 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect35 a:hover .info h3,
.ih-item.square.effect35 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/***.ih-item.square.effect36 ***/

.ih-item.square.effect36 {
  overflow: hidden;
}

.ih-item.square.effect36.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect36.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect36 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect36 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect36 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect36 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect36 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect36 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect36 a:hover .info h3,
.ih-item.square.effect36 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/***.ih-item.square.effect37 ***/

.ih-item.square.effect37 {
  overflow: hidden;
}

.ih-item.square.effect37.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect37.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect37 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect37 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect37 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect37 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect37 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect37 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect37 a:hover .info h3,
.ih-item.square.effect37 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/***.ih-item.square.effect38 ***/

.ih-item.square.effect38 {
  overflow: hidden;
}

.ih-item.square.effect38.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect38.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect38 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect38 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect38 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect38 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect38 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect38 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect38 a:hover .info h3,
.ih-item.square.effect38 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/***.ih-item.square.effect39 ***/

.ih-item.square.effect39 {
  overflow: hidden;
}

.ih-item.square.effect39.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect39.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect39 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect39 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect39 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect39 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect39 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect39 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect39 a:hover .info h3,
.ih-item.square.effect39 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/***.ih-item.square.effect40 ***/

.ih-item.square.effect40 {
  overflow: hidden;
}

.ih-item.square.effect40.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect40.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect40 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect40 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect40 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect40 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect40 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect40 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect40 a:hover .info h3,
.ih-item.square.effect40 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/***.ih-item.square.effect41 ***/

.ih-item.square.effect41 {
  overflow: hidden;
}

.ih-item.square.effect41.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect41.colored .info h3 {
  background: rgba(0,51,0, 0.6);
}
.ih-item.square.effect41 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect41 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect41 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect41 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect41 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect41 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect41 a:hover .info h3,
.ih-item.square.effect41 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/***.ih-item.square.effect42 ***/

.ih-item.square.effect42 {
  overflow: hidden;
}

.ih-item.square.effect42.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect42.colored .info h3 {
  background: rgba(0effect1751,0, 0.6);
}
.ih-item.square.effect42 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect42 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect42 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect42 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect42 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect42 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect42 a:hover .info h3,
.ih-item.square.effect42 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/***.ih-item.square.effect43 ***/

.ih-item.square.effect43 {
  overflow: hidden;
}

.ih-item.square.effect43.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect43.colored .info h3 {
  background: rgba(0effect1751,0, 0.6);
}
.ih-item.square.effect43 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect43 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect43 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect43 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect43 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect43 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect43 a:hover .info h3,
.ih-item.square.effect43 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/***.ih-item.square.effect44 ***/

.ih-item.square.effect44 {
  overflow: hidden;
}

.ih-item.square.effect44.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect44.colored .info h3 {
  background: rgba(0effect1751,0, 0.6);
}
.ih-item.square.effect44 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect44 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect44 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect44 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect44 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect44 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect44 a:hover .info h3,
.ih-item.square.effect44 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/***.ih-item.square.effect44 ***/

.ih-item.square.effect45 {
  overflow: hidden;
}

.ih-item.square.effect45.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect45.colored .info h3 {
  background: rgba(0effect1751,0, 0.6);
}
.ih-item.square.effect45 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect45 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect45 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect45 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect45 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect45 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect45 a:hover .info h3,
.ih-item.square.effect45 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/***.ih-item.square.effect46 ***/

.ih-item.square.effect46 {
  overflow: hidden;
}

.ih-item.square.effect46.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect46.colored .info h3 {
  background: rgba(0effect1751,0, 0.6);
}
.ih-item.square.effect46 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect46 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect46 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect46 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect46 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect46 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect46 a:hover .info h3,
.ih-item.square.effect46 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/***.ih-item.square.effect47 ***/

.ih-item.square.effect47 {
  overflow: hidden;
}

.ih-item.square.effect47.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect47.colored .info h3 {
  background: rgba(0effect1751,0, 0.6);
}
.ih-item.square.effect47 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect47 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect47 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect47 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect47 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect47 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect47 a:hover .info h3,
.ih-item.square.effect47 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/***.ih-item.square.effect48 ***/

.ih-item.square.effect48 {
  overflow: hidden;
}

.ih-item.square.effect48.colored .info {
  background: #006600 ;
  background: rgba(0,102,0, 0.6);
}
.ih-item.square.effect48.colored .info h3 {
  background: rgba(0effect1751,0, 0.6);
}
.ih-item.square.effect48 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect48 .info {
  background: #33CCFF;
  background: rgba(51,204,255, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect48 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect48 .info p {
  font-style: italic;
  font-size: 15px;
  position: relative;
  color: #fff;
  padding: 0 10px 10px;
  text-align: center;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect48 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect48 a:hover .info {
  visibility: visible;
  opacity: 1;
}
.ih-item.square.effect48 a:hover .info h3,
.ih-item.square.effect48 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/***.ih-item.square.effectgifs ***/

.ih-item.square.effectgifs {
  overflow: hidden;
}
.ih-item.square.effectgifs .img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}




	.booklet         { width:800px; height:600px; position:relative; margin:0 auto 10px; overflow:visible !important;}
	.booklet .b-page {left:0; top:0; position:absolute; overflow:hidden; padding:0; outline:1px solid rgba(0,0,0,0);}
	
	.booklet .b-pN  {}
	.booklet .b-p0  {}
	.booklet .b-p1  {}
	.booklet .b-p2  {}    
	.booklet .b-p3  {}
	.booklet .b-p4  {}
	   
   	/* Page Wrappers */
	.booklet .b-wrap       {top:0; position:absolute;}
	.booklet .b-wrap-left  {background:#fff;}
	.booklet .b-wrap-right {background:#efefef;}
	
	.booklet .b-pN .b-wrap,
	.booklet .b-p1 .b-wrap,
	.booklet .b-p2 .b-wrap,
	.booklet .b-p3 .b-wrap,
	.booklet .b-p4 .b-wrap  {left:0;}
	.booklet .b-p0 .b-wrap  {right:0;}
	
   	/* Custom Page Types */
	.booklet .b-page-blank  {padding:0; width:100%; height:100%;}
	.booklet .b-page-cover  {padding:0; width:100%; height:100%; background:#925C0E;}
	.booklet .b-page-cover h3  {color:#fff; text-shadow:0 1px 3px #222;}
   
   	/* Page Numbers */
	.booklet .b-counter {bottom:10px; position:absolute; display:block; width:25px; height:20px; background:#ccc; color:#444; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; padding:5px 0 0;}
	.booklet .b-wrap-left  .b-counter  {left:10px;}
	.booklet .b-wrap-right .b-counter {right:10px;}
   
   	/* Page Shadows */
	.booklet .b-shadow-f  {right:0; top:0; position:absolute; opacity:0; background-image:url("images/shadow-top-forward.png"); background-repeat:repeat-y; background-position:100% 0;}
	.booklet .b-shadow-b  {left:0;  top:0; position:absolute; opacity:0; background-image:url("images/shadow-top-back.png");    background-repeat:repeat-y; background-position:0 0;}
	
	.booklet .b-p0 {background-image:url("images/shadow.png"); background-repeat:repeat-y; background-position:100% 10px;}
	.booklet .b-p3 {background-image:url("images/shadow.png"); background-repeat:repeat-y; background-position:0 10px;}
	
   	/* Overlay Controls */
	.booklet .b-grab     {cursor: url("images/openhand.cur"), default;}
	.booklet .b-grabbing {cursor: url("images/closedhand.cur"), default;}
	
   	/* Overlay Controls */
	.booklet .b-overlay      {top:0; position:absolute; height:100%; width:50%;}
	.booklet .b-overlay-prev {left:0;}
	.booklet .b-overlay-next {right:0;}
	
   	/* Tab Controls */
	.booklet .b-tab        {background:#000; height:40px; width:100%; padding:10px 0 0; text-align:center; color:#ccc; position:absolute; font-size:11px;}
	.booklet .b-tab-prev   {left:0;}
	.booklet .b-tab-next   {right:0;}
	.booklet .b-tab:hover  {background:#aaa; color:#000;}	
	
   	/* Arrow Controls */
	.booklet .b-arrow          {display:block; position:absolute; text-indent:-9999px; top:0; height:100%; width:74px;}
	.booklet .b-arrow div      {display:none; text-indent:-9999px; height:170px; width:74px; position:absolute; left:0; top:25%;}
	.booklet .b-arrow-next     {right:-80px;}
	.booklet .b-arrow-prev     {left:-80px;}
	.booklet .b-arrow-next div {background:url("images/arrow-next.png") no-repeat left top;}
	.booklet .b-arrow-prev div {background:url("images/arrow-prev.png") no-repeat left top;}
		
/* @z-index fix (needed for older IE browsers)
----------------------------------------*/

    body              {z-index:0;}
    .b-menu           {z-index:100;}
    .b-selector       {z-index:100;}
    .booklet          {z-index:10;}
    .b-pN             {z-index:10;}
    .b-p0             {z-index:30;}
    .b-p1             {z-index:20;}
    .b-p2             {z-index:20;}
    .b-p3             {z-index:30;}
    .b-p4             {z-index:10;}
    .b-prev           {z-index:40;}
    .b-next           {z-index:40;}
    .b-counter        {z-index:40;}
	
/* @Menu Items
----------------------------------------*/
	.b-menu {height:40px; padding:0 0 10px;}
	
	.b-selector             {height:40px; position:relative; float:right; border:none; color:#cecece; cursor:pointer; font:normal 12px "Myriad Pro", Myriad, "DejaVu Sans Condensed","Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;}
	.b-selector .b-current  {padding:8px 15px 12px; line-height:20px; min-width:18px; height:20px; display:block; background:#000; text-align:center;}
	.b-selector-page        {width:auto; margin-left:15px;}
	.b-selector-chapter     {width:auto;}
	
	.b-selector:hover            {color:#fff; background-position:left 0;}
	.b-selector:hover .b-current {background-position:right 0;}
	.b-selector ul               {overflow:hidden; margin:0; list-style:none !important; position:absolute; top:40px; right:0; padding:0 0 10px; background:#000; width:240px;}
	.b-selector li               {border:none;}
	.b-selector a                {color:#cecece; height:14px; text-decoration:none; display:block; padding:5px 10px;}
	.b-selector a .b-text        {float:left; clear:none;}
	.b-selector a .b-num         {float:right; clear:none;}
	.b-selector a:hover          {color:#fff;}
		
		
		
		
	.centre {
		padding-left: 321px;
	}
	
	
	
	
	.erreur {
		font-family: Arial;
		font-size: 10px;
		color: #F00;  /* rouge */
	}



	.floatstop{clear: both;}