@charset "utf-8";
	@font-face { src: url(../font/Oswald-Regular.ttf); font-family: 'Oswald'; }
	@font-face { src: url(../font/OpenSans-Regular.ttf); font-family: 'Open Sans'; }
	@font-face { src: url(../font/Oswald-Bold.ttf); font-family: 'Oswald-Bold'; }
	

	html {
	scroll-behavior: smooth;
	}
	body{
	font-family: 'Open Sans';

	}
	.coming-soon{height:100vh;z-index:99;  max-width:1366px; margin:0 auto; 
	overflow:hidden; justify-content:center; align-items:center; display:flex; position:relative;}
.coming-soon h1{font-family: 'Oswald-Bold';  font-size:101px; color:#222;}
.coming-soon p{ font-family: 'Open Sans'; font-size:20px; color:#222;}
.coming-soon::before {
    position: absolute;
    background: #002a54;
    width: 750px;
    height:750px;
    content: '';
    right: -220px;
    border-radius: 50%;
}
.coming-soon button {
    font-size: 22px;
    background: #002953;
    border-radius: 8px!important; font-family: 'Open Sans';
	font-weight:500;
    border: 0;
    color: #fff;
    width: 162px;
}
.coming-soon .input-group>.form-control{border:0;  font-family: 'Open Sans'; font-size:14px; color:#8c8c8c;}
.coming-soon .input-group {
    max-width: 535px;
    border: 1px solid #bbbbbb;
    padding: 5px 8px;
    border-radius:8px;
}
a.navbar-brand{
    z-index: 99;
    position: relative;
}

ul.circle-list li, ul.circle-list.list-2 li{
    background: #002a54;
    width: 131px;
    height: 131px;
    border-radius: 50%;
    top: -50px;
    position: absolute;
    list-style: none;
}
ul.circle-list.list-2 li{left:42%; bottom:-50px; top:auto;}
ul.circle-list li:nth-child(2), ul.circle-list.list-2 li:nth-child(2) {
    background: #e3e8ec;
	   width: 72px;
    height: 72px;
	top:45px;
	left:30%;
	
}
ul.circle-list li:nth-child(3),
ul.circle-list.list-2 li:nth-child(3) {
    background: #e3e8ec;
	   width: 31px;
    height: 31px;	top:25px;
	left:43%;
	
}
ul.circle-list.list-2 li:nth-child(3){
	left:9%;
	top:67%;
}
ul.circle-list.list-2 li:nth-child(2){
	left:20%;
	top:75%;
}

/* ======================================  */

@media only screen and (max-width:1024px) {
.coming-soon::before{right:-300px;}
.coming-soon h1 {
    font-size: 66px;

}
}
@media only screen and (max-width:767px) {
ul.circle-list li:nth-child(2) {
    left: 50%;
}
ul.circle-list li:nth-child(3), ul.circle-list.list-2 li:nth-child(3) {
    left: 82%;
}
ul.circle-list.list-2 li:nth-child(3) {
    left: 24%;
    top:85%;
}
ul.circle-list.list-2 li {
    left:75%;
    bottom: -50px;
}
ul.circle-list.list-2 li:nth-child(2) {
    left: 47%;
    top: 89%;
}
.coming-soon {padding:30px 0 50px;}
.coming-soon .coming-content{order:2;}
.coming-soon .logo{order:1;}
.coming-soon::before{content:none;}
.coming-soon h1,
.coming-soon p{text-align:center;}
a.navbar-brand img {
    max-width: 240px;
}
a.navbar-brand {
    float: none!important;
    text-align: center;
    margin: 0 auto;
    display: block;
}
}
@media only screen and (max-width:480px) {
.coming-soon h1 {
    font-size: 54px;
}.coming-soon p {
    font-size: 18px;
}
.coming-soon .container{padding:0 15px;}
.coming-soon {
    padding: 100px 0 100px;
    display: block;
}
a.navbar-brand {margin-top:0px;
}
a.navbar-brand img {
    max-width: 200px;
}
.coming-soon button {
    font-size: 16px;
      width: auto;
}

}