body, html {
font-family: 'Open Sans', sans-serif;
color: rgba(255,255,255,0.9);
background: none;
}
.full {
background: url(../img/bg1.jpg) no-repeat center center fixed;
background-size: cover;
}
a, a:hover {
color: #fff;
text-decoration: none;
cursor: pointer;
}
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #b5adaa;
z-index: 99999;
height: 100%;
}
#status {
position: absolute;
left: 50%;
top: 50%;
width: 64px;
height: 64px;
margin: -32px 0 0 -32px;
padding: 0;
}
.logo {
text-align: left;
margin-top: 50px;
}
.coming-soon {
padding-top: 0px;
margin: 0 auto;
}
.coming-soon h2 {
font-size: 47px;
font-weight: 400;
line-height: 1.2em;
padding: 80px 0 30px 0;
}
.coming-soon p {
font-size: 22px;
color: rgba(255,255,255,10);
}
.social {
margin-top: 80px;
margin-bottom: 60px;
}
.social h1 {
font-size: 20px;
font-weight: 400;
}
.social a {
color: #ffffff;
font-size: 28px;
display: inline-block;
margin: 0 40px 0 0;
cursor: pointer;
}
.social a:hover {
color: #000000;
cursor: pointer;
}
.newsletter {
margin: 0px 0px 0px 0px;
padding: 0 0px 0 0px;
max-width: 450px;
align-text: left;
position: relative;
}
.newsletter .form-field {
background: rgba(250, 250, 250, 0.5);
border: none;
border-radius: 30px;
color: #fff;
font-size: 16px;
height: 42px;
padding: 0 20px 0 20px;
width: 100%;
}
.newsletter .form-field:focus {
border: 1px solid rgba(0, 0, 0, 0.17);
box-shadow: 0 0 0px 4px rgba(132, 115, 115, 0.28);
outline: none
}
.btn-main {
background-color: red;
border: none;
border-radius: 20px;
color: #fff;
cursor: pointer;
font-size: 16px;
font-weight: 600;
height: 42px;
padding: 0 20px;
text-transform: uppercase;
z-index: 11;
}
.btn-main:hover {
background-color: green;
color: #fff;
}
.btn-main:focus {
outline: none
}