@import url("https://use.fontawesome.com/releases/v5.14.0/css/all.css");
*{
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6,p{
	margin: 0;
	padding: 0;
}
body {
    background: url("../images/back-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position:top center;
}
.comingsoon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    animation: fadeIn 1000ms ease;
  -webkit-animation: fadeIn 1000ms ease;
}

@keyframes fadeIn {
  from {top: 20%; opacity: 0;}
  to {top: 100; opacity: 1;}
  
}

@-webkit-keyframes fadeIn {
  from {top: 20%; opacity: 0;}
  to {top: 100; opacity: 1;}
  
}
.comingsoon-text {
    background: #fff;
    padding: 20px;
    border: 2px solid #eee;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;
}
.comingsoon-text img {
    max-width: 400px;
    margin: 0px 0 20px;
}
.comingsoon-text h1 {
    font-size: 18px;
    text-align: center;
    color: #fff;
    background: #273e74;
    padding: 8px 0;
    margin: 20px 0 10px;
}
.comingsoon-text p {
    font-size: 18px;
    line-height: 21px;
}

.cooming-contact {
    display: flex;
    align-items: center;
}
.cooming-txt a {
    color: #273e74;
    font-size: 18px;
    padding-left: 5px;
    text-decoration: none;
}

.addrs h4 {
    color: #0098da;
    font-size: 20px;
    border-bottom: 1px solid #d9d9d9;
    padding: 10px 0;
    font-weight: 400;
    margin-bottom: 20px;
}

.comingsoon-address {
    display: flex;
    justify-content: space-between;
}
.cooming-contact-main {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #d9d9d9;
    padding-top: 20px;
    margin-top: 20px;
}









/*responsive*/
@media (max-width: 1600px) { 
    body{    background-size: inherit;background-position: initial;}
    .comingsoon{width: 100%;}
}

@media (max-width: 1366px) { 
}

@media (max-width: 1170px) { 
}

@media (max-width: 1024px) { 
	body{
		background-size: initial;
	}
	.comingsoon-text p {font-size: 17px;}
}

@media (max-width: 991px) { 
    .cooming-contact-main{flex-wrap: wrap;}
}

@media (max-width: 990px) { 
}

@media (max-width: 768px) { 
	.comingsoon-text p {font-size: 16px;}	
    .cooming-contact-main{flex-wrap: wrap;}
    .comingsoon-address{flex-wrap: wrap;}
}

@media (max-width: 767px) { 
    body{background-position: initial;}
}

@media (max-width: 575px) { 
	.comingsoon-text img {
	    max-width: 230px;
	    margin: 20px 0 20px;
	}
	
}

@media (max-width: 480px) { 
    .comingsoon-text{padding: 15px;}
    .comingsoon-text img{max-width: 280px;}
    .cooming-txt a{font-size: 16px;display: inline-flex;padding-left: 10px;}
    .comingsoon-text p {font-size: 14px;}
}

@media (max-width: 320px) { 
    .comingsoon-text{padding: 15px;}
    .comingsoon-text img{max-width: 260px;}
}
/*end responsive*/