@font-face {
  font-family: 'Garet';
  src: url('/fonts/garet/Garet Thin.ttf') format('truetype');
  font-weight: 100; /* Thin */
  font-style: normal;
}

@font-face {
  font-family: 'Garet';
  src: url('/fonts/garet/Garet Light.ttf') format('truetype');
  font-weight: 300; /* Light */
  font-style: normal;
}

@font-face {
  font-family: 'Garet';
  src: url('/fonts/garet/Garet Regular.ttf') format('truetype');
  font-weight: 400; /* Regular */
  font-style: normal;
}

@font-face {
  font-family: 'Garet';
  src: url('/fonts/garet/Garet Medium.ttf') format('truetype');
  font-weight: 500; /* Medium */
  font-style: normal;
}

@font-face {
  font-family: 'Garet';
  src: url('/fonts/garet/Garet Bold.ttf') format('truetype');
  font-weight: 700; /* Bold */
  font-style: normal;
}

@font-face {
  font-family: 'Garet';
  src: url('/fonts/garet/Garet Black.ttf') format('truetype');
  font-weight: 900; /* Black */
  font-style: normal;
}

body{
	font-family: Garet!important;
}

.text-center{text-align: center;}
.custom-bg{
    height:100vh;
    background: #E4DED9;
    background-size: cover;
}

.main{
	background: #E4DED9;
}
.footer .legal-block{
	background: #8D6662;
}
.humb,
.nav-links-text,
.humb-icon span,
.store-icon:before,
.humb-icon span:first-child:before,
.text-white{
	color:#fff!important;
	border-color:#fffddddfg,
	2!important;
}
.dateDetail{
	font-weight: 300;
	font-size: 24px;
}
.portfolio .portfolio-product{
	background: rgba(255, 255, 255, 0.1);
}
.portfolio .portfolio-title{
	color:#235e6f
}
.portfolio .portfolio-subtitle{
	color:rgba(0,0,0,0.5);
}

.p-0{
	padding:0!important;
}

.m-0{
	margin:0!important;
}
.divider{
	background: rgba(255,255,255,.04);
}
.footer{
	border:none;
}

.mt-3{
	margin-top: 2.5rem;
}.mb-3{
	margin-bottom: 2.5rem;
}
.wsp-btn{
	border:none;
	background:#25D366!important;
	font-size: 16px;
}
.wsp-btn:hover{
	background:#25D366!important;
}

.fs-24{
	font-size:24px
}

.primary-bg{
	height:300px;
	width: 100%;
	background-size: auto;
}
@media (min-width: 766px){
	.primary-bg{
		height:600px;
		background-size: cover;
	}
}
.portfolio .portfolio-new{
	display:inherit;!important;
}

.snowflakes {
  position: fixed;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 9999;
}

.snowflake {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
  opacity: 0.8;
  animation: snowfall linear infinite;
}

@keyframes snowfall {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(100vh);
  }
}