@font-face {
	font-family: 'Corbel';
	src: url('../fonts/Corbel.eot');
	src: url('../fonts/Corbel.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Corbel.woff') format('woff'),
		url('../fonts/Corbel.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Corbel bold';
	src: url('../fonts/Corbel-Bold.eot');
	src: url('../fonts/Corbel-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Corbel-Bold.woff') format('woff'),
		url('../fonts/Corbel-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto Regular';
	src: url('../fonts/Roboto-Regular.eot');
	src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Roboto-Regular.woff') format('woff'),
		url('../fonts/Roboto-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto Light';
	src: url('../fonts/Roboto-Light.eot');
	src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Roboto-Light.woff') format('woff'),
		url('../fonts/Roboto-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto Medium';
	src: url('../fonts/Roboto-Medium.eot');
	src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Roboto-Medium.woff') format('woff'),
		url('../fonts/Roboto-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

html {
    height: 100%;
}

body {	
	font-family: 'Roboto Regular';
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #fff;
    font-weight: 400; 
    overflow-x: hidden;
	
}
.background-image{
    background: url(../images/background.png)no-repeat;
	background-position:  center center;
	background-size: cover;
	background-attachment: fixed;
	height:100vh;
}
.navbar-default{
	background: transparent;
	border-color: transparent;
}
/*=============== coming-soon==============================*/
.coming-soon-content{
	margin-top: 215px;
	margin-bottom: 10px;
}
#coming-soon h1{
	text-transform: uppercase;
	font-size:36px;
	font-family: 'Corbel bold';
}
#coming-soon h3{
	font-family: 'Corbel';
}
.count-down{
	padding-top:30px;
	padding-bottom: 30px;
	display: inline-block;
	margin: 0 auto;
}
.days,.hours,.minutes,.seconds{
	width:189px;
	height: 189px;
	float: left;
	margin: 0 auto;
	background: url('../images/Countdown-box.png')no-repeat;
	background-position:  center center;
	background-size: cover;
}
#day-found,#minutes-found,#hours-found,#seconds-found{
	margin-top: 30%;
	font-family: 'Roboto Medium';
	font-size: 36px;
	margin-bottom: 0px;
}
.sec,.content{
	font-family: 'Roboto Regular';
	font-size:20px;
}
.content{
	padding-bottom: 8px;
}
.form-control{
	width:100%;
	max-width: 600px;
	border:1px solid #fff;
	border-radius: 0px;
	background-color: transparent;
	color: #fff;
	margin: 4px auto;
}
.pos-relative{
	position: relative;
}
.btn-default{
	position: absolute;
	bottom: 4px;
    right: 83px;
    width: 41px;
    height: 34px;
    background: url(../images/email.png)no-repeat;
    background-position: center center;
	border-radius: 0px;
    border-top: 0px;
    border-bottom: 0px;
    border-right: 0px;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{
	background-color: transparent;
	border-color: #fff;
}
button.btn.btn-default{
    top:4px;
}
.btn-default:hover{
	background-color: transparent!important;
	border-color: #fff;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff !important;
}
ul{
	    margin-bottom: 56px;
}
ul li{
	float: left;
	list-style: none;
	padding: 5px;
}
.paddingTop{
	padding-top: 25px;
}
#footer{
	position: fixed;
    bottom: 0;
	width: 100%;
	margin: 0 auto;
}
#entry_field{
    display: none;
}
.mail-subscription {
	padding: 50px 0;
}
/*============================ media query ===============================*/
@media(min-width:1440px)
{
  .paddingTop{
	padding-top: 21%;
}  
}
@media(min-width:992px) and (max-width: 1024px) {
 
  .paddingTop{
	padding-top: 66%;
}    
}

@media(min-width:768px) and (max-width: 991px) {
	.days, .hours, .minutes, .seconds{
		width:100px;
		height: 100px;
	}
 
	#day-found, #minutes-found, #hours-found, #seconds-found {
		margin-top: 22%;
		font-size: 27px;
	}
	.sec, .content{
		font-size: 15px;
	}
	.navbar-header,.navbar-brand{
		float: none;
	}
}
@media(max-width:768px){
	.days, .hours, .minutes, .seconds{
		width:75px;
		height: 75px;
	}
	#day-found, #minutes-found, #hours-found, #seconds-found {
		margin-top: 15%;
    	font-size: 24px;
	}
	.sec{
		font-size: 13px;
	}
	.navbar-header,.navbar-brand{
		float: none;
	}
	.btn-default{
		right: 14px;
        bottom: 0;
	}
	
    .mail-subscription{
        padding-bottom:50px;
    }
    .mob-centered-text .pull-left{
        float: none!important;
        display: block;
    } 
    .mob-centered-text .pull-right{
        float: none!important;
        display: block;
    } 
    .mob-centered-text .pull-left ul{
       padding-left: 0;
        overflow: hidden;
    display: inline-block;
        margin-bottom: 0;
    }
    .mob-centered-text{
        text-align: center;
        margin: 0 auto;
    }
     .paddingTop 
    {
    padding-top: 44%;
    }
   
}
@media(max-width:350px){
	.days, .hours, .minutes, .seconds{
		width:63px;
		height: 63px;
	}
	#day-found, #minutes-found, #hours-found, #seconds-found {
		margin-top: 12%;
    	font-size: 20px;
	}
	.sec{
		font-size: 13px;
	}
}
@media(min-height:700px){
	.count-down {
		padding-top: 100px;
		padding-bottom: 50px;
	}
}
