@font-face {
        font-family: 'Gilroy-ExtraBold';
        src: url('/fonts/gilroy-extrabold-webfont.eot');
        src: url('/fonts/gilroy-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/gilroy-extrabold-webfont.woff2') format('woff2'), url('/fonts/gilroy-extrabold-webfont.woff') format('woff'), url('/fonts/gilroy-extrabold-webfont.ttf') format('truetype'), url('/fonts/gilroy-extrabold-webfont.svg#gilroyextrabold') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face
    {
        font-family: 'OpenSans-Regular';
        src: url('/fonts/OpenSans-Regular.eot');
        src: url('/fonts/OpenSans-Regular.eot#iefix') format('embedded-opentype'), url('/fonts/OpenSans-Regular.ttf') format('truetype'), url('/fonts/OpenSans-Regular.woff') format('woff'), url('/fonts/OpenSans-Regular.woff2') format('woff2'), url('/fonts/OpenSans-Regular.svg') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face
    {
        font-family: 'OpenSans-Semibold';
        src: url('/fonts/OpenSans-Semibold.eot');
        src: url('/fonts/OpenSans-Semibold.eot#iefix') format('embedded-opentype'), url('/fonts/OpenSans-Semibold.ttf') format('truetype'), url('/fonts/OpenSans-Semibold.woff') format('woff'), url('/fonts/OpenSans-Semibold.woff2') format('woff2'), url('/fonts/OpenSans-Semibold.svg') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
        body
        {
            background: #000;
            color: #887766;
            color: #ccc;
            box-sizing: border-box;
            padding: 0 !important;
            margin: 0 !important;
        }

        a
        {
            color: #fff;
            color: #887766;
            transition: 0.25s linear;
        }

            a:hover
            {
                color: #887766;
                color:#ccc;
                text-decoration: none;
            }

            body > div
            {
                box-sizing: border-box;
                padding: 0 !important;
                margin: 0 !important;
            }

            body img { max-width:100%; }


        /* width */
        ::-webkit-scrollbar
        {
            width: 10px;
        }

        /* Track */
        ::-webkit-scrollbar-track
        {
            background: #ccc;
        }

        /* Handle */
        ::-webkit-scrollbar-thumb
        {
            background: #887766;
        }

            /* Handle on hover */
            ::-webkit-scrollbar-thumb:hover
            {
                background: #887766;
            }
        
    input[type=submit]:active, input[type=submit].active, input[type=submit]:focus, input[type=submit].focus, 
    button:active, button.active, button:focus, button.focus, button.btn:active, button.btn.active, button.btn:focus, 
    button.btn.focus, label.btn:active, label.btn.active, label.btn:focus, label.btn.focus, 
    a.btn:active, a.btn.active, a.btn:focus, a.btn.focus { outline:none; box-shadow:none; }

    .form-control { background-color:#ccc; }

    .btn-brown { background-color:#887766; color:#fff; }
    .btn-brown:hover { background-color:#726355; }
    
    hr { border-color:#777; }
    .required { margin-left:.25rem; color:red; font-size:1.8rem; line-height:.5rem !important; display:inline-block; vertical-align:bottom; }

    label.inp-required::before { content:'*'; margin-right:.25rem; color:red; font-size:1.8rem; line-height:.5rem !important; display:inline-block; vertical-align:bottom;  }

    
/* VueJS transition */
.fade-enter-active, .fade-leave-active {
    transition:opacity .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
    opacity:0;
}