/*------------------------------------------------------------------
[Master Stylesheet]

Project Name:   Kickstart;
Version:        1.6;
Author:         Samuel Bello ;
Author Url:     https://adrites.com.ng;
Last update:    01/02/20
Assigned to:    Themeforest
Primary use:    Launching, Landing, Startup, Countdown


/*=======================================================================
[Table of contents]
=========================================================================

#	layout, Responsivness, Form & Typography
#	Home
#	Footer
==========================================================================*/


/*=======================================================================
layout, Responsivness, Form & Typography
==========================================================================*/
@media (max-width: 768px) {
    
    #home{
        height: auto !important;
    }


    #home .container{
        padding: 0px 0px !important;
        
    }

    .clock{
        zoom: 0.4;
        transform:scale(0.99);
        -moz-transform:scale(0.99);
        -webkit-transform:scale(0.99);
        -ms-transform:scale(0.99);
        -o-transform:scale(0.99);
    }
    .social-icon li{
        font-size: 24px !important;
        padding-right: 15px !important;
    }


}



body{
    color: #222222;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0.0481em;
    font-size: 16px;
    font-weight: 300;
}



img{
    max-width: 100%;
}

::placeholder{
    color: #ccc;
    font-size: 14px;
    font-weight: 100;
}
input[type]::placeholder{
    color: #ccc;
    font-size: 14px;
    font-weight: 100;
}

input[type], textarea, select {
    box-shadow: none;
    padding: 24px 10px;

    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    letter-spacing: 0.1em;
    width: 100%;
    border-color: #ebebeb;
    text-align: center;
}

.btn-primary{
    border-radius: 0px;
    background-color: transparent;
    padding: 15px 80px;
    letter-spacing: 0.0481em;
    border: 2px solid #fff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    font-weight: 700;
    margin-top: 10PX;
}

.btn-primary:hover{
    background-color: #fff;
    color: #004b80;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}


/*=======================================================================
Home
==========================================================================*/

#home{
    background: #004b80;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #021B79, #004b80);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #021B79, #004b80); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    color: #fff;
    padding: 120px 0px;
    text-align: center;
    
    height: 100vh;
    
}
.brand{
    letter-spacing: 0.5em;
}


#home .container{
    padding: 0px 160px;
    
}

#home h6{
    font-weight: 100 !important;
}


#home hr{
    width: 60px;
}

#home .flip-clock-wrapper{
    text-align: center;
    display: inline-block;
    width: auto;

    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0.0481em;
    padding-top: 10px;
}

.social-icon{
    margin-top: 20px;
}

.social-icon li{
    display: inline;
    padding-right: 40px;
    font-size: 32px;
}

.social-icon li:hover{
    color: #ccc;
}


.flip-clock-wrapper ul li a div div.inn {

    background-color: #fff !important; 
    color: #004b80;

}

.flip-clock-divider .flip-clock-label {

    color: #fff; }

.flip-clock-dot{
    background-color: #fff;
}

/*=======================================================================
Footer
==========================================================================*/

footer{
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    padding-top:  40px;
    letter-spacing: 0.1em;

}

footer span{
    font-weight: 700;
}

footer a, a:hover, a:active, a:focus{
    color: #fff;
    text-decoration: none;
}