@font-face {
    font-family: 'english_towneregular';
    src: url('fonts/englishtowne-webfont.eot');
    src: url('fonts/englishtowne-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/englishtowne-webfont.woff') format('woff'),
    url('fonts/englishtowne-webfont.ttf') format('truetype'),
    url('fonts/englishtowne-webfont.svg#english_towneregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.navbar{
    border-radius: 0;
    padding-right: 0;
    padding-left: 0;
    background-color: rgba(0,0,0,0);
    border: 0;
}


.container .main .content .table .row .navbar #Navbar .nav.navbar-nav li a {
    font: 28px/50px 'english_towneregular';
    position: relative;
    text-decoration: none;
    z-index: 19;
    color: rgba(0,0,0,0.5);
    text-shadow: 0 1px 2px #4f2213;
}
.container .main .content .table .row .navbar #Navbar .nav.navbar-nav li a:hover {
    background-color: rgba(0, 0, 0, 0);
    font: 28px/50px 'english_towneregular';
    position: relative;
    text-decoration: none;
    z-index: 19;
    color: #FFF00F;
    /*-webkit-transition: all .55s;
    -moz-transition: all .55s;
    -o-transition: all .55s;*/
    transition: all .55s;
    text-shadow: 0 1px 2px #4f2213;
}
.container .main .content .table .row .navbar #Navbar .nav.navbar-nav li a:focus {
    background-color: rgba(0, 0, 0, 0);
    font: 28px/50px 'english_towneregular';
    position: relative;
    text-decoration: none;
    z-index: 19;
    color: #FFF00F;
    /*-webkit-transition: all .55s;
    -moz-transition: all .55s;
    -o-transition: all .55s;*/
    transition: all .55s;
    text-shadow: 0 1px 2px #4f2213;
}
.container .main .content .table .row .navbar #Navbar .nav.navbar-nav li.active a {
    background-color: rgba(0, 0, 0, 0);
    font: 28px/50px 'english_towneregular';
    position: relative;
    text-decoration: none;
    z-index: 19;
    color: #FFF00F;
    text-shadow: 0 1px 2px #4f2213;
}

.navbar-header .navbar-toggle .icon-bar{
    background-color: rgba(12, 12, 5, 1);
}


.container .main .content .table .row .navbar #Navbar .nav.navbar-nav li {
    display: inline;
    list-style: none outside none;
    margin: 0 18px 0 0;
    padding: 0;
    z-index: 18;
    color: #FFFFFF;
}

.row{
    margin-right: 0;
    margin-left: 0;
}

footer {
    background-color: rgba(0,0,0,0);
    font: italic 14px/28px Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
}

footer > ul{
    list-style: none;
}

footer li {
    display: inline;
    margin: 0 28px 0 0;
    list-style: none;
}

footer li a {
    text-decoration: underline;
    text-shadow: 0 4px 4px #111111;
    color: #FFF00F;
    /*-webkit-transition: all .55s;
    -moz-transition: all .55s;
    -o-transition: all .55s;*/
    transition: all .55s;
}

.header {

    background: transparent url(../img/header-bg.jpg) 50% 0 no-repeat;
    height: 365px;
    z-index:-5;
}
.gradient {
    background: transparent url(../img/gradient-bg.png) 0 150% repeat-x;
    width: 100%;
    height: 67px;
    position: absolute;
    top: 350px;
    left: 0;
    z-index:-1;
}
body {
    background: transparent url(../img/bg-image.png) 50% 0 repeat;
}
.main {
    background-color: #1b1b1b;
    padding: 9px 9px 9px 9px;
    border: 9px solid rgba(100,15,5,0.6);
    /*-moz-box-shadow: 3px 5px 30px 12px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 3px 5px 30px 12px rgba(0, 0, 0, 0.5);*/
    box-shadow: 3px 5px 30px 12px rgba(0, 0, 0, 0.5);
}
.content {
    background-color: transparent;
    overflow: hidden;
    padding: 0px;
   /* -moz-box-shadow: 0 0 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);*/
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
}

.table {
    background: transparent url(../img/wood.jpg) center no-repeat fixed;
    background-size: cover;
    /*-webkit-background-size: cover;*/
    margin: 0;
    padding: 0;

    overflow: hidden;
    clear: both;
    /* -moz-box-shadow: inset 0 0 23px rgba(0,0,0,0.5);
     -webkit-box-shadow: inset 0 0 23px rgba(0,0,0,0.5);*/
    box-shadow: inset 0 0 23px rgba(0,0,0,0.5);
}

.slimScrollBar{
    background: #FFF00F;

}


@media (max-width: 400px) {
    .Style5 {
        margin-top:50px;
        font-family: "english_towneregular",sans-serif;
        font-size: 52px;
        color: rgba(0,0,0,0.3);
        background: transparent url(../img/logo.png) 50% 0 no-repeat;
        text-shadow: 0 1px 2px #4f2213;
    }
}

@media (min-width: 400px) {
    .Style5 {
        margin-top:50px;
        font-family: "english_towneregular",sans-serif;
        font-size: 70px;
        color: rgba(0,0,0,0.3);
        background: transparent url(../img/logo.png) 50% 0 no-repeat;
        text-shadow: 0 1px 2px #4f2213;
    }
}

@media (max-width: 992px) {
    @media (min-width: 768px) {
        .container .main .content .table .row .navbar #Navbar .nav.navbar-nav li a {
            font-size: 25px;
        }
        .container .main .content .table .row .navbar #Navbar .nav.navbar-nav li.active a {
            font-size: 25px;
        }
        .container .main .content .table .row .navbar #Navbar .nav.navbar-nav li a:hover {
            font-size: 25px;
        }
        .navbar-nav>li>a {
            padding: 8px 3px;
        }
    }
}


@media (max-width: 1200px) {
    @media (min-width: 992px) {
        .container .main .content .table .row .navbar #Navbar .nav.navbar-nav li a {
            font-size: 34px;
        }
        .container .main .content .table .row .navbar #Navbar .nav.navbar-nav li.active a {
            font-size: 34px;
        }
        .container .main .content .table .row .navbar #Navbar .nav.navbar-nav li a {
            font-size: 34px;
        }
        .container .main .content .table .row .navbar #Navbar .nav.navbar-nav li a:hover {
            font-size: 34px;
        }

        .navbar-nav>li>a {
            display: block;
            text-align: center;
            padding: 8px 6px;
        }
    }
}

@media (min-width: 1200px) {
    .container .main .content .table .row .navbar #Navbar .nav.navbar-nav li a {
        font-size: 34px;
    }
    .container .main .content .table .row .navbar #Navbar .nav.navbar-nav li.active a {
        font-size: 34px;
    }
    .container .main .content .table .row .navbar #Navbar .nav.navbar-nav li a {
        font-size: 34px;
    }
    .container .main .content .table .row .navbar #Navbar .nav.navbar-nav li a:hover {
        font-size: 34px;
    }

    .navbar-nav>li>a {
        display: block;
        text-align: center;
        padding: 8px 20px;
    }
}