html {
    height: 100%
}

body {
    overflow-x: hidden;
    font-family: 'Open Sans';
    font-size: 13px;
    background: #444444;
    padding: 0;
}

body.full {
    height: 100%;
    background: #000;
    padding: 0 62px
}

.inner {
    max-width: 100%;
    padding: 0 15px;
    margin: 0 auto;
    position: relative
}

.container {
    position: relative
}

.container-small {
    position: relative;
    width: 640px;
    margin: 0 auto;
    max-width: 100%
}

a {
    cursor: pointer
}

a:hover {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

a:active,a:focus {
    outline: none
}

p {
    margin: 0 0 20px 0
}

h1,h2,h3,h4,h5 {
    font-weight: normal;
    margin: 0
}

img {
    max-width: 100%;
    display: block
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.left {
    float: left !important
}

.right {
    float: right !important
}

.fake-table {
    display: table;
    height: 100%;
    width: 100%
}

.fake-table-cell {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.img-nest {
    position: relative;
    display: block
}

fieldset {
    border: none;
    padding: 0;
    margin: 0
}

input,textarea {
    outline: none;
    border: none
}

button {
    border: none
}

label {
    margin: 0
}

.fixed {
    position: fixed;
    top: 0
}

.no-space {
    padding: 0
}


.ham span {
    position: absolute;
    left: 0;
    height: 3px;
    width: 100%;
    background: #444;
    display: inline-block;
    transition: all 0.2s ease-in-out;
    transform-origin: center center
}

.menu-btn.open span {
    transition: transform 0.2s ease-in-out
}

.menu-btn.open span:nth-child(1) {
    top: 12px;
    transform: rotate(-45deg)
}

.menu-btn.open span:nth-child(2) {
    opacity: 0
}

.menu-btn.open span:nth-child(3) {
    top: 12px;
    transform: rotate(45deg)
}

.menu-btn span:nth-child(1) {
    top: 3px
}

.menu-btn span:nth-child(2) {
    top: 13px;
}

.menu-btn span:nth-child(3) {
    top: 22px
}

.drop-wrap{
    display: none;
    position: absolute;
    top: 100%;
    background: #fdfdfd;
    box-shadow: 0px 6px 10px rgb(0 0 0 / 25%);
    z-index: 2;
}
.drop-btn .caret{
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: middle;
    border-top: 6px dashed;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    color: #2ebb95;
    transition: transform .2s ease-in-out;
}

.drop-btn.active .caret {
    transform: rotate(-180deg);
}

.drop-wrap li {
    font-size: 15px;
    padding: 10px 15px;
    display: block;
    text-align: left;
    border-bottom: 1px solid #dadada;
    transition: all .1s ease-in-out;
}
.drop-wrap li:hover {
    color:#fff;
    background: #2ebb95;
}
.drop-wrap a {
    color: #1f3334;
}
.drop-wrap a:hover {
    text-decoration: underline;
}
.drop-wrap i {
    margin-right: 10px;
}

.ct-double-octave:after,.ct-major-eleventh:after,.ct-major-second:after,.ct-major-seventh:after,.ct-major-sixth:after,.ct-major-tenth:after,.ct-major-third:after,.ct-major-twelfth:after,.ct-minor-second:after,.ct-minor-seventh:after,.ct-minor-sixth:after,.ct-minor-third:after,.ct-octave:after,.ct-perfect-fifth:after,.ct-perfect-fourth:after,.ct-square:after {
    content: "";
    clear: both
}

.ct-double-octave:after,.ct-double-octave:before {
    content: ""
}

.ct-golden-section:after {
    content: ""
}

.ct-major-eleventh:after,.ct-major-eleventh:before {
    content: ""
}

.ct-major-second:after,.ct-major-second:before {
    content: ""
}

.ct-major-seventh:after,.ct-major-seventh:before {
    content: ""
}

.ct-major-sixth:after,.ct-major-sixth:before {
    content: ""
}

.ct-major-tenth:after,.ct-major-tenth:before {
    content: ""
}

.ct-major-third:after,.ct-major-third:before {
    content: ""
}

.ct-major-twelfth:after,.ct-major-twelfth:before {
    content: ""
}

.ct-minor-second:after,.ct-minor-second:before {
    content: ""
}

.ct-minor-seventh:after,.ct-minor-seventh:before {
    content: ""
}

.ct-minor-sixth:after,.ct-minor-sixth:before {
    content: ""
}

.ct-minor-third:after,.ct-minor-third:before {
    content: ""
}

.ct-octave:after,.ct-octave:before {
    content: ""
}

.ct-perfect-fifth:after,.ct-perfect-fifth:before {
    content: ""
}

.ct-perfect-fourth:after,.ct-perfect-fourth:before {
    content: ""
}

.ct-square:after,.ct-square:before {
    content: ""
}

.ct-chart {
    position: relative
}

.ct-label {
    fill: rgba(0,0,0,0.4);
    color: rgba(0,0,0,0.4);
    font-family: Arial;
    font-size: 14px;
    line-height: 1
}

.ct-chart-pie .ct-label,.ct-chart-donut .ct-label {
    font-weight: 300;
    fill: #fff;
    color: #fff;
    font-size: 20px
}

.ct-chart-bar .ct-label,.ct-chart-line .ct-label {
    display: flex;
}

.ct-label.ct-horizontal.ct-start {
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}

.ct-label.ct-horizontal.ct-end {
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}

.ct-label.ct-vertical.ct-start {
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-box-pack: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    text-align: right;
    text-anchor: end
}

.ct-label.ct-vertical.ct-end {
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}

.ct-chart-bar .ct-label.ct-horizontal.ct-start {
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    text-anchor: start
}

.ct-chart-bar .ct-label.ct-horizontal.ct-end {
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    text-anchor: start
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    text-align: right;
    text-anchor: end
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: end
}

.ct-grid {
    stroke: #f3f3f3;
    stroke-width: 1px
}

.ct-point {
    stroke-width: 10px;
    stroke-linecap: round
}

.ct-line {
    fill: none;
    stroke-width: 4px
}

.ct-area {
    stroke: none;
    fill-opacity: .1
}

.ct-bar {
    fill: none;
    stroke-width: 10px
}

.ct-slice-donut {
    fill: none;
    stroke-width: 60px
}

.ct-series-a .ct-bar,.ct-series-a .ct-line,.ct-series-a .ct-point,.ct-series-a .ct-slice-donut {
    stroke: #d70206
}

.ct-series-a .ct-area,.ct-series-a .ct-slice-pie {
    fill: #d70206
}

.ct-series-b .ct-bar,.ct-series-b .ct-line,.ct-series-b .ct-point,.ct-series-b .ct-slice-donut {
    stroke: #f05b4f
}

.ct-series-b .ct-area,.ct-series-b .ct-slice-pie {
    fill: #f05b4f
}

.ct-series-c .ct-bar,.ct-series-c .ct-line,.ct-series-c .ct-point,.ct-series-c .ct-slice-donut {
    stroke: #f4c63d
}

.ct-series-c .ct-area,.ct-series-c .ct-slice-pie {
    fill: #f4c63d
}

.ct-series-d .ct-bar,.ct-series-d .ct-line,.ct-series-d .ct-point,.ct-series-d .ct-slice-donut {
    stroke: #d17905
}

.ct-series-d .ct-area,.ct-series-d .ct-slice-pie {
    fill: #d17905
}

.ct-series-e .ct-bar,.ct-series-e .ct-line,.ct-series-e .ct-point,.ct-series-e .ct-slice-donut {
    stroke: #453d3f
}

.ct-series-e .ct-area,.ct-series-e .ct-slice-pie {
    fill: #453d3f
}

.ct-series-f .ct-bar,.ct-series-f .ct-line,.ct-series-f .ct-point,.ct-series-f .ct-slice-donut {
    stroke: #59922b
}

.ct-series-f .ct-area,.ct-series-f .ct-slice-pie {
    fill: #59922b
}

.ct-series-g .ct-bar,.ct-series-g .ct-line,.ct-series-g .ct-point,.ct-series-g .ct-slice-donut {
    stroke: #0544d3
}

.ct-series-g .ct-area,.ct-series-g .ct-slice-pie {
    fill: #0544d3
}

.ct-series-h .ct-bar,.ct-series-h .ct-line,.ct-series-h .ct-point,.ct-series-h .ct-slice-donut {
    stroke: #6b0392
}

.ct-series-h .ct-area,.ct-series-h .ct-slice-pie {
    fill: #6b0392
}

.ct-series-i .ct-bar,.ct-series-i .ct-line,.ct-series-i .ct-point,.ct-series-i .ct-slice-donut {
    stroke: #f05b4f
}

.ct-series-i .ct-area,.ct-series-i .ct-slice-pie {
    fill: #f05b4f
}

.ct-series-j .ct-bar,.ct-series-j .ct-line,.ct-series-j .ct-point,.ct-series-j .ct-slice-donut {
    stroke: #dda458
}

.ct-series-j .ct-area,.ct-series-j .ct-slice-pie {
    fill: #dda458
}

.ct-series-k .ct-bar,.ct-series-k .ct-line,.ct-series-k .ct-point,.ct-series-k .ct-slice-donut {
    stroke: #eacf7d
}

.ct-series-k .ct-area,.ct-series-k .ct-slice-pie {
    fill: #eacf7d
}

.ct-series-l .ct-bar,.ct-series-l .ct-line,.ct-series-l .ct-point,.ct-series-l .ct-slice-donut {
    stroke: #86797d
}

.ct-series-l .ct-area,.ct-series-l .ct-slice-pie {
    fill: #86797d
}

.ct-series-m .ct-bar,.ct-series-m .ct-line,.ct-series-m .ct-point,.ct-series-m .ct-slice-donut {
    stroke: #b2c326
}

.ct-series-m .ct-area,.ct-series-m .ct-slice-pie {
    fill: #b2c326
}

.ct-series-n .ct-bar,.ct-series-n .ct-line,.ct-series-n .ct-point,.ct-series-n .ct-slice-donut {
    stroke: #6188e2
}

.ct-series-n .ct-area,.ct-series-n .ct-slice-pie {
    fill: #6188e2
}

.ct-series-o .ct-bar,.ct-series-o .ct-line,.ct-series-o .ct-point,.ct-series-o .ct-slice-donut {
    stroke: #a748ca
}

.ct-series-o .ct-area,.ct-series-o .ct-slice-pie {
    fill: #a748ca
}

.ct-square {
    display: block;
    position: relative;
    width: 100%
}

.ct-square:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    padding-bottom: 100%
}

.ct-square:after {
    display: table
}

.ct-square>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-minor-second {
    display: block;
    position: relative;
    width: 100%
}

.ct-minor-second:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    padding-bottom: 93.75%
}

.ct-minor-second:after {
    display: table
}

.ct-minor-second>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-second {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-second:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    padding-bottom: 88.8888888889%
}

.ct-major-second:after {
    display: table
}

.ct-major-second>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-minor-third {
    display: block;
    position: relative;
    width: 100%
}

.ct-minor-third:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    padding-bottom: 83.3333333333%
}

.ct-minor-third:after {
    display: table
}

.ct-minor-third>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-third {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-third:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    padding-bottom: 80%
}

.ct-major-third:after {
    display: table
}

.ct-major-third>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-perfect-fourth {
    display: block;
    position: relative;
    width: 100%
}

.ct-perfect-fourth:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    padding-bottom: 75%
}

.ct-perfect-fourth:after {
    display: table
}

.ct-perfect-fourth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-perfect-fifth {
    display: block;
    position: relative;
    width: 100%
}

.ct-perfect-fifth:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    padding-bottom: 66.6666666667%
}

.ct-perfect-fifth:after {
    display: table
}

.ct-perfect-fifth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-minor-sixth {
    display: block;
    position: relative;
    width: 100%
}

.ct-minor-sixth:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    padding-bottom: 62.5%
}

.ct-minor-sixth:after {
    display: table
}

.ct-minor-sixth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-golden-section {
    display: block;
    position: relative;
    width: 100%
}

.ct-golden-section:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 61.804697157%
}

.ct-golden-section:after {
    display: table;
    clear: both
}

.ct-golden-section>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-sixth {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-sixth:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    padding-bottom: 60%
}

.ct-major-sixth:after {
    display: table
}

.ct-major-sixth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-minor-seventh {
    display: block;
    position: relative;
    width: 100%
}

.ct-minor-seventh:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    padding-bottom: 56.25%
}

.ct-minor-seventh:after {
    display: table
}

.ct-minor-seventh>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-seventh {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-seventh:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    padding-bottom: 53.3333333333%
}

.ct-major-seventh:after {
    display: table
}

.ct-major-seventh>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-octave {
    display: block;
    position: relative;
    width: 100%
}

.ct-octave:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    padding-bottom: 50%
}

.ct-octave:after {
    display: table
}

.ct-octave>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-tenth {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-tenth:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    padding-bottom: 40%
}

.ct-major-tenth:after {
    display: table
}

.ct-major-tenth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-eleventh {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-eleventh:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    padding-bottom: 37.5%
}

.ct-major-eleventh:after {
    display: table
}

.ct-major-eleventh>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-twelfth {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-twelfth:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    padding-bottom: 33.3333333333%
}

.ct-major-twelfth:after {
    display: table
}

.ct-major-twelfth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-double-octave {
    display: block;
    position: relative;
    width: 100%
}

.ct-double-octave:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    padding-bottom: 25%
}

.ct-double-octave:after {
    display: table
}

.ct-double-octave>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.tooltip {
    position: absolute;
    display: inline-block;
    min-width: 5em;
    padding: .5em;
    background: transparent;
    color: #453D3F;
    font-weight: 700;
    text-align: center;
    pointer-events: none;
    z-index: 1
}

.tooltip:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top-color: transparent
}


.prettycheckbox,.prettyradio {
    padding: 0;
    margin: 0;
    font-size: 0
}

.prettycheckbox>a {
    height: 26px;
    width: 26px;
    float: left;
    cursor: pointer;
    margin: 0 10px 0 0;
    font-family: 'FontAwesome';
    font-size: 10px;
    line-height: 26px;
    color: #5c5e53;
    text-align: center;
    background: #f4f4f4;
    text-decoration: none;
    transition: all 0.2s ease-in-out
}

.prettyradio>a {
    height: 26px;
    width: 26px;
    float: left;
    cursor: pointer;
    margin: 0 10px 0 0;
    border: 6px solid #f4f4f4;
    background: #f4f4f4;
    border-radius: 100%;
    transition: all 0.2s ease-in-out
}

.prettycheckbox>a.checked {
    background-position: 100% 50%
}

.prettycheckbox>a.checked:before {
    content: "\f00c"
}

.prettycheckbox label,.prettyradio label {
    float: left;
    font-size: 12px;
    color: rgba(255,255,255,0.65);
    line-height: 26px;
    font-weight: normal;
    cursor: pointer
}

.prettycheckbox a.disabled,.prettycheckbox label.disabled {
    cursor: not-allowed
}

.prettyradio a.disabled,.prettyradio label.disabled {
    cursor: not-allowed
}


.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.bx-wrapper {
    position: relative;
    padding: 0;
    *zoom:1;-ms-touch-action: pan-y;
    touch-action: pan-y
}

.bx-wrapper img {
    max-width: 100%;
    display: block
}

.bxslider {
    margin: 0;
    padding: 0
}

ul.bxslider {
    list-style: none
}

.bx-viewport {
    -webkit-transform: translatez(0)
}

.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -15px;
    width: 100%
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #ebebeb;
    text-indent: -9999px;
    display: block;
    width: 8px;
    height: 8px;
    margin: 0 2px;
    outline: 0;
    border-radius: 100%
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #383838
}

.bx-wrapper .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom:1;*display: inline
}

.bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0
}

.bx-wrapper .bx-prev {
    left: 10px
}

.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-prev:focus {
    background-position: 0 0
}

.bx-wrapper .bx-next {
    right: 10px
}

.bx-wrapper .bx-next:hover,.bx-wrapper .bx-next:focus {
    background-position: -43px 0
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

.bx-wrapper .bx-controls-auto {
    text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus {
    background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus {
    background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666;
    background: rgba(80,80,80,0.75);
    width: 100%
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px
}

.mb_slider {
    position: relative;
    height: 46px
}

.mb_sliderBar {
    background-color: #f4f4f4;
    height: 46px;
    width: 100%;
    cursor: default
}

.mb_sliderHandler {
    padding: 0 12px;
    min-width: 48px;
    background-color: #e2e2e2;
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    height: 100%;
    z-index: 20
}

.mb_sliderEnd,.mb_sliderStart,.mb_sliderValue {
    position: absolute;
    top: 0;
    font-family: Arial;
    font-size: 10px;
    line-height: 46px;
    color: #1f3334;
    white-space: nowrap;
    cursor: default;
    opacity: .2;
    z-index: 10
}

.mb_sliderStart {
    left: 15px
}

.mb_sliderEnd {
    right: 15px
}

.mb_sliderRange {
    position: absolute;
    height: 100%;
    margin: 0;
    top: 0;
    cursor: default
}

.mb_sliderZero {
    background-color: #fafafa;
    position: absolute;
    height: 100%;
    margin: 0;
    top: 0;
    border-radius: 4px 0 0 4px;
    cursor: default
}

.mb_sliderZeroLabel {
    font: 12px/12px Arial, sans-serif;
    color: #AAA;
    padding: 5px;
    background-color: #fff;
    margin-left: -4px;
    z-index: -2;
    border-radius: 4px;
    margin-top: -5px
}

.mb_sliderValueLabel {
    height: 100%;
    width: 100%;
    left: 0 !important;
    font-size: 12px;
    color: #727272;
    line-height: 46px;
    height: 46px !important;
    z-index: 20;
    white-space: nowrap;
    top: 0 !important;
    text-align: center;
    cursor: pointer
}

.bootstrap-tagsinput {
    display: block;
    font-family: Arial;
    font-size: 12px;
    line-height: 18px;
    min-height: 46px;
    width: 100%;
    padding: 6px 15px 0 15px;
    background: #f4f4f4;
    color: #000;
    font-size: 0
}

.bootstrap-tagsinput input {
    border: none;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    padding: 0 !important;
    margin: 0 !important;
    height: 34px !important;
    width: auto !important;
    max-width: inherit;
    display: inline-block !important
}

.bootstrap-tagsinput.form-control input::-moz-placeholder {
    color: #777;
    opacity: 1
}

.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
    color: #777
}

.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
    color: #777
}

.bootstrap-tagsinput input:focus {
    border: none;
    box-shadow: none
}

.bootstrap-tagsinput .tag {
    display: inline-block;
    padding: 0 7px;
    font-size: 12px;
    line-height: 34px;
    margin: 0 5px 6px 0;
    color: #727272;
    background: #ddeba9
}

.bootstrap-tagsinput .tag [data-role="remove"] {
    margin-left: 8px;
    cursor: pointer;
    color: #fff
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
    content: "x";
    padding: 0px 2px
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}

header {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

header div.user {
    font-size: 13px;
    font-weight: 700;
    background: #292929;
    white-space: nowrap;
    height: 50px;
    display: flex;
    align-items: stretch;
    min-width: 260px;
}

header div.search {
    display: inline-block;
}

header div.search form {
    position: relative;
    background: #1c1c1c;
}

header div.search form input[type="text"] {
    height: 50px;
    margin: 0;
    border: none;
    padding: 0 15px;
    background: none;
    font-size: 13px;
    color: #fff;
    width: 230px;
}


footer {
    clear: both;
    text-align: center;
    padding: 25px 0;
    background: #383838
}

footer p {
    color: #fff;
    line-height: 18px;
    margin: 0
}

footer p i {
    color: #e67373
}

footer a {
    display: table;
    margin: 0 auto;
    color: #8d8d8d;
    padding: 0 24px 0 0;
    background: url('/web/20231021153811im_//static/admin/images/id-footer.png') no-repeat 100% 50%
}

footer a:hover {
    text-decoration: underline
}

nav {
    position: relative;
    width: 50px;
    transition: width 0.3s ease-in-out
}

.sticky {
    position: sticky;
    top: 0;
}

a.menu-btn {
    position: relative;
    width: 50px;
    height: 50px;
    background: #aef6fa;
    /* display: flex;
    justify-content: center;
    align-items: center; */
}

a.menu-btn div.ham {
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 25px;
    width: 25px;
}

nav a.mobile-menu {
    display: none !important;
    font-weight: 700;
    font-size: 16px;
    line-height: 61px;
    color: #fff;
    text-align: center;
    display: block;
    background: #333;
}

nav ul.menu {
    overflow: hidden
}

nav ul.menu li {
    position: relative;
    font-size: 13px;
    border-bottom: 1px solid #9ce7eb
}

nav ul.menu li.active span {
    height: 50px;
    line-height: 50px;
    margin-bottom: -1px
}

nav ul.menu li.active ul {
    display: block
}

nav ul.menu li.dropdown.active:after {
    content: "-"
}

nav ul.menu li.dropdown:after {
    content: "+";
    position: absolute;
    right: 15px;
    top: 16px;
    font-size: 25px;
    line-height: 24px;
    text-transform: uppercase;
    cursor: pointer;
    transition: opacity 0.3s ease-in-out 0.3s
}

nav ul.menu li:last-child {
    border: none
}

nav ul.menu li:last-child span {
    line-height: 60px;
    height: 60px
}

nav ul.menu li a::-moz-focus-inner {
    border: 0
}

nav ul.menu li ul {
    display: none;
    margin-bottom: -1px
}

nav ul.menu li ul li {
    height: 50px;
    overflow: hidden;
    border-bottom: 1px solid
}

nav ul.menu li ul li:last-child {
    border: none
}

nav ul.menu li ul li.active {
    font-weight: 700
}

nav ul.menu li ul li a {
    display: block;
    line-height: 50px;
    padding: 0 20px;
    color: #1f3334;
    cursor: pointer !important
}

nav ul.menu p {
    position: absolute;
    left: 70px;
    top: 0;
    line-height: 50px;
    color: #1f3334;
    margin: 0
}

nav ul.menu span {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #355557;
    text-align: center;
    border-right: 1px solid #9ce7eb
}

nav div.bottom {
    position: relative;
    overflow: hidden;
    min-height: 300px
}

nav div.bottom a.info-btn {
    display: block;
    width: 61px;
    height: 61px;
    line-height: 61px;
    font-size: 16px;
    color: #355557;
    text-align: center
}

nav div.bottom div.info {
    position: absolute;
    left: 61px;
    top: 0;
    padding: 20px 45px 0 0;
    width: 229px
}

nav div.bottom div.info h4 {
    font-weight: 700;
    margin: 0 0 10px 0
}

nav div.bottom div.info p {
    font-family: Arial;
    line-height: 19px;
    color: rgba(0,0,0,0.6);
    margin: 0 0 10px 0
}

nav div.bottom div.info a.menu-back {
    display: block;
    width: 32px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    color: #000;
    border: 1px solid #bcbcbc;
    border-radius: 100%
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    nav div.bottom div.info a.menu-back {
        line-height:32px
    }

    nav div.bottom div.info a.menu-back i {
        margin-left: -2px
    }
}

nav div.bottom div.info a.menu-back i {
    margin-left: -1px
}

div.circle-stats {
    height: 244px;
    background: #292929;
    text-align: center;
    font-size: 0
}

div.circle-stats br {
    display: none
}

div.circle-stats div.circle {
    display: inline-block;
    width: 165px;
    height: 165px;
    border: 10px solid;
    margin: 14px;
    border-radius: 100%
}

div.circle-stats div.circle.red {
    border-color: #e67373
}

div.circle-stats div.circle.yellow {
    border-color: #f7fe8c
}

div.circle-stats div.circle.blue {
    border-color: #aef6fa
}

div.circle-stats div.circle.green {
    border-color: #abffa9
}

div.circle-stats div.circle p {
    font-weight: 700;
    font-size: 36px;
    line-height: 100%;
    color: #fff;
    margin: -10px 0 0 0
}

div.circle-stats div.circle span {
    font-weight: 300;
    font-size: 15px;
    line-height: 100%;
    color: #fff;
    margin: 0;
    text-transform: uppercase;
}

div.circle-stats div.circle span.extra {
    font-size: 11px;
    text-transform: capitalize;
    color: #abffa9;
}

div.charts div.chosen-container {
    float: right
}

div.charts div.chart {
    padding: 10px;
    position: relative;
    height: 300px;
}

div.charts div.chart div.ct-chart {
    height: 500px
}

div.users div.heading div.chosen-container {
    float: right
}

div.users div.left-part {
    width: 65%
}

div.users div.right-part {
    width: 35%
}

div.users div.right-part div.heading h2 {
    padding: 0 25px
}

div.comments-approval {
    padding: 30px 40px
}

div.comments-approval ul li {
    width: 100% !important
}

div.comments-approval div.author {
    margin: 0 0 15px 0
}

div.comments-approval div.author p {
    font-weight: 700;
    margin: 0
}

div.comments-approval div.author p span {
    font-size: 16px;
    font-weight: 300
}

div.comments-approval div.author a {
    font-size: 20px;
    line-height: 39px;
    margin: 0 8px
}

div.comments-approval div.author a.approve {
    color: #89ba88
}

div.comments-approval div.author a.delete {
    color: #e67373;
    margin-right: 0
}

div.comments-approval li p {
    font-family: Arial;
    line-height: 19px;
    color: rgba(0,0,0,0.6);
    margin: 0 0 15px 0
}

#login {
    width: 293px;
    margin: 0 auto;
    max-width: 100%
}

#login div.top {
    line-height: 61px;
    background: #292929;
    width: 100%;
    text-align: left
}

#login div.top div.logo {
    width: 61px;
    line-height: 61px;
    text-align: center;
    background: #f7fe8c
}

#login div.top div.logo img {
    display: inline
}

#login div.top p {
    float: left;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    color: #fff;
    margin: 15px 0 0 20px;
    white-space: nowrap
}

#login div.top p span {
    font-weight: 500
}

#login form {
    clear: both
}

#login form div.fields {
    position: relative
}

#login form div.fields fieldset {
    position: relative;
    border: none;
    padding: 0;
    margin: 0 !important
}

#login form div.fields fieldset:first-child input[type="text"],#login form div.fields fieldset:first-child input[type="password"] {
    height: 61px;
    border: none
}

#login form div.fields fieldset span {
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 0;
    width: 62px;
    height: 100%;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    border-right: 1px solid #9ce7eb
}

#login form div.fields fieldset span i {
    font-size: 16px
}

#login form input[type="text"],#login form input[type="password"],#login form input[type="email"] {
    width: 100%;
    height: 62px;
    padding: 0 20px 0 82px;
    background: #aef6fa;
    border-top: 1px solid #9ce7eb;
    color: #1f3334
}

#login form input[type="text"]::-webkit-input-placeholder,#login form input[type="password"]::-webkit-input-placeholder,#login form input[type="email"]::-webkit-input-placeholder {
    color: #81b9bc
}

#login form input[type="text"]:-moz-placeholder,#login form input[type="password"]:-moz-placeholder,#login form input[type="email"]:-moz-placeholder {
    color: #81b9bc
}

#login form input[type="text"]::-moz-placeholder,#login form input[type="password"]::-moz-placeholder,#login form input[type="email"]::-moz-placeholder {
    color: #81b9bc
}

#login form input[type="text"]:-ms-input-placeholder,#login form input[type="password"]:-ms-input-placeholder,#login form input[type="email"]:-ms-input-placeholder {
    color: #81b9bc
}

#login form input[type="submit"] {
    position: absolute;
    right: -62px;
    bottom: 0;
    width: 62px;
    height: 61px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    background: #292929
}

#login form input[type="submit"]:hover {
    background: #252525
}

#login div.bottom {
    text-align: center
}

#login div.bottom div.prettycheckbox {
    float: left
}

#login div.bottom div.prettycheckbox a {
    background: #212121
}

#login div.bottom div.prettycheckbox a.checked {
    background: #212121
}

#login div.bottom div.prettycheckbox a:before {
    color: #aef6fa
}

#login div.bottom a.forgot {
    color: rgba(255,255,255,0.65);
    line-height: 26px
}

#login div.bottom a.forgot:hover {
    text-decoration: underline
}

table.adm-table {
    width: 100%;
    text-align: left
}

table.adm-table thead {
    background: #575757
}

table.adm-table thead th {
    font-weight: 700;
    color: #fff;
    line-height: 50px;
    padding: 0 10px !important;
    vertical-align: middle;
    white-space: nowrap;
    outline: none
}

table.adm-table thead th:last-child {
    text-align: right
}

table.adm-table thead th:last-child div.nest {
    display: inline-block
}

table.adm-table thead th.sorting_asc span.order {
    background-position: 50% 0
}

table.adm-table thead th.sorting_desc span.order {
    background-position: 100% 0
}

table.adm-table thead th span.order {
    display: inline-block;
    vertical-align: middle;
    margin: -3px 0 0 10px;
    height: 7px;
    width: 5px;
    background: url('/web/20231021153811im_//static/admin/images/icon-order.png?1435784467') no-repeat 0 0
}

table.adm-table th.sorting_disabled span.order {
    display: none;
}

table.adm-table tbody tr {
    cursor: pointer
}

table.adm-table tbody tr:nth-child(odd) {
    background: #f7f7f7
}

table.adm-table tbody tr:hover {
    background: #dff6ff
}

table.adm-table td {
    vertical-align: middle;
    padding: 11px 15px
}

table.adm-table td:first-child {
    width: 80px
}

table.adm-table td:last-child {
    text-align: right
}

table.adm-table p {
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
    margin: 0
}

table.adm-table strong {
    font-weight: 700
}

table.adm-table span.date {
    font-weight: 300
}

table.adm-table img.avatar {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 0 0;
    border-radius: 100%
}

table.adm-table a.edit,table.adm-table a.delete {
    margin: 0 12px;
    font-size: 20px;
    color: #000
}

table.adm-table a.delete {
    color: #e67373;
    margin-right: 0
}

table.adm-table form.delete-form {
    display: inline
}

table.adm-table form.delete-form button,table.adm-table form.delete-form input[type="submit"] {
    font: normal normal normal 14px/1 FontAwesome;
    margin: 0 0 0 12px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    background: none;
    padding: 0;
    height: auto;
    font-weight: normal;
    text-transform: none;
    float: none;
    outline: none
}

table.adm-table form.delete-form button:before,table.adm-table form.delete-form input[type="submit"]:before {
    content: '\f00d';
    font-size: 20px;
    color: #e67373
}

div.tables {
    text-align: left;
    margin: 0 0 30px 0
}

div.tables div.dataTables_length {
    display: none
}

div.tables div.prettycheckbox a {
    height: 17px;
    width: 17px;
    line-height: 17px;
    margin: 0;
    float: none;
    display: block;
    margin: 0;
    background-color: #929292
}

div.tables table.adm-table th div.prettycheckbox a {
    background-color: #929292
}

div.tables table.adm-table td {
    padding: 5px 8px;
}

div.tables table.adm-table td div.prettycheckbox a {
    background-color: #ebebeb
}

div.tables .group {
    display: inline-block;
    font-weight: 700;
    font-size: 12px;
    color: #383838;
    padding: 0 10px;
    border-radius: 2px
}

div.tables .group.blue {
    background-color: #aef6fa
}

div.tables .group.green {
    background-color: #c0faae
}

div.tables .group.yellow {
    background-color: #f5faae
}

div.tables .group.red {
    background-color: #fab2ae
}

div.tables .group.grey {
    background-color: #d0d0d0
}

div.tables div.action {
    padding: 0 0 0 30px;
    margin-top: -46px;
    white-space: nowrap;
    font-size: 0
}

div.tables div.action label {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 46px;
    margin: 0 20px 0 0
}

div.tables div.action div.chosen-container {
    display: inline-block;
    vertical-align: top;
    font-size: 12px
}

form h3 {
    font-size: 13px;
    line-height: 19px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 21px 27px;
    background: #5e5d5d
}

form div.inner {
    padding: 64px 70px
}

form fieldset,form div.form-group {
    font-size: 0;
    text-align: left;
    margin: 0 0 10px 0 !important
}

form fieldset.error-alert input[type="text"],form fieldset.error-alert input[type="email"],form fieldset.error-alert input[type="password"],form fieldset.error-alert textarea,form fieldset.has-error input[type="text"],form fieldset.has-error input[type="email"],form fieldset.has-error input[type="password"],form fieldset.has-error textarea,form div.form-group.error-alert input[type="text"],form div.form-group.error-alert input[type="email"],form div.form-group.error-alert input[type="password"],form div.form-group.error-alert textarea,form div.form-group.has-error input[type="text"],form div.form-group.has-error input[type="email"],form div.form-group.has-error input[type="password"],form div.form-group.has-error textarea {
    border: 3px solid #fab2ae
}

form fieldset.error-alert div.chosen-container .chosen-single,form fieldset.has-error div.chosen-container .chosen-single,form div.form-group.error-alert div.chosen-container .chosen-single,form div.form-group.has-error div.chosen-container .chosen-single {
    border: 3px solid #fab2ae;
    line-height: 40px
}

form fieldset.error-alert div.chosen-container .chosen-single div b,form fieldset.has-error div.chosen-container .chosen-single div b,form div.form-group.error-alert div.chosen-container .chosen-single div b,form div.form-group.has-error div.chosen-container .chosen-single div b {
    line-height: 40px
}

form fieldset.error-alert span.error-alert,form fieldset.has-error span.error-alert,form div.form-group.error-alert span.error-alert,form div.form-group.has-error span.error-alert {
    display: block
}

form fieldset.has-error label,form div.form-group.has-error label {
    color: #dd8b86
}

form fieldset.has-error span.help-block,form div.form-group.has-error span.help-block {
    font-family: Arial;
    font-size: 12px;
    line-height: 19px;
    color: #dd8b86;
    margin-top: 3px
}

form fieldset.info-alert span.info-alert,form div.form-group.info-alert span.info-alert {
    display: block
}

form fieldset.disabled label,form div.form-group.disabled label {
    opacity: .3;
    cursor: default
}

form fieldset.prefix table,form div.form-group.prefix table {
    width: 100%
}

form fieldset.prefix table td:first-child,form div.form-group.prefix table td:first-child {
    font-family: Arial;
    font-size: 13px;
    padding: 0 15px;
    color: rgba(31,51,52,0.3);
    background: #e2e2e2;
    white-space: nowrap
}

form fieldset.prefix table td:last-child,form div.form-group.prefix table td:last-child {
    width: 100%
}

form fieldset p,form div.form-group p {
    font-size: 13px;
    line-height: 26px;
    margin: 10px 0 0 0
}

form fieldset p a:hover,form div.form-group p a:hover {
    text-decoration: underline
}

form fieldset span.error-alert,form div.form-group span.error-alert {
    display: none;
    font-family: Arial;
    font-size: 12px;
    line-height: 19px;
    color: #dd8b86;
    margin-top: 3px
}

form fieldset span.info-alert,form div.form-group span.info-alert {
    display: none;
    font-family: Arial;
    font-size: 13px;
    line-height: 19px;
    color: #32614f;
    margin-top: 3px
}

form fieldset label,form fieldset .control-label,form div.form-group label,form div.form-group .control-label {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    line-height: 46px;
    text-align: left;
    width: 180px;
    padding: 0;
    cursor: pointer
}

form fieldset div.field,form fieldset>div,form div.form-group div.field,form div.form-group>div {
    position: relative;
    display: inline-block;
    vertical-align: top;
    line-height: 46px;
    padding: 0;
    width: calc(100% - 180px);
    width: -webkit-calc(100% - 180px)
}

form fieldset div.field div.datepicker,form fieldset>div div.datepicker,form div.form-group div.field div.datepicker,form div.form-group>div div.datepicker {
    position: relative;
    max-width: 280px
}

form fieldset div.field div.datepicker span.cal-icon,form fieldset>div div.datepicker span.cal-icon,form div.form-group div.field div.datepicker span.cal-icon,form div.form-group>div div.datepicker span.cal-icon {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 48px;
    line-height: 46px;
    background: #e2e2e2;
    font-size: 16px;
    color: #727272;
    text-align: center
}

form fieldset select,
form fieldset input[type="text"],
form fieldset input[type="number"],
form fieldset input[type="email"],
form fieldset input[type="password"],
form fieldset .form-control,
form div.form-group input[type="text"],
form div.form-group input[type="email"],
form div.form-group input[type="password"],
form div.form-group .form-control {
    display: block;
    font-family: Arial;
    font-size: 12px;
    line-height: 18px;
    height: 46px;
    width: 100%;
    padding: 0 15px;
    background: #f4f4f4;
    border: none;
    border-radius: 0;
    color: #000;
    outline: none;
    box-shadow: none
}

form fieldset input[type="text"]:disabled,
form fieldset input[type="email"]:disabled,
form fieldset input[type="password"]:disabled,
form fieldset .form-control:disabled,
form div.form-group input[type="text"]:disabled,
form div.form-group input[type="email"]:disabled,
form div.form-group input[type="password"]:disabled,
form div.form-group .form-control:disabled {
    background: #e2e2e2
}

form fieldset textarea,
form fieldset textarea.form-control,
form div.form-group textarea,
form div.form-group textarea.form-control {
    display: block;
    font-family: Arial;
    font-size: 12px;
    line-height: 18px;
    height: 116px;
    width: 100%;
    padding: 15px;
    background: #f4f4f4;
    color: #000;
    resize: none
}

form fieldset div.chosen-container,
form div.form-group div.chosen-container {
    font-size: 12px;
    width: 100% !important
}

form fieldset div.prettycheckbox,
form fieldset div.prettyradio,
form div.form-group div.prettycheckbox,
form div.form-group div.prettyradio {
    display: inline-block;
    vertical-align: middle;
    margin: 0 50px 0 0
}

form fieldset div.prettycheckbox label,
form fieldset div.prettycheckbox .control-label,
form fieldset div.prettyradio label,
form fieldset div.prettyradio .control-label,
form div.form-group div.prettycheckbox label,
form div.form-group div.prettycheckbox .control-label,
form div.form-group div.prettyradio label,
form div.form-group div.prettyradio .control-label {
    font-size: 13px;
    line-height: 26px;
    color: #1f3334;
    width: auto
}

form fieldset div.switch div.prettycheckbox,
form div.form-group div.switch div.prettycheckbox {
    margin: 0 10px 0 0
}

form fieldset div.switch div.prettycheckbox a,
form div.form-group div.switch div.prettycheckbox a {
    font-weight: 500;
    font-size: 12px;
    line-height: 46px;
    height: 46px;
    width: 96px;
    color: #727272;
    margin: 0;
    background: #f4f4f4;
    text-transform: uppercase
}

form fieldset div.switch div.prettycheckbox a:before,
form div.form-group div.switch div.prettycheckbox a:before {
    font-family: 'Open Sans';
    content: "OFF";
    display: block;
    height: 46px;
    width: 48px;
    background: #e2e2e2;
    transition: all 0.2s ease-in-out
}

form fieldset div.switch div.prettycheckbox a.checked:before,
form div.form-group div.switch div.prettycheckbox a.checked:before {
    font-family: 'Open Sans';
    content: "ON";
    margin-left: 48px
}

form fieldset div.file-actions,
form div.form-group div.file-actions {
    font-size: 0
}

form fieldset .NFI-wrapper,
form div.form-group .NFI-wrapper {
    display: inline-block !important;
    vertical-align: top;
    float: none !important
}

form fieldset #drop,
form div.form-group #drop {
    height: 46px;
    text-align: center;
    border: 2px dashed #e2e2e2;
    float: left;
    margin: 0 15px 0 0;
    width: calc(100% - 155px);
    border-radius: 10px;
    transition: all 0.2s ease-in-out
}

form fieldset #drop.entered,form div.form-group #drop.entered {
    border-color: #adadad
}

form fieldset #drop p,form div.form-group #drop p {
    font-family: Arial;
    font-size: 13px;
    color: #727272;
    line-height: 42px;
    margin: 0
}

form fieldset #drop p i,form div.form-group #drop p i {
    color: #727272;
    margin: 0 10px 0 0
}

form fieldset .profile-preview,form div.form-group .profile-preview {
    max-width: 300px
}

form fieldset .profile-preview a.cancel,form div.form-group .profile-preview a.cancel {
    display: table;
    line-height: 46px
}

form fieldset p.file-name,form div.form-group p.file-name {
    display: inline-block;
    vertical-align: top;
    line-height: 46px;
    margin: 0 0 0 10px
}

form input[type="submit"] {
    height: 46px;
    padding: 0 20px;
    font-size: 12px;
    font-weight: 700;
    color: #727272;
    text-align: center;
    text-transform: uppercase;
    background: #ddeba9;
    float: right;
    transition: all 0.2s ease-in-out
}

form input[type="submit"]:hover {
    background: #cfde97
}

form a.cancel {
    height: 46px;
    padding: 0 20px;
    font-size: 12px;
    line-height: 46px;
    font-weight: 700;
    color: #727272;
    text-align: center;
    text-transform: uppercase;
    background: #f4f4f4;
    transition: all 0.2s ease-in-out
}

form a.cancel:hover {
    background: #ebebeb
}

div.drop-nest {
    padding: 0 15px;
    margin: 0 0 32px 0
}

#drop {
    height: 108px;
    text-align: center;
    border: 4px dashed #7b7b7b;
    border-radius: 20px;
    transition: all 0.2s ease-in-out
}

#drop.entered {
    border-color: #adadad
}

#drop p {
    font-weight: 700;
    font-size: 12px;
    color: #ffffff;
    line-height: 100px;
    margin: 0
}

#drop p i {
    color: #aef6fa;
    margin: 0 10px 0 0
}

#images div.holder {
    position: relative;
    width: 25%;
    float: left;
    font-size: 0;
    text-align: center;
    padding: 0 15px;
    margin: 0 0 25px 0
}

#images div.holder div.outer {
    position: relative;
    background: url('/web/20231021153811im_//static/admin/images/loading.gif?1435096503') no-repeat 50% 50%
}

#images div.holder div.img-nest {
    position: relative;
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    height: 152px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out
}

#images div.holder div.img-nest.reveal {
    opacity: 1;
    visibility: visible
}

#images div.holder div.img-nest:hover div.over {
    opacity: 1;
    visibility: visible
}

#images div.holder div.img-nest img {
    display: inline-block;
    margin: 0 auto;
    max-height: 100%;
    border-radius: 5px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.3)
}

#images div.holder div.img-nest div.over {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    background: rgba(5,5,5,0.67);
    border-radius: 5px;
    transition: all 0.2s ease-in-out
}

#images div.holder div.img-nest div.over i {
    font-size: 16px;
    color: #fff;
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer
}

#images div.holder p {
    font-weight: 700;
    font-size: 10px;
    line-height: 18px;
    color: #fff;
    margin: 5px 0 0 0;
    text-transform: uppercase
}

.gallery div.inner {
    padding: 47px 35px
}

.gallery .bootstrap-filestyle {
    text-align: center;
    float: none
}

.charts-gallery {
    padding: 0 30px
}

.charts-gallery h3 {
    font-weight: 700;
    font-size: 19px;
    line-height: 110%;
    color: #383838;
    margin: 40px 0 30px 0;
    text-transform: uppercase
}

.charts-gallery div.ct-chart {
    float: left;
    width: 40%;
    height: 230px;
    margin: 0 10% 0 0
}

.charts-gallery #chart-pie-explode .ct-label {
    color: #777777;
    fill: #777777
}

#wrapper {
    background: #fff
}

#wrapper nav ul.menu li.dropdown:after {
    opacity: 0;
    visibility: hidden
}

#wrapper.expand nav {
    width: 260px
}

#wrapper.expand nav ul.menu li.dropdown:after {
    opacity: 1;
    visibility: visible
}

#wrapper.expand #content {
    width: calc(100% - 260px)
}

#content {
    position: relative;
    background: #fff;
    width: calc(100% - 50px);
    transition: width 0.3s ease-in-out
}

#content.gallery {
    background: #626262
}

.heading {
    padding: 14px 15px 13px 15px;
    line-height: 34px;
    background: #383838
}

.heading h2 {
    font-weight: 700;
    font-size: 12px;
    color: #fff
}

.heading h2 i {
    font-size: 14px;
    margin: 0 10px 0 0
}

.heading div.chosen-container-single {
    font-face: 'nswmedium'
}

.heading div.chosen-container-single .chosen-single {
    height: 33px;
    line-height: 33px;
    color: #fff;
    background: #292929
}

.heading div.chosen-container-single .chosen-single div {
    width: 33px;
    background: none
}

.heading div.chosen-container-single .chosen-single div b {
    color: #fff;
    line-height: 33px
}

.heading div.chosen-container-single .chosen-drop {
    background: #292929
}

.heading div.chosen-container-single .chosen-results {
    color: #1f3334
}

div.breadcrumbs {
    position: relative;
    background: #383838;
    padding: 9px 50px 9px 30px;
    height: 50px
}

div.breadcrumbs ul {
    font-size: 0
}

div.breadcrumbs ul li {
    font-weight: 700;
    display: inline-block;
    line-height: 33px;
    font-size: 13px;
    color: #fff
}

div.breadcrumbs ul li a {
    font-weight: 500;
    color: #fff
}

div.breadcrumbs ul li a:hover {
    text-decoration: underline
}

div.breadcrumbs ul li i {
    margin: 0 17px
}

div.breadcrumbs img.table-loader {
    position: absolute;
    top: 50%;
    right: 21px;
    margin-top: -8px
}

div.alerts>div {
    padding: 21px 27px 22px 27px
}

div.alerts>div.success {
    background-color: #ddeba9
}

div.alerts>div.success p {
    color: #7e875e
}

div.alerts>div.error {
    background-color: #fab2ae
}

div.alerts>div.error p {
    color: #9b6e6b
}

div.alerts>div.info {
    background-color: #d9f4f5
}

div.alerts>div.info p {
    color: #749fa1
}

div.alerts>div p {
    line-height: 18px;
    margin: 0
}

div.alerts>div p strong {
    font-weight: 700;
    color: #383838
}

.btn {
    font-weight: 700;
    color: #fff;
    line-height: 33px;
    padding: 0 20px;
    text-align: center;
    background: #232222;
    display: inline-block;
}

.btn:hover {
    background: #252525
}

.btn i {
    font-size: 16px;
    margin: -3px 10px 0 0;
    vertical-align: middle
}

.NFI-wrapper {
    float: right !important
}

.NFI-wrapper .NFI-button {
    height: 46px;
    line-height: 46px;
    width: 140px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: #727272;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.2s ease-in-out
}

.NFI-wrapper .NFI-button:hover {
    background: #cfde97
}

.NFI-wrapper .NFI-filename {
    display: none !important
}

.NFI-wrapper input[type="file"] {
    height: 100% !important;
    width: 100%
}

.bootstrap-filestyle {
    float: right
}

.bootstrap-filestyle input[type="text"] {
    display: none
}

.bootstrap-filestyle span {
    outline: none
}

.bootstrap-filestyle span.glyphicon {
    display: none
}

.bootstrap-filestyle label {
    height: 46px;
    line-height: 46px;
    width: 140px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: #727272;
    text-align: center;
    text-transform: uppercase;
    background: #ddeba9;
    cursor: pointer;
    transition: all 0.2s ease-in-out
}

.bootstrap-filestyle label:hover {
    background: #cfde97
}

@media (min-width: 992px) {
    nav ul.menu {
        display:block !important
    }

    div.charts div.chart div.ct-chart {
        width: 100%;
        height: 300px
    }
}

@media (min-width: 992px) and (max-width: 1139px) {
    div.circle-stats {
        height:auto;
        padding: 11px 0
    }

    div.circle-stats div.circle {
        width: 140px;
        height: 140px;
        margin: 10px 5px
    }

    div.circle-stats div.circle p {
        font-size: 28px
    }

    div.circle-stats div.circle span {
        font-size: 12px
    }

    div.users div.left-part,div.users div.right-part {
        float: none !important;
        width: 100%
    }

    div.users div.right-part {
        padding-bottom: 60px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    body {
        padding-left:0
    }

    nav,#content {
        width: 100% !important;
        float: none;
    }

    a.menu-btn {
        display: none
    }

    nav a.mobile-menu {
        display: block !important
    }

    nav ul.menu,nav div.bottom {
        display: none
    }

    div.circle-stats {
        height: auto
    }

    div.circle-stats div.circle {
        width: 140px;
        height: 140px;
        margin: 10px
    }

    div.circle-stats div.circle p {
        font-size: 28px
    }

    div.circle-stats div.circle span {
        font-size: 12px
    }

    div.users div.left-part,div.users div.right-part {
        float: none !important;
        width: 100%
    }

    div.users div.right-part {
        padding-bottom: 60px
    }

    div.charts div.chart {
        padding: 20px 10px
    }

    div.charts div.chart div.ct-chart {
        width: 100%;
        height: 300px
    }

    .charts-gallery div.ct-chart {
        width: 100%;
        height: 300px;
        float: none;
        margin: 0 0 20px 0
    }

    form.upload {
        padding: 0
    }

    form.upload div.inner {
        padding: 20px 15px
    }

    form.upload fieldset label,form.upload fieldset div.field {
        display: block;
        width: 100%
    }

    form.upload fieldset label {
        line-height: 30px
    }

    div.drop-nest {
        margin: 30px 0
    }

    #images div.holder {
        width: 33.3333333333%
    }

    .sticky {
        position: initial;
    }
}

@media (max-width: 767px) {
    body {
        padding-left:0
    }

    header>div {
        width: 100%
    }

    header>div.search form input[type="text"] {
        width: 100%
    }

    nav,#content {
        width: 100% !important;
        float: none;
    }

    a.menu-btn {
        display: none;
    }

    nav a.mobile-menu {
        display: block !important
    }

    nav ul.menu,nav div.bottom {
        display: none;
    }

    div.circle-stats {
        height: auto
    }

    div.circle-stats br {
        display: block
    }

    div.circle-stats div.circle {
        margin: 14px 20px
    }

    div.users div.left-part,div.users div.right-part {
        float: none !important;
        width: 100%
    }

    div.users div.right-part {
        padding-bottom: 60px
    }

    div.charts div.chart {
        padding: 20px 10px
    }

    div.charts div.chart div.ct-chart {
        width: 100%;
        height: 300px
    }

    .charts-gallery div.ct-chart {
        width: 100%;
        height: 300px;
        float: none;
        margin: 0 0 20px 0
    }

    table.adm-table {
        text-align: center
    }

    table.adm-table thead th {
        font-size: 11px;
        padding: 0 5px !important
    }

    table.adm-table tbody td {
        padding: 0 5px 5px !important
    }

    table.adm-table tbody td p {
        font-size: 10px
    }

    table.adm-table tbody td span.date {
        font-size: 12px
    }

    table.adm-table a.edit,table.adm-table a.delete {
        margin: 0 2px
    }

    div.tables table.adm-table td:first-child {
        width: auto
    }

    div.tables div.action {
        float: none !important;
        padding: 0;
        text-align: center
    }

    .dataTables_wrapper .dataTables_paginate {
        margin: 0;
        padding: 0
    }

    form.upload {
        padding: 0
    }

    form.upload div.inner {
        padding: 20px 15px
    }

    form.upload fieldset label,form.upload fieldset div.field {
        display: block;
        width: 100%
    }

    form.upload fieldset label {
        line-height: 30px
    }

    form fieldset {
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 20px;
    }

    form fieldset > label, form fieldset div.field{
        width: 100%;
    }

    div.drop-nest {
        margin: 20px 0
    }

    #images div.holder {
        width: 50%
    }

    div.breadcrumbs {
        height: auto;
        text-align: center;
        padding: 10px;
    }

    div.breadcrumbs ul.breadcrumbs,div.breadcrumbs a.btn {
        float: none !important
    }

    div.breadcrumbs a.btn {
        display: block
    }

    form div.inner {
        padding: 15px 15px;
    }

    .sticky {
        position: initial;
    }
}

@media (max-width: 479px) {
    body.full {
        padding:0 62px 0 0
    }

    #login {
        width: 100%
    }

    div.circle-stats {
        height: auto
    }

    div.circle-stats div.circle {
        width: 120px;
        height: 120px;
        margin: 10px
    }

    div.circle-stats div.circle p {
        font-size: 24px
    }

    div.circle-stats div.circle span {
        font-size: 12px
    }

    .charts-gallery #chart-pie-explode .ct-label {
        color: #fff;
        fill: #fff
    }
}

@font-face {
    font-family: "nswbold";
    src: url('/web/20231021153811im_//static/admin/css/fonts/nswbold.ttf?1422539811') format('truetype'),url('/web/20231021153811im_//static/admin/css/fonts/nswbold.woff?1422539811') format('woff'),url('/web/20231021153811im_//static/admin/css/fonts/nswbold.eot?1422539811') format('embedded-opentype')
}

@font-face {
    font-family: "nswmedium";
    src: url('/web/20231021153811im_//static/admin/css/fonts/nswmedium.ttf?1423679852') format('truetype'),url('/web/20231021153811im_//static/admin/css/fonts/nswmedium.woff?1423679852') format('woff'),url('/web/20231021153811im_//static/admin/css/fonts/nswmedium.eot?1423679852') format('embedded-opentype')
}

@font-face {
    font-family: "nswlight";
    src: url('/web/20231021153811im_//static/admin/css/fonts/nswlight.ttf?1434577681') format('truetype'),url('/web/20231021153811im_//static/admin/css/fonts/nswlight.woff?1434577683') format('woff'),url('/web/20231021153811im_//static/admin/css/fonts/nswlight.eot?1434577682') format('embedded-opentype')
}

/*
     FILE ARCHIVED ON 15:38:11 Oct 21, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 20:38:00 Jul 20, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.803
  exclusion.robots: 0.079
  exclusion.robots.policy: 0.064
  esindex: 0.023
  cdx.remote: 14.049
  LoadShardBlock: 1436.949 (3)
  PetaboxLoader3.resolve: 1342.597 (4)
  PetaboxLoader3.datanode: 207.029 (5)
  load_resource: 119.904
  loaddict: 65.028
*/