@charset "utf-8";
/* CSS Document */
/********************************/
/* contact bottom styles */
/******************************/
.hv-view {
	width:95%;
	margin:40px;
	margin-left:auto;
	margin-right:auto;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
	font-size:16px;
	padding:40px;

}

.hv-mask {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.hv-view h2, .hv-view p, .hv-view a.hv-info{
	margin-left:auto;
	margin-right:auto;
}




.hv-view .hv-mask, .hv-view .hv-content {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
.hv-view .hv-show {
    display: block;
    position: relative
}
.hv-view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
}
.hv-view p {
    position: relative;
    text-align: center
}
.hv-view a.hv-info {
    display: block;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
}


.hv-view a.hv-info:hover {
    box-shadow: 0 0 5px #000
}


.hv-view-first .hv-show { 
    transition: all 0.2s linear;
}
.hv-view-first .hv-mask {
    opacity: 0;
    transition: all 0.4s ease-in-out;
}
.hv-view-first h2 {
    transform: translateY(-100px);
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.hv-view-first p { 
    transform: translateY(100px);
    opacity: 0;
	transition: all 0.2s linear;
}
.hv-view-first a.hv-info{
    opacity: 0;
	transition: all 0.2s ease-in-out;
}







.hv-view-first:hover .hv-show { 
	transform: scale(10);
    opacity: 0;
} 
.hv-view-first:hover .hv-mask { 
	opacity: 1;
}
.hv-view-first:hover h2,
.hv-view-first:hover p,
.hv-view-first:hover a.hv-info {
     transform: scale(1);
    opacity: 1;
}
.hv-view-first:hover p {
    transition-delay: 0.1s;
}
.hv-view-first:hover a.hv-info {
    transition-delay: 0.2s;
}

/********************************/
/* contact bottom styles end */
/******************************/




/********************************/
/* image gallery styles */
/******************************/

.hv-view-gal {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
	font-size: 16px;
}



.hv-mask-gal {
	width:100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}

.hv-caption-gal{
	font-size:1.3em;
	font-weight:500;
	background:#FFD200;
	padding:10px;
	color:#002443;
	text-transform:capitalize;
}

.hv-view-gal .hv-mask-gal, .hv-view-gal .hv-content {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
.hv-view-gal .hv-show-gal {
    display: block;
    position: relative
}

.hv-view-gal h2, .hv-view-gal p, .hv-view-gal a.hv-info{
	margin-left:auto;
	margin-right:auto;
}



.hv-view-gallery .hv-mask-gal {
   background-color: rgba(255, 255, 255, 0.7);
   top: -200px;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-out 0.5s;
   -moz-transition: all 0.3s ease-out 0.5s;
   -o-transition: all 0.3s ease-out 0.5s;
   -ms-transition: all 0.3s ease-out 0.5s;
   transition: all 0.3s ease-out 0.5s;
}
.hv-view-gallery h2 {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.1s;
   -moz-transition: all 0.2s ease-in-out 0.1s;
   -o-transition: all 0.2s ease-in-out 0.1s;
   -ms-transition: all 0.2s ease-in-out 0.1s;
   transition: all 0.2s ease-in-out 0.1s;
}
.hv-view-gallery p {
   color: #333;
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.2s;
   -moz-transition: all 0.2s ease-in-out 0.2s;
   -o-transition: all 0.2s ease-in-out 0.2s;
   -ms-transition: all 0.2s ease-in-out 0.2s;
   transition: all 0.2s ease-in-out 0.2s;
}
.hv-view-gallery a.info {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.3s;
   -moz-transition: all 0.2s ease-in-out 0.3s;
   -o-transition: all 0.2s ease-in-out 0.3s;
   -ms-transition: all 0.2s ease-in-out 0.3s;
   transition: all 0.2s ease-in-out 0.3s;
}
.hv-view-gallery:hover .hv-mask-gal {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   top: 0px;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
   -webkit-animation: bounceY 0.9s linear;
   -moz-animation: bounceY 0.9s linear;
   -ms-animation: bounceY 0.9s linear;
   animation: bounceY 0.9s linear;
}
.hv-view-gallery:hover h2 {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}
.hv-view-gallery:hover p {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.hv-view-gallery:hover a.info {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
@keyframes bounceY {
    0% { transform: translateY(-205px);}
    40% { transform: translateY(-100px);}
    65% { transform: translateY(-52px);}
    82% { transform: translateY(-25px);}
    92% { transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { transform: translateY(0px);}
}
@-moz-keyframes bounceY {
    0% { -moz-transform: translateY(-205px);}
    40% { -moz-transform: translateY(-100px);}
    65% { -moz-transform: translateY(-52px);}
    82% { -moz-transform: translateY(-25px);}
    92% { -moz-transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { -moz-transform: translateY(0px);}
}
@-webkit-keyframes bounceY {
    0% { -webkit-transform: translateY(-205px);}
    40% { -webkit-transform: translateY(-100px);}
    65% { -webkit-transform: translateY(-52px);}
    82% { -webkit-transform: translateY(-25px);}
    92% { -webkit-transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { -webkit-transform: translateY(0px);}
}

/********************************/
/* image gallery styles end*/
/******************************/