html {



	height: 100%;



}







body {

	font-size: 14px;



	height: 100%;



	font-family: 'Montserrat', sans-serif;



}







h1,



h2,



h3,



h4,



h5,



h6 {



	margin: 0;



	font-weight: 700;



}







img {



	max-width: 100%;



}







a:hover {



	text-decoration: none;



	outline: 0;



}







a:focus {



	text-decoration: none;



	outline: 0;



}











.comming-soon {



	background: url(../images/bg2.jpg) no-repeat center center;



	background-size: cover;



	width: 100%;



	position: relative;



	min-height: 100%;



}







.comming-soon:before {



	content: '';



	display: block;



	position: absolute;



	top: 0;



	left: 0;



	right: 0;



	bottom: 0;

	background: rgb(0 0 0 / 65%);



}







.countdown-timer-wrapper {



	text-align: center;



}







.timer .timer-wrapper {



	display: inline-block;



	width: 126px;



	margin: 0;



	text-align: center;



	vertical-align: top;



}







.timer .timer-wrapper .time {



	font-size: 46px;



	color: #fff;



	font-weight: 700;



	line-height: 1em;



}







.timer .timer-wrapper .text {



	color: #fff;



	font-size: 15px;



	font-weight: 300;



}







.comming-soon-info {



	width: 50%;



	position: absolute;



	top: 0;



	bottom: 0;



	z-index: 2;



	display: flex;



	align-items: center;



}







.comming-soon-inner {



	width: 100%;



	padding: 20px;



	text-align: center;



}







.comming-soon-inner .logo {



	margin: 30px 0;



}







.site-info h2 {



	text-transform: uppercase;



	letter-spacing: 0.16em;



	color: #fefefe;



	/* font-size: 40px; */



	font-weight: 300;



	line-height: 1.5em;



}







.site-info h2 span {



	font-weight: 700;



}







.site-info p {



	margin-top: 40px;



	line-height: 1.8em;



	color: #fff;



	font-weight: 300;



}







.contact-form {



	width: 50%;



background: #c5952d;



	position: absolute;



	top: 0;



	left: 50%;



	bottom: 0;



	z-index: 2;



	padding: 40px;



	display: flex;



	align-items: center;



}







.contact-box {



	width: 100%;



	max-width: 560px;



	margin: 0 auto;



	text-align: center;



}







.title {



	text-transform: uppercase;



	font-size: 34px;



	color: #fff;



	padding-bottom: 20px;



	background: url(../images/title-bg.png) no-repeat bottom center;



	margin-bottom: 40px;



}







.contact-box p {



	color: #fff;



	font-weight: 300;



}







.contact-box form {



	margin-top: 50px;



}



.contact-box .form-control {



	border: none;



	box-shadow: none;



	border-radius: 0;



	background: rgba(255, 255, 255, 0.10);



	color: #fff;



	height: auto;



	padding: 14px;



	margin-bottom: 30px;



	resize: none;



}







.contact-box .form-control::-webkit-input-placeholder {



	color: #fff;



}







.contact-box .form-control:-moz-placeholder {



	color: #fff;



}







.contact-box .form-control::-moz-placeholder {



	color: #fff;



}







.contact-box .form-control:-ms-input-placeholder {



	color: #fff;



}


.logo img {
	width: 40%;
}



.btn-submit {



	background: #fff;



	text-transform: uppercase;



        color: #c5952d;



	font-weight: 500;



	border: none;



	padding: 14px 30px 12px;



	transition: all 0.4s;

	border-radius: 50px;

	min-width: 40%;

}







.btn-submit:hover {



	background: #212121;



	color: #fff;



}

.comming-soon-inner p {

	line-height: 1.5em;

	color: #fff;

	font-weight: 300;

}

.comming-soon h3 {

	text-transform: uppercase;

	color: #fefefe;

	font-size: 18px;

	font-weight: 600;

	line-height: 1.5em;

	padding-bottom: 10px;

}

.site-info {

	padding-bottom: 50px;

}

.br {

	border-left: solid 1px #817f7f;

}

.border-num {

	border-left: solid 1px #6d6d6d;

	border-right: solid 1px #626262;

}

.top-address a,
.top-address p {

	font-size: 15px;

	color: #c4c4c4;

}

.offer-tittle h3 {

	letter-spacing: 0.16em;

	padding-bottom: 30px;

	font-size: 22px;

}

/****************************************



		Responsive Media Query



****************************************/

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

	.comming-soon-inner p {

		line-height: 1.5em;

		color: #fff;

		font-weight: 300;

		font-size: 13px;

	}

	.comming-soon-inner .logo {

		margin: 30px 0;
	}

	.top-address a,
	.top-address p {

		font-size: 13px !important;

		color: #c4c4c4;

	}

	.comming-soon h3 {

		font-size: 15px;

	}

	.site-info h2 {

		font-size: 30px;
	}

	.site-info {
		padding-bottom: 40px;
	}

	.comming-soon {
		width: 100%;
		position: relative;
		min-height: 100%;
		background-position: center;
	}

}

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



	.comming-soon-info {



		float: none;



		position: relative;



		width: 100%;



		height: auto;



		padding: 100px 30px;



	}







	.contact-form {



		float: none;



		position: relative;



		width: 100%;



		left: 0;



		height: auto;



		padding: 100px 30px;



	}



}







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



	.border-num {

		border: none;

	}
.logo img {
        width: 50%;
}


}







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







	.comming-soon-info {



		padding: 40px 20px;



	}







	.contact-form {



		padding: 40px 20px;



	}







	.comming-soon-inner {



		padding: 0;



	}







	.timer .timer-wrapper {



		width: 70px;



	}







	.timer .timer-wrapper .time {



		font-size: 26px;



	}







	.timer .timer-wrapper .text {



		font-size: 12px;



	}







	.site-info h2 {



		font-size: 20px;



	}







	.title {



		font-size: 22px;



	}







	.site-info p {



		font-size: 14px;



	}







	.contact-box p {



		font-size: 14px;



	}







	.site-info p br {



		display: none;



	}







}