@charset "UTF-8";body {
    background: url(../images/bg.jpg) no-repeat;
    background-position: top center;
    overflow-x: hidden;
    background-color: #001125;
    background-size: cover;
    position: relative;
    overflow-x: hidden;
    font-size: 13px
}

.responsive-iframe {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.text {
    background-color: #001023;
    color: #6a768d;
    padding: 10px;
    border-bottom: 1px solid #ff012e;
    text-align: justify
}

.row {
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 0;
    border-radius: 0
}

.col-lg-4.col-md-12.col-sm-12.col-xs-12 {
    margin-top: 90px
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #09213e;
    border: 1px solid #a72123;
    text-transform: uppercase
}

.headerbox.hidden-xs.hidden-sm {
    background-color: #000;
    border-bottom: 3px solid #ed2025
}

button.btn.btn-primary {
    color: #fff;
    background-color: #ff002f;
    border: 2px solid #ab1b15!important
}

a.btn.btn-primary {
    color: #fff;
    background-color: #ff002f;
    border: 2px solid #ab1b15!important;
    width: 100%
}

.btn-primary {
    color: #fff;
    background-color: #f91028;
    text-transform: uppercase;
}

.logo {
    max-height: 70px;
    margin-left: -53px
}

.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {
    border: 0!important
}

.navbar-inverse {
    background: #001024;
    background: -moz-linear-gradient(-45deg,#000000 50%,#da292c 50%,#da292c 100%);
    background: -webkit-linear-gradient(-45deg,#001024 50%,#001024 50%,#ff012e 100%);
    background: linear-gradient(135deg,#001024 50%,#001024 50%,#ff012e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000',endColorstr='#da292c',GradientType=1 );
    border-color: #ff012e
}

.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
}

form.navbar-form.navbar-right.form-theme.loginform {
    /* margin-top: 19px; */
}

pre {
    tab-size: 8
}

@media only screen and (min-device-width: 480px) and (max-device-width:640px) and (orientation:landscape) {
    .responsive-iframe {
        top:0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 320px
    }
}

@media screen and (orientation: landscape) {
    .responsive-iframe {
        top:0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 320px
    }
}

@media screen and (max-width: 768px) {
    .btn-primary {
        width:100%
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
        width: 100%!important
    }

    .navbar-right {
        float: right!important
    }

    .responsive-iframe {
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%
    }

    #deletebtn {
        display: none
    }

    .side-collapse-container {
        width: 100%;
        position: relative;
        right: 0;
        transition: right .4s
    }

    .side-collapse-container.out {
        left: 200px
    }

    .side-collapse {
        top: 65px!important;
        bottom: 0;
        right: 0;
        width: 100%;
        position: fixed;
        overflow: hidden;
        transition: width .4s;
        background: url(../images/dog.png) no-repeat;
        background-color: #0e1858!important
    }

    .side-collapse.in {
        width: 0
    }

    .logo {
        max-height: 60px
    }
}

.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus {
    background-color: transparent;
    border: none!important
}

navbar-nav {
    margin: none!important
}

@media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (orientation:landscape) {
    .navbar-form .form-group {
        display:inline-block;
        margin-bottom: 0;
        vertical-align: middle;
        margin-bottom: 8px
    }
}

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

    button.btn.btn-primary {
        color: #fff;
        background-color: #ff002f;
        border: 2px solid #ab1b15!important;
        width: 100%!important
    }

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

    .side-collapse.in {
        width: 0
    }

    .side-collapse {
        top: 72px;
        bottom: 0;
        right: 0;
        position: fixed;
        overflow: hidden;
        transition: width .4s;
        padding-top: 20px;
        max-width: 200px!important;
        width: 200px;
        background: url(../images/dog.png) no-repeat;
        background-color: #02051ad9
    }

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

    .responsive-iframe {
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 320px
    }

    [data-action=login] {
        margin-top: 0
    }

    [data-security=form] {
        padding-top: 12px
    }

    .w-100 {
        width: 100%
    }
}

@media(max-width: 767px) {
    .navbar-form .form-group {
        display:inline-block;
        margin-bottom: 0;
        vertical-align: middle;
        margin-bottom: 12px;
        width: 100%
    }

    .side-collapse {
        background: url(../images/dog.png) no-repeat;
        background-color: #02051ad9!important;
        background-position: center;
    }

    button.btn.btn-primary {
        color: #fff;
        background-color: #ff002f;
        border: 2px solid #ab1b15!important;
        width: 100%!important
    }

    [data-action=login] {
        margin-top: 0
    }

    [data-security=form] {
        padding-top: 10px
    }

    .w-100 {
        width: 100%
    }
}

[data-toggle=collapse-side] {
    border: 0!important
}

@media(min-width: 768px) {
    .navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse {
        /* padding-right:13px; */
        padding-left: 0;
    }

    .navbar-right {
        float: right!important;
        margin-right: 0;
        padding: 0;
    }
}

@media only screen and (width: 768px) and (resolution:163dpi) {
    .side-collapse {
        background:url(../images/dog.png) no-repeat;
        background-color: #02051ad9!important
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (orientation:portrait) {
    .side-collapse {
        background:url(../images/dog.png) no-repeat;
        background-color: #02051ad9!important
    }
}