/* custom css */
.video-holder {
  width: 100%;
  height: calc(100vh - 40px);
  position: relative;
  overflow: hidden;
  margin-top: 40px;
}

.aspect-ratio {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

video.home-video {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  background-size: cover;
  transition: 1s opacity;
}

.why-choose-us {
  padding: 50px 15% 120px;
}

.gray-bg {
  background: rgba(238, 238, 238, 1);
  background: -moz-linear-gradient(45deg, rgba(238, 238, 238, 1) 0%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0.95) 51%, rgba(238, 238, 238, 0.95) 100%);
  background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(238, 238, 238, 1)), color-stop(50%, rgba(255, 255, 255, 0.95)), color-stop(51%, rgba(255, 255, 255, 0.95)), color-stop(100%, rgba(238, 238, 238, 0.95)));
  background: -webkit-linear-gradient(45deg, rgba(238, 238, 238, 1) 0%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0.95) 51%, rgba(238, 238, 238, 0.95) 100%);
  background: -o-linear-gradient(45deg, rgba(238, 238, 238, 1) 0%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0.95) 51%, rgba(238, 238, 238, 0.95) 100%);
  background: -ms-linear-gradient(45deg, rgba(238, 238, 238, 1) 0%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0.95) 51%, rgba(238, 238, 238, 0.95) 100%);
  background: linear-gradient(45deg, rgba(238, 238, 238, 1) 0%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0.95) 51%, rgba(238, 238, 238, 0.95) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee', GradientType=1);
}

.why-choose-us h2 {
  display: block;
  width: 100%;
  margin: 0 0 50px 0;
}

.why-choose-us img {
  display: block;
  width: 50%;
  margin: 0 auto 50px auto;
}

.why-choose-us p {
  font-family: "Montserrat", sans-serif;
}

.why-choose-us p.head {
  font-weight: bold;
  font-size: 1.2rem;
}
.video-holder h3 {
  font-size: 85px;
  color: #fff;
  letter-spacing: 6px;
  /* margin-left: -7vw; */
}
.text-above-video {
  position: absolute;
  top: 50%;
  left: 10%;
  text-transform: uppercase;
  z-index: 99;
}
.explore {
  display: inline-block;
  width: 220px;
  height: 45px;
  background: #BA0514;
  clip-path: polygon(3% 0, 93% 15%, 100% 90%, 0% 100%);
  line-height: 48px;
  color: #fff;
  position: relative;
}
.explore a {
  color: white;
  padding-left: 20%;
  display: block;
  font-size: 110%;
  background-image: url(https://envinion.com/domain/surface604bikes.com/images/shigj-inv.svg);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-size: 20px;
}
.explore a:hover {
  background-color: #000;
  -webkit-transition: background-color 100ms linear;
  -ms-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
  color: #fff;
  /* background-image: url(https://envinion.com/domain/surface604bikes.com/images/shigj-inv.svg); */
}

/* blog page */
.blog-post-bx{
	max-width:960px;
  	margin:0 auto;
}

.blog-page .blog-post-bx .blog-post{
	width:100%;
}
.blog-page .blog-post-bx .blog-post div.blog-image{
	height:auto;
  	width:100%;
}
/* blog page */

/* blog detail page */
section.blog-detail{
	padding-top:38px;
}
.blog-detail .blog-detail-dv div.post-image{
	width: 100%;
    position: absolute;
    min-height: auto;
    height: auto;
    top: 0;
    bottom: 0;
}
.blog-detail .blog-detail-dv div.post-image img{
	width:100%;
}

.blog-banner-dv{
	position:relative;
}

.blog-banner-dv .banner-txt{
	position: relative;
    z-index: 10;
    min-height: 500px;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
}
.banner-txt:before{
    content:'';
	position: absolute;
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
}
.banner-txt > *{
	color:#fff;
  	position:relative;
  	z-index:10;
}
/* blog detail page */
@media only screen and (max-width: 767px) {
  video.home-video {
    width: 100%!important;
    height: 100%!important;
  }
  .video-holder {
    margin-top: 64px;
    height: auto;
  }
  .why-choose-us img {
    margin-bottom: 20px;
  }
  .text-above-video {
    display: none;
  }
}