?
áEÓê¤ÎïLwebshll2019
.page-comingsoon {
padding: 0;
.page-content {
h4 {
font-size: 20px;
margin-top: 0;
letter-spacing: 0.03em;
&:after {
content: '';
display: block;
width: 30px;
height: 1px;
background-color: #666;
margin: 20px auto;
}
}
.subscribe {
.form-item {
margin-top: 42px;
input {
background-color: #fff;
width: 100%;
border: 1px solid #dcdcdc;
font-family: $pd;
font-style: italic;
font-size: 12px;
}
}
.form-submit {
margin-top: 26px;
}
}
}
}
#countdown {
margin-left: -15px;
margin-right: -15px;
margin-top: 34px;
margin-bottom: 42px;
overflow: hidden;
font-size: 0;
text-align: center;
> .item {
display: inline-block;
padding-left: 15px;
padding-right: 15px;
text-align: center;
.count {
display: block;
background-color: #fff;
font-family: $la;
font-weight: 400;
font-size: 36px;
padding: 0 12px;
color: #3e3e3e;
line-height: 70px;
}
span {
display: block;
background-color: $color;
font-family: $ms;
font-weight: 700;
font-size: 10px;
color: #0f0f0f;
text-transform: uppercase;
line-height: 25px;
}
}
}
.on-social {
position: absolute;
top: 50%; right: 15px;
@include translateY(-50%);
margin-left: -5px;
margin-right: -5px;
a {
font-size: 14px;
margin: 5px 8px;
color: #fff;
&:hover {
color: $color;
}
}
}