@charset "UTF-8";
/* CSS Document */

            body{

             background: url(../images/bg.jpg) no-repeat;
    background-position: top center;
    overflow-x: hidden;
    background-color: #000;
    background-size: cover;
    position: relative;
    overflow-x: hidden;
            }
            .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
                color: #fff;
                background-color: #ab1e2b;
                border-color: #da292c;
            }

			.navbar-form {
    padding: none !important;
    border-bottom: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.navbar-inverse {
    background-color: #222;
    border-color: #fb5c5c;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
    background-color: #00000080;
}
            .headerbox.hidden-xs.hidden-sm {
                background-color: black;
                border-bottom: 3px solid #ed2025;
            }
            button.btn.btn-primary {
                color: #fff;
    background-color: #ff0c00;
    border-color: #f91800;
    width: 100%;
    border-radius: 0px !important;
            }
            a.btn.btn-primary {
                color: #fff;
                 background-color: #ff0c00;
    border-color: #f91800;
                width: 100%;
				    border-radius: 0px !important;
            }
            .btn-primary {
                color: #fff;
                 background-color: #ff0000;
    border-color: #ff0000;
				    border-radius: 0px !important;
            }
            .logo {max-height: 70px;
                   margin-left: -53px;
            }
            .navbar-inverse {
                   background-color: #000000;
    border-color: #ff0300;
            }
            .navbar-collapse {
                padding-right: 15px;
                padding-left: 15px;
                overflow-x: visible;
                border-top: none !important;
                -webkit-box-shadow: none !important;
                box-shadow: none !important;
            }
            hr {
                margin-top: 20px;
                margin-bottom: 20px;
                border: 0;
                border-top: 1px solid #0698cf;
            }
            .pull-left {
                float: right!important;
            }
            .navbar-inverse.side-collapse {
                margin-top: 15px;
            }
            .navbar-toggle {
                position: relative;
                float: right;
                padding: 9px 10px;
                margin-top: -56px;
                margin-right: -22px;
                margin-bottom: 8px;
                background-color: transparent;
                background-image: none;
                border: 1px solid transparent;
                border-radius: 4px;
            }

            pre {
                tab-size: 8;
            }

            @media screen and (max-width: 768px) {
                .side-collapse-container{
                    width:100%;
                    position:relative;
                    right:0;
                    transition:right .4s;
                }
                .side-collapse-container.out{
                    left:200px;
                }
                .side-collapse {
                    top:50px;
                    bottom:0;
                    right:0;
                    width:200px;
                    position:fixed;
                    overflow:hidden;
                    transition:width .4s;
					 background: url(../images/dog.png) no-repeat;
					    background-color: #484848bd;
                }
                .side-collapse.in {
                    width:0;
                }
                .logo {max-height: 60px;	}
            }
            .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
                background-color: #060333;
                border: none !important;
            }

            navbar-nav {
                margin: none !important;
            }

            .navbar-form {
                padding: none !important;
                margin-top: 8px;
                margin-right: 5px;
                margin-bottom: 8px;
                margin-left: 5px;
                border-bottom: 1px solid transparent;
                -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
                box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
            }


            @media only screen 
            and (min-device-width: 768px) 
            and (max-device-width: 1279px) 
            and (orientation: portrait) 
            and (-webkit-min-device-pixel-ratio: 1) {
                .navbar-header {
                    float : right !important;

                }
                .navbar-toggle {
                    display: block !important;
                    margin-top: 0px;
                }


                .side-collapse {
                    top: 46px;
                    bottom: 0;
                    right: 0;
                    width: 238px;
                    position: fixed;
                    overflow: hidden;
                    transition: width .4s;
                    padding-left: 14px;
                    padding-top: 20px;
                }

                .navbar-form .form-group {
                    display: inline-block;
                    margin-bottom: 0;
                    vertical-align: middle;
                    margin-bottom: 8px;
                }

                .navbar-form .form-group {

                }

                .navbar-form .form-group {
                    display: inline-block;
                    margin-bottom: 0;
                    vertical-align: middle;
                    margin-bottom: 12px;
                }


                [data-action="login"] {

                    margin-top: 0px;

                }

                [data-security="form"]{

                    padding-top: 12px;

                }


                .w-100 {

                    width: 100%;

                }
            }


            @media (max-width: 767px) {

                body {

                    
                }

                .navbar-form .form-group {
                    display: inline-block;
                    margin-bottom: 0;
                    vertical-align: middle;
                    margin-bottom: 12px;
                }


                [data-action="login"] {

                    margin-top: 0px;

                }

                [data-security="form"]{

                    padding-top: 10px;

                }


                .w-100 {

                    width: 100%;

                }


            }

            [data-toggle="collapse-side"] {

                border : 0px !important;
            }