/* Zoom In #1 */
.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

figure { 
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 0.5em;
    margin-right: 0.5em;
}


.hover02 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .1s ease-in-out;
	transition: .1s ease-in-out
}
.hover02 figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}



a:link, a:visited { 
    color:navy;
    text-decoration:none;
    cursor: auto;
}

 a:link:active, a:visited:active { 
    color:fuchsia;
    
} 

a:hover{
	color:red;
cursor:pointer
}

#strat2 {
    position: absolute;
    width: 100%;
    height: 1300px;
    color: white;
    top:0px;
    left:0px;
    vertical-align:middle;
    z-index:2
}


#strat3 {
    position: absolute;
    width: 100%;
    height: 1300px;
    color: white;
    top:0px;
    left:0px;
    vertical-align:middle;
    z-index:3
}



.hit-the-floor {
color: #fff;
text-align:center;
font-size: 12em;
font-weight:normal;
font-family: Helvetica;
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);

}



#corp {
  width:auto;
  height:1350px;
  background-position:right;
  background-color:white;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
 
}

#strat1 {
    position: absolute;
  	width:100%;
    top:0px;
    left:0px;
    height:1300px;

}


body2 {
    display: inline-block;
    margin: 0px auto;
    text-align: center;
}


.top{
       position: fixed;     
       text-align:center;    
       top: 0px; 
       width: 100%;
       height:15vh;
       color:#575757;
       background-color:white;
       left:0px;
       z-index:4;
       box-shadow: 10px 10px 25px #888888;
       opacity: 0.9
       
}


   
.footer{ 
       position: fixed;     
       text-align: right;
       vertical-align:text-bottom;    
       bottom: 0px; 
       width: 100%;
   } 
   
   
   
  
.buton_categorie{
border:1px solid #ECFFE8;-webkit-box-shadow: #474747 0px 0px 5px;-moz-box-shadow: #474747 0px 0px 5px; box-shadow: #474747 0px 0px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 7px 10px 7px 10px; text-decoration:none; display:inline-block;font-weight:bold; color: #B8E5FF;
 background-color: #f62b2b; background-image: linear-gradient(to bottom, #f62b2b, #d20202);
 }

.buton_categorie:hover{
 border:1px solid #8ED058;
 background-color: #e40a0a; background-image: linear-gradient(to bottom, #e40a0a, #9f0202);
 }
 
 
 
 #grad1 {
    background: -webkit-linear-gradient(left, rgba(255,0,0,0), rgba(255,0,0,1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(255,0,0,0), rgba(255,0,0,1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(255,0,0,0), rgba(255,0,0,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)); /* Standard syntax (must be last) */
}
 
 
 
  
 #grad2 {
    background: -webkit-linear-gradient(left, rgba(255,0,0,0), rgba(255,0,0,1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(255,0,0,0), rgba(255,0,0,1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(255,0,0,0), rgba(255,0,0,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)); /* Standard syntax (must be last) */
}
 
.meniu{
	 cursor:pointer
}







#cat1{
		width:20%;
		height:100%;
		position:relative;
		float:left;
}

#pozap1{
	  display: block;
      width: 100%;
      height:100% ;
      
      
}


#overlay1 {
  position:absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 100%;
  height: 0;
  opacity: 0.8;
  transition: .5s ease;
}

#cat1:hover #overlay1 {
  height: 40%;
}

#text1 {
  white-space: nowrap; 
  color: white;
  font-size: 5vh;
  position:absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%, -50%);
}
 
 
 
 
 

#cat2{
		width:20%;
		height:100%;
		position:relative;
		float:left;
}

#pozap2{
	  display: block;
      width: 100%;
      height:100% ;
      
      
}


#overlay2 {
  position:absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 100%;
  height: 0;
  opacity: 0.8;
  transition: .5s ease;
}

#cat2:hover #overlay2 {
  height: 40%;
}

#text2 {
  white-space: nowrap; 
  color: white;
  font-size: 5vh;
  position:absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%, -50%);
}
 
 
 
 
 #cat3{
		width:20%;
		height:100%;
		position:relative;
		float:left;
}

#pozap3{
	  display: block;
      width: 100%;
      height:100% ;
      
      
}


#overlay3 {
  position:absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 100%;
  height: 0;
  opacity: 0.8;
  transition: .5s ease;
}

#cat3:hover #overlay3 {
  height: 40%;
}

#text3 {
  white-space: nowrap; 
  color: white;
  font-size: 5vh;
  position:absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%, -50%);
}
 
 
 
 
  #cat4{
		width:20%;
		height:100%;
		position:relative;
		float:left;
}

#pozap4{
	  display: block;
      width: 100%;
      height:100% ;
      
      
}


#overlay4 {
  position:absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 100%;
  height: 0;
  opacity: 0.8;
  transition: .5s ease;
}

#cat4:hover #overlay4 {
  height: 40%;
}

#text4 {
  white-space: nowrap; 
  color: white;
  font-size: 5vh;
  position:absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%, -50%);
}

 
 
 
 
  #cat5{
		width:20%;
		height:100%;
		position:relative;
		float:left;
}

#pozap5{
	  display: block;
      width: 100%;
      height:100% ;
      
      
}


#overlay5 {
  position:absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 100%;
  height: 0;
  opacity: 0.8;
  transition: .5s ease;
}

#cat5:hover #overlay5 {
  height: 40%;
}

#text5 {
  white-space: nowrap; 
  color: white;
  font-size: 5vh;
  position:absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%, -50%);
}