@charset "utf-8";
 body, html {
     height: 100% 
}
 img{
     max-width:108% !important;
     height:auto;
}
 body{
     background:url(../images/body.jpg) repeat top left;
     font-family:Tahoma, Verdana, Sans-Serif, Arial;
     margin:0;
     padding:0;
}
 .container{
     background-image:url(../images/index.jpg);
     background-repeat: no-repeat;
     background-position: top;
     width:100%;
     max-width:984px;
     height:620px;
}
 .navbar-default .navbar-toggle {
     border-color: #2c2d30 !important;
}
 .navbar-default {
     background-color: transparent !important;
     border-color: transparent !important;
}
 .navbar-brand{
     display:none !important;
     margin-top: 8px !important;
}
 .header-logo{
     width:90px !important;
     height:42px !important;
}
 .navbar-nav li{
     display: inline;
}
 .navbar-collapse {
     border-top:transparent !important;
     box-shadow: inset 0 1px 0 transparent !important;
}
 .navbar-nav li a{
     float: left;
     color: #888;
     padding: 16px 19px;
     text-decoration: none;
     text-transform:uppercase;
     font-size:15px;
}
 .navbar-nav li a:hover{
     color:#fff !important;
}
 .navbar-nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus{
     color:#fff !important;
     background-color: transparent !important;
}
 .form-inline{
     float:right;
     margin-right:10%;
     margin-top:3%;
     z-index: 1000;
}
 .form-inline > *{
     margin:2px 0px;
}
 .form-control{
     display: inline-block;
     padding: 2px 3px;
     font-size: 11px;
}
 .btn{
     font-size: 11px !important;
     padding: 9px 14px !important;
}
 .btn-default{
     color:#fff !important;
     background-color: #343A40 !important;
     border-color:#343A40 !important;
}
 .btn-default:hover{
     color: #fff !important;
     background-color: #23272b !important;
     border-color: #1d2124 !important;
}
/*.embed-container {
     position: relative;
     padding-bottom: 56%;
     height: 0;
     max-width: 572px;
     z-index: -1;
}
 */
 .embed-container, .embed-container iframe, .embed-container object, .embed-container embed {
     display: inline-block;
     position: inherit;
     margin-top: 1.3%;
     margin-left: 26.6%;
     max-width: 555px;
     height: 283px;
}
 .row{
     margin:10px auto 0px !important;
     position:relative;
     padding:0px;
}
/*.prime{
     margin-left:-8px;
     margin-right:7px;
}
 .middle{
     margin-right:1px;
}
 .lastone{
     margin-left:px;
}
 */
/*****************break points*********************/
 @media screen and (max-width: 1024px) {
    .navbar-brand{
         display:inline-block !important;
    }
     .col-lg-4{
         text-align: center !important;
         margin-bottom: 15px;
         margin-top:15px;
    }
     .container{
         background-image:url(../images/index2.jpg) !important;
         background-repeat: no-repeat !important;
         background-position: top !important;
         text-align:center!important;
    }
     .embed-container, .embed-container iframe, .embed-container object, .embed-container embed {
         display: inline-block;
         position: inherit;
         margin-top: 1.3%;
         margin-left: 0%;
         max-width: 555px;
         height: 283px;
    }
     .form-inline{
        margin-right: 30% !important;
    }
}
 @media screen and (max-width: 812px) {
     .form-inline{
        margin-right: 25% !important;
    }
     .container{
         background-image:url(../images/index2.jpg) !important;
         background-repeat: no-repeat !important;
         background-position: top !important;
         text-align:center!important;
    }
     .navbar-brand{
         display:inline-block !important;
    }
     .navbar{
         background: #141519;
    }
     .embed-container, .embed-container iframe, .embed-container object, .embed-container embed {
         position: inherit;
         margin-top: 2%;
         margin-left: 0%;
         width: 100%;
    }
     .row{
         display:inline-table;
         position:inherit;
         margin-top:-10px;
    }
     .col-lg-4 {
         margin-bottom: 15px;
         margin-top:15px;
    }
    /*.prime{
         margin-left:0;
         margin-right:0;
    }
     .middle{
         margin-left:0;
         margin-right:0;
    }
     .lastone{
         padding-left:15px;
    }
     */
}
 @media screen and (max-width: 768px) {
     .container{
         background-image:url(../images/index2.jpg);
         background-repeat: no-repeat;
         background-position: top;
    }
     .navbar-brand{
         display:inline-block;
    }
     .navbar{
         background: #141519;
    }
     .embed-container, .embed-container iframe, .embed-container object, .embed-container embed {
         position: inherit;
         margin-top: 2%;
         margin-left: 0%;
         width: 100%;
    }
     .row{
         display:inline-table;
         position:inherit;
         margin-top:-10px;
    }
     .col-lg-4 {
         margin-bottom: 15px;
         margin-top:15px;
    }
    /*.prime{
         margin-left:0;
         margin-right:0;
    }
     .middle{
         margin-left:0;
         margin-right:0;
    }
     .lastone{
         padding-left:15px;
    }
     */
}
 @media screen and (max-width: 740px) {
     .btn-default{
         float: left !important;
    }
     .form-inline{
        margin-right: 25% !important;
    }
}
 @media (max-width:480px) {
     .btn-default{
         float: left !important;
    }
     .navbar-nav>li{
         float: left;
         width: 100%;
    }
     .col-lg-4 {
         margin-bottom: 90px;
         margin-top:-80px;
    }
    /*.prime{
         margin-left:0;
         margin-right:0;
    }
     .middle{
         margin-left:0;
         margin-right:0;
    }
     .lastone{
         padding-left:15px;
    }
     */
}