/*
	6.5. Commingsoon
			6.5.1 Commingsoon Page

 */

.commingsoon {
    .flex {
        @media(max-width: $screen-sm) {
            @include flex-direction(column);
        }
    }
    .c-width {
        @media(min-width: $screen-sm-max) {
            width:50%;
        }
        width:100%;
        &.c-left {
            background: #1d1d1d;
            @media(min-width: $screen-md) {
                padding:100px 0 0 120px;
            }
            @media(min-width:1681px) {
                padding: 290px 0 0 120px;
            }

            padding:30px 30px 30px 30px;
        }
    }
    .form_newsletter {
        position: relative;
        margin-bottom: 20px;
        margin-top: 20px;
        @media(min-width: $screen-sm-max) {
            width:402px;
        }
        @media(min-width:$screen-xs) {
            margin-top: 40px;
            margin-bottom: 77px;
        }
    }
    .form-control {
        height: 50px;
        @include border-radius(4px);
        border: 1px solid #f0f0f0;
        font-size: 12px;
        @include placeholder(12px, #aeaeae);
        background: #fff;
        padding-left: 26px;
    }
    .button_mini {
        position: absolute;
        top: 0;
        margin-top: 0;
        right: 0;
        &.btn {
            @include transition2;
            height: 50px;
            -moz-border-radius: 0 4px 4px 0;
            -webkit-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0;
            border: 0;
            padding-left: 0;
            padding-right: 0;
            width: 124px;
            line-height: 40px;
        }
    }
    p {
        color: #666666;

        @media(min-width: $screen-xs) {
            max-width:480px;
            font-size: 18px;
            line-height: 26px;
        }
    } // space
    .c-logo {
        margin-bottom: 20px;
        @media(min-width: $screen-xs) {
            margin-bottom:60px;
        }
    }
    .time-cound {
        margin-bottom: 20px;
        @media(min-width: $screen-xs) {
            margin-bottom:52px;
        }
    }
}

.c-title {
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: lighter;
    color: #fff;
    @media(min-width: $screen-xs) {
        margin-bottom:45px;
        font-size: 40px;
    }
}

.c-social {
    a {
        color: #fff;
        font-size: 25px;
        margin-right: 20px;
        @media(min-width: $screen-xs) {
            margin-right:50px;
        }
        &:hover {
            @include transition2;
        }
    }
    @media(min-width:$screen-xs) {
        margin-bottom: 55px;
    }
}