@font-face {
    font-family: "Balgin";
    src: url("https://db.onlinewebfonts.com/t/4fbe461ce2d720a29e70ce6fc368eb8b.eot");
    src: url("https://db.onlinewebfonts.com/t/4fbe461ce2d720a29e70ce6fc368eb8b.eot?#iefix")format("embedded-opentype"),
    url("/fonts/4fbe461ce2d720a29e70ce6fc368eb8b.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/4fbe461ce2d720a29e70ce6fc368eb8b.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/4fbe461ce2d720a29e70ce6fc368eb8b.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/4fbe461ce2d720a29e70ce6fc368eb8b.svg#FSP DEMO - Balgin Extra Light")format("svg");
}

body {
	font-family: 'Open Sans', Arial, sans-serif;
	color: rgba(255,255,255,0.5);
	font-weight: 300;
	background: #a9a293;
	width: 100%;
}


.full {
	/* background: url(../img/bg1.jpg) no-repeat center top; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
a, a:hover {
	color: #fff;
	text-decoration: none;
}
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #a9a293;
	z-index: 99999;
	height: 100%;
}
#status {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 64px;
	height: 64px;
	margin: -32px 0 0 -32px;
	padding: 0;
}

.logo {
	position: fixed;
	width: 100%;
	top: 35%;
	/* transform: translate(-50%, -50%); */
	font-size: 112px;
	color: #fff;
	font-family:"Balgin";
	font-weight: 100;
	letter-spacing: 50px;
	text-align: center;
	text-indent: 20px;
}

.head {
	font-size: 11px;
	font-weight: 120;
	letter-spacing: 4px;
	text-transform:uppercase;
}

.top {
	top:20px;
	position: fixed;
	width: 100%;
	text-align: center;
}
.colorbtn {
	width: 100%;
	text-align: center;

}

.logosmall {
	font-size: 14px;
	color: #fff;
	font-family:"Balgin";
	font-weight: 100;
	letter-spacing: 6px;
	text-align: center;
}

.coming-soon {
	padding-top: 520px;
	margin: 0 auto;
	text-align: center;
}
.coming-soon h2 {
	color: #fff;
	font-size: 80px;
	font-weight: 400;
	margin: 0;
	padding: 0;
}
.coming-soon .tleft {
	font-size: 16px;
	letter-spacing: 5px;
	margin-top: 50px;
}
.coming-soon p {
	font-size: 20px;
	margin: 0;
}
.coming-soon .counter {
	margin: 20px 0;
}
.counter .days-wrapper, .counter .hours-wrapper, .counter .minutes-wrapper, .counter .seconds-wrapper {
	display: inline-block;
	margin: 0 40px;
	font-size: 18px;
}
.counter .days, .counter .hours, .counter .minutes, .counter .seconds {
	font-size: 120px;
	line-height: 90px;
}
.social {
	margin-top: 30px;
	margin-bottom: 10px;

}
.social i {
	color: #fff;
	font-size: 32px;
	display: inline-block;
	padding: 0 20px;
}
.social i:hover {
	color: #fff;
}
.copyright {
	font-size: 14px;
	margin: 20px 0 10px 0;
}
.copyright a {
	color: rgba(255,255,255,0.8);
}
.copyright a:hover {
	color: #D64541;
}

.footer {
	position: fixed;
	bottom: 0;
	color: #fff;
	width: 100%;
	text-align: center;
	padding-bottom: 0px;
}

.footer p {
	font-size: 14px;
	line-height: 1.6;
}

.social div {
	display: inline-block;
}

.social a {
	/* display: block; */
	margin-left: 10px;
	margin-right: 10px;
}

.insta {
	margin: 0 0 20px 0;
}

svg {
	color: #fff;
}

svg g path {
	stroke-width: 1px;
	stroke: #fff;
}

.email svg, .email svg g path {
	width: 32px;
	height: 34px;
	stroke-width: 1;
	stroke: #fff;
}

.boxy {
	width: 30px;
	height: 30px;
	margin-right: 10px;
	border: 1px solid;
}

.headanim {
	display: inline;
margin-left: -60px;
	/* overflow: hidden; */
}


@keyframes smooth-appear {
	0%, 15%, 100% {
		/* transform: translateY(-20px); */
		opacity: 0.5;
		transform: perspective(600px) rotateY(90deg);
	}
	50%, 65% {
		/* transform: translateY(0px); */
		transform: perspective(600px) rotateY(0deg);

		opacity: 1;
	}
  }

  @keyframes smooth-disappear {
	0%, 15%, 100% {
		/* transform: translateY(0px); */
		opacity: 1;
		transform: perspective(600px) rotateY(0deg);

	}
	50%, 65% {
		/* transform: translateY(-20px); */
		opacity: 0.5;
		transform: perspective(600px) rotateY(90deg);
		
	}
  }

  @keyframes zoom-appear {
	0%, 15%, 100% {
		opacity: 0;
		transform: scale(10, 10);
	}
	65%, 80% {
		transform: scale(1, 1);
		opacity: 1;
	}
  }

  @keyframes zoom-disappear {
	0%, 20%, 100% {
		opacity: 1;
		transform: scale(1, 1);
	}
	50%, 80% {
		opacity: 0;
		transform: scale(10, 10);
	}
  }
.start1 {
	opacity: 1;
	position: absolute;
	top:0px;
	margin-left: 9px;
	animation: smooth-disappear 5000ms ease backwards; 
	animation-iteration-count: infinite;
	animation-fill-mode: forwards;
}


.start2{
	opacity: 0;
	position: absolute;
	margin-left: 9px;
	top:0px;
	animation: smooth-appear 5000ms ease backwards; 
	animation-iteration-count: infinite;
	animation-fill-mode: forwards;
}


@media screen and (max-width: 979px) {

	.logo {
		position: fixed;
		width: 100%;
		top: 30%;
		/* transform: translate(-50%, -50%); */
		font-size: 42px;
		color: #fff;
		font-family:"Balgin";
		font-weight: 100;
		letter-spacing: 30px;
		text-align: center;
	}

	.footer p {
		font-size: 13px;
	}

}

@media (orientation:landscape) and (max-width: 979px) {
   .logo {
	   position: relative;
	   top: auto;
	   margin: 80px 0 50px 0;
	   text-indent: 14px;
   }
   
   .social {
		margin-top: 10px;
		margin-bottom: 0;
   }
   
   .footer {
	   position: relative;
   }
}