@charset "utf-8";
/* CSS Document */

.dinoHover{width:50%; display:block; position:relative; margin-top:-50%; float:left; margin-left:0%;  padding-bottom:3em; text-align:center; 
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-ms-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
}
.test{ position:absolute; margin-top:25%; left:0%; z-index:-999;}


.dinoHover .hoverTxt{ padding-top:20px;}
.dinoHover .hoverTxt a{ line-height:1.6em; letter-spacing:0.38em; color:#7FADC5; text-transform:uppercase; position:absolute; width:50%; bottom:-15%; left:0%; display:block; text-align:center; font-size:0.8em; text-decoration:none;  }
.dinoHover .hoverTxt a:hover{ color:#fff; }

.dinoAni{ margin-top:10%; transition:all 2s; display:block;}
/*
.dinoAniNew{ margin-top:16%; transition:all 1s; display:block;}
*/

.dinoDefault{ margin-top:-50%; transition:all 2s; display:block; }

.dinoHover img{ position:relative; margin:0px auto; left:-10%; max-width:20%; z-index:9999; margin-top:-70%;  }

.contactHover{width:50%; display:block; position:relative; margin-top:-50%; float:right; left:10%; padding-bottom:3em; text-align:center; 
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-ms-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
}
.contactHover .hoverTxt{ padding-top:20px;}
.contactHover .hoverTxt a{ line-height:1.6em; letter-spacing:0.38em; color:#7FADC5; text-transform:uppercase; position:absolute; width:50%; top:7%; left:8%; display:block; text-align:center; font-size:0.8em; text-decoration:none;  }
.contactHover .hoverTxt a:hover{ color:#fff; }

.contactHover img{ position:relative; margin:0px auto; left:-10%; max-width:20%; z-index:9999; margin-top:-70%;  }
.contactAni{ margin-top:16%; transition:all 2s; display:block;}
.contactDefault{ margin-top:-50%; transition:all 2s; display:block; }

@media only screen and (min-width:240px) and (max-width:768px){
	.dinoHover{ position:absolute; margin:-10% 0% 0% 5%; float:none; left:0%; display:block; }
	.dinoHover img{ position:relative; margin:0px auto;  max-width:40%;  }
	.dinoAni{ margin-top:0%; transition:all 2s; display:block;}
	
	.contactHover{ margin:-10% auto; float:none; left:25%; display:block;}
	.contactHover img{ position:relative; margin:0px auto;  max-width:40%;  }
	.contactAni{ margin-top:0%; transition:all 2s; display:block;}
	
	.dinoHover:hover .coverOfPage{ display:block; z-index:999;	}
	
}