/*------------------------------------------------------------------

Project:	MWT-200 HTML UI Kit
Version:	1.0.0


------------------------------------------------------------------
[Table of contents]
 
1. main_wrapper start
2. main_wrapper_text start
3. main_wrapper_timer_section start
4. main_wrapper_contact_form start
5. main_wrapper_copyright start


*/


/* body */

body {
	font-family: 'Roboto';
    height: 100%;
    min-height: 100%;
    background-size: 100% 100%;
    margin: 0;
    overflow: hidden;
}
.bg-overlay {
	background:#fff;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
	position:absolute;
}

/*======================== main_wrapper ========================*/

body > .main_wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height:600px;
	z-index: 1;
}


/*======================== main_wrapper_text ========================*/

.main_wrapper_text {
	color: #FFFFFF;
	display: block;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
}
.main_wrapper_logo{
	float:left;
	width:100%;
}
.main_wrapper_heading{
	float: left;
    width: 100%;
	padding-top:50px;
	padding-bottom:50px;
}
.main_wrapper_heading h2{
	color:#111;
	font-size:30px;
	text-transform:uppercase;
	letter-spacing:2px;
}

/*======================== main_wrapper_timer_section ========================*/

.main_wrapper_timer_section{
    float: left;
	width: 100%;
    background-image: url(../images/coming-soon/coming-soon-img-1/main_wrapper_bg.jpg);
    height: 100%;
    background-position: center 0;
    background-size: cover;
    position: relative;
    padding-bottom: 100px;
    padding-top: 100px;
}
.main_wrapper_timer_overlay{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: .3;
}
#main_wrapper_clock{
	color: #fff;
	float:right;
	font-weight: 100;
	font-size: 70px;
}
#main_wrapper_clock > div{
    display: inline-block;
    position: relative;
	height:135px;
	line-height: 135px;
	padding:0px 30px;
	margin-left: 2px;
    margin-right: 2px;
}
#main_wrapper_clock .clock_one{
    background: rgba(52, 152, 219, 0.5);
}
#main_wrapper_clock .clock_two{
    background: rgba(254, 85, 85, 0.5);
}
#main_wrapper_clock .clock_three{
    background: rgba(115, 202, 141, 0.5);
}
#main_wrapper_clock .clock_four{
    background: rgba(234, 106, 56, 0.5);
}
.smalltext{
	font-size: 16px;
	font-weight: 400;
	line-height:50px;
	text-transform:uppercase;
	letter-spacing:2px;
}

/*======================== main_wrapper_contact_form ========================*/

.main_wrapper_contact_form{
	float: left;
	width:100%;
	text-align:left;
}
.main_wrapper_contact_form h4 {
	color:#fff;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: capitalize;
}
.main_wrapper_contact_form h4 span {
    color: #18c9d2;
}
.main_wrapper_contact_form p{
	margin:0;
	color:#fff;
}
.main_wrapper_contact_form .news_form {
	padding-top:20px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.main_wrapper_contact_form .news_form input {
    width: 100%;
	height:50px;
    background-color: #ffffff;
    padding: 0px 65px 0px 20px;
    border: 0;
    outline: 0;
    font-size: 14px;
    color: #8e8e8e;
}
.main_wrapper_contact_form .news_form a {
    background: #18c9d2;
    color: #fff;
    height: 50px;
    width: 50px;
    position: absolute;
    text-align: center;
    line-height: 50px;
    right: 0;
    font-size: 24px;
}

/*======================== main_wrapper_copyright ========================*/

.main_wrapper_copyright {
    float: left;
    width: 100%;
    padding-top: 65px;
}


/* media  query css for ipad */

@media(min-width: 992px) and (max-width: 1199px) {

	#main_wrapper_clock > div {
		padding: 0px 24px;
	}
	.main_wrapper_contact_form p{
		font-size: 14px;
	}

}

@media(min-width: 767px) and (max-width: 991px) {

	#main_wrapper_clock > div {
		padding: 0px 24px;
	}
	#main_wrapper_clock {
		float: none;
		display:inline-block;
		margin-top:30px;
	}
	.smalltext {
		padding-top: 0px;
		font-size: 14px;
	}
	.main_wrapper_timer_section {
		padding-bottom: 60px;
		padding-top: 60px;
	}
	.main_wrapper_heading {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.main_wrapper_copyright {
		padding-top: 40px;
	}
	

}

/* media query css for ipad end */


/* media query css for mobile */

@media(max-width: 767px){
	
	.main_wrapper_timer_section {
		padding-bottom: 60px;
		padding-top: 60px;
	}
	#main_wrapper_clock > div {
		padding: 0px 12px;
	}
	#main_wrapper_clock > div {
		height: 100px;
		line-height: 100px;
	}
	#main_wrapper_clock {
		float: none;
		display:inline-block;
		font-size: 60px;
		margin-top: 30px;
	}
	.main_wrapper_heading h2 {
		font-size: 24px;
	}
	.smalltext {
		padding-top: 0px;
		font-size: 14px;
	}
	.main_wrapper_copyright .copyright_content {
		margin:0;
	}
	.main_wrapper_copyright {
		padding-top: 40px;
	}
}

@media(max-width: 480px){
	
	.main_wrapper_heading {
		float: left;
		width: 100%;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.main_wrapper_timer_section {
		padding-bottom: 30px;
		padding-top: 30px;
	}	
	.main_wrapper_contact_form p{
		font-size: 14px;
	}
	.main_wrapper_copyright {
		padding-top: 30px;
	}
	#main_wrapper_clock > div {
		padding: 0px 30px;
	}
}

@media(max-width: 390px){
	

	
}