@-moz-keyframes loading {

    0% {

        background-position: 0 -400px

    }

    100% {

        background-position: -7px -400px

    }

}

@-webkit-keyframes loading {

    0% {

        background-position: 0 -400px

    }

    100% {

        background-position: -7px -400px

    }

}

@-o-keyframes loading {

    0% {

        background-position: 0 -400px

    }

    100% {

        background-position: -7px -400px

    }

}

@-ms-keyframes loading {

    0% {

        background-position: 0 -400px

    }

    100% {

        background-position: -7px -400px

    }

}

@keyframes loading {

    0% {

        background-position: 0 -400px

    }

    100% {

        background-position: -7px -400px

    }

}



body.nooverflow {

    overflow: hidden;

    position: fixed;

    width: 100%

}



.animated {

    -webkit-animation-duration: 1s;

    -moz-animation-duration: 1s;

    -o-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    -moz-animation-fill-mode: both;

    -o-animation-fill-mode: both;

    animation-fill-mode: both

}





.slider {

    margin-top: 0;

    margin-bottom: 30px

}



.pace {

    -webkit-pointer-events: none;

    pointer-events: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    user-select: none

}

.pace-inactive {

    display: none

}

.pace .pace-progress {

    background: #3276b1;

    position: fixed;

    z-index: 2000;

    top: 0;

    left: 0;

    height: 2px;

    -webkit-transition: width 1s;

    -moz-transition: width 1s;

    -o-transition: width 1s;

    transition: width 1s

}

.pace .pace-progress-inner {

    display: block;

    position: absolute;

    right: 0;

    width: 100px;

    height: 100%;

    box-shadow: 0 0 10px #29d, 0 0 5px #29d;

    opacity: 1;

    -webkit-transform: rotate(3deg) translate(0px, -4px);

    -moz-transform: rotate(3deg) translate(0px, -4px);

    -ms-transform: rotate(3deg) translate(0px, -4px);

    -o-transform: rotate(3deg) translate(0px, -4px);

    transform: rotate(3deg) translate(0px, -4px)

}

.pace .pace-activity {

    display: block;

    position: fixed;

    z-index: 2000;

    top: 63px;

    right: 40px;

    width: 14px;

    height: 14px;

    border: solid 2px transparent;

    border-top-color: #29d;

    border-left-color: #29d;

    border-radius: 10px;

    -webkit-animation: pace-spinner 400ms linear infinite;

    -moz-animation: pace-spinner 400ms linear infinite;

    -ms-animation: pace-spinner 400ms linear infinite;

    -o-animation: pace-spinner 400ms linear infinite;

    animation: pace-spinner 400ms linear infinite

}

@-webkit-keyframes pace-spinner {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg)

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}

@-moz-keyframes pace-spinner {

    0% {

        -moz-transform: rotate(0deg);

        transform: rotate(0deg)

    }

    100% {

        -moz-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}

@-o-keyframes pace-spinner {

    0% {

        -o-transform: rotate(0deg);

        transform: rotate(0deg)

    }

    100% {

        -o-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}

@-ms-keyframes pace-spinner {

    0% {

        -ms-transform: rotate(0deg);

        transform: rotate(0deg)

    }

    100% {

        -ms-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}

@keyframes pace-spinner {

    0% {

        transform: rotate(0deg)

    }

    100% {

        transform: rotate(360deg)

    }

}



.smart-form *,

.smart-form:after,

.smart-form:before {

    margin: 0;

    padding: 0;

    box-sizing: content-box;

    -moz-box-sizing: content-box

}

.smart-form .btn {

    box-sizing: border-box;

    -moz-box-sizing: border-box

}

.smart-form .checkbox+.checkbox,

.smart-form .radio+.radio {

    margin-top: 0

}

.smart-form footer .btn {

    float: right;

    height: 31px;

    margin: 10px 0 0 5px;

    padding: 0 22px;

    font: 300 15px/29px 'Open Sans', Helvetica, Arial, sans-serif;

    cursor: pointer

}

.smart-form legend {

    padding-top: 15px

}

.smart-form {

    margin: 0;

    outline: 0;

    color: #666;

    position: relative

}

.smart-form header {

    display: block;

    padding: 8px 0;

    border-bottom: 1px dashed rgba(0, 0, 0, .2);

    background: #fff;

    font-size: 16px;

    font-weight: 300;

    color: #232323;

    margin: 10px 14px 0

}

.smart-form fieldset {

    display: block;

    padding: 25px 14px 5px;

    border: none;

    background: rgba(255, 255, 255, .9);

    position: relative

}

.smart-form fieldset+fieldset {

    border-top: 1px solid rgba(0, 0, 0, .1)

}

.smart-form section {

    margin-bottom: 15px;

    position: relative

}

.smart-form footer {

    display: block;

    padding: 7px 14px 15px;

    border-top: 1px solid rgba(0, 0, 0, .1);

    background: rgba(248, 248, 248, .9)

}

.smart-form footer:after {

    content: '';

    display: table;

    clear: both

}

.smart-form .label {

    display: block;

    margin-bottom: 6px;

    line-height: 19px;

    font-weight: 400;

    font-size: 13px;

    color: #333;

    text-align: left

}

.smart-form .label.col {

    margin: 0;

    padding-top: 7px

}

.note,

.smart-form .note {

    margin-top: 6px;

    padding: 0 1px;

    font-size: 11px;

    line-height: 15px;

    color: #999

}

.smart-form .note a {

    font-size: 13px

}

.smart-form .button,

.smart-form .checkbox,

.smart-form .input,

.smart-form .radio,

.smart-form .select,

.smart-form .textarea,

.smart-form .toggle {

    position: relative;

    display: block;

    font-weight: 400

}

.smart-form .input input,

.smart-form .select select,

.smart-form .textarea textarea {

    display: block;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    width: 100%;

    height: 32px;

    padding: 8px 10px;

    outline: 0;

    border-width: 1px;

    border-style: solid;

    border-radius: 0;

    background: #fff;

    font: 13px/16px 'Open Sans', Helvetica, Arial, sans-serif;

    color: #404040;

    appearance: normal;

    -moz-appearance: none;

    -webkit-appearance: none

}

.smart-form .input-file .button {

    position: absolute;

    top: 4px;

    right: 4px;

    float: none;

    height: 22px;

    margin: 0;

    padding: 0 14px;

    font-size: 13px;

    line-height: 22px

}

.smart-form .input-file .button:hover {

    box-shadow: none

}

.smart-form .input-file .button input {

    position: absolute;

    top: 0;

    right: 0;

    padding: 0;

    font-size: 30px;

    cursor: pointer;

    opacity: 0

}

.smart-form .select i {

    position: absolute;

    top: 10px;

    right: 11px;

    width: 5px;

    height: 11px;

    background: #fff;

    box-shadow: 0 0 0 9px #fff

}

.smart-form .select i:after,

.smart-form .select i:before {

    content: '';

    position: absolute;

    right: 0;

    border-right: 4px solid transparent;

    border-left: 4px solid transparent

}

.smart-form .select i:after {

    bottom: 0;

    border-top: 4px solid #404040

}

.smart-form .select i:before {

    top: 0;

    border-bottom: 4px solid #404040

}

.smart-form .select-multiple select {

    height: auto

}

.smart-form .textarea textarea {

    height: auto;

    resize: none

}

.smart-form .textarea-resizable textarea {

    resize: vertical

}

.smart-form .textarea-expandable textarea {

    height: 31px

}

.smart-form .textarea-expandable textarea:focus {

    height: auto

}

.smart-form .checkbox,

.smart-form .radio {

    margin-bottom: 4px;

    padding-left: 25px;

    line-height: 25px;

    color: #404040;

    cursor: pointer;

    font-size: 13px

}

.smart-form .checkbox:last-child,

.smart-form .radio:last-child {

    margin-bottom: 0

}

.smart-form .checkbox input,

.smart-form .radio input {

    position: absolute;

    left: -9999px

}

.smart-form .checkbox i,

.smart-form .radio i {

    position: absolute;

    top: 3px;

    left: 0;

    display: block;

    width: 17px;

    height: 17px;

    outline: 0;

    border-width: 1px;

    border-style: solid;

    background: #FFF

}

.smart-form .radio i {

    border-radius: 50%

}

.smart-form .checkbox input+i:after,

.smart-form .radio input+i:after {

    position: absolute;

    opacity: 0;

    transition: opacity .1s;

    -o-transition: opacity .1s;

    -ms-transition: opacity .1s;

    -moz-transition: opacity .1s;

    -webkit-transition: opacity .1s

}

.smart-form .radio input+i:after {

    content: '';

    top: 4px;

    left: 4px;

    width: 9px;

    height: 9px;

    border-radius: 50%

}

.smart-form .checkbox input+i:after {

    content: '\f00c';

    top: -1px;

    left: 1px;

    width: 15px;

    height: 15px;

    font: 400 16px/19px FontAwesome;

    text-align: center

}

.smart-form .checkbox input:checked:hover+i:after {

    content: '\f00d'

}

.smart-form .checkbox input:checked:disabled:hover+i:after {

    content: '\f00c'

}

.smart-form .checkbox input:checked+i:after,

.smart-form .radio input:checked+i:after {

    opacity: 1

}

.smart-form .inline-group {

    margin: 0 -15px -4px 0

}

.smart-form .inline-group:after {

    content: '';

    display: table;

    clear: both

}

.smart-form .inline-group .checkbox,

.smart-form .inline-group .radio {

    float: left;

    margin-right: 30px

}

.smart-form .inline-group .checkbox:last-child,

.smart-form .inline-group .radio:last-child {

    margin-bottom: 4px

}

.smart-form .toggle {

    margin-bottom: 4px;

    padding-right: 61px;

    font-size: 15px;

    line-height: 25px;

    color: #404040;

    cursor: pointer

}

.smart-form .toggle:last-child {

    margin-bottom: 0

}

.smart-form .toggle input {

    position: absolute;

    left: -9999px

}

.smart-form .toggle i {

    content: '';

    position: absolute;

    top: 4px;

    right: 0;

    display: block;

    width: 49px;

    height: 17px;

    border-width: 1px;

    border-style: solid;

    border-radius: 12px;

    background: #fff

}

.smart-form .toggle i:after {

    content: attr(data-swchoff-text);

    position: absolute;

    top: 2px;

    right: 8px;

    left: 8px;

    font-style: normal;

    font-size: 9px;

    line-height: 13px;

    font-weight: 700;

    text-align: left;

    color: #5f5f5f

}

.smart-form .toggle i:before {

    content: '';

    position: absolute;

    z-index: 1;

    top: 4px;

    right: 4px;

    display: block;

    width: 9px;

    height: 9px;

    border-radius: 50%;

    opacity: 1;

    transition: right .2s;

    -o-transition: right .2s;

    -ms-transition: right .2s;

    -moz-transition: right .2s;

    -webkit-transition: right .2s

}

.smart-form .toggle input:checked+i:after {

    content: attr(data-swchon-text);

    text-align: right

}

.smart-form .toggle input:checked+i:before {

    right: 36px

}

.smart-form .rating {

    margin-bottom: 4px;

    font-size: 13px;

    line-height: 25px;

    color: #404040

}

.smart-form .rating:last-child {

    margin-bottom: 0

}

.smart-form .rating input {

    position: absolute;

    left: -9999px

}

.smart-form .rating label {

    display: block;

    float: right;

    height: 17px;

    margin-top: 5px;

    padding: 0 2px;

    font-size: 17px;

    line-height: 17px;

    cursor: pointer

}

.smart-form .button {

    float: right;

    height: 31px;

    overflow: hidden;

    margin: 10px 0 0 5px;

    padding: 0 25px;

    outline: 0;

    border: 0;

    font: 300 15px/31px 'Open Sans', Helvetica, Arial, sans-serif;

    text-decoration: none;

    color: #fff;

    cursor: pointer

}

.smart-form .icon-append,

.smart-form .icon-prepend {

    position: absolute;

    top: 5px;

    width: 22px;

    height: 22px;

    font-size: 14px;

    line-height: 22px;

    text-align: center

}

.smart-form .icon-append {

    right: 5px;

    padding-left: 3px;

    border-left-width: 1px;

    border-left-style: solid

}

.smart-form .icon-prepend {

    left: 5px;

    padding-right: 3px;

    border-right-width: 1px;

    border-right-style: solid

}

.smart-form .input .icon-prepend+input,

.smart-form .textarea .icon-prepend+textarea {

    padding-left: 37px

}

.smart-form .input .icon-append+input,

.smart-form .textarea .icon-append+textarea {

    padding-right: 37px

}

.smart-form .input .icon-prepend+.icon-append+input,

.smart-form .textarea .icon-prepend+.icon-append+textarea {

    padding-left: 37px

}

.smart-form .row {

    margin: 0 -15px

}

.smart-form .row:after {

    content: '';

    display: table;

    clear: both

}

.smart-form .col {

    float: left;

    min-height: 1px;

    padding-right: 15px;

    padding-left: 15px;

    box-sizing: border-box;

    -moz-box-sizing: border-box

}

.smart-form .col-1 {

    width: 8.33%

}

.smart-form .col-2 {

    width: 16.66%

}

.smart-form .col-3 {

    width: 25%

}

.smart-form .col-4 {

    width: 33.33%

}

.smart-form .col-5 {

    width: 41.66%

}

.smart-form .col-6 {

    width: 50%

}

.smart-form .col-8 {

    width: 66.67%

}

.smart-form .col-9 {

    width: 75%

}

.smart-form .col-10 {

    width: 83.33%

}

@media screen and (max-width: 600px) {

    .smart-form .col {

        float: none;

        width: 100%

    }

}

.smart-form .select select {

    padding: 5px

}

.smart-form .tooltip {

    position: absolute;

    z-index: 99999;

    left: -9999px;

    padding: 2px 8px 3px;

    font-size: 11px;

    line-height: 16px;

    font-weight: 400;

    background: rgba(0, 0, 0, .9);

    color: #fff;

    opacity: 0;

    transition: margin .3s, opacity .3s;

    -o-transition: margin .3s, opacity .3s;

    -ms-transition: margin .3s, opacity .3s;

    -moz-transition: margin .3s, opacity .3s;

    -webkit-transition: margin .3s, opacity .3s

}

.smart-form .tooltip:after {

    content: '';

    position: absolute

}

.smart-form .input input:focus+.tooltip,

.smart-form .textarea textarea:focus+.tooltip {

    opacity: 1

}

.smart-form .tooltip-top-right {

    bottom: 100%;

    margin-bottom: 15px

}

.smart-form .tooltip-top-right:after {

    top: 100%;

    right: 11px;

    border-top: 4px solid rgba(0, 0, 0, .9);

    border-right: 4px solid transparent;

    border-left: 4px solid transparent

}

.smart-form .input input:focus+.tooltip-top-right,

.smart-form .textarea textarea:focus+.tooltip-top-right {

    right: 0;

    left: auto;

    margin-bottom: 5px

}

.smart-form .tooltip-top-left {

    bottom: 100%;

    margin-bottom: 15px

}

.smart-form .tooltip-top-left:after {

    top: 100%;

    left: 11px;

    border-top: 4px solid rgba(0, 0, 0, .9);

    border-right: 4px solid transparent;

    border-left: 4px solid transparent

}

.smart-form .input input:focus+.tooltip-top-left,

.smart-form .textarea textarea:focus+.tooltip-top-left {

    right: auto;

    left: 0;

    margin-bottom: 5px

}

.smart-form .tooltip-right {

    top: 4px;

    white-space: nowrap;

    margin-left: 15px

}

.smart-form .tooltip-right:after {

    top: 6px;

    right: 100%;

    border-top: 4px solid transparent;

    border-right: 4px solid rgba(0, 0, 0, .9);

    border-bottom: 4px solid transparent

}

.smart-form .input input:focus+.tooltip-right,

.smart-form .textarea textarea:focus+.tooltip-right {

    left: 100%;

    margin-left: 5px

}

.smart-form .tooltip-left {

    top: 4px;

    white-space: nowrap;

    margin-right: 15px

}

.smart-form .tooltip-left:after {

    top: 6px;

    left: 100%;

    border-top: 4px solid transparent;

    border-bottom: 4px solid transparent;

    border-left: 4px solid rgba(0, 0, 0, .9)

}

.smart-form .input input:focus+.tooltip-left,

.smart-form .textarea textarea:focus+.tooltip-left {

    right: 100%;

    left: auto;

    margin-right: 5px

}

.smart-form .tooltip-bottom-right {

    top: 100%;

    margin-top: 15px

}

.smart-form .tooltip-bottom-right:after {

    bottom: 100%;

    right: 11px;

    border-right: 4px solid transparent;

    border-bottom: 4px solid rgba(0, 0, 0, .9);

    border-left: 4px solid transparent

}

.smart-form .input input:focus+.tooltip-bottom-right,

.smart-form .textarea textarea:focus+.tooltip-bottom-right {

    right: 0;

    left: auto;

    margin-top: 5px

}

.smart-form .tooltip-bottom-left {

    top: 100%;

    margin-top: 15px

}

.smart-form .tooltip-bottom-left:after {

    bottom: 100%;

    left: 11px;

    border-right: 4px solid transparent;

    border-bottom: 4px solid rgba(0, 0, 0, .9);

    border-left: 4px solid transparent

}

.smart-form .input input:focus+.tooltip-bottom-left,

.smart-form .textarea textarea:focus+.tooltip-bottom-left {

    right: auto;

    left: 0;

    margin-top: 5px

}

.smart-form .checkbox i,

.smart-form .icon-append,

.smart-form .icon-prepend,

.smart-form .input input,

.smart-form .radio i,

.smart-form .select select,

.smart-form .textarea textarea,

.smart-form .toggle i {

    border-color: #BDBDBD;

    transition: border-color .3s;

    -o-transition: border-color .3s;

    -ms-transition: border-color .3s;

    -moz-transition: border-color .3s;

    -webkit-transition: border-color .3s

}

.smart-form .toggle i:before {

    background-color: #3276B1

}

.smart-form .rating label {

    color: #ccc;

    transition: color .3s;

    -o-transition: color .3s;

    -ms-transition: color .3s;

    -moz-transition: color .3s;

    -webkit-transition: color .3s

}

.smart-form .button {

    background-color: #3276B1;

    opacity: .8;

    transition: opacity .2s;

    -o-transition: opacity .2s;

    -ms-transition: opacity .2s;

    -moz-transition: opacity .2s;

    -webkit-transition: opacity .2s

}

.smart-form .button.button-secondary {

    background-color: #b3b3b3

}

.smart-form .icon-append,

.smart-form .icon-prepend {

    color: #A2A2A2

}

.smart-form .checkbox:hover i,

.smart-form .input:hover input,

.smart-form .radio:hover i,

.smart-form .select:hover select,

.smart-form .textarea:hover textarea,

.smart-form .toggle:hover i {

    border-color: #5D98CC

}

.smart-form .rating input+label:hover,

.smart-form .rating input+label:hover~label {

    color: #3276B1

}

.smart-form .button:hover {

    opacity: 1

}

.smart-form .checkbox:hover i,

.smart-form .radio:hover i,

.smart-form .toggle:hover i {

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)

}

.smart-form .checkbox:active i,

.smart-form .radio:active i,

.smart-form .toggle:active i {

    background: #F0F0F0;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)

}

.smart-form .checkbox input:focus+i,

.smart-form .input input:focus,

.smart-form .radio input:focus+i,

.smart-form .select select:focus,

.smart-form .textarea textarea:focus,

.smart-form .toggle input:focus+i {

    border-color: #3276B1

}

.smart-form .radio input+i:after {

    background-color: #3276B1

}

.smart-form .checkbox input+i:after {

    color: #3276B1

}

.smart-form .checkbox input:checked+i,

.smart-form .radio input:checked+i,

.smart-form .toggle input:checked+i {

    border-color: #3276B1

}

.smart-form .rating input:checked~label {

    color: #3276B1

}

.smart-form .checkbox.state-error i,

.smart-form .radio.state-error i,

.smart-form .state-error input,

.smart-form .state-error select,

.smart-form .state-error textarea,

.smart-form .toggle.state-error i {

    background: #fff0f0;

    border-color: #A90329

}

.smart-form .toggle.state-error input:checked+i {

    background: #fff0f0

}

.smart-form .state-error+em {

    display: block;

    margin-top: 6px;

    padding: 0 1px;

    font-style: normal;

    font-size: 11px;

    line-height: 15px;

    color: #D56161

}

.smart-form .rating.state-error+em {

    margin-top: -4px;

    margin-bottom: 4px

}

.smart-form .state-error select+i {

    background: #FFF0F0;

    box-shadow: 0 0 0 9px #FFF0F0

}

.state-error .icon-append,

.state-error .icon-prepend {

    color: #ed1c24

}

.smart-form .state-success input{

    background: #f0fff0;

    border-color: #7DC27D

}

.smart-form .toggle.state-success input:checked+i {

    background: #f0fff0

}

.smart-form .note-success {

    color: #6fb679

}

.smart-form .state-success select+i {

    background: #f0fff0;

    box-shadow: 0 0 0 9px #f0fff0

}

.smart-form .input.state-disabled input{

    cursor: default!important;

    opacity: .6!important

}

.smart-form .input.state-disabled:hover input {

    border-color: #e5e5e5!important

}

.smart-form .message {

    display: none;

    color: #6fb679

}

.smart-form .message i {

    display: block;

    margin: 0 auto 20px;

    width: 81px;

    height: 81px;

    border: 1px solid #6fb679;

    border-radius: 50%;

    font-size: 30px;

    line-height: 81px

}

.smart-form.submited fieldset,

.smart-form.submited footer {

    display: none

}

.smart-form.submited .message {

    display: block;

    padding: 25px 30px;

    background: rgba(255, 255, 255, .9);

    font: 300 18px/27px 'Open Sans', Helvetica, Arial, sans-serif;

    text-align: center

}

.smart-form input.input-lg {

    height: 44px;

    padding: 10px 16px;

    font-size: 17px;

    line-height: 1.33

}

.smart-form input.input-sm {

    height: 30px;

    padding: 5px 10px;

    font-size: 12px;

    line-height: 1.5

}

.smart-form input.input-xs {

    height: 24px;

    padding: 2px 10px;

    font-size: 11px;

    line-height: 1.5

}

#extr-page {

    overflow: visible

}

#extr-page .container {

    border: none

}

#extr-page #header {

    margin: 0;

    height: 71px;

    /*border-bottom: 1px solid #eee!important;*/

    overflow: hidden;

    padding: 0 30px;

    border-width: 0;

    min-height: 28px;

    /*background: #f4f4f4!important*/

}

#extr-page #main {

    padding-top: 20px

}

#extr-page #header #logo {

    margin-top: 10px;

    margin-left: 0

}

#extr-page #header #logo img {

    width: 240px

}

#extr-page-header-space {

    float: right;

    text-align: right;

    display: block;

    vertical-align: middle;

    line-height: 71px

}

#extr-page-header-space>:first-child {

    font-size: 13px;

    margin-right: 14px;

    vertical-align: -3px;

    font-weight: 400

}

#extr-page-header-space .btn {

    font-weight: 700;

    text-transform: uppercase

}

#extr-page-header-space>* {

    display: inline-block

}

#extr-page #main {

    margin: 0

}

#extr-page .hero {

    background-repeat: no-repeat;

    background-position: 0 137px;

    height: 360px;

    width: 100%;

    float: left

}

#extr-page h4.paragraph-header {

    color: #565656;

    font-size: 15px;

    font-weight: 400;

    line-height: 22px;

    margin-top: 15px;

    width: 270px

}

#extr-page h5.about-heading {

    color: #565656;

    font-size: 15px;

    font-weight: 700;

    line-height: 24px;

    margin: 0 0 5px

}

#extr-page .login-header-big {

    font-weight: 400

}

#extr-page .login-desc-box-l {

    min-height: 350px;

    width: 50%

}

#extr-page .login-app-icons {

    vertical-align: top;

    margin-top: 90px;

    width: 300px

}

@media (min-width: 768px) and (max-width: 880px) {

    #extr-page #header {

        padding: 0 5px!important

    }

}

@media only screen and (min-width: 0) and (max-width: 679px) {

    #extr-page #header {

        padding: 0 5px!important

    }

    #extr-page #header #logo img {

        width: 135px

    }

    #extr-page #header #logo {

        margin-top: 22px

    }

}

.btn-select-tick i {

    display: none

}

.btn-select-tick .btn:hover i {

    opacity: .3;

    display: block

}

.btn-select-tick .active i {

    display: block;

    opacity: 1!important

}



.show {

    display: block;

}

.hidden {

    display: none;

}

.ajax-loading-error {

    margin-top: 70px;

    display: block;

    text-align: center;

    font-size: 23px;

    font-weight: 700

}

.ajax-notifications .ajax-loading-error {

    text-align: center;

    margin-top: 20px;

    font-size: 15px

}

.ajax-notifications .ajax-loading-animation {

    font-size: 15px;

    text-align: center;

    margin-top: 70px

}





a:active,

a:focus,

a:hover,

button,

button:active,

button:focus,

embed,

input::-moz-focus-inner,

object {

    outline: 0

}

h1,

h2,

h3,

h4 {

    margin: 0;

    font-family: "Open Sans", Arial, Helvetica, Sans-Serif;

    font-weight: 300

}

.page-title {

    margin: 12px 0 28px

}

.page-title span {

    font-size: 16px;

    color: #333;

    display: inline-block;

    vertical-align: 1px

}

label {

    font-weight: 400

}

:focus {

    outline: 0!important

}

a,

button,

input {

    -ms-touch-action: none!important

}

.uneditable-input:focus,

input[type=color]:focus,

input[type=date]:focus,

input[type=datetime-local]:focus,

input[type=datetime]:focus,

input[type=email]:focus,

input[type=month]:focus,

input[type=number]:focus,

input[type=password]:focus,

input[type=search]:focus,

input[type=tel]:focus,

input[type=text]:focus,

input[type=time]:focus,

input[type=url]:focus,

input[type=week]:focus,

select:focus,

textarea:focus {

    outline: 0;

    -webkit-box-shadow: none!important;

    -moz-box-shadow: none!important;

    box-shadow: none!important

}

.form-control,

.input-lg,

.input-sm,

.input-xs {

    border-radius: 0!important;

    -webkit-border-radius: 0!important;

    -moz-border-radius: 0!important

}

.input-xs {

    height: 24px;

    padding: 2px 10px;

    font-size: 11px;

    line-height: 1.5

}

.btn-xs {

    padding: 1px 5px

}

.btn-sm {

    padding: 6px 10px 5px

}

.btn-lg {

    padding: 10px 16px

}

.no-space {

    margin: 0

}

.no-space>[class*=col-] {

    margin: 0!important;

    padding-right: 0;

    padding-left: 0

}

#content {

    padding: 10px 14px;

    position: relative

}

body.container {

    position: absolute;

    left: 0;

    right: 0;

    padding: 0;

    border-left: 1px solid #bfbfbf;

    border-right: 1px solid #bfbfbf;

    box-shadow: 0 2px 70px rgba(0, 0, 0, .45)

}

h1 {

    letter-spacing: -1px;

    font-size: 24px;

    margin: 10px 0

}

h1 small {

    font-size: 18px;

    font-weight: 300;

    letter-spacing: -1px

}

.lead {

    font-size: 19px

}

h2 {

    letter-spacing: -1px;

    font-size: 22px;

    margin: 20px 0;

    line-height: normal

}

h3 {

    display: block;

    font-size: 19px;

    font-weight: 400;

    margin: 20px 0;

    line-height: normal

}

h4 {

    line-height: normal

}

h5 {

    font-size: 17px;

    font-weight: 300;

    margin: 10px 0;

    line-height: normal

}

h6 {

    font-size: 15px;

    margin: 10px 0;

    font-weight: 700;

    line-height: normal

}



.row-seperator-header {

    margin: 15px 14px 20px;

    border-bottom: none;

    display: block;

    color: #646464;

    font-size: 20px;

    font-weight: 400

}



aside {

    display: block;

    overflow: hidden;

    background: #3a3633;

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI5NyUiIHN0b3AtY29sb3I9IiMzYTM2MzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmEyNzI1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);

    background: -moz-linear-gradient(left, #3a3633 93%, #2a2725 100%);

    background: -webkit-gradient(linear, left top, right top, color-stop(93%, #3a3633), color-stop(100%, #2a2725));

    background: -webkit-linear-gradient(left, #3a3633 93%, #2a2725 100%);

    background: -o-linear-gradient(left, #3a3633 93%, #2a2725 100%);

    background: -ms-linear-gradient(left, #3a3633 93%, #2a2725 100%);

    background: linear-gradient(to right, #3a3633 93%, #2a2725 100%);

    min-height: 100%

}

#header {

    display: block;

    height: 49px;

    margin: 0;

    padding: 0 13px 0 0;

    /*background-color: #f3f3f3;*/

    background-image: -moz-linear-gradient(top, #f3f3f3, rgba(226, 226, 226, 0.20));

    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(rgba(226, 226, 226, 0.20)));

    /*background-image: -webkit-linear-gradient(top, #f3f3f3, rgba(226, 226, 226, 0.20));

    background-image: -o-linear-gradient(top, #f3f3f3, rgba(226, 226, 226, 0.20));

    background-image: linear-gradient(to bottom, #f3f3f3, rgba(226, 226, 226, 0.20));*/

    background-repeat: repeat-x;

    position: relative;

    z-index: 905

}

#header>div {

    display: inline-block;

    vertical-align: middle;

    height: 49px;

    float: left

}

#header>div.open {

    font-weight: 700

}



#logo-group>span {

    display: inline-block;

    height: 39px;

    float: left

}

#logo-group span#activity {

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    border-radius: 2px;

    cursor: default!important;

    display: inline-block;

    font-weight: 700;

    height: 24px;

    width: 24px;

    padding: 2px;

    text-align: center;

    text-decoration: none!important;

    -moz-user-select: none;

    -webkit-user-select: none;

    background-color: #f8f8f8;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f1f1f1));

    background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);

    background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);

    background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);

    background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);

    background-image: linear-gradient(top, #f8f8f8, #f1f1f1);

    border: 1px solid #bfbfbf;

    color: #c4bab6;

    font-size: 19px;

    margin: 10px 0 0;

    position: relative

}

#logo-group span#activity:hover {

    border: 1px solid #bfbfbf;

    transition: all 0s;

    cursor: pointer!important;

    -webkit-box-shadow: inset 0 0 4px 1px rgba(0, 0, 0, .08);

    box-shadow: inset 0 0 4px 1px rgba(0, 0, 0, .08)

}

#logo {

    display: inline-block;

    width: 175px;

    margin-top: 13px;

    margin-left: 9px

}

#logo img {

    width: 150px;

    height: auto;

    padding-left: 3px

}

#logo-group>span b.badge {

    position: absolute;

    top: -5px;

    right: -5px;

    cursor: pointer;

    background: #0091d9;

    display: inline-block;

    font-size: 10px;

    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07);

    color: #fff;

    font-weight: 700;

    border-radius: 50%;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    padding: 2px 4px 3px;

    text-align: center;

    line-height: normal

}



#header>:first-child,

aside {

    width: 220px

}



#main {

    margin-left: 220px;

    padding: 0;

    padding-bottom: 52px;

    min-height: 500px

}



.form-control {

    box-shadow: none!important;

    -webkit-box-shadow: none!important;

    -moz-box-shadow: none!important

}

.form hr {

    margin-left: -13px;

    margin-right: -13px;

    border-color: rgba(0, 0, 0, .1);

    margin-top: 20px;

    margin-bottom: 20px

}

.form fieldset {

    display: block;

    border: none;

    background: rgba(255, 255, 255, .9);

    position: relative

}

fieldset {

    position: relative

}

.form-actions {

    display: block;

    padding: 13px 14px 15px;

    border-top: 1px solid rgba(0, 0, 0, .1);

    background: rgba(249, 249, 249, .9);

    margin-top: 25px;

    margin-left: -13px;

    margin-right: -13px;

    margin-bottom: -13px;

    text-align: right

}

.well .form-actions {

    margin-left: -19px;

    margin-right: -19px;

    margin-bottom: -19px

}

.well.well-lg .form-actions {

    margin-left: -24px;

    margin-right: -24px;

    margin-bottom: -24px

}

.well.well-sm .form-actions {

    margin-left: -9px;

    margin-right: -9px;

    margin-bottom: -9px

}

.no-padding .form .form-actions {

    margin: 0;

    display: block;

    padding: 13px 14px 15px;

    border-top: 1px solid rgba(0, 0, 0, .1);

    background: rgba(248, 248, 248, .9);

    text-align: right;

    margin-top: 25px

}

.form header,

legend {

    display: block;

    padding: 8px 0;

    border-bottom: 1px dashed rgba(0, 0, 0, .2);

    background: #fff;

    font-size: 16px;

    font-weight: 300;

    color: #222;

    margin: 25px 0 20px

}

.no-padding .form header {

    margin: 25px 14px 0

}

.form header:first-child {

    margin-top: 10px

}



input[type=text]:focus+.input-group-addon {

    border-color: #0091d9;

    background-color: #72a0ce;

    color: #fff

}

.has-warning input[type=text],

.has-warning input[type=text]+.input-group-addon {

    border-color: #dbab57

}

.has-warning input[type=text]+.input-group-addon {

    background-color: #faf2cc;

    color: #c09853

}

.has-warning input[type=text]:focus,

.has-warning input[type=text]:focus+.input-group-addon {

    border-color: #dbab57

}

.has-warning input[type=text]:focus+.input-group-addon {

    background-color: #e1c118;

    color: #fff

}

.has-error .input-group-addon {

    border-color: #b94a48;

    background: #f2dede;

    color: #b94a48

}

.has-error input[type=text],

.has-error input[type=text]+.input-group-addon {

    border-color: #b94a48

}

.has-error input[type=text]+.input-group-addon {

    background-color: #f2dede;

    color: #b94a48

}

.has-error input[type=text]:focus,

.has-error input[type=text]:focus+.input-group-addon {

    border-color: #c05e5e

}

.has-error input[type=text]:focus+.input-group-addon {

    background-color: #c05e5e;

    color: #fff

}

.has-success input[type=text]:focus+.input-group-addon {

    border-color: #468847;

    background-color: #468847;

    color: #fff

}

.form .form-group:last-child,

.form .form-group:last-child .note,

.form fieldset .form-group:last-child,

.form fieldset .form-group:last-child .note {

    margin-bottom: 0

}

.note {

    margin-top: 6px;

    padding: 0 1px;

    font-size: 11px;

    line-height: 15px;

    color: #999

}

.input-icon-right {

    position: relative

}

.input-icon-left>i,

.input-icon-right>i {

    position: absolute;

    right: 10px;

    top: 30%;

    font-size: 16px;

    color: #bfbfbf

}

.input-icon-left>i {

    right: auto;

    left: 24px

}

.input-icon-right .form-control {

    padding-right: 27px

}

.input-icon-left .form-control {

    padding-left: 29px

}



.alert {

    margin-bottom: 20px;

    margin-top: 0;

    color: #675100;

    border-width: 0;

    border-left-width: 5px;

    padding: 10px;

    border-radius: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0

}

.alert .close {

    top: 0;

    right: -5px;

    line-height: 20px

}

.alert-heading {

    font-weight: 600

}

.alert-danger {

    border-color: #953b39;

    color: #fff;

    background: #c26565;

    text-shadow: none

}

.alert-warning {

    border-color: #dfb56c;

    color: #826430;

    background: #efe1b3

}

.alert-success {

    border-color: #8ac38b;

    color: #356635;

    background: #cde0c4

}

.alert-info {

    border-color: #9cb4c5;

    color: #305d8c;

    background: #d6dde7

}

.well {

    background: #fbfbfb;

    border: 1px solid #ddd;

    box-shadow: 0 1px 1px #ececec;

    -webkit-box-shadow: 0 1px 1px #ececec;

    -moz-box-shadow: 0 1px 1px #ececec;

    position: relative

}

.well.well-clean {

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    border-color: transparent

}

.well.well-glass {

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    border-color: transparent;

    background-color: rgba(255, 255, 255, .25);

    color: #fff

}

.well.well-light {

    background: #fff;

    border: 1px solid #e2e2e2

}

.well.transparent {

    border: none!important;

    background: none!important

}

.well[class*=" bg-"],

.well[class^=bg-] {

    border: 1px solid #555!important

}



.btn,

a:link,

button {

    -webkit-tap-highlight-color: rgba(169, 3, 41, .5)

}

#logo-group *,

.login-info,

.login-info *,

.minified .menu-item-parent {

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box

}

.login-info {

    display: block;

    font-size: 12px;

    height: 39px;

    color: #fff;

    border: solid transparent;

    border-width: 1px 0;

    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07);

    width: 100%;

    margin: 0!important;

    border-bottom: 1px solid #525151

}

.login-info a {

    text-decoration: none!important;

    color: #a8a8a8;

    display: inline-block;

    margin-top: 6px

}

.login-info a span {

    text-transform: capitalize;

    font-size: 14px;

    display: inline-block;

    text-decoration: none;

    max-width: 150px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    vertical-align: middle

}

.login-info a span+i {

    vertical-align: middle

}

.login-info a:hover {

    color: #fff

}

.login-info>span {

    height: 38px;

    display: block;

    padding: 0 10px;

    border-bottom: 1px solid #1A1817

}

.login-info img {

    width: 25px;

    height: auto;

    display: inline-block;

    vertical-align: middle;

    margin-top: 1px;

    margin-right: 5px;

    margin-left: 0;

    border-left: 3px solid #fff

}



.disabled {

    color: #fff

}

.btn-default.disabled {

    color: #999

}

.btn {

    border-radius: 2px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);

    -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);

    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05)

}

.btn:active {

    position: relative;

    top: 1px;

    left: 1px

}



#main {

    -webkit-transition: all .2s ease-out;

    transition: all .2s ease-out

}



.custom-scroll::-webkit-scrollbar {

    -webkit-overflow-scrolling: touch;

    height: 10px;

    width: 10px

}

.custom-scroll::-webkit-scrollbar:hover {

    background-color: #E9E9E9;

    border: 1px solid #dbdbdb

}

.custom-scroll::-webkit-scrollbar-button:end:increment,

.custom-scroll::-webkit-scrollbar-button:start:decrement {

    background: 0 0;

    display: block;

    height: 0

}

.custom-scroll::-webkit-scrollbar-track {

    background-clip: padding-box;

    border: solid transparent

}

.custom-scroll::-webkit-scrollbar-track-piece {

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    -webkit-border-radius: 0;

    background-color: transparent;

    border-radius: 0

}

.custom-scroll::-webkit-scrollbar-thumb {

    -moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07);

    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07);

    background-clip: padding-box;

    background-color: rgba(0, 0, 0, .2);

    border: none;

    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07)

}

.custom-scroll::-webkit-scrollbar-thumb:horizontal,

.custom-scroll::-webkit-scrollbar-thumb:vertical {

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    -webkit-border-radius: 0;

    background-color: #bfbfbf;

    border-radius: 0

}

.custom-scroll::-webkit-scrollbar-thumb:active {

    -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .33);

    -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .33);

    background-color: rgba(0, 0, 0, .44);

    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .33)

}

.custom-scroll::-webkit-scrollbar-thumb:hover {

    background-color: #959595

}



.input-group .icon-addon .form-control {

    border-radius: 0

}

.icon-addon {

    position: relative;

    color: #555;

    display: block

}

.icon-addon:after,

.icon-addon:before {

    display: table;

    content: " "

}

.icon-addon:after {

    clear: both

}

.icon-addon .fa,

.icon-addon .glyphicon,

.icon-addon.addon-md .fa,

.icon-addon.addon-md .glyphicon {

    position: absolute;

    z-index: 2;

    left: 10px;

    width: 20px;

    margin-left: -2.5px;

    text-align: center;

    padding: 10px 0;

    top: 1px

}

.icon-addon.addon-lg .form-control {

    line-height: 1.33;

    height: 46px;

    font-size: 18px;

    padding: 10px 16px 10px 40px

}

.input-group-lg .icon-addon.addon-lg+.input-group-btn>.btn {

    height: 46px

}

.icon-addon.addon-sm .form-control {

    height: 30px;

    padding: 5px 10px 5px 28px;

    font-size: 12px;

    line-height: 1.5

}

.icon-addon.addon-lg .fa,

.icon-addon.addon-lg .glyphicon {

    font-size: 18px;

    margin-left: 0;

    left: 11px;

    top: 4px

}

.icon-addon .form-control,

.icon-addon.addon-md .form-control {

    padding-left: 30px;

    float: left;

    font-weight: 400

}

.icon-addon.addon-sm .fa,

.icon-addon.addon-sm .glyphicon {

    margin-left: 0;

    font-size: 12px;

    left: 5px;

    top: -1px

}

.icon-addon .form-control:focus+.fa,

.icon-addon .form-control:focus+.glyphicon,

.icon-addon:hover .fa,

.icon-addon:hover .glyphicon {

    color: #2580db

}

.icon-addon input:disabled+.fa,

.icon-addon input:disabled+.glyphicon,

.icon-addon select:disabled+.fa,

.icon-addon select:disabled+.glyphicon {

    color: #ccc

}

.no-content-padding {

    margin: -10px -14px 0 -14px

}

.no-padding {

    padding: 0!important

}

.no-padding>pre {

    margin: 30px

}

.no-padding-bottom {

    padding-bottom: 0!important

}

.padding-5 {

    padding: 5px!important

}

.padding-7 {

    padding: 7px!important

}

.padding-10 {

    padding: 10px!important

}

.padding-gutter {

    padding: 13px!important

}

.padding-top-10 {

    padding-top: 10px!important

}

.padding-top-15 {

    padding-top: 15px!important

}

.padding-bottom-10 {

    padding-bottom: 10px!important

}

.padding-bottom-0 {

    padding-bottom: 0!important

}

.padding-top-0 {

    padding-top: 0!important

}



.semi-bold {

    font-weight: 400!important

}

.ultra-light {

    font-weight: 300!important

}

.font-xs {

    font-size: 85%!important

}

.font-sm {

    font-size: 95%!important

}

.font-md {

    font-size: 130%!important

}

.font-lg {

    font-size: 160%!important

}

.font-xl {

    font-size: 200%!important

}

.font-400 {

    font-size: 400%!important

}

.no-margin {

    margin: 0!important

}

.margin-top-5 {

    margin-top: 5px!important

}

.margin-top-10 {

    margin-top: 10px!important

}

.margin-bottom-5 {

    margin-bottom: 5px!important

}

.margin-bottom-10 {

    margin-bottom: 10px!important

}

.margin-right-5 {

    margin-right: 5px!important

}

.margin-top-0 {

    margin-top: 0!important

}

.margin-bottom-0 {

    margin-bottom: 0!important

}

.no-border,

.well[class*=" bg-"].no-border {

    border-width: 0!important

}

.no-border-transparent {

    border-color: transparent!important

}

.no-border-radius {

    border-radius: 0;

    -moz-border-radius: 0;

    -webkit-border-radius: 0

}

.display-inline {

    display: inline-block!important

}

.display-normal {

    display: inline!important

}

.cursor-pointer {

    cursor: pointer

}

.hover-transparent {

    opacity: .5

}

.hover-transparent:hover {

    opacity: 1

}

.text-align-center,

.text-center {

    text-align: center!important

}

.text-align-left,

.text-left {

    text-align: left!important

}

.text-align-right,

.text-right {

    text-align: right!important

}

hr.simple {

    margin-top: 10px;

    margin-bottom: 10px;

    border-style: dashed

}

.pull-right {

    float: right!Important

}

.pull-left {

    float: left!Important

}



@media (min-width: 768px) and (max-width: 979px) {

    #main {

        margin-left: 0

	}

}

@media (min-width: 768px) and (max-width: 880px) {

    #main {

        margin-left: 0;

        overflow-x: hidden

    }

    .no-content-padding {

        margin: 0 -14px!important

    }

    #logo {

        margin-top: 10px

    }

    #logo img {

        width: 127px

    }

}

@media (max-width: 767px) {

    #main {

        margin-left: 0;

        overflow-x: hidden

    }

    #content,

    #ribbon {

        padding-left: 5px;

        padding-right: 5px

    }

    #header {

        padding-right: 5px

    }

    #logo {

        margin-left: 4px

    }

    .no-content-padding {

        margin: 0 -5px!important

    }

    #logo {

        margin-top: 10px

    }

    #logo img {

        width: 127px

    }

    body.fixed-navigation.hidden-menu {

        overflow: hidden!important

    }

}

@media only screen and (min-width: 0) and (max-width: 679px) {

    #main {

        margin-left: 0;

        overflow-x: hidden

    }

    #content,

    #ribbon {

        padding-left: 5px;

        padding-right: 5px

    }

    #header {

        padding-right: 5px

    }

    #logo {

        margin-left: 4px

    }

    .no-content-padding {

        margin: 0 -5px!important

    }

    #header {

        background: #fff

    }

    #logo {

        margin-top: 10px

    }

    #logo img {

        width: 127px

    }

}

@media only screen and (min-width: 320px) and (max-width: 479px) {

    #main {

        margin-left: 0;

        overflow-x: hidden

    }

    #content,

    #ribbon {

        padding-left: 5px;

        padding-right: 5px

    }

    #header {

        padding-right: 5px

    }

    #logo {

        margin-left: 4px

    }

    .no-content-padding {

        margin: 0 -5px!important

    }

    #header {

        background: #fff

    }

    #logo {

        width: 135px

    }

    #logo-group {

        width: 169px!important

    }



    #logo {

        margin-top: 10px

    }

    #logo img {

        width: 127px

    }



}



#extr-page #main {

    margin-top: 0!important

}



body {

    background: url(../../assets/images/desain_cover_nilai.png) no-repeat center center fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../assets/images/Cover_baru.png', sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../assets/images/Cover_baru.png', sizingMethod='scale')";

}

.client-form header {

    padding: 15px 13px;

    margin: 0;

    border-bottom-style: solid;

    border-bottom-color: rgba(0,0,0,.1);

    background: rgba(248,248,248,.9);

}



#footer{

    background-image: -moz-linear-gradient(top, rgba(226, 226, 226, 0.20), rgba(226, 226, 226, 0.60));

    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(226, 226, 226, 0.20)), to(rgba(226, 226, 226, 0.60)));

	/*background-image: -webkit-linear-gradient(top, rgba(226, 226, 226, 0.20), rgba(226, 226, 226, 0.20));

    background-image: -o-linear-gradient(top, rgba(226, 226, 226, 0.20), rgba(226, 226, 226, 0.20));

    background-image: linear-gradient(to top, rgba(226, 226, 226, 0.20), rgba(226, 226, 226, 0.20));*/

  line-height:72px;

    position: absolute;

    bottom: 0;

}