/*
@File: Emilono Template Styles

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.

This files table contents are outlined below>>>>>

*******************************************
*******************************************

** - Default CSS
*/
/*================================================
Default CSS
=================================================*/
@import url("https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
body {
  padding: 0;
  margin: 0;
  font-family: "Roboto", sans-serif;
}

a {
  text-decoration: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

a:hover, a:focus {
  text-decoration: none;
}

p:last-child {
  margin-bottom: 0;
}

.d-table {
  width: 100%;
  height: 100%;
}

.d-table-cell {
  vertical-align: middle;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: #000000;
}

img {
  max-width: 100%;
}

/*================================================
Preloader CSS
=================================================*/
.preloader {
  position: fixed;
  left: 0;
  width: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  z-index: 9999999;
  background-color: #ee3429;
}

.preloader .loader {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: inline-block;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 45%;
  -webkit-transform: translateY(-45%);
          transform: translateY(-45%);
}

.preloader .loader .loader-outter {
  position: absolute;
  border: 4px solid #ffffff;
  border-left-color: transparent;
  border-bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-animation: loader-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
          animation: loader-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}

.preloader .loader .loader-inner {
  position: absolute;
  border: 4px solid #ffffff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  border-right: 0;
  border-top-color: transparent;
  -webkit-animation: loader-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
          animation: loader-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}

@-webkit-keyframes loader-outter {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes loader-outter {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes loader-inner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

@keyframes loader-inner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
/*================================================
Area color CSS
=================================================*/
.b-area {
 
  background: radial-gradient(80% 40%, rgba(1, 2, 78, 0.9) 0%, rgba(6, 0, 26, 0.0));
  
 }

 .s-area {
 
  color:rgb(166, 252, 6) !important;
    
 }

/*================================================
Coming Soon Area CSS
=================================================*/
.coming-soon-area {
  position: relative;
  z-index: 1;
  overflow: hidden;
  height: 100vh;
  background-image: url(https://i.imgur.com/s1NaT7c.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.coming-soon-content {
  text-align: center;
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
}

.coming-soon-content .logo {
  margin-bottom: 30px;
}

.coming-soon-content .logo a {
  display: inline-block;
}

.coming-soon-content h1 {
  color: #ffffff;
  text-transform: uppercase;
  line-height: 1.3;
  font-size: 40px;
  font-family: "Raleway", sans-serif;
  font-weight: 300;
}

.coming-soon-content h1 span {
  font-weight: 700;
}

.coming-soon-content p {
  color: #c7c3c7;
  font-size: 14px;
  line-height: 1.8;
  margin-top: 13px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.coming-soon-content form {
  position: relative;
  max-width: 480px;
  margin-left: auto;
  margin-top: 35px;
  margin-right: auto;
}

.coming-soon-content form input[type="text"], .coming-soon-content form input[type="email"] {
  display: block;
  width: 100%;
  height: 55px;
  background-color: transparent;
  font-size: 15px;
  color: #ffffff;
  border: 1px solid #eeeeee;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding-left: 15px;
}

.coming-soon-content form input[type="text"]::-webkit-input-placeholder, .coming-soon-content form input[type="email"]::-webkit-input-placeholder {
  color: #eeeeee;
}

.coming-soon-content form input[type="text"]:-ms-input-placeholder, .coming-soon-content form input[type="email"]:-ms-input-placeholder {
  color: #eeeeee;
}

.coming-soon-content form input[type="text"]::-ms-input-placeholder, .coming-soon-content form input[type="email"]::-ms-input-placeholder {
  color: #eeeeee;
}

.coming-soon-content form input[type="text"]::placeholder, .coming-soon-content form input[type="email"]::placeholder {
  color: #eeeeee;
}

.coming-soon-content form button {
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #00299b;
  color: #ffffff;
  position: absolute;
  right: 0;
  top: 0;
  height: 55px;
  line-height: 55px;
  text-transform: uppercase;
  padding: 0 25px;
  border: 1px solid #eeeeee;
  font-size: 14px;
  font-weight: 600;
  font-family: "Raleway", sans-serif;
}

.coming-soon-content form button:hover {
  color: #00299b;
  background-color: #ffffff;
  font-weight: 700;
}

.coming-soon-content form #validator-newsletter {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -32px;
  color: #ffffff;
  font-size: 14px;
}

.coming-soon-content .social {
  margin-top: 40px;
}

.coming-soon-content .social ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.coming-soon-content .social ul li {
  display: inline-block;
  margin: 0 2px;
}

.coming-soon-content .social ul li a {
  width: 35px;
  height: 35px;
  line-height: 37px;
  display: block;
  border-radius: 50%;
  background-color: #dddddd;
  color: #000000;
  font-size: 14px;
}

.coming-soon-content .social ul li a.twitter {
  background-color: #1da1f2;
  color: #ffffff;
}

.coming-soon-content .social ul li a.youtube {
  background-color: #ff0000;
  color: #ffffff;
}

.coming-soon-content .social ul li a.facebook {
  background-color: #3b5998;
  color: #ffffff;
}

.coming-soon-content .social ul li a.linkedin {
  background-color: #0077b5;
  color: #ffffff;
}

.coming-soon-content .social ul li a.instagram {
  background-color: #c13584;
  color: #ffffff;
}

.coming-soon-content .social ul li a:hover {
  background-color: #00299b;
  color: #ffffff;
}

.coming-soon-content .copyright-text {
  margin-top: 25px;
}

.coming-soon-content .copyright-text p {
  color: #c7c3c7;
  font-size: 14px;
  max-width: 100%;
  line-height: initial;
  margin-bottom: 0;
  margin-top: 0;
}
/*# sourceMappingURL=style.css.map */