@charset "utf-8";
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v17-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* CSS Document */
 html, body {
     width: 100%;
     height: 100%;
}
 body {
     background:url(../img/background-img.jpg) no-repeat center top;
     background-color: #000 !important;
}
 img{
    max-width:100%;
     height:auto;
}
/* Logo */
 .brand {
     height: 140px;
     padding: 8px 0;
     margin-bottom: 15px;
}
 .header-logo {
     display: block;
     width:100%;
     max-width: 956px;
     height: 140px;
     background: url(../img/logo.png) no-repeat;
     background-size:contain;
     text-indent: 100%;
     white-space: nowrap;
     overflow: hidden;
}
/* Nav Bar */
 .navbar-default {
     background: #656b6f;
     background: -moz-linear-gradient(top, #900824 0%, #df0833 99%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #900824), color-stop(99%, #df0833));
     background: -webkit-linear-gradient(top, #900824 0%, #df0833 99%);
     background: -o-linear-gradient(top, #900824 0%, #df0833 99%);
     background: -ms-linear-gradient(top, #900824 0%, #df0833 99%);
     background: linear-gradient(to bottom, #900824 0%, #df0833 99%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2e872', endColorstr='#df0833', GradientType=0 );
     border-color: #cc0343;
}
 .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
     color: #FFF;
     background-color: transparent;
}
 .navbar-nav>li {
     float: left;
    /*border-right: solid 1px #b1770b;
    */
     padding-right: 5px;
}
 .navbar-nav>li:last-child {
     float: left;
     background: transparent;
     padding-right: 5px;
}
 .navbar-default .navbar-nav>li>a {
     color: #fff;
     text-shadow: 1px 1px 1px #000;
     text-transform:uppercase;
     font-weight:bold;
     font-size:13px;
}
 .btn-success {
     color: #fff;
     background: #f85032;
    /* Old browsers */
     background: -moz-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
    /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827));
    /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
    /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
    /* Opera 11.10+ */
     background: -ms-linear-gradient(top, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
    /* IE10+ */
     background: linear-gradient(to bottom, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
    /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 );
    /* IE6-9 */
     border-color: #4b0306;
}
/* Jumbotron */
 .jumbotron {
     max-width: 974px;
     min-height: 460px;
     padding: 0;
     padding-left: 0;
     padding-right: 0;
     background-color: transparent !important;
}
 .background-img {
     background-image: url(../img/main-img.jpg);
     background-repeat: no-repeat;
     background-size: 100% auto;
}
 .slider {
     padding-top: 6%;
     padding-left: 3%;
}
 .embed-container {
     position: relative;
     padding-bottom: 46.25%;
     height: 0;
     overflow: hidden;
     max-width: 100%;
}
 .embed-container iframe, .embed-container object, .embed-container embed {
     position: absolute;
     top: 11%;
     left: 3%;
     width: 550px;
     height: 283px;
}
 .border-row {
     padding: 10px 0;
     border-top: solid 1px #a30327;
     border-bottom: solid 1px #a30327;
}
/* Footer */
 .footer{
     width:100%;
     text-align: center;
     color: #fff;
     margin-top: 15px;
     font-family: 'Questrial', sans-serif;
     font-size:16px;
}
/*footer {
     text-align: center;
     color: #a30327;
     margin-top: 15px;
     border-top: solid 1px #a30327;
     font-family: 'Roboto Condensed', 'sans-serif';
}
 footer a {
     color: #a30327;
}
*/
/* Media Queries */
 @media (min-width: 1200px) {
     .container {
         width: 974px;
    }
}
 @media (min-width: 992px) {
     .container {
         width: 974px;
    }
}
 @media screen and (min-width: 768px) {
     .container .jumbotron {
         padding-left: 0;
         padding-right: 0;
    }
     .col-lg-4 {
         margin-bottom: 10px ;
    }
}
 @media (max-width:767px) {
     .brand {
         height: 105px;
    }
     .header-logo {
         display: block;
         width:100%;
         max-width: 728px;
         height: 105px;
         background: url(../img/logo-728.png) no-repeat;
         background-size:contain;
         text-indent: 100%;
         white-space: nowrap;
         overflow: hidden;
    }
     .navbar-nav>li {
         float: left;
         background: transparent;
         padding-right: 0;
    }
}
 @media screen and (max-width: 768px) {
     .jumbotron {
         background:transparent !important;
         min-height: 50px !important;
    }
     .slider {
         padding-top: 0;
         padding-right: 0;
    }
     .embed-container iframe, .embed-container object, .embed-container embed {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 92%;
    }
     .embed-container {
        padding-bottom: 56.2% !important;
    }
}
 @media (max-width:480px) {
     .brand {
         height: 46px;
    }
     .header-logo {
         display: block;
         width: 100%;
         max-width:320px;
         height:46px;
         background: url(../img/logo-320.png) no-repeat;
         background-size:contain;
         text-indent: 100%;
         white-space: nowrap;
         overflow: hidden;
    }
     .navbar-nav>li {
         float: left;
         background: transparent;
         padding-right: 0;
         width: 100%;
    }
     .col-lg-4 {
         margin-bottom: 10px;
    }
}