.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;
        }
    }
}