@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;
        }
        
        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; }

        body
        {
            background-color: #000;
            background-image: url(/images/bg.jpg);
            background-size: cover;
            background-repeat: no-repeat;
            color: #887766;
            color: #ccc;
            font-family: OpenSans-Regular, Arial, Arial, Helvetica, sans-serif;
        }

            body:before
            {
                content: '';
                position: fixed;
                z-index: 2;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0,0,0,0);
                transition: 2s ease-in;
            }

            body.is-loading:before
            {
                background-color: rgba(0,0,0,1);
            }

        h1, h2
        {
            font-family: GilroyExtra-Bold, sans-serif;
        }

        h3, h4, h5, h6
        {
            font-family: OpenSans-Semibold, sans-serif;
        }

        a
        {
            color: #fff;
            color: #887766;
            transition: 0.3s;
        }

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

        body #Main
        {
            position: relative;
            z-index: 5;
            margin-top: 0;
            /*transform:scale(1);*/
            opacity: 1;
            transition:opacity 2s ease-in, -webkit-filter 0.5s ease-in, filter 0.5s ease-in;
        }

        body.is-loading #Main
        {
            /*margin-top:-100%;*/
            /*transform:scale(0.1);*/
            opacity: 0;
        }

        body.popup-open #Main
        {
            -webkit-filter:blur(3px);
            filter:blur(3px);
        }

        nav
        {
            background-color: rgba(0,0,0,0.5);
        }
        nav #HomeLink:hover img { -webkit-filter:brightness(2); filter:brightness(2); }
        nav #HomeLink img { transition:0.25s linear; width:100%; max-width:400px; }

            nav ul
            {
                list-style: none;
                margin: 0;
                padding: 0;
                text-align: right;
            }

                nav ul li
                {
                    display: inline-block;
                }

                    nav ul li a
                    {
                        display: block;
                        color:#ccc;
                    }
                    nav ul li a:hover { color:#887766; }

                    nav .menu {
                        font-size: 0.9em;
                    }

        #Buttons a
        {
            border: 2px solid #887766;
            font-size: 2.6rem;
            font-weight: normal;
            font-family: Impact, Haettenschweiler, 'sans serif';
            font-weight: 100;
            color: #887766;
            
                background-color:#887766;
                background-color:rgba(136,119,102,0.5);
                text-decoration: none;
                color:#ddd;
                text-shadow:0px 0px 2px #000;
            
    background-repeat:no-repeat;    
    /*background-image:linear-gradient(
        to right bottom,
        rgba(255, 255, 255, 0.2) 0%,
        rgba(255, 255, 255, 0.2) 37%,
        rgba(255, 255, 255, 0.8) 45%,
        rgba(255, 255, 255, 0.0) 50%
    );*/
    background-image:linear-gradient(
        110deg,
        rgba(255, 255, 255, 0.0) 0%,
        rgba(255, 255, 255, 0.0) 22%,
        rgba(255, 255, 255, 0.2) 42%,
        rgba(255, 255, 255, 0.4) 46%,
        rgba(255, 255, 255, 0.0) 50%
    );
    /*background-position:-300px -300px;*/
    background-position:left 100% top 100%;
    background-size:250% 250%;
    transition:background-position 0.5s ease, color 0.25s linear, background-color 0.25s linear, text-shadow 0.25s linear;
        }

            #Buttons a:hover
            {
                background-color: #887766;
                background-color:rgba(136,119,102,1);
                text-decoration: none;
                color:#fff;
                text-shadow:0px 0px 5px #000;
                background-position:0 0;
            /*transition-duration:0.5s;*/
            }

        footer > #mainfooter
        {
            background-color: rgba(0,0,0,0.5);
        }
            footer #SocialFooter a { color:#887766; }
            footer #SocialFooter a:hover { color:#fff; }
            footer #SocialFooter a:hover { transform:scale(1.4); }

            footer a img
            {
                top: 0;
                right: 2%;
                transform: translateY(-33.33%) scale(0.8);
                transition: 0.3s;
                max-width:140px;
            }

            footer a:hover img
            {
                transform: translateY(-33.33%) scale(1); /*-webkit-filter:drop-shadow(0px 0px 5px #fff); filter:drop-shadow(0px 0px 5px #fff);*/
                -webkit-filter:brightness(2);
                filter:brightness(2);
            }
        #subfooter a { color:#ccc; }
        #subfooter a:hover { color:#887766; }

    .modal iframe { display:block; position:absolute; width:100%; /*width:calc(100% - 30px);*/ height:100%; min-height:120px; border:none; margin:0; padding:0; }
    /*.modal iframe:before { content:''; position:absolute; top:20%; left:50%; }*/
    .modal-content { background-color:#000; border:1px solid #3C352D; box-shadow:0px 0px 3px #887766; /*height:75vh;*/ height:80vh; box-shadow:none; }
    .modal-header { border-bottom:1px solid #887766; border-bottom:1px solid #3C352D; }
    .modal-header img { height:10vw; max-height:60px; max-width:90%; }
    .modal-header .close { margin:0 -10px; font-size:2rem; }
    .modal-body { padding-left:0; padding-right:0; }
    .modal-footer { border-top:1px solid #887766; border-top:none; }
    .modal-header button { color:#fff; }
    .modal-header button:hover { color:#fff; }

    
    .modal .modal-body:before {
        content:'';
        border-radius: 50%;
        width: 10em;
        height: 10em;
        margin: 0 auto;
        font-size: 10px;
        /*position: relative;*/
  
        position:absolute;
        top:50%;
        left:50%;
        margin-top:-5em;
        margin-left:-5em;
        box-sizing:border-box;

        text-indent: -9999em;
        border-top: 1.1em solid rgba(255, 255, 255, 0.2);
        border-right: 1.1em solid rgba(255, 255, 255, 0.2);
        border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
        border-left: 1.1em solid #887766;
        transform: translateZ(0);
        animation: load8 1.1s infinite linear;
    }
    .modal .modal-body.loaded:before { display:none; }

    @keyframes load8 {
        0% {
        transform:rotate(0deg);
        }
        100% {
        transform:rotate(360deg);
        }
    }



            
/*.uibutton {
    background-repeat:no-repeat;
    background-image:linear-gradient(
        to right bottom,
        rgba(255, 255, 255, 0.2) 0%,
        rgba(255, 255, 255, 0.2) 37%,
        rgba(255, 255, 255, 0.8) 45%,
        rgba(255, 255, 255, 0.0) 50%
    );
    background-position:-100% -100%;
    background-size:250% 250%;
    transition:background-position 0s ease, color 0.25s linear, background-color 0.25s linear;
}

.uibutton:hover,
.uibutton:focus {
    color:#fff;
    background-position:0 0;
    -webkit-transition-duration:0.5s;
       -moz-transition-duration:0.5s;
            transition-duration:0.5s;
}*/