/**************** General styles ******************** *
 *  1. html, body
 *  2. Containers
 *  3. Global styles
 *  4. Global elements
****************************************************/

/**** 1. html, body ****/

html, body {
    overflow-x: hidden;
}

html body.light {
    background-color: #fff;
}

html body.dark {
    background-color: #0D0D0D;
}

html {
    background-color: #0D0D0D;
}

/**** 2. Containers ****/

.uk-container {
    max-width: 1512px;
    padding-left: 30px;
    padding-right: 30px;
}

/**** 3. Global styles ****/

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a,
button,
.transition {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.no-transition {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

*:focus {
    outline: none !important;
}

/**** 4. Global elements ****/

#preloader {
    z-index: 9999;
    background: #000;
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease;
}

#preloader .uk-spinner {
    color: #fff;
}

.visible{
    display: block !important;
}

.uk-animation-shake{
    animation-name: uk-shake !important;
}