.comming-soon-bg {
	width: 100%;
	text-align: center;
	background: #fab700;
	margin-bottom: 50px;
}
.ml2 {
	display: inline-block;
	line-height: 50px;
	font-size: 30px;
	direction: ltr;
}
.ml2 .letter {
	display: inline-block;
	line-height: 1em;
}
.top-padder {
	text-align: center;
}
.logo {
	display: inline-block;
	max-width: 100%;
}
.pre-text {
	text-align: center;
	font-size: 16px;
	margin-top: 30px;
}
.newsletter-register {
	text-align: center;
	margin-top: 30px;
}
.newsletter-register.narr {
	width: 100%;
}
@media (min-width: 576px){
	.newsletter-register.narr {
		width: 376px;
		margin-right: auto;
		margin-left: auto;
	}
}

.newsletter-register h2 {
	text-transform: uppercase;
	font-size: 18px;
}
.dark-bg {
	background: #353535;
	padding: 30px 0;
	width: 100%;
	margin-top: 50px;
	padding-top: 50px
}
.light-container {
	text-align: center;
	margin-bottom: 40px;
}
.light-h2 {
	font-size: 24px;
	color: #fab700;
	margin-top: 15px;
	line-height: 25px;
}
.light-h2 span{
	font-size: 18px;
	color: #fff;
	line-height: 14px;
}
.light-text {
	font-size: 16px;
	color: #fff;
	line-height: 20px;
	margin-top: 25px;
}
.light-bg {
	padding: 30px 0;
	width: 100%;
	margin-top: 50px;
}
.dark-container {
	text-align: center;
	margin-bottom: 40px;
}
.dark-h2 {
	font-size: 24px;
	color: #000;
	margin-top: 15px;
	line-height: 25px;
}
.dark-h2 span{
	font-size: 18px;
	color: #fab700;
	line-height: 14px;
}
.dark-text {
	font-size: 16px;
	color: #000;
	line-height: 20px;
	margin-top: 25px;
}
.closer {
	text-align: center;
	margin-bottom: 30px;
}
.more-btn {
	background: #000;
	border-radius: 20px;
	font-weight: 700;
	color: #fff;
	font-size: 24px;
	text-align: center;
	width: 300px;
	line-height: 50px;
	display: inline-block;
}
.rounded-comp {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	height: 40px;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	border: 2px solid #000;
	border-radius: 20px;
}
.rounded-comp .inp {
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	padding: 0 5px 0 20px;
	background-color: transparent;
	line-height: 36px;
	text-align: center;
	border: none;
}
.rounded-comp .send-btn {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	padding: 0 22px;
	background-color: #fab700;
	border: none;
	border-radius: 18px;
}
.pattern-bg {
	position: relative;
	overflow: hidden;
}
.pattern-bg:before,
.pattern-bg:after {
	display: none;
}
@media (min-width: 1200px){
	.pattern-bg.pattern-1:before,
	.pattern-bg.pattern-1:after {
		display: block;
	}
	.pattern-bg:before {
		position: absolute;
		right: 20px;
		top: 0%;
		content: url("../images/bg-pattern.png");
	}
	.pattern-bg:after {
		position: absolute;
		left: 20px;
		top: 10px;
		content: url("../images/bg-pattern.png");
		transform: rotate(170deg);
	}
	.pattern-bg.pattern-2:before {
		top: 10%;
		transform: rotate(155deg);
	}
	.pattern-bg.pattern-2:after {
		top: 30%;
		transform: rotate(30deg);
	}
}
@media (min-width: 1500px){
	.pattern-bg.pattern-2:before,
	.pattern-bg.pattern-2:after {
		display: block;
	}
}
.logo-delay {
  animation-delay: 0.8s;
}
.text-delay {
  animation-delay: 1s;
}
.dark-delay {
  animation-delay: 1s;
}

.dark-delay-2 {
  animation-delay: 1.3s;
}