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

.overlay1 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #0b2447;
}

.enquer-row1:hover .overlay1 {
  opacity: 0.60;
  cursor:pointer;
}

.text {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  width:73%;
  z-index:9;
}

.text h3 { font-size:28px; line-height:34px; color:#fff; font-family: 'sofiapro-light';}
.text h3 span { display:block; font-family: 'sofiapro-light';}

/*photobox*/

.photobox {
	display: inline-block;
--photoboxOverlay: rgba(11, 36, 71, 0.60);
	cursor: pointer;
	photoboxAnimationDuration: .5s;
}
.photobox img {
	transition: transform 0.8s ease-in-out 0s;
}
.photobox:hover img {
	transform: scale(1.08);
	transition: all 1.5s ease 0s;
}
.photobox:hover .thumbs-bar1 img {
	transform: none;
	transition: none;
}
.photobox:hover .thumbs-bar2 img {
	transform: none;
	transition: none;
}
.previewbox {
	position: relative;
	overflow: hidden;
}
.preview {
	display: block;
	max-width: 100%;
}
.previewbox:before, .previewbox:after {
	content: "";
}

.photobox-effect1 .previewbox:before {
	width: 0;
	height: 0;
	padding: 25%;
	background-color: var(--photoboxOverlay, rgba(0, 0, 0, .8));
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 99;
	transition: -webkit-transform var(--photoboxAnimationDuration, .4s) ease;
	transition: transform var(--photoboxAnimationDuration, .4s) ease;
	transition: transform var(--photoboxAnimationDuration, .4s) ease, -webkit-transform var(--photoboxAnimationDuration, .4s) ease;
	will-change: transform;
	-webkit-transform: translate(-50%, -50%) scale(0);
	transform: translate(-50%, -50%) scale(0);
}
.photobox-effect1:hover .previewbox:before {
	-webkit-transform: translate(-50%, -50%) scale(4);
	transform: translate(-50%, -50%) scale(4);
 transition-duration: calc(var(--photoboxAnimationDuration, .4s) * 2);
}

/*scroll-effect1*/
.scroll-effect1 {
	width: 30px;
	height: 60px;
	margin: auto;
	position: relative;
	z-index: 99;
}
.scroll-effect1 a span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 28px;
	height: 48px;
	margin-left: -15px;
	border: 1px solid #fff;
	border-radius: 50px;
	box-sizing: border-box;
}
.scroll-effect1 a:after {
	content: "";
	width: 11px;
	height: 6px;
	background: url(../images/scroll-arrow1.png) no-repeat center / cover;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.scroll-effect1 a span::before {
	position: absolute;
	top: 10px;
	left: 50%;
	content: '';
	width: 1px;
	height: 7px;
	margin-left: -1px;
	border: 1px solid #fff;
	border-radius: 50%;
	-webkit-animation: sdb10 2s infinite;
	animation: sdb10 2s infinite;
	box-sizing: border-box;
}
@-webkit-keyframes sdb10 {
 0% {
 -webkit-transform: translate(0, 0);
 opacity: 0;
}
 40% {
 opacity: 1;
}
 80% {
 -webkit-transform: translate(0, 20px);
 opacity: 0;
}
 100% {
 opacity: 0;
}
}
@keyframes sdb10 {
 0% {
 transform: translate(0, 0);
 opacity: 0;
}
 40% {
 opacity: 1;
}
 80% {
 transform: translate(0, 20px);
 opacity: 0;
}
 100% {
 opacity: 0;
}
}