/*------------------------------------------------*/
/* Basic styles */
/*------------------------------------------------*/

body{
        font-family:'Oswald', Arial;
        color:#fff;
        background:url(../images/bg.jpg) top center no-repeat #000;
}

.overlay{
        background:rgba(0,0,0,.8);
        position:absolute;
        left:0;
        top:0;
        bottom:0;
        right:0;
        width:100%;
        height:100%;
        z-index:1;
        overflow:hidden;
}

@media (min-width: 1200px){
        .container {
                width:1170px;
        }
}

#wrap{
        width:100%;
        height:100%;
        display:table;
        position:relative;
        z-index:10000;
}

#defaultCountdown{
        z-index:2;
        margin:0 auto;
        display:table;
        position:relative;
}

.countdown-row {
        margin:0 auto;
        width:100%;
        display:table;
        text-align:center;
}

.countdown-section {
        display: block;
        float: left;
        text-align: center;
        width:120px;
        height:120px;
        border-radius:50%;
        -webkit-border-radius:50%;
        -moz-border-radius:50%;
        border:solid 1px #fff;
        text-align:center;
        margin:40px 20px;
}

.countdown-amount {
    font-size: 60px;
        font-weight:700;
        line-height:120px;
}
.countdown-period {
    display: block;
        line-height:60px;
        color:#e73333;
        font-size:18px;
        font-weight:100;
}

.image-align{
        margin:0 auto;
        text-align:center;
        display:block;
        padding-top: 100px;
}

h1{
        font-size:56px;
        font-weight:300;
        text-align:center;
}

h1 span{
        font-size:32px;
}

.red{
        color:#e73333;
        font-size:56px;
}

.logo{
        font-family:'Times New Roman', Arial;
        color:#e73333;
        font-size:56px;
}

p{
        font-size:16px;
        line-height:30px;
        text-align:center;
        font-weight:100;
}

form{
        margin:0 auto;
        display:table;
        margin-top:50px;
}

input[type="text"]{
        border-radius:5px;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        background:rgba(255,255,255,.1);
        -webkit-background-clip: padding-box !important;
        background-clip: padding-box !important;
        border:none;
        border: 1px solid rgba(255, 255, 255, 0.2);
        height:53px;
        color:#fff;
        font-family:'Oswald', Arial;
        font-size:16px;
        padding-left:20px;
        width:265px;
}

input[type="submit"]{
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        font-family: 'Oswald', Arial;
        background: #ff9c00;
        color: #000;
        border: none;
        font-size: 24px;
        font-weight: 500;
        padding: 12px 30px;
        position: relative;
        top: 3px;
        left: -10px;
        -webkit-transition: all .3s ease;
        -moz-transition:         all .3s ease;
        -ms-transition:         all .3s ease;
        -o-transition:                 all .3s ease;
        transition:                 all .3s ease;
}

input[type="submit"]:hover{
        color: #FFF;
}

a{
color:#fff;
text-decoration:underline;
}

p.copyright{
font-size:13px;
margin-top:30px;
}


/*------------------------------------------------*/
/* Responsive styles */
/*------------------------------------------------*/

@media (min-width: 561px) and (max-width: 720px) {

        .countdown-section {
                margin:5px;
        }

}

@media (max-width: 600px){

        .countdown-section {
                display: block;
                float: left;
                text-align: center;
                width:75px;
                height:75px;
                margin:6px;
        }

        .countdown-amount {
                font-size: 32px;
                font-weight:700;
                line-height:74px;
        }

}

@media (max-width: 420px){

        .countdown-section {
                display: block;
                float: left;
                text-align: center;
                width:56px;
                height:56px;
                margin:2px;
        }

        .countdown-amount {
                font-size: 24px;
                font-weight:700;
                line-height:58px;
        }

        .image-align{
                padding-top: 20px;
                width:30%;
        }

        h1,.red{
                font-size:32px;
        }

        h1 span{
        font-size:18px;
        }

        input[type="text"]{
                width:150px;
                font-size:14px;
                padding-left:5px;
        }

        input[type="submit"]{
                left:-3px;
                top:5px;
        }

}