/* --------------------------------------------video----------------------------------open ---------------------*/
.hero-subheader {
	overflow: hidden;
	position: relative
}
.hero-subheader .align-container {
	height: 100vh
}
.hero-subheader .align-inner {
	padding: 105px 0 40px 0
}
.hero-subheader__bg-image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-position: center
}
.hero-subheader__video video {
	position: absolute;
	top: 54.5555%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	
	transition: 1s opacity;
	opacity:1.0;
    object-fit: fill;
	background-color:#000;
}

/* harpreet customised */

/* harpreet customised end */



.hero-subheader__content {
	margin: 0;
	color: #fff;
	font-weight: 700;
	font-size: 50px;
	line-height: 1.35
}
.hero-subheader__content a {
	display: inline-block;
	color: #fff;
	margin-bottom: 5px;
	border-bottom: 1px solid #fff;
	padding-bottom: 3px;
	position: relative;
	transition: color .2s;
	overflow: hidden;
	vertical-align: bottom
}


/* --------------------------------------------video-----------------end---------------------- */


@supports ((-webkit-clip-path: border-box) or (clip-path: border-box)) {
.hero-subheader__content a {
overflow:initial;
-webkit-clip-path:border-box;
clip-path:border-box
}

}

.hero-subheader__content--small a {
	padding-bottom: 2px
}
.hero-subheader__content--align-center {
	text-align: center
}
.hero-subheader__content--yellow {
	color: #f6d000
}
.hero-subheader .heart-icon {
	bottom: 20px
}
.hero-subheader__content--archive {
	font-weight: 600
}
.hero-subheader__content--archive span {
	color: #647f9e;
	font-variant: small-caps;
	text-transform: lowercase
}
.hero-subheader__nav {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center
}
.hero-subheader__nav ul {
	display: table;
	width: 100%;
	margin: 0
}
.hero-subheader__nav ul:after, .hero-subheader__nav ul:before {
	content: " ";
	display: table
}
.hero-subheader__nav ul:after {
	clear: both
}
.hero-subheader__nav ul:after, .hero-subheader__nav ul:before {
	content: " ";
	display: table
}
.hero-subheader__nav ul:after {
	clear: both
}
.hero-subheader__nav ul li {
	float: left;
	padding: 0;
	margin: 0 15px 0 0
}
.hero-subheader__nav ul li:last-child {
	margin-right: 0
}
.hero-subheader__nav ul li:before {
	display: none
}
.hero-subheader__nav ul li {
	display: table-cell;
	float: none;
	margin: 0;
	padding: 0 5px
}
.hero-subheader__nav a {
	border-bottom: 0;
	padding: 0;
	display: block;
	color: #fff;
	position: relative;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 15px 5px;
	margin: 0;
	transition: color .2s
}
.hero-subheader__nav a:before {
	content: '';
	width: 100%;
	height: 1px;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	transition: height .2s
}
.hero-subheader__nav a:focus, .hero-subheader__nav a:hover {
	color: #1a1a1a
}
.hero-subheader__nav a:focus:before, .hero-subheader__nav a:hover:before {
	height: 100%
}
.hero-subheader__nav a span {
	position: relative
}
.hero-subheader__scroll-arrow {
	border-bottom: 0;
	padding: 0;
	position: absolute;
	bottom: 60px;
	left: 40px;
	z-index: 1;
	cursor: pointer
}
.hero-subheader__scroll-arrow svg {
	height: 40px;
	width: 55px
}
.hero-subheader__scroll-arrow--large {
	left: 50%;
	bottom: 50px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}
.hero-subheader__scroll-arrow--large svg {
	width: 75px;
	height: 38px
}
.hero-subheader--have-nav .align-inner {
	padding: 70px 0 40px 0
}
.hero-subheader.hero-subheader--thank-you .align-inner {
	padding-bottom: 300px
}
.hero-subheader--archive .align-container {
	height: auto
}
.hero-subheader--archive .align-inner {
	padding: 145px 0 75px
}
.hero-subheader--have-arrow .align-inner {
	padding: 105px 0 128px 0
}
.hero-subheader--project {
	overflow: visible
}
.hero-subheader--project .align-container {
	height: auto
}
.hero-subheader--project .project-title-link svg {
	width: 40px
}
.hero-image {
	background-size: cover;
	background-position: center;
	padding: 100px 0 75px 0
}
.hero-image__content {
	font-weight: 900;
	font-size: 40px;
	line-height: 1.35
}
.hero-image--light {
	color: #fff
}
.hero-image--contained {
	padding: 40px 30px 15px 30px
}
.hero-image--contained[data-reveal] {
	opacity: 0;
	-webkit-transform: translateY(50px);
	-ms-transform: translateY(50px);
	transform: translateY(50px)
}
.hero-image--contained.in-view {
	-webkit-animation-name: link-card-reveal;
	animation-name: link-card-reveal;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: .7s;
	animation-duration: .7s;
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}
.hero-image--small .hero-image__content {
	font-weight: 600;
	font-size: 30px;
	line-height: 1.3
}