@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400&display=swap');




body {
	font-family: 'Montserrat', sans-serif;
}

.nav-item {
	font-size: 1.1rem;
	text-transform: uppercase;
	padding-right: 1.1rem;
}

.navbar-light .navbar-nav .nav-link {
	color:#fff;
	font-weight: normal;
}

.navbar-light .navbar-nav .nav-link:hover {
	color:#fff;
}

h1, h2, h3 {
	font-weight: 400;
	font-family: 'Lato', sans-serif;
}

h2 {
	font-size: 3rem;
}

a {
	color:#333;
	font-weight: 600;
	text-decoration: none;
}

#homeCarousel {
  position: relative;
  background-color: black;
  overflow: hidden;
}

#homeCarousel video {
height:100vh;
}

#homeCarousel .container {
  position: relative;
  z-index: 2;
}

#homeCarousel .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
/*
  background-color: black;
  opacity: 0.3;
*/
  z-index: 1;
}


.navbar {
	background:#000;
}

footer {
	color:#fff;
	font-size: 13px;
	background: #010101;
}
footer a {
	color:#fff;
}

.product_item {
	background:#fff;
	position: relative;
}
.product_item .title {
	font-weight: bold;
	position: absolute;
	bottom: 0; left: 27px;
}
.product_item .variants {
	position: absolute;
	bottom: 0; right: 29px;
	color:#777;
}

.video-vakay {
	/* margin-top:-79px; */
}

.home-vakay {
	color:#d1d1d1;
	font-size:2.7rem;
	font-weight: 300;
	margin-top:3%;
}

.home-box .container {
	position: relative;
}
  
.home-box .image {
	opacity: 1;
	display: block;
	width: 100%;
	height: auto;
	transition: .5s ease;
	backface-visibility: hidden;
}
  
.home-box  .middle {
transition: .5s ease;
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
}
  
.home-box .container:hover .image {
opacity: 0.3;
}
  
.home-box .container:hover .middle {
opacity: 1;
}
  
.home-box .text {
background-color: #000;
color: white;
font-size: 16px;
padding: 16px 32px;
}

@media (min-width:961px)  {
	.clipon_media {
		height: 600px;
	}
	.clipon_home_header {
		display: none;
	}
	
	#homeCarousel {
	  height: 93vh;
	  min-height: 25rem;
	}
	
	#homeCarousel video {
		  /* min-width: 100%; */
		  /* min-height: 100%; */
		  height:100vh;
		  /* width: auto; */
		  /* height: auto; */
		  z-index: 0;
	}
}


@media (max-width:960px)  {
	.clipon_home_header {
		display: block;
	}
		.top_search {
		display: none;
	}
	
	#homeCarousel {
	  height: 25vh;
	}
	
	#homeCarousel video {
	width: 100%;
	height: auto;
	}

	.video-vakay {
		margin-top:-17px;
	}

}

.a-dark { color:#ddd; }
.a-dark:hover {color:#fff;}

.a-light:hover {color:#fff;}