@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');


*,
*::before,
*::after {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  outline: none;
}

html, body {
  font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
  font-size:18px;
  color:#0b0b0b;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  padding:0;
  margin:0;
  background:#2e4966 !important;
}




a {
  color:#0b0b0b;
  text-decoration:none;
  transition:all .5s ease;
  -webkit-transition:all .5s ease;
  -moz-transition:all .5s ease;
  display: inline-block;
}

a:hover {
  color:#0b0b0b;
}

.pd-5{padding: 0 5px}
.md-5{margin: 0 -5px}

.home-section{display: flex; align-items: center; align-content: center; width: 100%; height: 100vh; position: relative; z-index: 1; background: url(../images/coming-bg.jpg) center center no-repeat; background-size: cover; padding-bottom: 88px;}
.home-section::before{content: ''; position: absolute; width: 100%; height: 100%; background:#2e4966; opacity: 0.4; top: 0px; left: 0px;}
.home-section .container{position: relative; z-index: 4}
.home-section .logo{width: 280px; margin: 0 auto 20px auto;;}
.home-section .logo img{width: 100%;}
.home-section h1 {color: #fff; font-weight: 700;  font-size: 46px; margin: 0 0 30px 0;}
.home-section ul#countdown{margin: 0px 0px 30px 0px; padding: 20px 0px; list-style: none; display: flex; justify-content: center;}
.home-section ul#countdown li{margin:0 12px; }
.home-section ul#countdown li .wrapper{width: 100px; height: 100px; text-align: center; margin: 0 auto; border-radius: 50%; padding: 20px 0; position: relative;}
.home-section ul#countdown li .wrapper::before{content: ''; position: absolute; top: 0px; left: 0px; border: #fff 1px dashed; width: 100%; height: 100%;  transform: rotate(45deg);}
.home-section ul#countdown li .wrapper .time{display: block; font-size: 44px; font-weight: 700; line-height: 40px; color: #fff}
.home-section ul#countdown li .wrapper .label {text-transform: uppercase; font-weight: 400; color: #fff; font-size: 15px}
.home-section h2{font-weight: 400; font-size: 36px; line-height: 36px; color: #fff; margin: 0 0 30px 0}
.home-section .content-block{position: relative; z-index: 4; max-width: 1300px; margin: 0 auto; text-align: center;}
.home-section .content-block .form-area{position: relative;}
.home-section .content-block .form-control{background: #FFF;  border-radius: 8px; border:none; font-weight: 400; font-size: 16px; padding: 10px 15px; height: auto;}
.home-section .content-block .btn-submit{background: #00BF63; color: #fff; font-size: 13px; border: none; text-align: center; padding: 7px 18px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; border-radius: 6px; position: absolute; right: 6px; top: 5.5px;}
.copyright {position: absolute; bottom: 10px; font-size: 18px; font-weight: 400; width: 100%; text-align: center; z-index: 111; color: #fff}
.copyright a{color: #fff}

ul.social-media{margin: 0px; padding: 0px; list-style: none; display: flex; justify-content: center; position: absolute; left: 0%;  bottom: 50px; width: 100%}
ul.social-media li{margin:0 5px;}
ul.social-media li a{width: 38px;  text-align: center;  height: 38px; display: block; line-height: 37px; border:#fff 1px solid; color: #fff; border-radius: 50%; font-size: 14px; display: block;}
ul.social-media li a:hover{background: #fff; color: #00BF63}